@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------------------------------
 ***                                                                Container
----------------------------------------------------------------------------*/
body {}
#wrap {}


/*----------------------------------------------------------------------------
 ***                                                                  Header
----------------------------------------------------------------------------*/
#headerArea {
	background-position: center top;
	background-repeat: no-repeat;
	height: 165px;
	background-image: url(../common_images/back_header01c.jpg);
}

#slideTxt2{
	top:0;
	background:url(../common_images/back_header03.png) center top no-repeat;
	z-index:9998;
	height:44px;
	width:100%;
}
#slideTxt2Inner{
	width:950px;
	margin:0 auto;
}
#slideTxt2Inner dl{ float:left;}
#slideTxt2Inner #sTopTxt{ float:right; margin:0; padding:5px;}
#slideTxt2Inner .fdTxt{ float:right; margin:0; padding:5px;}
#slideTxtInner .fdTxt{ float:right; margin:-45px 0 0; padding:5px;}

#headerAreaInner{background:none;}
#headerAreaTitle{
	width:950px;
	margin:0 auto;
	height:163px;
	position:relative
}
#headerAreaTitle h1{
	position:absolute;
	left: 30px;
	top: 35px;
}


/*----------------------------------------------------------------------------
 ***                                                       Header - Navi
----------------------------------------------------------------------------*/
#gnavi {}
#gnavi ul{}
#gnavi li{}
#hNavi{background:url(../common_images/back_header01c.png) left top repeat-x; height:64px;}
#hNavi li#wariBtn{
	float:none;
	position:absolute;
	top:-20px;
	left:709px;
}
#hNavi li#sclBtn{
	float:none;
	position:absolute;
	top:-19px;
	left:809px;
}


/*----------------------------------------------------------------------------
 ***                                                              contentsArea
----------------------------------------------------------------------------*/
#contentsArea {}



/*----------------------------------------------------------------------------
 ***                                               contentsArea -  mainSection
----------------------------------------------------------------------------*/
.mainSection {}
.mainSectionInner {}

#nouImg{
	position:absolute;
	top:-5px;
	right:65px;
}
#kodaSec .sectionInner{ padding-left:0px;}
#KodaSec .readSec{background-color:#00C; float:right; width:500px;}
#kodaImg{
	position:absolute;
	top:-25px;
	left:0px;
}


#sysSec{}

#koPlanSec,
#fPlanSec,
#opPlanSec{ padding:0px;}
#koPlanSec h4,
#fPlanSec h4,
#opPlanSec h4{ background:#BFEB21; font-size:24px; color:#000; border-bottom:#E6E6E6 solid 4px; padding:5px 0 0 15px;}
#koPlanSec .sectionInner,
#fPlanSec .sectionInner,
#opPlanSec .sectionInner{ padding:15px;}
#shimeiSec{ border:dotted 1px #CCC; border-left:none; border-right:none; margin-top: 14px; padding: 5px 0 5px 0;    width: 234px;}

#koPlanSec{float:left; width:469px; border-right:4px solid #E6E6E6;}
#fPlanSec{float:right; width:469px; }

#opPlanSec .section{ border:none; border-bottom:#B3B3B3 dotted 1px; margin-bottom:15px;}
#opPlanSec .last{ border:none; border-bottom:0; margin-bottom:15px;}

#njPlanSec .last{ border:none; border-bottom:0; margin-bottom:15px;}

#nagareSec .section{ border:none; border-bottom:#B3B3B3 dotted 1px; margin-bottom:15px;}

#nagareSec h4{ margin-bottom:0; line-height:1.2em;}
#nagareSec #nagaBox1{ background:url(../elementary/images/img_contents08.png)  15px 15px no-repeat; padding-left:90px;}
#nagareSec #nagaBox2{ background:url(../elementary/images/img_contents09.png)  15px 15px no-repeat; padding-left:90px;}
#nagareSec #nagaBox3{ background:url(../elementary/images/img_contents10.png)  15px 15px no-repeat; padding-left:90px;}
#nagareSec #nagaBox4{ background:url(../elementary/images/img_contents11.png)  15px 15px no-repeat; padding-left:90px;}
#nagareSec #nagaBox5{ background:url(../elementary/images/img_contents12.png)  15px 15px no-repeat; padding-left:90px; border:none;}

/*----------------------------------------------------------------------------
 ***                                               contentsArea - rightSection
----------------------------------------------------------------------------*/
.rightSection{}
.rightSectionInner {}


/*----------------------------------------------------------------------------
 ***                                               contentsArea - leftSection
----------------------------------------------------------------------------*/
.leftSection{}
.leftSectionInner {}


/*----------------------------------------------------------------------------
 ***                                                                  footer
----------------------------------------------------------------------------*/
#footerArea{}
#footerAreaInner{}
#footerLogo{}


/*----------------------------------------------------------------------------
 ***                                                              ページトップ
----------------------------------------------------------------------------*/
.pagetop_more {
	clear:both;
	width:100%;
	font-size:86%;
	text-align:right;
	margin-bottom:10px;
}


