@charset "utf-8";


/*---------------------------------------
基礎設定
---------------------------------------*/
.clearfix {zoom:1;}
.clearfix:after{
    content: ""; 
    display: block; 
    clear: both;}

body,html{
	height:100%;
}

html{
	background:url(../images/html_back.gif);
}

body {
	font-size: 75%;
	line-height: 1.6;
	color: #333;
	background:url(../images/back.gif) no-repeat fixed center top;
	height:auto;
}

img{
	border:none;
	vertical-align:bottom;
}
a:link{
	color: #333;
	text-decoration: underline;
}
a:visited{
	color: #999;
	text-decoration: underline;
}
a:hover{
	color: #333;
	text-decoration: none;
}

a:hover img{
    opacity:0.7;
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
}


input ,select{
	vertical-align:-0.3em;
	margin-right:5px;
}
label{
	margin-right:15px;
}
.caution{
    color: #900;
}
.m10{
	margin-bottom: 10px;
}
.m20{
	margin-bottom: 20px;
}
.m30{
	margin-bottom: 30px;
}
.m40{
	margin-bottom: 40px;
}
.m50{
	margin-bottom: 50px;
}
.m60{
	margin-bottom: 60px;
}
/*---------------------------------------
枠
---------------------------------------*/

#wrapper{
	width:900px;
	background:#fff;
	margin:0 auto;
	height:100%;
	min-height:100%;
	position: relative;

}
body > #wrapper{ 
    height:auto;
}


/*---------------------------------------
タブ
---------------------------------------*/



#sidetab {
	width: 46px;
	position: absolute;
	left: 900px;
	top:250px;

}
#sidetab ul li{
	margin-bottom:5px;

}
/*#sidetab ul li a:hover img{
    opacity:1;
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}*/

/*---------------------------------------
パンクズ
---------------------------------------*/
#topic_path{
	width:840px;
	line-height:30px;
	padding:0 30px;
	margin-bottom:20px;
}
/*---------------------------------------
ヘッダ
---------------------------------------*/
#header{
	width:840px;
	padding:0 30px 15px;
	border-bottom:1px solid #8fc31f;


}
#header_up{
	overflow:hidden;
	margin-bottom:5px;
	height:2em;
}
#header_up h1,
#header_up .ttl{
	float:left;
    padding-left: 0;
}
#header_up p{
	float:right;
	padding-left:18px;
/*	background:url(../images/yaji_icon.gif) no-repeat left center;
*/	
}
#header_bottom{
	overflow:hidden;
}
#header_bottom p{
	float:left;
}
#header_bottom ul{
	float:right;
	padding-top:10px;
}
#header_bottom ul li{
	float:left;
	margin-left:10px;
zoom:1;
}
/*---------------------------------------
メインビジュアル
---------------------------------------*/
#main_visual{
	margin-bottom:25px;
	z-index:1;
}
/*---------------------------------------
メインコンテンツ
---------------------------------------*/
.mainttl {
	font-size:24px;
	color:#4fa147;
	font-weight: bold;
	border-bottom: 1px solid #8fc31f;
	margin-bottom: 15px;
}
.mainttl span {
	border-left:12px solid #8fc31f;
	padding-left: 10px;
}

.mainttl.ver2 {
	font-size:22px;
	color:#129243;
	border-bottom: none;
}
.mainttl.ver2 span {
	border-left:none;
	padding-left: 0;
}

#main_contents{
	width:625px;
	padding-right:30px;
	float:right;
}
.otoku{
	margin-top:-13px;
	margin-bottom:10px;

}
.banner{
	margin-top:-27px;
	margin-bottom:10px;

}
.banner2{
	margin-bottom:20px;

}
#main_contents h2{
	margin-bottom:10px;
}
.line_title{
	background:url(../images/image_line_title_back.gif) no-repeat;
	padding-left:25px;
	font-size:16px;
	font-weight:bold;
	line-height:36px;
	margin-bottom:15px;
	color:#555;
}
.line_title02{
	background:url(../images/image_line_title_back_02.gif) no-repeat;
	padding-left:25px;
	font-size:16px;
	font-weight:bold;
	line-height:36px;
	margin-bottom:15px;
	color:#555;
}
.m10{
	margin-bottom:10px;
}
/*--top--*/
#top_contents{
	width:840px;
	padding:0 30px;
}
#top_contents h2{
	margin-bottom:20px;
}

