/********************
1. Common Setting
2. Basic Box Layout
3. Header Setting
4. Top Navigation Setting
5. Footer Setting
********************/


/********************
1. Common Setting
********************/
body{
	/*	background:url('../images/bg_body.jpg') repeat-x;*/
	background: #fff;
	color: #444;
}

.accent1{
	padding: 1px 5px;
	font-weight: bold;
	font-size: 123.1%;
	color: #c97900;
	border: 1px solid #c97900;
	background: #fcfcfc;
}

.float_l{ display: inline; float: left; }
.float_r{ display: inline; float: right; }
.clr{ clear: both; }

.align_l{ text-align: left; }
.align_r{ text-align: right; }
.align_c{ text-align: center; }

.hdn{ visibility: hidden; }
.none{ display: none; }

.accent1{ color: #900; }
.accent2{ color: #004; }
.accent3{ color: #21663b; font-family: Arial; font-size: 153.9%; }
.accent4{ color:#F00;}

.clr1{ color:#482f17; }
.clr2{ color:#6b6a46; }
.clr3{ color:#745122; }

.alt{ display: none; }



/********************
2.Basic Box Layout
********************/
#container {
	width: 960px;
	margin: 0 auto;
	padding: 0 10px;
}

#header {
	width: 960px;
	height: 100px;
	background: url('../images/common/bg_header.png') no-repeat;
}

#footer {
	width: 960px;
	height: 160px;
	background: url('../images/common/footer_bg.png') no-repeat;
}


/********************
3. Header Setting
********************/

h1{
	display: inline;
	float:left;
	width:280px;
	height:55px;
	margin: 10px 0 0 10px;
}

h1 a{
	display: block;
	width:280px;
	height:55px;
	text-indent:-9999px;	
}

#header .float_r{
	width: 470px;
	height: 65px;
	padding: 0 10px 0 0;
	overflow: hidden;
}

#header .float_r .float_l{
	width: 210px;
	height: 65px;
	padding: 0;
	overflow: hidden;
}

#header .float_r .float_r{
	width: 240px;
	height: 65px;
	padding: 0;
	overflow: hidden;
}


#en_hg{
	width:120px;
	height: 20px;
	margin: 10px 0 0 90px;
	overflow: hidden;
}

#en_hg li{
	display: inline;
	float: left;
	width: 60px;
	height: 20px;
}

#en_hg li a{
	display: block;
	width: 60px;
	height: 20px;
	background: url('../images/common/navi_lang.png') no-repeat;
	text-indent: -9999px;
}

#eh_navi01 a:link,
#eh_navi01 a:visited {background-position: 0   0;}
#eh_navi01 a:hover   {background-position: 0 -20px;}
#eh_navi01 a:active  {background-position: 0 -40px;}

#eh_navi02 a:link,
#eh_navi02 a:visited {background-position: -60px   0;}
#eh_navi02 a:hover   {background-position: -60px -20px;}
#eh_navi02 a:active  {background-position: -60px -40px;}


#header_navi{
	width: 210px;
	height:25px;
	margin: 10px 0 0 10px;
	overflow: hidden;
}

#header_navi li{
	display: inline;
	float: left;
	width: 100px;
	height: 25px;
}

#h_navi02{
	padding: 0 0 0 10px !important;
}

#header_navi li a{
	display: block;
	width: 100px;
	height: 25px;
	background: url('../images/common/h_navi.png') no-repeat;
	text-indent: -9999px;
}

#h_navi01 a:link,
#h_navi01 a:visited{background-position: 0   0;}
#h_navi01 a:hover  {background-position: 0 -25px;}
#h_navi01 a:active {background-position: 0 -50px;}

#h_navi02 a:link,
#h_navi02 a:visited{background-position: -110px   0;}
#h_navi02 a:hover  {background-position: -110px -25px;}
#h_navi02 a:active {background-position: -110px -50px;}

#header_ba02{
	width :240px;
	height: 65px;
}

#header_ba02 a{
	display:block;
	width: 240px;
	height: 65px;
	background: url('../images/common/banner_onsen.png') no-repeat;
	text-indent: -9999px;
}


#top_banner{
	float:right;
	width:420px;
}


#main {
	width: 938px;
	padding: 0 10px 20px 10px;
	border-right: 1px solid #c9c7c6;
	border-left: 1px solid #c9c7c6;
}

#side_bar {
	float: left;
	width: 200px;
}

#side_banner li{
	width: 180px;
	height: 60px;
	margin: 0 0 10px 0;
}

#contents {
	float: right;
	width: 700px;
}


/********************
4. Top Navigation
********************/
#navi{
	clear: both;
	width: 940px;
	height: 31px;
	margin: 0 0 0 10px;
}

#navi li{
	display: inline;
	float:left;
	width: 105px;
}


#navi li h3{
	display: inline;
	float:left;
	width: 105px;
	height: 31px;
}

#navi li h3 a{
	display: block;
	width: 100%;
	height: 100%;
	background: url('../images/common/navi2.png') no-repeat;
	text-indent: -9999px;
}

#navi #navi01,
#navi #navi01 h3,
#navi #navi01 h3 a
{
	width: 100px;
}

