@charset "utf-8";
/* CSS Document */


@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
}

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;height:50px;}
#header img{padding:15px 2em}

#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:80px;list-style:none;padding-top:15px}
#navi ul li a{color:#000000;height:50px;text-decoration:none}
#navi ul li a:hover{color:#FFFFFF}


#left {
position: absolute;
left: 0px;
width: 190px;
color: #564b47;
margin: 0px; 
padding: 0px;
margin-top:10px;
_height:400px;
min-height:400px;
}

.bg{background:url(image/leftbg.gif) no-repeat bottom;}
.bg1{background:url(image/leftbg1.gif) no-repeat  -20px 100%;}
.bg2{background:url(image/leftbg2.gif) no-repeat  -20px 130%;}
.bg3{background:url(image/leftbg3.gif) no-repeat  -20px 130%;}
.bg4{background:url(image/leftbg4.gif) no-repeat;}

#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;    
_height:400px;
min-height:400px;
}
#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:150px;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:150px;}
#footer a{color:#000000}

.sp{font-weight:bold;color:#000000}

table{border-collapse:collapse;margin:0 auto;border:1px solid #e0e0e0}
th,td{padding:5px;}
th,th a{background:#797483;color:#FFFFFF}

img{border:0px}
.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}


#navi,#left,#contentlink{display:none;}
#content{margin:0px;}
#footer p{margin-left:0px;border-top:1px solid #ccc}
h1,h2{_padding-left:0}