#information{
	width:500px;
	overflow:hidden;
	background:#4fa147;
	padding:20px;
	margin:0 auto 40px;
	border-radius:5px;
	font-size:15px;
	color:#fff;	

}
#information h2{
	text-align:center;
	border-bottom:3px solid #a9cfa6;
	padding-bottom:20px;	
}
#information p{
	margin-bottom:1em;
}


#gakunen{
	width:840px;
	overflow:hidden;
	margin-bottom:40px;

}
#gakunen ul{
	margin-right:-18px;
position:relative
clear:left;
zoom:1;

}
#gakunen li{

	margin-right:18px;
	margin-bottom:15px;
float:left;

}
#gakunen li:nth-child(4){
	margin-left:150px;
}
#line_up{
	width:840px;
	overflow:hidden;
	margin-bottom:40px;
}

#line_up .up{
	margin-right:-15px;
	position:relative
	clear:left;
	zoom:1;
	overflow:hidden;
}
#line_up .up li{
	margin-bottom:15px;
float:left;
}
#line_up .down{
	width:642px;
	overflow:hidden;
	margin-left:105px;
}
#line_up .down li{

	float:left;
	margin-right:15px;
}

#tokucho_top{
	width:840px;
	overflow:hidden;
	margin-bottom:40px;
}
#tokucho_top ul{
	margin-right:-13px;
	position:relative;
	clear:left;
	zoom:1;
}
#tokucho_top li{
	margin-right:11px;
	margin-bottom:15px;
float:left;
}
#himitu{
	width:840px;
	overflow:hidden;
	margin-bottom:40px;
}
#himitu ul{
	width:567px;
	margin:0 auto;
}
#himitu li{
	margin:0 6px;
	margin-bottom:15px;
float:left;
}



.detail{
	float:right;
	clear:both;
}
.detail_center{
	width:116px;
	margin:0 auto;
}
#mokuteki{
	width:840px;
	overflow:hidden;
	margin-bottom:40px;
}
#mokuteki p{
		margin-bottom:10px;
}
#mokuteki li{
	float:left;
	margin-right:8px;
	margin-bottom:10px;

}
.shindan{
	text-align:center;
	margin-bottom:30px;
}
/*--診断--*/
#shindan{
	width:505px;
	height:593px;
	padding:30px 60px 0 ;
	background:url(../images/image_shindan_back_01.gif) no-repeat;


}
#shindan h2{
	margin-bottom:3px;


}
#shindan p{
	padding-left:105px;
	margin-bottom:3px;
	padding-bottom:3px;


}
#shindan hr{

	border-width: 1px 0px 0px 0px; /* 太さ */
   border-style: dashed; /* 線種 */
   border-color: #daae84; /* 線色 */
   height: 1px; /* 高さ */
}
#shindan .shindan_btn{
	margin-left:30px;
	border-bottom:none;

}
#shindan .shindan_btn:hover{
    opacity:0.7;
    /*filter: alpha(opacity=70);*/
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);


}
.shindan_yajirushi{
	text-align:center;
	padding:50px; 0;
}

#shindan_result{
	
	width:505px;
	height:771px;
	padding:30px 60px 0 ;
	background:url(../images/image_shindan_back_02.gif) no-repeat;


}
#shindan_result ul{
	
	margin-right:-10px;
	margin-bottom:20px;
	overflow:hidden;

}
#shindan_result li{
	
	float:left;
	margin-right:10px;
	margin-bottom:10px;


}
.top{
	text-align:right;
	margin-bottom:20px;


}

