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

*{
margin:0;
padding:0;
}

img{
border:0;
}

body{
width:841px;
margin:0 auto;
color:#666;
font-size:80%;
line-height:150%;
} 

a{
text-decoration:none;
}

a:hover{
text-decoration:underline;
}
<!--

/*=========================================================*/

#header{
}

.head_text{
width:841px;
height:29px;
padding:10px 0 0 0;
text-align:right;
list-style:none outside;
}

.head_text li{
display:inline;
font-size:80%;
}

.head_text li a{
color:#666;
}

h1{
width:259px;
height:31px;
margin:0 0 27px 0;
}

#menu{
width:841px;
list-style:none inside;
}

#menu li{
display:inline;
float:left;
padding:0 0 35px 0;
}

#menu li a{
display:block;
}

.menu1 a{
width:86px;
height:75px;
text-indent:-9999px;
background:url(../img/menu_splite.jpg) no-repeat 0 0;
}

.menu1 a:hover{
width:86px;
height:75px;
text-indent:-9999px;
background:url(../img/menu_splite.jpg) no-repeat 0 -75px;
}

.menu2 a{
width:87px;
height:75px;
text-indent:-9999px;
background:url(../img/menu_splite.jpg) no-repeat -86px 0;
}

.menu2 a:hover{
width:87px;
height:75px;
text-indent:-9999px;
background:url(../img/menu_splite.jpg) no-repeat -86px -75px;
}

.menu3 a{
width:87px;
height:75px;
text-indent:-9999px;
background:url(../img/menu_splite.jpg) no-repeat -173px 0;
}

.menu3 a:hover{
width:87px;
height:75px;
text-indent:-9999px;
background:url(../img/menu_splite.jpg) no-repeat -173px -75px;
}
.menu4 a{
width:87px;
height:75px;
text-indent:-9999px;
background:url(../img/menu_splite.jpg) no-repeat -260px 0;
}

.menu4 a:hover{
width:87px;
height:75px;
text-indent:-9999px;
background:url(../img/menu_splite.jpg) no-repeat -260px -75px;
}
.menu5 a{
width:87px;
height:75px;
text-indent:-9999px;
background:url(../img/menu_splite.jpg) no-repeat -347px 0;
}

.menu5 a:hover{
width:87px;
height:75px;
text-indent:-9999px;
background:url(../img/menu_splite.jpg) no-repeat -347px -75px;
}
.menu6 a{
width:87px;
height:75px;
text-indent:-9999px;
background:url(../img/menu_splite.jpg) no-repeat -434px 0;
}

.menu6 a:hover{
width:87px;
height:75px;
text-indent:-9999px;
background:url(../img/menu_splite.jpg) no-repeat -434px -75px;
}

.menu7 a{
width:87px;
height:75px;
text-indent:-9999px;
background:url(../img/menu_splite.jpg) no-repeat -521px 0;
}

.menu7 a:hover{
width:87px;
height:75px;
text-indent:-9999px;
background:url(../img/menu_splite.jpg) no-repeat -521px -75px;
}

.menu8 a{
width:233px;
height:75px;
text-indent:-9999px;
background:url(../img/menu_splite.jpg) no-repeat -608px 0;
}

.menu8 a:hover{
width:233px;
height:75px;
text-indent:-9999px;
background:url(../img/menu_splite.jpg) no-repeat -608px -75px;
}




/*=========================================================*/

h2{
height:20px;
margin:0 0 15px 0;
text-indent:-9999px;
}

.cont_cell{
width:841px;
padding:0 0 35px 0;
}



/*=========================================================*/
#footer{
width:841px;
height:139px;
margin:50px 0 0 0;
padding:5px 0 0 0;
font-size:70%;
text-align:center;
background:url(../img/footer_bg.jpg) no-repeat 0 0;
}

#footer a{
color:#666;
}

#footer ul{
display:block;
width:841px;
}

#footer li{
display:inline;
/*float:left;*/
}

/*=========================================================*/
.cont_cell_sub{
width:841px;
background:url(../img/sub_menu_bg.jpg) repeat-y 100% 0;
}

.sub_frame{
float:right;
display:inline;
width:207px;
line-height:0;
}

*html .sub_frame{
width:206px;
}

.main_frame{
width:634px;
}

*html .main_frame{
float:left;
}

.sub_bottom{
clear:both;
width:841px;
height:19px;
background:url(../img/sub_bottom.jpg) no-repeat 0 0;
}