﻿#header{background:url(../images/index/index_r1_c2.jpg) no-repeat; padding:0 0 0 130px; height:120px;}
#main_content{width:808px; margin:0 auto; background:url(../images/index/index_r5_c2.jpg);}

#menu {width:678px; height:47px; float:left; background:url(../images/index/index_r2_c24.jpg) no-repeat right;}
#menu div{width:112px; height:47px; float:left; padding:0; margin:0;}
#menu #index a{width:112px; height:47px; background: url(../images/index/index_r2_c6.jpg) 0 0 no-repeat; display: block;}
#menu #index a:hover{width:112px; height:47px;background: url(../images/index/index_r2_c6.jpg) 0 -47px no-repeat; display: block;}
#menu #about a{width:112px; height:47px; background: url(../images/index/index_r2_c10.jpg) 0 0 no-repeat; display: block;}
#menu #about a:hover{width:112px; height:47px;background: url(../images/index/index_r2_c10.jpg) 0 -47px no-repeat; display: block;}
#menu #product a{width:112px; height:47px; background: url(../images/index/index_r2_c12.jpg) 0 0 no-repeat; display: block;}
#menu #product a:hover{width:112px; height:47px;background: url(../images/index/index_r2_c12.jpg) 0 -47px no-repeat; display: block;}
#menu #contact a{width:112px; height:47px; background: url(../images/index/index_r2_c15.jpg) 0 0 no-repeat; display: block;}
#menu #contact a:hover{width:112px; height:47px;background: url(../images/index/index_r2_c15.jpg) 0 -47px no-repeat; display: block;}
#menu #diy a{width:112px; height:47px; background: url(../images/index/index_r2_c20.jpg) 0 0 no-repeat; display: block;}
#menu #diy a:hover{width:112px; height:47px;background: url(../images/index/index_r2_c20.jpg) 0 -47px no-repeat; display: block;}
#menu #guest a{width:112px; height:47px; background: url(../images/index/index_r2_c21.jpg) 0 0 no-repeat; display: block;}
#menu #guest a:hover{width:112px; height:47px;background: url(../images/index/index_r2_c21.jpg) 0 -47px no-repeat; display: block;}

#more{width:51px; height:16px; margin:0 10px;}
#more a{width:51px; height:16px; background: url(../images/index/index_r9_c16.jpg) 0 0 no-repeat; display: block;}
#more a:hover{width:51px; height:16px;background: url(../images/index/index_r9_c16.jpg) 0 -16px no-repeat; display: block;}

#news{width:440px;}
#news dl{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#999999;}
#news dt{margin:10px; float:left; width:100px;}
#news dd{margin:10px; float:left; width:300px;}
#news dd a{color:#FF6600; text-decoration:none; }
#news dd a:hover{color:#CC3300; text-decoration:underline;}

#b_menu{margin:10px 0 0 0; height:18px;}
#b_menu div{float:left;}
#b_menu #index a{width:55px; height:18px; background: url(../images/index/index_r15_c4.jpg) 0 0 no-repeat; display: block;}
#b_menu #index a:hover{width:55px; height:18px;background: url(../images/index/index_r15_c4.jpg) 0 -18px no-repeat; display: block;}
#b_menu #about a{width:78px; height:18px; background: url(../images/index/index_r15_c5.jpg) 0 0 no-repeat; display: block;}
#b_menu #about a:hover{width:78px; height:18px;background: url(../images/index/index_r15_c5.jpg) 0 -18px no-repeat; display: block;}
#b_menu #product a{width:80px; height:18px; background: url(../images/index/index_r15_c7.jpg) 0 0 no-repeat; display: block;}
#b_menu #product a:hover{width:80px; height:18px;background: url(../images/index/index_r15_c7.jpg) 0 -18px no-repeat; display: block;}
#b_menu #contact a{width:80px; height:18px; background: url(../images/index/index_r15_c9.jpg) 0 0 no-repeat; display: block;}
#b_menu #contact a:hover{width:80px; height:18px;background: url(../images/index/index_r15_c9.jpg) 0 -18px no-repeat; display: block;}
#b_menu #diy a{width:94px; height:18px; background: url(../images/index/index_r15_c11.jpg) 0 0 no-repeat; display: block;}
#b_menu #diy a:hover{width:94px; height:18px;background: url(../images/index/index_r15_c11.jpg) 0 -18px no-repeat; display: block;}
#b_menu #guest a{width:66px; height:18px; background: url(../images/index/index_r15_c14.jpg) 0 0 no-repeat; display: block;}
#b_menu #guest a:hover{width:66px; height:18px;background: url(../images/index/index_r15_c14.jpg) 0 -18px no-repeat; display: block;}

#diy_info{margin:5px 5px 20px 5px;}
#diy_info dl{float:left; margin:5px 15px;}
#diy_info dt{width:220px;text-align:center;}
#diy_info dd{text-align:center; margin:0 auto;}

#banner{background:url(../images/index/index_r3_c2.jpg); padding:4px 4px 8px 4px;}
#main_info{width:530px;}
#about_info{width:550px; padding:10px;}
#contact_info{width:450px; padding:10px;}

#footer{background:url(../images/index/index_r16_c2.jpg); width:808px; height:25px; margin:0 auto 10px;}