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_na.jpg) no-repeat top center #ffedcf;
}





h1{
font-size: 10px;
letter-spacing: 1px;
line-height: 1.4;
color: #958171;
font-weight: normal;
background: url(../img/bg_h1_na.gif) 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_na.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_na.gif) no-repeat 0 0;}
#menu1 a:visited{background: url(../img/menu_na.gif) no-repeat 0 0;}
#menu1 a:hover{background: url(../img/menu_na.gif) no-repeat 0 -35px;}
#menu1 a:active{background: url(../img/menu_na.gif) no-repeat 0 0;}

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

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

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


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

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

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


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

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

#main2_bn ul{
float: left;
padding-left: 151px;
}

#main2_bn img{
display: block;
}

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

.main2_bn{
margin-right: 36px;
}




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

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

#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: #f4cc99;text-decoration: underline;}
#foot a:visited{color: #f4cc99;text-decoration: underline;}
#foot a:hover{color: #f4cc99;text-decoration: none;}
#foot a:active{color: #f4cc99;text-decoration: underline;}

#pan a:link{color: #eda46c;}
#pan a:visited{color: #eda46c;}
#pan a:hover{color: #d17731;}
#pan a:active{color: #eda46c;}