@charset "utf-8";
html { 
  padding:0px;
  margin:0px;
}

body {
  background-color: #ffffff;
  font-size: 0.8em;
  font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
  color:#564b47;  
  padding:0px;
  margin:0px;
}



a { 
color:#7D9587;
background-color:transparent;
}

a:hover{ 
color:#96181C;
background-color:transparent;
text-decoration:none
}
 
.alignright {
margin-top: 0; 
text-align: right;
font-size: 10px;
}



h1 {
font-size: 1.3em;
color: #ffffff;
background:url(image/h1.gif) no-repeat;
height:40px;
padding:10px 20px;
margin:0px;

}

h2 {
font-size:1.2em;
text-transform:uppercase;
color: #2F2C51;
background-color: transparent;
clear:left;
background:url(image/h2.gif) no-repeat;
padding-left:60px;
height:35px;
border-bottom:1px solid #2F2C51;
vertical-align:baseline;
margin-top:60px;

}

h2:first-of-type{
margin-top:0px !important; 
}



h3 {
font-size:1.2em;
clear:left;
background:url(image/h3.gif) no-repeat 0px 3px;
padding-left:20px;
vertical-align:baseline
}


strong { 
font-size: 13px;
}

/*  positioning-layers static and absolute */

#header{background:#FFF;}

#navi{height:50px;background:#C5BEB1;margin:0;padding:0;padding-left:190px;}
#navi ul{border-left:1px solid #ffffff;margin:0;padding:0;height:50px;padding-left:20px}
#navi ul li{float:left;width:auto;list-style:none;padding:15px 20px 0px 0px}
#navi ul li a{color:#000000;height:50px;text-decoration:none}
#navi ul li a:hover{color:#FFFFFF}

#navi ul #now a{color:#FFFFFF;font-weight:bold}

#left {
	position: absolute;
	left: 2px;
	width: 190px;
	color: #564b47;
	margin: 0px;
	padding: 0px;
	margin-top: 10px;
	_height: 400px;
	min-height: 400px;
	top: 154px;
}

#left .now a{color:#000000;font-weight:bold;}

.bg{background:url(image/leftbg5.png) no-repeat 0px 20%;}
.bg1{background:url(image/leftbg1.png) no-repeat  -20px 100%;}
.bg2{background:url(image/leftbg2.gif) no-repeat  -20px 30%;}
.bg3{background:url(image/leftbg3.gif) no-repeat  -20px 100%;}
.bg4{background:url(image/leftbg4.gif) no-repeat;}
.bg5{background:url(image/leftbg.png) no-repeat -20px 80%;}

#left ul li{background:url(image/listbg.gif) no-repeat 20px 2.8em;line-height:3em;font-size:1em;text-align:center;margin:0;padding:0;}
#left ul li a{color:#000000;width:155px;text-decoration:none}
#left ul li a:hover{color:#999999;}
#left ul{list-style:none;margin:0 auto;padding:0;width:155px;}

#content {
margin: 10px 0px 0px 190px;
padding: 10px 20px 20px 20px;
background-color: #ffffff;
min-height:250px;    
}
#content ul li,#content ol li{line-height:1.6em;padding-top:8px}
#content ul li ul li,#content ol li ol li{line-height:1.6em;padding-top:0px}

#contentlink{margin:0;padding:0;}
#contentlink ul{margin:1em auto;overflow:hidden;background:#F5F5EB;width:90%;padding:1em;list-style:none}
#contentlink  ul li{background:url(image/listbg2.gif) no-repeat;padding:2px 15px;float:left;width:auto;}


#footer{width:100%;height:80px;background:#BCB4A3 url(image/footerbg.gif) no-repeat 0px -70px;}
#footer p{margin-left:190px;padding-top:10px;padding-left:20px;border-left:1px solid #ffffff;height:80px;}
#footer a{color:#000000}

.sp{font-weight:bold;color:#000000}
.sp1{color:#CC0033}

table{border-collapse:collapse;border:1px solid #e0e0e0}
th,td{padding:5px;}
th,th a{background:#797483;color:#FFFFFF}

img{border:0px}
.imgborder{border:1px solid #ccc;padding:3px;margin-right:10px}

.effect a img{-moz-opacity: 1;
opacity: 1;
filter: Alpha(Opacity=100);}
.effect a:hover img{-moz-opacity: 0.4;
opacity:0.5;
filter: Alpha(Opacity=50)}

.mark{list-style:none;background:url(image/arrow.gif) no-repeat;margin-left:0em;padding-left:2em}
.directory{color:#000000;font-weight:bold;background:url(image/now.gif) no-repeat;padding-left:15px}

html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}
#main {padding-bottom: 100px;}
#footer {position: relative;margin-top:-100px;height:100px;clear:both;}

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 */
