/* CSS Document */
body{
	background:url(images/bg.gif) repeat-x 0 0 #FFFFFF; color:#333227;
	padding:0; margin:0;
}
div, p, ul, h1, h2, h3, img, form{
	padding:0; margin:0;
	}
ul{
	list-style-type:none;
	}
.bank{
	line-height:0; font-size:0; clear:both;
	}
img{ 
border:none; 
} 
/*------------------------main body-------------------------*/
#main_body{
	width:778px;  margin:0 auto 0 auto; 
	}
#left_pan{
	width:188px; background:url(images/logo_bg.gif) no-repeat #FFFFFF; color:#fff; float:left; 
}
#left_pan>img{
	margin:40px 0 38px 52px; display:block;
	}
#left_pan h2 {
	width:200px; height:41px; background:url(images/login_bg.gif) no-repeat 0 0; margin:0 0 0 6px; display:block;
	font-size:14px; color:#FFFFFF; padding:17px 65px 0 32px; font-weight:bolder; text-transform:uppercase;
	}
#left_pan h2 a {
	 color:#FFFFFF;
	}
#left_navi{
background-color:#D43723;width:155px;margin-top:0px;margin-left:16px;
}
#left_navi_end{
	width:170px; height:60px; background:url(images/login_bg2.gif) no-repeat 0 0; margin:0 0 0 6px;
}
#left_pan ul{
	width:126px; display:block; margin:0px 0 0 10px;
	}
#left_pan ul li{
	background:url(images/ul_arrow.gif) no-repeat 0 8px; border-bottom:#FFFFFF 1px dashed; padding: 0px 0px 0px 15px;
	}
#left_pan ul li.li1{
	background:url(images/ul_arrow.gif) no-repeat 0 8px; border-bottom:none; padding: 0px 0px 0px 15px;
	}
#left_pan ul li a{
	font:13px/23px Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none; background-color:;
	}
#left_pan ul li a:hover{
	text-decoration:underline;
	}
/*-------------------------------right side--------------------*/
#rightPan{
	width:590px; float:left; margin:0;
	}
#rightPan > ul{
	width:550px; display:block; margin:0 0 0 0px; height:29px; 
	}
#rightPan > ul li{
	float:left;  height:29px; 
	}
#rightPan > ul li a{
	font:12px/29px Arial, Helvetica, sans-serif; font-weight:bold; height:29px; display:block; color:#FFF9F2;
	background:url(images/navi_bg.gif) repeat-x 0 0 #005050; text-decoration:none; text-align:center;
	}

#rightPan > ul li a.home{
	background:url(images/about_us.gif) no-repeat 0 0; width:130px;
	background-position: center;
	}
#rightPan > ul li a.home:hover{
	background:url(images/about_us_h.gif) no-repeat 0 0; width:130px;
	border-bottom:solid 1px #FFFFFF;
	background-position: center;
	}

#rightPan > ul.link{
	width:590px; display:block; margin:23px 0 0 0; height:20px;
	}
#rightPan > ul.link li{
	float:left;   width:102px; font-size:0px; display:block; padding:0 0 0 96px; height:20px;
	}
#rightPan > ul.link li.sup{
	float:left;   width:96px; font-size:0px; display:block; padding:0 0 0 102px; height:20px; margin:0;
	}
#rightPan > ul.link li.sol{
	float:left;   width:122px;  display:block; padding:0 0 0 55px; height:20px;
	}
#rightPan > ul.link li a{
	font:20px/20px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#AA855B ; font-weight:normal; 
	background-color:#FFF9F2; background-image:none;  display:block; width:104px; text-align:right; height:20px;
	}
#rightPan > ul.link li a:hover{
	color:#5A3000; background-color:#FFF9F2; padding:0; margin:0;
	}
#rightPan > ul.sub_link{
	width:590px; display:block; margin:0px 0 0 0; height:14px; padding:0;
	}
#rightPan > ul.sub_link li{
	float:left;  width:104px; font-size:0px; display:block; padding:0 0 0 94px; height:14px; margin:0;
	}
#rightPan > ul.sub_link li.sup1{
	float:left;   width:96px; font-size:0px; display:block; padding:0 0 0 102px; height:inherit;
	}
#rightPan > ul.sub_link li.sol1{
	float:left;   width:112px; font-size:0px; display:block; padding:0 0 0 65px; 
	}
#rightPan > ul.sub_link li a{
	font:14px/14px Arial, Helvetica, sans-serif; color:#353535; font-weight:normal; 
	background-color:#FFF9F2; background-image:none;  display:block; width:104px; text-align:right; height:14px;
	}
#rightPan > ul.sub_link li a:hover{
	color:#5A3000; background-color:#FFF9F2; padding:0; margin:0; text-decoration:underline;
	}
#rightPan > h2{
	display:block;
	font:18px/18px Arial, Helvetica, sans-serif;
	color:#000000;
	text-transform:uppercase;
	height:auto;
	margin-top: 40px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 10px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	}
#rightPan > P{
	width:570px; font:14px/19px Arial, Helvetica, sans-serif; color:#4D371E; font-weight:normal; display:block;
	margin:0 0 20px 10px; background-color:#FFF9F2;
	}
#rightPan > P a{
	width:32px; background:url(images/more_arrow.gif) no-repeat 0 0 #FFF9F2; color:#333227; margin:0 0 0 520px; height:16px;
	font:12px/14px Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; display:block; padding:0 0 0 23px
	}
