@import url("reset.css");
<link rel="stylesheet" type="text/css" href="word.css">
#WRAPPER{ width:900px; margin:0 auto;}

#HEADER{ width:900px; height:80px; background-image:url(index_img/logo.jpg);}
#HEADER ul{ padding-left:236px;}
#HEADER li{ float:left;}
#HEADER li.PRODUCT a{ display:block; background-image:url(index_img/buttom1.jpg); width:124px; height:55px; text-indent:-9999px;}
#HEADER li.COMPANY a{ display:block; background-image:url(index_img/buttom2.jpg); width:130px; height:55px; text-indent:-9999px;}
#HEADER li.TOURMALINE a{ display:block; background-image:url(index_img/buttom3.jpg); width:132px; height:55px; text-indent:-9999px;}
#HEADER li.BUY a{ display:block; background-image:url(index_img/buttom4.jpg); width:132px; height:55px; text-indent:-9999px;}
#HEADER li.ORDER a{ display:block; background-image:url(index_img/buttom5.jpg); width:145px; height:55px; text-indent:-9999px;}


#SUB_NAV{ width:264px; background-image:url(index_img/hot.jpg); padding-bottom:60px; background-position:bottom; float:left; overflow:auto;}
#SUB_NAV h3{ width:264px; background-image:url(index_img/hot.jpg); text-indent:-9999px; line-height:35px;}
#SUB_NAV ul{}
#SUB_NAV li{ padding:5px 0 5px 30px;}
#SUB_NAV li a{}

#SUB_NAB{ float:right; width:636px;}

#CONTENT{ clear:both; width:900px; background-image:url(index_img/action.jpg); background-position:bottom; padding-bottom:19px;}
#CONTENT h4{ line-height:35px; background-image:url(index_img/action.jpg); text-indent:-9999px;}
#CONTENT ul{ padding-left:20px; background-image:url(index_img/line_1.jpg); padding-left:35px;}
#CONTENT li{ padding-top:3px;}
#CONTENT li a{ font-size:14px; color:#333333; text-decoration:none;}
#CONTENT li a:hover{ color:#0066CC;}


#MENU{ width:900px; height:35px; background-image:url(index_img/line_3.jpg); overflow:auto;}
#MENU ul{ padding-top:3px;}
#MENU li{ float:left; line-height:25px; padding:0 60px;}
#MENU li a{ font-size:12px; color:#000000;}
#MENU li a:hover{ color:#FFFFFF;}

#FOOTER{ text-align:center; font-size:14px; color:#0066CC;}