@charaset "UTF-8";

/*---------------------
　navi系　
---------------------*/
#navi_neo{
	height:90px;
	width:780px;
	background-color:#FFF;
	margin:8px auto;
	position:relative;
	text-align:center;
}

/*---------------------
　タブ下　
---------------------*/
div #tab_shita{height:30px;}


div #tab_shita{/height:35px;}/*--IE6,7--*/


#tab_shita p,#tab_shita ul{
	margin:5px 10px;
	line-height:30px;
	font-size:14px;
	color:#222;
}

#tab_shita ul li{
	list-style-type:none;
	margin-left:30px;
	height:20px;
	float:left;
}
/*--IE6バグ用--*/　
*html #tab_shita li{display:inline;}


/*---------------------
　waku系　
---------------------*/

#waku_top{
width:430px;
height:20px;
background:url(../img/waku/waku_top.gif) no-repeat;
margin:0px;
font-size:3px;/*IE6バグ用（＝下に空白ができる） 本体には&nbsp;を挿入している。*/
color:#fff;
padding-left:3px;
}
#waku_top h2{
	padding-top:3px;
}



#waku_mid{
		width:430px;
		height:auto;
		background:url(../img/waku/waku_mid.gif) repeat-y;
		margin:0px;
}	


#waku_btm{
		width:430px;
		height:20px;
		background:url(../img/waku/waku_btm.gif) no-repeat;
		margin:0 0 10px 0;

}


.waku_waku{ 
	width:auto;
	height:40px;/*paddingを3にしているため40。実際は46*/
	margin:0px 25px 20px 20px;
	padding:3px;
	color:#fff;
	text-align:center;
	background:url(../img/h2/bg.png) no-repeat;
}


#waku_mid h2{
		width:auto;
		height:37px;
		line-height:40px;
		color:#fff;
		text-align:center;
		font-size:20px;
		font-weight:normal;
		position:relative;
}

/* IE6-7用上書き指定 */
*html #waku_mid h2 {
		line-height:43px;
}

#waku_mid h2{_padding-top:5px;}

/* IE8用上書き指定 */
html>/**/body #waku_mid h2{
 line-height /*\**/: 43px;\9;
}
 

#waku_mid h3{
		margin:0px 20px 10px 20px;
		font-size:16px;
		font-weight:normal;
		color:firebrick;
		text-indent:-1em;padding-left:1em;
		

	color:forestgreen;
	font-weight:normal;
	background-image:url(../img/icn_tree.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:30px;
	font-size:18px;
	padding-top:3px;
	text-indent:0px;
}

#waku_mid p{
margin:0px 25px 0px 20px;
padding-bottom:8px;
font-size:14px;
text-align:justify;
text-justify:distribute;
line-height:1.8em;
font-weight:normal;
color:#333;
	}
#waku_mid p:hover{color:#000;}

#waku_mid p.end{margin-bottom:0px;}

#waku_mid hr{
border-style:dashed;
border-width:1px;
margin:15px 20px;
border-color: #fff #fff #666 #fff;
background-color:#fff;
}

/*---------------------
　waku_nai_img系　
---------------------*/
#waku_mid img{
	display:block;
}

#waku_mid img.cent{
	display:block;
	margin:10px auto 3px auto;
}



#waku_mid p.img_cap{
	font-size:12px;
	width:388px;
	margin:0px auto 10px auto;
	text-align:right;
	color:#666;
	line-height:16px;
}




#waku_mid .img_r{
	margin:10px 30px 3px 10px;
	width:auto;
	float:right;
}

#waku_mid p.img_cap_r{
	font-size:12px;
	width:auto;
	margin:0px 30px 0px auto;
	color:#666;
	text-align:right;
}





#waku_mid h3 img{
	display:block;
	margin:0;
	border:0;
}
/*---------------------
　イメージボックス
---------------------*/

#waku_mid .img_box_l{
	margin:5px 10px 3px 25px;/*topの5pxは右のpとのバランス*/
	float:left;
	width:auto;
/*width:auto;にするとIE6 7で回り込みしない
各ページで上書き指定する*/
}

#waku_mid .img_box_r{
	margin:5px 20px 3px 10px;/*topの5pxは右のpとのバランス*/
	float:right;
	width:auto;/*画像サイズにあわせて書きかえ*/
/*width:auto;にするとIE6 7で回り込みしない。
各ページで上書き指定する*/
}

#waku_mid .img_box_l img,#waku_mid .img_box_r img{
	margin:0px auto;
	/*border:solid 1px #ccc;*/}

#waku_mid .img_box_l p,#waku_mid .img_box_r p{
	width:auto;
	text-align:center;
	line-height:16px;
	font-size:12px;
	margin:2px auto;/*#waku_mid_p を上書き*/
	color:#666;
}

/*---------------------
　waku_nai_list系　
---------------------*/
#waku_mid li{
	list-style-type: none;
	font-size:14px;
	}	

#waku_mid li a{
	color:forestgreen;
	padding-left:14px;
	font-size:14px;
	margin:0px 0px 7px 20px;
	display:block;
	text-decoration:none;
	background-image:url(../img/box_list_grn.gif);
	background-repeat:no-repeat;
	background-position:left center;
	}
#waku_mid ul li:last-child a{margin-bottom:0px;}


#waku_mid li a:hover{
	color:#ff0000;
	background-image:url(../img/box_list_red.gif);		
	}
