@charset"shift_jis";
/*-------------------------------*/
/*　共通　*/
td{font-size:12px;}
a:link{color:#636563;text-decoration:none;}
a:visited{color:#636563;text-decoration:none;}
a:hover{color:#F76500;text-decoration:none;}
a:active{color:#636563;}
.fn1{ color:#CE0000;}
#red{ color:#FF0000; font-weight:bold;}
.kbdr{border: 1px solid #CECFCE;}
.top20{color:#84795A; margin-bottom:2px;line-height:20px;text-align:left;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #84795A;}
body {padding:0 10px 10px 10px ;width:940px;MARGIN:0px auto;text-align: center;	line-height:16px;font-family: 'ＭＳ Ｐゴシック', Osaka , sans-serif;color: #000; font-size:12px;	background-image: url(/images/bg2.gif);background-repeat: repeat-x;background-position: left top;}
.a:link{color:#84795A;text-decoration:none;margin:2px;}
.a:visited{color:#84795A;text-decoration:none;}
.a:hover{color:#928865;text-decoration:underline;font-weight: normal;}
.a:active{color:#84795A;}
ul{padding:0px; margin:0px;}
li{list-style-type:none;margin:0;padding:0;list-style-position: outside;list-style-image: none;}
ul.list li{padding-left:12px; margin-left:1px;background-image: url(99.gif);background-repeat: no-repeat;background-position: left center; line-height:18px;}
.clear { clear:both; padding:0; margin:0px; height:10px;line-height:10px;}
#clear { clear:both; padding:0; margin:0px; height:5px; line-height:5px;}
img{border:none;}
#l-border{clear:both;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #CECFCE; line-height:20px; padding:4px 5px;}
form{ padding:0; margin:0;}
#mainbox{width:100%; background:#FFFFFF;background-image: url(bg2.gif);background-repeat: repeat-x;background-position: left top;}
#mainbox #Topbox{}
#mainbox #Right{float:right;} /* Right bg*/
#mainbox #Left{float:left;} /* Left bg*/
#mainbox #Center{float:left; width:890px; padding:0 0 0 4px; text-align:left;}
#Center .C-Left{float:left;	width:190px;margin:5px;}
.title{background:#EF2C31 url(oico.gif) no-repeat 5px center;height:20px; line-height:20px;padding-left:25px; color:#FFFFFF; margin:0 0 5px 0;}
#Center .C-Right{float:right; width:675px; margin-right:4px;}
#mainbox #menubox{clear:both; height:32px;background-image: url(ok_menu_bg.jpg);background-repeat: repeat;background-position: top;}
#mainbox #menubox td{color:#FFFFFF}
#menu{margin:0 0 0 50px;}
#menu li{display:inline;margin:0;padding:0;}
#menu li a{float:left;line-height:26px;margin:0 1px 0 1px;padding:0 0 0 11px;text-decoration:none;background-image: url(menu2.jpg);background-repeat: no-repeat;background-position: left top;}
#menu li a span {float:left;font-weight: bold;display:block;padding:0 6px 0 0px;color:#FFF;background-image: url(menu1.jpg);background-repeat: no-repeat;background-position: right top;}
#menu li a span {float:none;}
#menu li a:hover {background-position:0% -0px;}
#menu li a:hover span {color:#FFEFAD;background-position:100% -0px;font-weight: bold; } 
.menu-line .l{}
.menu-line .r{}
#mainbox .r-top{height:60px;}
/*--- class name ---*/
.cl-d {line-height:24px; padding-left:14px; margin-left:4px;border-bottom-width: 1px;border-bottom-style: dashed;border-bottom-color: #B5AEB5;background-image: url(arr2.gif);	background-repeat: no-repeat;background-position: left center;}
.cl-x{ clear:none;padding:1px 10px 1px 0;line-height:20px;background-image: url(iii.gif);background-repeat: no-repeat;background-position: right center;}
/*-- white-space:nowrap; --*/
.p-box{float:left;width:120px; height:140px; margin:2px 2px 2px 5px; padding:2px; text-align:center;}
.c-box{float:left;width:120px; height:140px; margin:2px 2px 2px 1px; padding:2px;}
.c-box .img{float:left; width:100px; height:100px;border: 1px solid #CECFCE; margin-right:10px;}
.c-box .name{font-weight: bold;}
.c-box .price{font-weight: bold;color: #FF3000;}
#bootbox{clear:both;MARGIN:0px auto;}
#bootbox .m-line{background:#EFEFEF;line-height:20px;padding:5px 0 5px 0;text-align:center;height:20px;}
#bootbox #count img{ margin:0; padding:0; width:10px; height:10px;}
.m-line .lt{float:left; width:600px; text-align:center;}
.m-line .rt{float:right; width:80px; text-align:center;}
.m-line ul{clear:both;}
.m-line li{float:left;background-image: url(b_01.gif);background-repeat: no-repeat;background-position: right center;}
li span{ padding:5px;}
li .a1:link{color:#8C8A8C;text-decoration:none;}
li .a1:visited{color:#8C8A8C;text-decoration:none;}
li .a1:hover{color:#3971B5;text-decoration:none;}
li .a1:active{color:#8C8A8C;}
#bootbox .m-20{padding:4px;}
/*--  product list   ---*/
#listpage { font-size:12px; line-height:30px; font-weight:bold; color:#5292A5; text-align:center;}
#Listdate {padding-left:15px; padding-right:10px;ine-height:20px;}
#Listdate .List{float:left; padding:4px; width:98%;border-bottom-width: 1px;border-bottom-style: dashed;border-bottom-color: #CCCCCC;}
#Listdate .L-P-N{lfont-weight: bold; line-height:24px; font-size:14px;}
.L-P-N a:link{color:#F76500;text-decoration:none;margin:2px;}
.L-P-N a:visited{color:#F76500;text-decoration:none;}
.L-P-N a:hover{color:#FF0000;text-decoration:underline;font-weight: normal;}
.L-P-N a:active{color:#F76500;}
#Listdate .List .img{float:left;border: 1px solid #CCCCCC; margin:0 10px 0 0;}
#Listdate .price{color: #FF0000;}
#Listdate .right{text-align:right;}
#Listdate .L-P-N li{list-style-type: none;background-image: url(8.gif);background-repeat: no-repeat;background-position: left center;}
.probox{float:left; width:140px;}
/*--   --------------------------------------*/
#UserName {font-size:12px;}
#PassWord {font-size:12px;}
.td-bg{ background:url(cart_01.jpg) repeat-x top; height:25px;}
.td-bg2{ background:url(c_td.jpg) repeat-x top; height:35px;}
.td-2{border: 1px solid #C6C7C6;}
.l-td{border-bottom-width: 1px;border-bottom-style: dashed;border-bottom-color: #CCCCCC;}
.d20{ line-height:20px;}
.line{line-height:24px;padding-left:15px;background-image: url(992.gif);background-repeat: no-repeat;background-position: left center;}
.line-c{ line-height:20px;padding-left:15px;}

/*-------- --*/
.h-p-l{float:left; width:670px;}
.h-p-l .i0 { clear:both;height:10px; margin-top:5px; font-size:0px;line-height:10px;background-image: url(1x14.gif);background-repeat: repeat-x;background-position: top;}
.h-p-l .i01 {line-height:20px; font-size:14px; background:#FFF3D6; padding:2px;margin-right:2px; color:#FF8600;}
.h-p-l .i04 {float:left;padding:10px;width:300px; height:300px;border: 1px solid #CCCCCC;}
.h-p-l .i02 { text-align:right; margin:2px; font-size:12px; font-weight:bold; line-height:100%;}
.h-p-l .i03 {margin-right:2px; margin:10px 0 10px 0;}
.h-p-l .i05 { margin:0 0 0 330px; line-height:24px; text-alig:center;}
.h-p-l .i06 {float:left;padding:3px 0 3px 5px;text-align:left;line-height:100%;width:95px;color: #FF6600;}
.h-p-l .i07 { float:left;padding:5px 0 6px 5px; text-align:left; line-height:100%; width:180px;}
#cart{float:left;width:82%;line-height:24px;text-align:center;padding:2px;font-weight: bold;}#cart div{ padding:2px;}
.h-p-l .i10{float:left;width:48%; padding:2px;margin:10px 0 0 10px;border-top-width: 1px;border-top-style: solid;border-top-color: #DECBAD;}
.pro{ float:left; width:195px; height:140px;}
#k-box{font-size:14px;line-height:20px; height:20px;border-bottom-width: 2px;border-bottom-style: double;border-bottom-color: #F7E7C6;}
#k-c-box li{padding-left:12px; margin-left:1px;background-image: url(8.gif);background-repeat: no-repeat;background-position: left center; line-height:18px;}

/*---*/
#vip_box{border-top-width: 1px;border-top-style: dashed;border-top-color: #B5AEB5; margin:4px 0 4px 0; padding:2px 0 0 0;} 



#item{margin:10px 5px 10px 5px;background:#FFF;border: 1px solid #CECFCE; padding:4px;}
#item #img{ float:left; width:60px; height:60px;}
#item #img img{border: 1px solid #DAE6F3;}
#item .url{color:#008200;font-family: Arial, Helvetica, sans-serif;	font-size: 12px;}
#item .text{clear:both; height:65px;}
#item .t a{color:#FF9900;font-weight: bold;}
#item .t2 a{color:#CE0000;font-weight: bold;}

.j-x{margin:2px 0 0 10px;padding-left:15px;background-image: url(99.gif);background-position: left center;background-repeat: no-repeat;}
#jike li{float:left; padding-left:15px;width:22%;line-height:20px; margin-left:2px;
	background-image: url(8.gif);background-repeat: no-repeat;background-position: left center;}

.collectionProList{clear:both; padding:3px 0px; border-bottom:1px dashed #F96;}
.collectionProList li{ font-size:12px;}
.collectionProList ul{ margin:0px; padding:0px;}
.collectionProList ul li{ list-style:none; float:left;}
/*.collectionProList li.collTitle{ width:528px; height:20px;background:#5389C9; color:#fff; }
.collectionProList li.collTitle p{ padding-left:10px;}*/
.collectionProList li.collProInfo{ padding:5px;width:180px;}
.collectionProList li.collProInfo img{ border:1px solid #CCC; padding:3px;}
.collectionProList li.totalPrice{ float:right; width:300px;}
.collectionProList .collPrice{ font-size:12px; color:#ff0000;}
.collText,.totalPrice{ color:#ff0000; font-size:12px;}