#rightPan > P a:hover{
	color:#C01F0B; background:url(images/button_arrow.gif) no-repeat 0 0 #FFF9F2; width:32px;
	}
#rightLeft{
	width:186px; float:left; margin:0 0 45px 10px;
	}
#rightLeft h2{
	width:169px; height:39px; display:block; color:#FFFFFF; font:12px/14px Arial, Helvetica, sans-serif; font-weight:bold;
	background:url(images/h2_bg.gif) no-repeat 11px 143px #006666; padding:11px 0 0 17px; margin:0 0 18px 0; text-transform:none;
	}
#rightLeft a.more{
	width:32px; background:url(images/more_arrow1.gif) no-repeat 0 0 #FFF9F2; color:#333227; margin:0 0 0 0px; height:16px;
	font:12px/14px Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; display:block; padding:0 0 0 23px;
	float:right;
	}
#rightLeft a.more:hover{
	color:#C01F0B; background:url(images/more_arrow2.gif) no-repeat 0 0 #FFF9F2; width:32px;
	}

#rightRight{
	width:362px; float:left; margin:0 0 0 20px;
	}	
#rightRight h2{
	width:197px; height:39px; background:url(images/h2_bg1.gif) no-repeat 303px 9px #EFBA00; text-transform:none;
	 font:12px/14px Arial, Helvetica, sans-serif; color:#FFFFFF; display:block; padding:11px 150px 0 15px;
	  margin:0 0 18px 0; font-weight:bold;
	}

/*---------------------------footer-------------------*/
#footer_bg{
	background:url(images/footer_bg.gif) repeat-x; width:100%; margin:0  auto 0 auto; float:left; height:153px;
	}
#footer{
	width:580px; margin:0 auto 0 auto; 
	}
#footer ul{
	width:580px; margin:29px 0 7px 0; display:block; height:15px;
	}
#footer ul li{
	float:left; font:12px/14px 'Trebuchet MS', Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:#6B6854;
	display:block; 
	}
#footer ul li a{
	font:12px/14px 'Trebuchet MS', Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:#6B6854; text-decoration:none;
	margin:0 10px 0 10px;
	}
#footer ul li a:hover{
	text-decoration:underline;
	}
#footer p{
	width:188px; margin:0 0 0 162px; font:12px/14px 'Trebuchet MS', Arial, Helvetica, sans-serif; color:#F3F1DF;
	background-color:#6B6854
	}
#footer ul.xhtml{
	width:135px; display:block; margin:12px 0 0 197px; height:21px; font-size:0px;
	}
#footer ul.xhtml li{
	float:left; height:21px; margin-right:9px;
	}
#footer ul.xhtml li a{
	text-indent:-2000px; display:block; height:21px; margin:0; padding:0; font-size:0px;
	}
#footer ul.xhtml li a.xht{
	background:url(images/xhtml.gif) no-repeat 0 0 #6B6854; color:#fff; width:66px;
	}
#footer ul.xhtml li a.css{
	background:url(images/css.gif) no-repeat 0 0 #6B6854; color:#fff; width:50px;
	}

* {margin:0; padding:0}
#sm {margin:0px;list-style:none; width:588px; display:block; overflow:hidden;border:none;}
#sm.li {margin:0px;float:left; display:inline; overflow:hidden;border:none;}

#wataken_news
{
margin-top:0px;
margin-left:0px;

width:180px;
height:185px;
background-color:#ffffff;
color:#111111;
font-size:12px;
font-weight: bolder;
font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
overflow: hidden;

}
#news{
font-size:12px;
margin-left:0px;
text-align: left;
}

#news li{
width:180px;
font-size:12px;
padding-left:0px;
margin-left:0px;
text-align: left;
}

#newsbox
{
	margin:0px;
	padding-left:5px;
	height:200px;
	width:355px;
	overflow:auto;
	font-size:12px;
}
#newsbox h2
{
	margin:0px;
	padding-left:5px;
}
#newsbox li
{

	margin:0px;
	padding-left:5px;

}

.sitemap 
{
	width: 170px;
	height: 500px;
	float: left;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;


}

.sitemap h3
{
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bolder;
	background-color: #000033;
	height: 25px;
	width: 180px;
	padding-top: 5px;
	padding-left: 5px;

}

.sitemap h3 > a
{
	color: #FFFFFF;
	border:none;
	text-decoration: none;

}










.sitemap ul
{
	margin-top: 30px;
	margin-left: 10px;

}

.sitemap ul li
{
	float:none;
	margin:0px;
	font-size:16px;
	color: #666666;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	
}
.sitemap  ul li  a
{
	float:none;
	font-weight:normal;
	background-color:#FFFFFF;
	background-image:none;
	text-align:left;
	font-size: 12px;
	
}

.koumoku
{
	width:530px;
	height:200px;
	font-size: 12px;
	color: #333333;
	text-align: center;
	border-color: #F0F0F0;
	float: left;
	clear: none;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	vertical-align: middle;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
}
.koumokuleft
{
	float:left;
	width: 300px;
	margin: 0px;
	padding: 0px;
}
.koumokuright
{
	float:none;
	width: auto;
	color: #999999;
	font-size: 12px;
	height: 150px;
	text-align: center;
	vertical-align: middle;
	padding-top: 50px;
	font-weight: bold;
	margin-left: 320px;
	padding-right: 10px;
	padding-left: 10px;
}
