@charset "utf-8";
/*---------------------------------
  CSS S.Chiaki Document 2010.07
  Last Update 2011.09.16 J.Sasakura
  
・共通設定
・枠設定
・ヘッダ
・コンテンツ部
・フッタ
---------------------------------*/

@import "base.css";

/*####################　共通設定　####################*/

body {
	background:url(../img/body_wall.jpg) 0 0 repeat-x;
	text-align:center;
	color:#444;
	font-size:12px;
	}
p {
	line-height:1.7;
	text-align:justify;  
	text-justify:inter-ideograph;  
	}

a {text-decoration:underline;color:#785d27;}
a:hover {text-decoration:underline; color:#a0803f;}

hr {display:none;}



/*####################　枠設定　####################*/
#Wall {
	width:100%;
background:#fdfae4 url(../img/dotted_all.gif) 0 0 repeat;
padding-bottom:30px;
border-top:5px #f9c353 solid;	}


#Header{
 	position:relative;
 	background:url(../img/header_wall_n1.jpg) 0 0 no-repeat;
	width:980px;
	height:89px;
	margin:0 auto;
	text-align:left;

	}

ul#Navi{
	width:900px;
	margin:5px auto;
	text-align:left;
	padding:0;
	clear:both;
	}
	#Navi:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}



#Container {
	width:900px;
	margin:20px auto 0;
	text-align:left;
	padding:0;
	clear:both;
	min-height:250px;
	}
	#Container:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}




#Main {
	width:660px;
	float:right;
	margin:0 auto 0;
	text-align:left;
	padding:0;
	}
	
#Index #Main { width:660px;}
	
	
.book #Main{ float:none;}	

#TopicPath{
	 padding:0;
	 margin-bottom:15px;
	 clear:both;
	 background-color:#FFF;
	 }

#Side {
	width:216px;
	float:left;
	margin:0 auto 0;
	text-align:left;
	padding:0;
	}


p.pageTop {
	position:relative;
	padding:0;
	text-align:right;
	font-size:0;
	margin:0;
	left:0;
	top:-26px;
}

#Footer {
	background:#f9c353;
	padding-bottom:30px;
	border:solid 1px #fff;
	border-top:5px #ffa900 solid;

}
#Footer #FooterBox{
	width:900px;
	margin:0 auto;
	}



/*####################　ヘッダ　####################*/
#Header h1{
	padding:10px 0 0 40px;}

#Header h1 a{
	display:block;
	width:330px;
	height:70px;
	text-indent: -9999px;
	}

#Header ul{
	/* 201109 width:357px; 201107 width:225px;*/
	width:518px;
	position: absolute;
	/* 201109 left: 561px; 201107 left: 693px;*/
	left:400px;
	top:0;
	}
	#Header ul:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
		}
	
#Header ul li{
	display:inline;
	float:left;
	margin:0;
	height:28px;
	}

#Header ul li.menu01{ width:121px; margin-right:11px;}
#Header ul li.menu02{ width:91px;}
#Header ul li.menu08{ width:121px; margin-right:11px;}/*201107added*/
#Header ul li.menu09{ width:150px; margin-right:11px;}/*201109added*/

#Header ul li a{
	display:block;
	color:#FFF;
	font-weight:bold;
	font-size:1em;
	}
#Header ul li.menu01 a{ padding:4px 8px 8px 28px;}
#Header ul li.menu02 a{ padding:4px 8px 8px 25px;}
#Header ul li.menu08 a{ padding:4px 8px 8px 28px;}/*201107added*/
#Header ul li.menu09 a{ padding:4px 8px 8px 28px;}/*201109added*/


/*####################　ナビメニュー　####################*/
ul#Navi li{
	float:left;
	width:290px;
	height:65px;
	margin:10px 0 10px 0;
	background-color:#FC0;
	}
ul#Navi li.navi04{ margin-right:0;}

ul#Navi li a{
	display:block;
	text-indent: -9999px;
	width:290px;
	height:65px;
 	background-position:0 0;
	}