#navi01 a:link, 
#navi01 a:visited	{background-position: 0   0;}
#page01 #navi01 a {background-position: 0 -62px;}
#navi01 a:hover		{background-position: 0 -31px;}
#navi01 a:active	{background-position: 0 -62px;}

#navi02 a:link, 
#navi02 a:visited	{background-position: -100px   0;}
#page02 #navi02 a {background-position: -100px -62px;}
#navi02 a:hover		{background-position: -100px -31px;}
#navi02 a:active	{background-position: -100px -62px;}

#navi03 a:link, 
#navi03 a:visited	{background-position: -205px   0;}
#page03 #navi03 a {background-position: -205px -62px;}
#navi03 a:hover		{background-position: -205px -31px;}
#navi03 a:active	{background-position: -205px -62px;}

#navi04 a:link, 
#navi04 a:visited	{background-position: -310px   0;}
#page04 #navi04 a {background-position: -310px -62px;}
#navi04 a:hover		{background-position: -310px -31px;}
#navi04 a:active	{background-position: -310px -62px;}

#navi05 a:link, 
#navi05 a:visited	{background-position: -415px   0;}
#page05 #navi05 a {background-position: -415px -62px;}
#navi05 a:hover		{background-position: -415px -31px;}
#navi05 a:active	{background-position: -415px -62px;}

#navi06 a:link, 
#navi06 a:visited	{background-position: -520px   0;}
#page06 #navi06 a {background-position: -520px -62px;}
#navi06 a:hover		{background-position: -520px -31px;}
#navi06 a:active	{background-position: -520px -62px;}

#navi07 a:link, 
#navi07 a:visited	{background-position: -625px   0;}
#page07 #navi07 a {background-position: -625px -62px;}
#navi07 a:hover		{background-position: -625px -31px;}
#navi07 a:active	{background-position: -625px -62px;}

#navi08 a:link, 
#navi08 a:visited	{background-position: -730px   0;}
#page08 #navi09 a {background-position: -730px -62px;}
#navi08 a:hover		{background-position: -730px -31px;}
#navi08 a:active	{background-position: -730px -62px;}

#navi09 a:link, 
#navi09 a:visited	{background-position: -835px   0;}
#page09 #navi09 a {background-position: -835px -62px;}
#navi09 a:hover		{background-position: -835px -31px;}
#navi09 a:active	{background-position: -835px -62px;}



#navi ul{
	font-size: 77%;
	position: relative;
	z-index:100;
}
/*.menu_head{border:1px solid #998675;}*/
.menu_body {width:184px;border-right:1px solid #998675;border-bottom:1px solid #998675;border-left:1px solid #998675;}
.menu_body li{background:#493e3b;}
.menu_body li a{color:#FFFFFF; text-decoration:none; padding:10px; display:block;}



.menu_body li.alt{background:#362f2d;}
.menu_body {display:none; width:184px;border-right:1px solid #998675;border-bottom:1px solid #998675;border-left:1px solid #998675;}



/********************
5. Footer Setting
********************/
.fnavi{
	display: inline;
	float: left;
	width: 165px;
	margin :10px 10px 0 5px;
	font-size: 11px;
	color: #fff;
	line-height: 1.5;
}

#fnavi01{
	margin :10px 10px 0 10px;
}

#fnavi04{
	width: 220px;
}

.fnavi ul{
	margin: 0 0 0 12px;
}

.fnavi a{
	color: #fff;
	text-decoration: none;
}

.fnavi a:link,
.fnavi a:visited{ border-bottom: 1px solid transparent;}
.fnavi a:hover  { border-bottom: 1px dotted #fff;}
.fnavi a:active { border-bottom: 1px solid #fff;}

.fnavi a span{
	font-size: 9px;
}

#footer address{
	display: inline;
	float: right;
	width: 170px;
	font-size: 12px;
	color: #fff;
	padding: 10px 0 0 0;
}

#footer #copyright{
	clear: both;
	font-size: 77%;
	text-align: right;
	margin: 0 10px 0 0;
	color: #fff;
}




.left_comment_wrapper{
	margin:0px 0px 20px 0px;
}
.left_comment{
	float:left;
	width:390px;
	line-height:1.5;
}

.go_top{
	clear:both;
	margin:15px 0px 0px 750px;
	text-indent:-9000px;
}
.go_top a:link,.go_top a:visited{
	display:block;
	width:120px;
	height:30px;
	text-indent:-9000px;
	background:url(../images/go_top.gif) no-repeat;
}

.sarani{
	background:url(../images/sarani.gif) no-repeat;
	width:150px;
	height:20px;
	padding-bottom:10px;
	text-indent:-9999px;
	}#school #container #main #contents .wide_box.clearfix .wide_table tr td {
		color: #F00;
	}
	#school #container #main #contents .wide_box.clearfix .wide_table tr td {
		color: #666;
	}
	.accent1 {
		color: #F00;
	}



	.menu_body {width:120px;border-right:1px solid #998675;border-bottom:1px solid #998675;border-left:1px solid #998675;}
	.menu_body li{background:#493e3b;position: relative;}
	.menu_body li a{color:#FFFFFF; text-decoration:none; padding:10px; display:block;}

h5 {
color:#FF3300;
font-size:120%;
padding:10px 0;
}

#left_banners li{
	margin:  0 0 5px 0;
}