/*----------------------------------------------------------------------------
 ***                                                                   section
----------------------------------------------------------------------------*/
.section {}
.sectionInner {}



/*----------------------------------------------------------------------------
 ***                                                                 topsec
----------------------------------------------------------------------------*/
#topSec{}
#topSecInner{ width:950px; margin:0 auto;}
#showSec{ width:950;}
#showSec #headline2{ height:60px; border-bottom:1px solid #595757;}
#showSec h2{ height:60px;
			 font-size:44px; 
			 font-weight:400;
			 line-height:1.5em;
			 float:left;
}
#showSec #sub-title{ margin-left:10px; font-size:16px; font-weight:bold; color:#E13F3A; vertical-align:15%;}
#showSec #head-img{ float:right; }
#showSec #h2Com{ color:#E13F3A; font-size:20px; font-weight:bold; line-height:1.0em; height:30px;}
#showSec ul{ margin-bottom:5px;}
#showSec .check-box{ margin-top:11px;}
#showSec .sectionInner{  height:217px; border-bottom: 1px dashed #9FA0A0;}
#showSec li{
	background:url(../elementary/images/1606/icon_check_box.jpg) left 3px no-repeat;
	color:#000;
	font-size:16px;
	font-weight:500;
	padding-left:30px;
	width:480px;
	line-height:1.8em;
}
#showTxt p{ width:505px;margin-top:24px; line-height:1.6em; color:#3E3A39;}

.left-side{ width:505px; float:left;}
.right-side{ margin:11px 0 0; float: right;}

#topicSec{ margin:10px 0; padding-bottom:20px; border-bottom:1px solid #C9CACA;}
#topicSec .sectionInner{}
#topicSec .section{
	width:460px;
	margin:0;
}
#topicSec h3{ float:left;}
#topicSec .sectionInner .sectionInner{
	background:none;
	float:right;
	width:340px;
	padding:0;
}
#topicSec .topics_contents{ width:300px; height:80px; margin-right:25px; float:left;}
#topicSec .topics_contents:last-child{ width:300px; height:80px; margin-right:0px; float:left;}
#topicSec .topics_contents img:hover{ opacity:0.5;}

#topicSec .topics_contents img{ float:left;}
#topicSec .sectionInner .topics-txt{ width:180px; float:right;}
#topicSec .sectionInner dt{ font-size:16px; line-height:20px; padding-bottom:3px; color:#000;}
#topicSec .sectionInner dd{ line-height:1.2em; color:#3E3A39;}


#pLinkBox{ margin:0;}
#pLinkBox #btn-toku a,
#pLinkBox #btn-curriculum a,
#pLinkBox #btn-ryoukin a,
#pLinkBox #btn-nagare a
{
	width:200px;
	height:45px;
	padding:45px 0 0 21px;
	float:left;
	line-height:1.2em;
	text-decoration:none;
	color:#333;
}
#pLinkBox #btn-toku a{
	margin-right:20px;
	background:url(../elementary/images/1606/btn_miyabi_off.png) no-repeat;
}
#pLinkBox #btn-curriculum a{
	margin-right:23px;
	background:url(../elementary/images/1606/btn_curriculum_off.png) no-repeat;
}
#pLinkBox #btn-ryoukin a{
	margin-right:23px;
	background:url(../elementary/images/1606/btn_plan_off.png) no-repeat;
}
#pLinkBox #btn-nagare a{
	background:url(../elementary/images/1606/btn_flow_off.png) no-repeat;
}
#pLinkBox #btn-toku a:hover{background:url(../elementary/images/1606/btn_miyabi_on.png) no-repeat;}
#pLinkBox #btn-curriculum a:hover{background:url(../elementary/images/1606/btn_curriculum_on.png) no-repeat;}
#pLinkBox #btn-ryoukin a:hover{background:url(../elementary/images/1606/btn_plan_on.png) no-repeat;}
#pLinkBox #btn-nagare a:hover{background:url(../elementary/images/1606/btn_flow_on.png) no-repeat;}
#pLinkBox li img{ margin: 0 0 -48px -26px;}
#pLinkBox li.lastCh img{ margin:0;}

.subMainSec p.comment_pop{
	 width:390px;
	 height:50px;
	 padding:0 0 0 27px;
	 line-height:2.5em;
	 color:#3E3A39;
	 font-size:20px;
	 background:url(../elementary/images/1606/img_comment_pop.png) no-repeat;
	 position:absolute;
	 top:-37px;
	 left:82px;
}

.subMainSec h2{ margin-top:5px; font-size:28px; font-weight:100; line-height:1.5em;}

#ryoukinSec{}
#ryoukinSec li{ float:left; width:33%;}
#ryoukinSec dt,
#ryoukinSec dd{ text-align:center;}
#ryoukinSec dt{font-size:24px; color:#BD1E2C; margin:5px 0;}
#ryoukinSec dd{margin:8px 0;}



#tokuSec h4 span{ font-size:20px;}