ul#Navi li.navi01 a{ background:url(../img/navi01.gif) 0 -65px no-repeat;}

ul#Navi li.navi02{	margin:10px 15px 10px 15px;}
ul#Navi li.navi02 a{ background:url(../img/navi02.gif) 0 -65px no-repeat;}

ul#Navi li.navi03 a{ background:url(../img/navi03.gif) 0 -65px no-repeat;}

ul#Navi li a:hover{ background-position:0 0;}

/*####################　パンくず　####################*/
#TopicPath ul{
	width:658px;
	margin:0 0;
	zoom:1;
	list-style:none;
	clear:both;
	margin:0px auto;
	border:solid 1px #eee;
	}
	#TopicPath ul:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}
	#TopicPath ul li{
		display:inline;
		float:left;
		margin:7px 0;
		color:#777;
		font-size:9px;
		}
	#TopicPath ul li.end{padding:0 20px 0 10px;}
	#TopicPath ul li a{
		color:#777;
		padding:2px 20px 0 10px;
		background:url(../img/topicpath.gif) right top no-repeat;
		text-decoration:underline;

	}

/*####################　メインコンテンツ　####################*/
.contentsBox {
	width:660px;
	margin-bottom:30px;
	}

	
.contentsBox:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}
#Main #MenuBtn{
	width:580px;
	margin:0 0 20px 0;
	}
.wrap{
	clear:both;
	}
	.wrap:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}


/*####################　サイドメニュー　####################*/
#Side ul{
	margin:0 0 10px;
	padding:5px 0 15px;
	}

#Side ul li{
	margin:0 10px;
	padding:0 0 2px;
	}

#Side ul li a{
	padding:13px 5px 13px 35px;
	display:block;
	color:#6e850f;
	}
#Side ul ul{ margin:0; padding:0;}

#Side ul li li a{
	padding:13px 5px 13px 35px;
	display:block;
	color:#6e850f;
	}
	

/*教育事業*/
#Educate #Side ul li{background:url(../img/dotted_a_2.gif) left bottom repeat-x;}
#Educate #Side ul li a{background:url(../img/side_arrow_a.gif) 15px 16px no-repeat;color:#315e00;}
#Educate #Side ul li li a{background:url(../img/side_icon.gif) 15px 16px no-repeat;}
#Educate #Side ul li a:hover{background-color:#eaf3cb;}
#Educate #Side ul li a.current{background-color:#eaf3cb;}
#Educate #Side ul ul li{margin:0 0 0 20px;padding:0;background:none;border-top:dashed  1px #ccc;}



/*研究事業*/
#Research #Side ul li{background:url(../img/dotted_b_2.gif) left bottom repeat-x;}
#Research #Side ul li a{background:url(../img/side_arrow_b.gif) 15px 16px no-repeat;color:#9e6204;}
#Research #Side ul li li a{background:url(../img/side_icon.gif) 15px 16px no-repeat;}
#Research #Side ul li a:hover{background-color:#fff4c1;}
#Research #Side ul li a.current{background-color:#fff4c1;}
#Research #Side ul ul li{margin:0 0 0 20px;padding:0;background:none;border-top:dashed  1px #ccc;}


/*社会貢献事業*/
#Society #Side ul li{background:url(../img/dotted_c_2.gif) left bottom repeat-x;}
#Society #Side ul li a{background:url(../img/side_arrow_c.gif) 15px 16px no-repeat;color:#187edc;}
#Society #Side ul li li a{background:url(../img/side_icon.gif) 15px 16px no-repeat;}
#Society #Side ul li a:hover{background-color:#eef7ff;}
#Society #Side ul li a.current{background-color:#eef7ff;}
#Society #Side ul ul li{margin:0 0 0 20px;padding:0;background:none;border-top:dashed  1px #ccc;}


