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

@import url("reset.css");

BODY.GRAY{ background-color:#808080;}
#FLASHIN{display:block; width:950px; height:auto;	margin:0 auto;  }
#FLASHIN h1{ text-align:center; color:#FFFFFF; font-size:12px; line-height:20px; letter-spacing:1px;}
#FLASHIN h1 a{color:#FFFFFF;text-decoration:none;}
#FLASHIN h2{ text-align:center; color:#414141; font-size:12px; line-height:20px; letter-spacing:1px; font-weight:normal;}
#FLASHIN h2 a{ color:#414141;text-decoration:none;}

.WEB{display:block; width:100px;color:#AEADAD;font-family:Verdana; font-size:11px; float:right; text-align:right; font-style:italic;}
.WEB a{color:#AEADAD; text-decoration:none;}

#WRAPPER{
	display:block;
	width:960px;
	height:auto;
	background-image:url(../images/bg-wrapper.jpg);
	background-repeat:repeat-y;
	margin:0 auto;
	position:relative;
	overflow: auto;
}
#LEFT_CON{ display:block; width:195px; float:left; overflow:auto; font-family:Verdana; font-size:11px; color:#FFF; text-align:right; line-height:18px; margin-right:20px; padding-bottom:120px;}
#RIGHT_CON{ display:block; width:735px; overflow:auto; font-family:Verdana; font-size:12px; color:#322F2C; padding-bottom:30px; /*margin-bottom:40px;*/}

.LOGO{ display:block; width:195px; height:125px; padding-top:305px;}

.ICON{ display:block; width:645px;/* margin:0 auto;*/ margin-left:58px;}
.ICON li{ float:left; border-bottom:solid #C6C4D0 1px;}
.ICON li a span{ visibility:hidden;}

.ICON li.I01 a{ display:block; width:105px; height:57px; background-image:url(../images/icon-01.gif);  text-decoration:none; background-position:top;}
.ICON li.I01 a:hover ,.I02 a:hover,.I03 a:hover,.I04 a:hover,.I05 a:hover,.I06 a:hover{ background-position:bottom;}
.ICON li.I02 a{ display:block; width:120px; height:57px; background-image:url(../images/icon-02.gif); text-decoration:none; position:relative;}
.ICON li.I03 a{ display:block; width:118px; height:57px; background-image:url(../images/icon-03.gif); text-decoration:none;}
.ICON li.I04 a{ display:block; width:116px; height:57px; background-image:url(../images/icon-04.gif); text-decoration:none;}
.ICON li.I05 a{ display:block; width:115px; height:57px; background-image:url(../images/icon-05.gif); text-decoration:none;}
.ICON li.I06 a{ display:block; width:71px; height:57px; background-image:url(../images/icon-06.gif); text-decoration:none;}


.I02icon{ display:block; width:120px; padding-left:160px;}
.I02icon li{ float:left; padding-top:5px;}
.I02icon li a span{ visibility:hidden;}
.I02icon li.I01 a{ display:block; width:120px; height:21px; background-image:url(../images/icon-02_1.gif); background-position:center; background-repeat:no-repeat;text-decoration:none;}
.I02icon li.I01 a:hover{background-image:url(../images/icon-02_1on.gif);background-position:center;}

.I02icon li.I02 a{ display:block; width:120px; height:21px; background-image:url(../images/icon-02_2.gif); background-position:center; background-repeat:no-repeat;text-decoration:none;}
.I02icon li.I02 a:hover{background-image:url(../images/icon-02_2on.gif);background-position:center;}

.SPACE{display:block; width:100%; height:36px; clear:both;}


.ITEM{ display:block; width:200px; margin-left:68px; clear:both;}
.item_color{ display:block; width:667px; margin-left:68px;}

.PROlist{ display:block; width:645px; padding-left:68px; padding-top:30px; }
.PRO_all{ display:block; width:190px; margin-right:24px; margin-bottom:10px; position:relative; float:left;}
.PRO-pic{ display:block; width:172px; height:129px; background-image:url(../images/pro_photo.gif); padding:6px 10px 15px 8px;}
.PRO-name{ display:block; width:190px; text-align:center; font-weight:bold; color:#444A4C;}
.PRO-name a{ display:block; width:190px; text-align:center; font-weight:bold; color:#383838;}
.PRO_model a{ display:block; width:190px; font-size:12px; font-weight:normal; color:#383838; line-height:18px; text-align:center; text-decoration:none; padding-bottom:3px;}
.PRO_model a:hover{ text-decoration:none;}
.HR01{ display:block; width:100%; height:1px; border:dotted #FFFFFF 1px; clear:both;}

.ITEMdetail{ display:block; width:670px; height:50px; margin-left:35px; background-image:url(../images/item-s.jpg); background-repeat:no-repeat; font-family:Verdana; font-size:16px; font-weight:bold; color:#532C06; text-indent:20px; line-height:50px; clear:both;}
/*.PROdetail{ display:block; width:auto; padding-left:35px; float:left;}
.PRO_picbig{ display:block; width:auto; height:auto; border:solid #666666 1px; margin-bottom:20px;}*/
.PROdetail{ position:relative; display:block; width:100%; text-align:center; overflow:hidden; margin-bottom:20px; }
.PRO_picbig{ position:relative; float:left; left:50%; }
.PRO_picbig img{ position:relative; border:solid #666666 1px; right:50%; float:left; padding:0 0px; }

.PROdetaillist{ display:block; width:670px; padding-left:40px; padding-bottom:10px; overflow:auto;}
.PRO_picsmall{ display:block; width:57px; height:43px; border:solid #666666 1px; margin-bottom:5px; margin-right:8px; float:left;}
.BACK a{ display:block; width:57px; height:21px; font-family:Verdana; font-size:12px; font-weight:bold; color:#333333; text-align:center; text-decoration:none; line-height:21px; background-image:url(../images/icon_back.jpg); background-repeat:no-repeat; padding-right:40px; padding-bottom:30px; float:right;}
.BACK a:hover{ color:#660000;}

.FOOTicon{ display:block; width:650px; height:26px; background-color:#E8E8E8; font-family:Verdana; font-size:11px; color:#121212; line-height:26px; letter-spacing:1px; padding-left:15px; float:right;}
.FOOTicon a{ font-family:Verdana; font-size:11px; color:#121212; line-height:26px; letter-spacing:2px; text-decoration:none;}
.FOOTicon a:hover{ color:#6B655F;}

.FOOTicondetail{ display:block; width:685px; height:26px; background-color:#E8E8E8; font-family:Verdana; font-size:11px; color:#121212; line-height:26px; letter-spacing:1px; padding-left:15px; float:right;}
.FOOTicondetail a{ font-family:Verdana; font-size:11px; color:#121212; line-height:26px; letter-spacing:2px; text-decoration:none;}
.FOOTicondetail a:hover{ color:#6B655F;}

#REDBAR{ position:absolute; top:0; right:0; width:10px; height:250px; background-color:#A90600; overflow:auto;}

#PAGE{ display:block; width:670px; height:30px; margin-left:35px; clear:both; padding-top:10px;}
#PAGE ul{ float:right;}
#PAGE li{ float:left; padding:5px 5px 5px 0; font-family:Verdana; font-size:11px; color:#121212;}
#PAGE li a{ color:#666666; font-weight:bold;}
#PAGE li a:hover{ color:#990000;}
#PAGE li.pages{ display:block; width:55px; height:30px; background-image:url(../images/pages.jpg); background-repeat:no-repeat; text-indent:-9999px;}
.WHITE{color:#FFF; text-decoration:none; }