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



/*=========================================
			クリアーフィックス*/	

.clearfix:after { 
				content: "."; 
				display: block; 
				height: 0; 
				clear: both; 
				visibility: hidden;
				 }
				 
				 
 .clearfix {
			display: inline-block;
			}
			
 /* Hides from IE-mac \*/ 
 * html .clearfix {
				height: 1%;
		} 

.clearfix {
			display: block;
			}

/* End hide from IE-mac */	



/*==========================================
			共通設定*/

			


	
/*==============================================
			フォントサイズ*/	
.fs75{
	font-size:75%;
	}
.fs80{
	font-size:80%;
	}
.fs85{
	font-size:85%;
	}
.fs90{
	font-size:90%;
	}			
.fs95{
	font-size:95%;
	}
.fs120{
	font-size:120%;
	}
.fs140{
	font-size:140%;
	}
.fs160{
	font-size:160%;
	}		
.fw_b{
	font-weight:bold;
	}
		
/*===============================================
			マージン*/
.ma{
	margin:auto;
	}

.mt2{
	margin-top:2px;
	}
.mt3{
	margin-top:3px;
	}	
.mt5{
	margin-top:5px;
	}
.mt10{
	margin-top:10px;
	}
.mt15{
	margin-top:15px;
	}
.mt20{
	margin-top:20px;
	}
.mt25{
	margin-top:25px;
	}
		
.mr2{
	margin-right:2px;
	}
.mr3{
	margin-right:3px;
	}	
.mr5{
	margin-right:5px;
	}
.mr10{
	margin-right:10px;
	}
.mr15{
	margin-right:15px;
	}
.mr20{
	margin-right:20px;
	}
.mr25{
	margin-right:25px;
	}	
		
.mb2{
	margin-bottom:2px;
	}
.mb3{
	margin-bottom:3px;
	}	
.mb5{
	margin-bottom:5px;
	}
.mb10{
	margin-bottom:10px;
	}
.mb15{
	margin-bottom:15px;
	}
.mb20{
	margin-bottom:20px;
	}
.mb25{
	margin-bottom:25px;
	}		

.ml2{
	margin-left:2px;
	}
.ml3{
	margin-left:3px;
	}
.ml4{
	margin-left:4px;
	}			
.ml5{
	margin-left:5px;
	}
.ml10{
	margin-left:10px;
	}
.ml13{
	margin-left:13px;
	}	
.ml15{
	margin-left:15px;
	}
.ml20{
	margin-left:20px;
	}
.ml25{
	margin-left:25px;
	}	
.ml35{
	margin-left:45px;
	}		


/*===============================================
			パディング*/	 	 	 	 	
.pt2{
	padding-top:2px;
	}
.pt3{
	padding-top:3px;	
	}
.pt5{
	padding-top:5px;
	}
.pt10{
	padding-top:10px;
	}
.pt15{
	padding-top:15px;
	}
.pt20{
	padding-top:20px;
	}
.pt25{
	padding-top:25px;
	}	

.pr2{
	padding-right:2px;
	}
.pr3{
	padding-right:3px;
	}
.pr5{
	padding-right:5px;
	}
.pr10{
	padding-right:10px;
	}
.pr15{
	padding-right:15px;
	}
.pr20{
	padding-right:20px;
	}	
.pr25{
	padding-right:25px;
	}


.pb2{
	padding-bottom:2px;
	}
.pb3{
	padding-bottom:3px;
	}	
.pb4{
	padding-bottom:4px;
	}
.pb5{
	padding-bottom:5px;
	}
.pb10{
	padding-bottom:10px;
	}
.pb15{
	padding-bottom:15px;
	}
.pb20{
	padding-bottom:20px;
	}
.pb25{
	padding-bottom:25px;
	}		
.pb30{
	padding-bottom:30px;
	}	

.pl2{
	padding-left:2px;
	}
.pl3{
	padding-left:3px;
	}
.pl4{
	padding-left:4px;
	}			
.pl5{
	padding-left:5px;
	}
.pl7{
	padding-left:7px;
	}	
.pl10{
	padding-left:10px;
	}
.pl15{
	padding-left:15px;
	}
.pl20{
	padding-left:20px;
	}
.pl25{
	padding-left:25px;
	}
			
/*			ここまでパディング
================================================*/

/*=================================================
			ここからフロート*/
.fr{
	float:right;
	}
.fl{
	float:left;
	}				
			
			
			
/*			ここまでフロート
================================================*/			


/*			ここまで共通設定
================================================*/

html{
	
	}

body {
	margin: 0px;
	padding: 0px;
	
}

h1,h2,h3,h4,h5,p,ul,ol,a,dl,dt,dd,img{
	margin:0px;
	padding:0px;
	text-indent:0px;
	}
p{line-height:1.5em;
}	
a{
	color:#0000FF;
	}
a:hover{
	color:#FF6600;
	}
a img{
	border:none;
	}		

	
/*==========================================
			ここからヘッダー*/	
#header {
	background:#FFFFFF url(../img/header_border.gif) bottom repeat-x;
	}	
#header h1{
	float:left;
	}
#header_banner{
	width:468px;
	height:60px;
	}
	
	