/*単語リスト*/
#waku_mid ul.tango{
	margin-left:10px;
	margin:0px 25px 0px 35px;
	}
#waku_mid ul.tango li{
	list-style-position:outside;
	list-style-type:disc;
	margin-bottom:10px;
	color:#333;
}

#waku_mid ul.lnks li{
	padding-bottom:7px;
}


/*リスト*/
#waku_mid ul.lst {margin-left:40px;margin-right:25px;}
#waku_mid ul.lst li{
	list-style-position:outside;
	list-style-type:disc;
	margin-bottom:10px;
	font-size:14px;
	font-size:1.4rem;
}

/*---------------------
　番号付lst
---------------------*/
	ol {margin-left:20px;}
	ol li{
		font-size:14px;font-size:1.4rem;		margin-left:35px;
		margin-bottom:10px;
		margin-right:25px;
		color:#333;
		line-height:1.8em;
		color:olivedrab;
}
	#waku_mid ol li{list-style-type:decimal;}
	ol li a{color:olivedrab;}
	ol li a:hover{color:crimson;}


/*---------------------
　注釈のインデント
---------------------*/
/* */
#waku_mid p.tyu{
	padding-bottom:3px;
	text-indent:-1em;
	padding-left:1em;
	color:#666!important;
	font-size:12px!important;
}
	
/*---------------------
　Neo_table
---------------------*/
.neo_table{
color:#333;
border:solid 1px #999;
border-collapse:collapse;
border-spacing:1px;
/*↑IE未対応*/
/*background-color:#efefef;*/
margin:10px 20px;
}

.neo_table thead th{text-align:center;}
.neo_table th{
padding:3px;
border-right:solid 1px #999;
border-bottom:solid 1px #999;
background-color:#efefef;
font-weight:normal;
font-size:12px;
text-align:left;
}


.neo_table td{padding:3px;
border-top:solid 1px #ccc;
border-right:solid 1px #999;
border-bottom:solid 1px #999;
border-left:solid 1px #ccc;
background-color:#FFF;
font-size:12px;
}

.sep{border-collapse:separate;}
/*↑立体感を出したい場合*/


/*---------------------
　トリプル写真
---------------------*/
#waku_mid .pict_tri{
	width:400px;/*広めにして左寄せにして調整*/
	margin:10px 25px 10px 20px;
}

#waku_mid .pict_tri img,
#waku_mid .pict_tri p{
	width:120px;
	float:left;
	font-size:12px;
	line-height:14px;
	color:#666;
}

#waku_mid .pict_tri div{
	width:120px;
	float:left;
	margin:0px 12px 3px 0px;

}
#waku_mid .pict_tri img{border:solid 1px #ccc;}
#waku_mid .pict_tri p{border:solid 1px #fff;
margin-left:0px!important;
margin-right:12px!important;
}

#waku_mid .pict_tri img.end,
#waku_mid .pict_tri p.end{
	margin-right:0px;
}


/*---------------------
　ダブル写真
---------------------*/
#waku_mid .pict_dbl{
	width:400px;/*広めにして左寄せにして調整*/
	margin:10px 25px 10px 20px;
}

#waku_mid .pict_dbl img,
#waku_mid .pict_dbl p{
	width:182px;
	float:left;
	font-size:12px;
	line-height:14px;
	color:#666;
}

#waku_mid .pict_dbl div{
	width:182px;
	float:left;
	margin:0px 12px 3px 0px;

}
#waku_mid .pict_dbl img{border:solid 1px #ccc;}
#waku_mid .pict_dbl p{border:solid 1px #fff;
margin-left:0px!important;
margin-right:12px!important;
}

#waku_mid .pict_dbl img.end,
#waku_mid .pict_dbl p.end{
	margin-right:0px;
}


/*---------------------
　FOR KIDS
---------------------*/
div.for_kids{
	width:160px;
	height:auto;
}
div.for_kids div.top{
	background:url(../img/for_kids/wak_top.png) no-repeat;
	height:82px;
}
div.for_kids div.mid{
	background:url(../img/for_kids/wak_mid.png) repeat-y;
}
div.for_kids div.mid p{
	color:#333;
	margin:0 10px;
	font-size:14px;
	line-height:24px;
}
div.for_kids div.btm{
	background:url(../img/for_kids/wak_btm.png) no-repeat;
	height:35px;
}

/*---------------------
　side_term
---------------------*/
div.side_term{
	width:160px;
	height:auto;
}
div.side_term div.top{
	background:url(../img/side_term/top.png) no-repeat;
	height:10px;
}
div.side_term div.mid{
	background:url(../img/side_term/mid.png) repeat-y;
}
div.side_term div.mid dl img{margin:5px 10px 5px 10px;}
div.side_term div.mid dt{margin:0 5px 5px 10px;font-size:16px;font-size:1.6rem;}
div.side_term div.mid dt div{font-size:10px;color:#999;line-height:12px;}
div.side_term div.mid dd{
	color:#666;
	margin:0 7px 0 10px;
	font-size:12px;
	line-height:22px;
}
div.side_term div.mid div{
	font-size:11px;
	line-height:16px;
	color:#999;
	text-indent:-1.0em;
	padding-left:0.4em;
	margin:0 10px;
}


div.side_term hr{
border-style:dashed;
border-width:1px;
margin:10px 0px;
border-color: #fff #fff #999 #fff;
background-color:#fff;
}

div.side_term div.btm{
	background:url(../img/side_term/btm.png) no-repeat;
	height:10px;
}

