html, body {
    scrollbar-base-color: #fdf8f3;
    scrollbar-track-color: #e3dbd5;
    scrollbar-shadow-color: #F9E9D9;
    scrollbar-darkshadow-color: #64542F;
    scrollbar-arrow-color: #64542F;
}

body{
background: url(../img/bg_body_oo.jpg) no-repeat top center #FCFFDF;
}





h1{
font-size: 10px;
letter-spacing: 1px;
line-height: 1.4;
color: #958171;
font-weight: normal;
background: url(../img/bg_h1_oo.jpg) no-repeat 0 0;
padding-top: 2px;
padding-bottom: 5px;
padding-left: 25px;
width: 545px;
position: absolute;
left: 50%;
top: 27px;
margin-left:-170px;
}

#head{
width: 832px;
height: 121px;
margin: 8px auto 0;
background: url(../img/bg_head_oo.gif) no-repeat 0 0;
}

#head h2 a{
display: block;
width: 185px;
height: 0;
padding-top: 76px;
overflow: hidden;
background: url(../img/logo.gif) no-repeat 0 0;
margin-left: 20px;
margin-top: 28px;
}

#head h2{
float: left;
width: 251px;
}


#head ul{
float: left;
margin-top: 62px;
}

#head li{
float: left;
list-style-type: none;
}

#head li a{
display: block;
overflow: hidden;
height: 0;
padding-top: 35px;
}

#menu1 a{width: 84px;}
#menu1 a:link{background: url(../img/menu_oo.gif) no-repeat 0 0;}
#menu1 a:visited{background: url(../img/menu_oo.gif) no-repeat 0 0;}
#menu1 a:hover{background: url(../img/menu_oo.gif) no-repeat 0 -35px;}
#menu1 a:active{background: url(../img/menu_oo.gif) no-repeat 0 0;}

#menu2 a{width: 170px;}
#menu2 a:link{background: url(../img/menu_oo.gif) no-repeat -84px 0;}
#menu2 a:visited{background: url(../img/menu_oo.gif) no-repeat -84px 0;}
#menu2 a:hover{background: url(../img/menu_oo.gif) no-repeat -84px -35px;}
#menu2 a:active{background: url(../img/menu_oo.gif) no-repeat -84px 0;}

#menu3 a{width: 165px;}
#menu3 a:link{background: url(../img/menu_oo.gif) no-repeat -254px 0;}
#menu3 a:visited{background: url(../img/menu_oo.gif) no-repeat -254px 0;}
#menu3 a:hover{background: url(../img/menu_oo.gif) no-repeat -254px -35px;}
#menu3 a:active{background: url(../img/menu_oo.gif) no-repeat -254px 0;}

#menu4 a{width: 134px;}
#menu4 a:link{background: url(../img/menu_oo.gif) no-repeat -419px 0;}
#menu4 a:visited{background: url(../img/menu_oo.gif) no-repeat -419px 0;}
#menu4 a:hover{background: url(../img/menu_oo.gif) no-repeat -419px -35px;}
#menu4 a:active{background: url(../img/menu_oo.gif) no-repeat -419px 0;}


#contents{
width: 809px;
margin: 0 auto;
background: url(../img/bg_contents_middle_oo.gif) repeat-y;
}

#contents_top{
width: 100%;
background: url(../img/bg_contents_top_oo.gif) no-repeat 0 0;
}

#contents_bottom{
width: 100%;
background: url(../img/bg_contents_bottom_oo.gif) no-repeat bottom;
}


#main1{
width: 832px;
margin: 0 auto;
}

#main1_bn{
width: 832px;
background: url(../img/bg_main_bottom.jpg) no-repeat 0 0;
margin: 0 auto;
padding-bottom: 15px;
}

#main1_bn ul{
float: left;
padding-left: 33px;
}

#main1_bn img{
display: block;
}

#main1_bn li{
float: left;
list-style-type: none;
}

.main1_bn_1{
margin-right: 20px;
}




#menu_foot{
width: 800px;
height: 42px;
background: url(../img/bg_foot2_oo.gif) no-repeat 0 0;
margin: 0 auto 4px;
}

#menu_foot ul{
margin-left: 126px;
}

#menu_foot li img{
display: block;
}

#menu_foot li{
float: left;
margin-top: 13px;
margin-right: 60px;
list-style-type: none;
}

#foot a:link{color: #c0ce9e;text-decoration: underline;}
#foot a:visited{color: #c0ce9e;text-decoration: underline;}
#foot a:hover{color: #fff;text-decoration: none;}
#foot a:active{color: #c0ce9e;text-decoration: underline;}


#pan a:link{color: #8cb843;}
#pan a:visited{color: #8cb843;}
#pan a:hover{color: #4a6818;}
#pan a:active{color: #8cb843;}