/*事務部*/
#About #Side ul li{background:url(../img/dotted_d_2.gif) left bottom repeat-x;}
#About #Side ul li a{background:url(../img/side_arrow_d.gif) 15px 16px no-repeat;color:#468b02;}
#About #Side ul li li a{background:url(../img/side_icon.gif) 15px 16px no-repeat;}
#About #Side ul li a:hover{background-color:#e8f9be;}
#About #Side ul li a.current{background-color:#e8f9be;}
#About #Side ul ul li{margin:0 0 0 20px;padding:0;background:none;border-top:dashed  1px #ccc;}


/*矯正保護課程*/
#Study #Side ul li{background:url(../img/dotted_d_2.gif) left bottom repeat-x;}
#Study #Side ul li a{background:url(../img/side_arrow_d.gif) 15px 16px no-repeat;color:#468b02;}
#Study #Side ul li li a{background:url(../img/side_icon.gif) 15px 16px no-repeat;}
#Study #Side ul li a:hover{background-color:#e8f9be;}
#Study #Side ul li a.current{background-color:#e8f9be;}
#Study #Side ul ul li{margin:0 0 0 20px;padding:0;background:none;border-top:dashed  1px #ccc;}




#Side #SideMenu { margin:0 0 0 10px; text-align:center;}
#Side #SideMenu ul{
	/*background:url(../img/side_menu_box.gif) 0 0 no-repeat; */
	/*background:url(../img/side_menu_boxn.gif) 0 0 no-repeat;-201107added 左メニューに「お申し込み」追加-*/
	/*background:url(../img/side_menu_box8.gif) 0 0 no-repeat;/*-201204added 左メニューに「ダウンロード」追加-*/
	background:url(../img/side_menu_box11.gif) 0 0 no-repeat;/*-20130509added 左メニューに「矯正・保護のあゆみ」追加-*/
	width:197px;
	height:389px;/*20130509update*/
	margin:0;
	padding:5px 0 0;
	}
#Side #SideMenu ul li{
	background:none;
	width:185px;
	margin:0 0 0 5px;
	padding:0;
	}
#Side #SideMenu ul li a{
	background:none;
	display:block;
	width:185px;
	text-indent:-9999px;
	margin:0 0 0;
	padding:0;
	height:38px;
	}
/*-201204added 高さを全部38pxに統一-	
	#Side #SideMenu ul li.menu01 a{ height:38px;}
	#Side #SideMenu ul li.menu02 a{ height:38px;}
	#Side #SideMenu ul li.menu03 a{ height:39px;}
	#Side #SideMenu ul li.menu04 a{ height:39px;}
	#Side #SideMenu ul li.menu05 a{ height:38px;}
	#Side #SideMenu ul li.menu06 a{ height:38px;}
	#Side #SideMenu ul li.menu07 a{ height:38px;}
*/	
	#Side #SideMenu ul li a:hover{ background:none;}

#Side #SideMenu p{ margin:10px 0; padding:0;}


/*####################　フッタ　####################*/
#Footer #FooterBox div{
	width:400px;
	padding:15px 20px;
	background:#cdab49 url(../img/dotted_all.gif) 0 0 repeat;
	color: #3F2607;
	font-weight:bold;
	margin:0 450px 15px 0;
	border:solid 6px  #B48B4E; 
	}
#Footer #FooterBox div h2{
		background:none;
		padding:0;
		margin:0 0 10px;
		font-size:16px;
		text-align:left;
		}
	#Footer #FooterBox div p{
		font-size:12px;
		margin:0;
		padding:0;
		}

address{
	text-align:left;
	font-size:9px;
	margin:0;
	padding:0;
	font-style:normal;
	font-family:Verdana, Geneva, sans-serif;
	}


/*　clear
-------------------------------------*/
#Main .contentsBox .wrap{
	clear:both;
	}
#Main .contentsBox .wrap:after{
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
	content:",";
	}





/*####################　おやみだし　####################*/


/*　こみだし
-------------------------------------*/

/* まごみだし */


/*end*/