/*--教材--*/
.kyozai_contents{
	width:600px;
	background:url(../images/kyozai/image_kyozai_back.jpg);
	padding-top:30px;
	padding-left:25px;
	padding-bottom:20px;
	overflow:hidden;
	margin-bottom:20px;
}
.kyozai_title_01{
	background:url(../images/image_fukidashi_01.gif) no-repeat;
	padding-left:45px;
	line-height:25px;
	font-size:14px;
	font-weight:bold;
	margin-bottom:15px;
	color:#555;	

}
.kyozai_title_02{
	background:url(../images/image_fukidashi_02.gif) no-repeat;
	padding-left:45px;
	line-height:25px;
	font-size:14px;
	font-weight:bold;
	margin-bottom:15px;
	color:#555;
}
.kyozai_title_03{
	background:url(../images/image_fukidashi_03.gif) no-repeat;
	padding-left:45px;
	line-height:25px;
	font-size:14px;
	font-weight:bold;
	margin-bottom:15px;
	color:#555;
}
.kyozai_title_04{
	background:url(../images/image_fukidashi_04.gif) no-repeat;
	padding-left:45px;
	line-height:25px;
	font-size:14px;
	font-weight:bold;
	margin-bottom:15px;
	color:#555;
}
.kyozai_title_05{
	background:url(../images/image_fukidashi_05.gif) no-repeat;
	padding-left:45px;
	line-height:25px;
	font-size:14px;
	font-weight:bold;
	margin-bottom:15px;
	color:#555;
}
.kyozai_name{
	float:left;
	width:109px;

}
.kyozai_name p{
	margin-bottom:3px;

}
.name{
	font-weight:bold;
	text-align:center;
}
.name2{
	font-size:10px;
}
.kyozai_honbun{
	float:right;
	width:440px;
	padding-right:20px;
}
.kyozai_honbun h5{
	padding:3px 3px 3px 10px;
	font-size:18px;
	font-weight:bold;
	color:#fff;
	margin-left:-10px;
	margin-bottom:5px;
}
.kyozai_title_back_01{
		background:#dc7f73;
}
.kyozai_title_back_02{
		background:#71bdae;
}
.kyozai_title_back_03{
		background:#89bb41;
}
.kyozai_title_back_04{
		background:#eda83f;
}
.kyozai_title_back_05{
		background:#5ab9d5;
}
.kyozai_honbun_title{
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
}
.kyozai_honbun_title_color_01{
		color:#dc7f73;
}
.kyozai_honbun_title_color_02{
		color:#71bdae;
}
.kyozai_honbun_title_color_03{
		color:#89bb41;
}
.kyozai_honbun_title_color_04{
		color:#eda83f;
}
.kyozai_honbun_title_color_05{
		color:#5ab9d5;
}
.kyozai_honbun li{
	margin-left:20px;
	list-style-image:url(../images/kyozai/image_kyozai_list.gif);
	padding-top:10px;
}
.kyozai_tokucho{
	width:625px;
	overflow:hidden;
	margin-bottom:15px;
}
.kyozai_tokucho dt{
	width:100px;
	float:left;
}
.kyozai_tokucho dd{
	width:180px;
	float:left;
	padding:0 10px;
}

/*--サポート--*/
.support_taiken{
	width:625px;
	overflow:hidden;
	margin-bottom:20px;
}
.support_taiken li{
	float:left;
	margin-right:20px;
}
.neg_ma{
	margin-left:-20px;
	margin-bottom:20px;
}
.support_title_sub{
	font-size:10px;
	color:#eca615;
	margin-left:20px;
}
.support_title_sub.is-gr {
	color: #89bb41;
	margin-left: 10px;
}
/*---------------------------------------
サブコンテンツ
---------------------------------------*/
#sub_contents{
	width:194px;
	padding-left:30px;
	float:left;

	
}
#banner_area{
	margin-top:-9px;
	margin-bottom:10px;
}

#banner_area p{
	margin-bottom:5px;
}

#tokucho{
	width:180px;
	height:460px;
	padding-top:12px;
	padding-left:13px;
	background:url(../images/image_sidemenu_back_01.gif) no-repeat;
	margin-bottom:10px;
}
#tokucho li{
	margin-bottom:7px;
	background:url(../images/kyozai/image_sidemenu_btn_back.png) no-repeat;
}
.tokucho_last{
	margin-bottom:15px;
}
#other li{
	background-image:none;
	background:#fff;
	width:167px;
}
#lineup{
	width:180px;
	height:363px;
	padding-top:12px;
	padding-left:13px;
	background:url(../images/image_sidemenu_back_02.gif) no-repeat;
}
#lineup ul{
	margin-bottom:7px;
	
	}
#lineup li{
	background:url(../images/kyozai/image_sidemenu_btn_back.png) no-repeat;
}
.other li{
	margin-bottom:7px;
}
.alart{ color:#F00;}
/*---------------------------------------
フッター
---------------------------------------*/
#footer{
	width:900px;
	height:100px;
	padding-top:10px;
	text-align:center;
	border-top:3px solid #8fc31f;
	clear:both;
}
#sns{
	text-align:right;
	padding:10px 0;

}
#sns img{
	vertical-align:baseline;

}