/*			ここまでヘッダー
============================================*/


#wrapper{
	width:950px;
	height:100%;
	font-size:90%;
	border-right:#666666 solid 1px;
/*	border-bottom:#666666 solid 1px;*/
	font-family: Verdana, "ＭＳ ゴシック";
	color: #333333;	
	}	

/*================================================
			ここからコンテンツ(contents)*/	

#wrapper #contents{
	background:#FFFFFF url(../img/main_cts_bg.gif) repeat-x;
	}
#wrapper #contents #main-cts{
width:692px;
float:left;
}
/*================================================
			ここからメインコンテンツ左カラム*/
#main-cts #mc-left{
	float:left;
	width:211px;
}

#mcl-top{
	background:#FFFFFF;
	border:#dfdfdf solid 1px;
	}
	
#mclt-bt{
	background:#FFFFFF url(../img/topics_bt_bg.gif) left bottom no-repeat;
	}	
#mclt-mid{
	background:url(../img/topics_mid_bg.gif) repeat-y left;
	}
#mclt-top{
	background:url(../img/topics_top_bg.gif) left top no-repeat;
	}
#mclt-top h3{
	display:inline;
	}
#mclt-mid ul li{
	list-style:none;
	line-height:1.3em;
	background:url(../img/topic_list_border.gif) no-repeat center bottom;
	}
#mclt-mid ul li span{
	color:#333333;
	display:block;
}
#mclt-mid .end{
	background:none;
	}
/*----------------------------------------------
			学研教育関連情報*/
#mcl-top #education{
	background:#e4f5e3;
	border:#185d17 solid 1px;
	width:201px;
	}
			/*プルダウン*/	
#education #ed-cts li{
	position:relative;
	margin:auto;
	list-style:none;
	}
	
/*2.25修正しました*/	
#education #ed-cts li li{
	list-style:none;
	width:435px;
/*	height:1.5em;*/
	}
#ed_01{
	background:url(../images/ed01_ttl.gif) no-repeat;
	text-indent:-9999px;
	height:33px;
	
	}
#ed_01:hover{
	background:url(../images/ed01_ttl_ro.gif) no-repeat;
	}
#ed_02{
	background:url(../images/ed02_ttl.gif) no-repeat;
	text-indent:-9999px;
	height:30px;
	}
#ed_02:hover{
	background:url(../images/ed02_ttl_ro.gif) no-repeat;
	}
#ed_03{
	background:url(../images/ed03_ttl.gif) no-repeat;
	text-indent:-9999px;
	height:30px;
	
	}
#ed_03:hover{
	background:url(../images/ed03_ttl_ro.gif) no-repeat;
	}
#ed_04{
	background:url(../images/ed04_ttl.gif) no-repeat;
	text-indent:-9999px;
	height:30px;
	}
#ed_04:hover{
	background:url(../images/ed04_ttl_ro.gif) no-repeat;
	}
#ed_05{
	background:url(../images/ed05_ttl.gif) no-repeat;
	text-indent:-9999px;
	height:30px;
	
	}
#ed_05:hover{
	background:url(../images/ed05_ttl_ro.gif) no-repeat;
	}
#ed_06{
	background:url(../images/ed06_ttl.gif) no-repeat;
	text-indent:-9999px;
	height:31px;
	}
#ed_06:hover{
	background:url(../images/ed06_ttl_ro.gif) no-repeat;
	}						




/*装飾*/
.text_indent{
	text-indent:-9999px;
	}


/* sub 2.25修正しました*/

#ed-cts ul li li a {
font-size:90%;
color:#195b0c;
text-decoration:none;
}
#ed-cts ul li li a:hover{
color:#FF6633;
} 

/*ここでメニューのfolatをクリアに*/


/*subを表示させない*/
#ed-cts ul li ul {
display:none;
background:#fdfffd;
padding:10px 5px 10px 10px;
}

/*プルダウンメニューの後に続く物が
プルダウンによって下がったりしないようにする*/
#ed-cts ul li:hover ul {
	display:block;
	position:absolute;
	left: 201px;
	top:0px;
	border:#1c551c solid 1px;
}


/*最後にハックでIEで6でもhoverれるようにします。
body { behavior:url("csshover.htc"); }

*/
		
		
		
		
		
.left_banner{
	border:#CCCCCC 1px solid;
	}		
		
		
		
		
		
		
		
						
	
/*			ここまでメインコンテンツ左カラム
=================================================*/

/*================================================
			ここからメインコンテンツ右カラム*/

#main-cts #mc-right{
	width:476px;
	float:right;
	}
	
/*			ここからメインコンテンツ右カラム
=================================================*/

/*			ここまでコンテンツ(contents)
=================================================*/
	
/*======================================
			ここからfooter*/
#footer{
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #1f6d81;
	border-bottom-color: #1f6d81;
	}
#footer a{
	text-decoration:none;}

#footer img{
	float:left;
	}

#footer ul{
	float:right;
	}

#footer li{
	float:left;
	list-style:none;
	}
#copyright{
	color:#0000FF;
	text-align:center;
	}	
#copyright a{
	text-decoration:none;
	}	
/*			ここまでfooter
===============================================*/