@charset "UTF-8";

/* CSS Document */

#cate-ttl{ padding:0; margin:0 0 15px 0; }




/* ---------------------------------------------------------------- *
	itemdetail
 * ---------------------------------------------------------------- */

.item-box{ font-size: 12px; margin:0}
.item-box h2{padding:0 0 10px 0; border-bottom:1px solid #663300}
.item-box p{ line-height:140%; padding:5px 0;}

.item-pict{ float:left; width:210px}
.item-pict img{ margin:0 0 10px 0; padding:0}

.item-dtl{ float:right; padding:0; width:310px; margin:0 0 0 25px}
.item-txt{ line-height:140%; padding:5px 0;}



#side-cart{ background:#DFD7D5; height:66px}


.cap{line-height:140%; padding:5px 0; font-size:10px}

.att-box{border-bottom:1px solid #663300; border-top:1px solid #663300; padding:5px 0; margin:5px 0;}
.att{ margin:5px 0 0 0; padding:0; color: #FF6600; font-size:10px; line-height:140%}
.icode{ font-weight: normal; color: #666666; }

/* ---------------------------------------------------------------- *
	item list
.i-list{ width:160px; float:left; margin:0 20px 0 0}
 * ---------------------------------------------------------------- */

.list-area{margin:0 0 40px 0; padding:0; font-size:10px; }

.i-list{ width:160px; float:left; margin:0 20px 0 0; padding:0; }
.i-list .img{ height:160px; margin:0; padding:0;  text-align:center; line-height: 160px; }
.i-list h3{ height:30px; color:#55332B; padding:0; margin:3px 0 0 0; }
.i-list h3 a{ height:30px; color:#55332B;}
.i-list h3 a havor{ height:30px; color:#55332B; text-decoration:underline}
.i-list .txt{ height:40px; padding:0; margin:0 0 3px 0; line-height:140%}
.i-list .p-box{ border-bottom: solid 1px #663300; border-top: solid 1px #663300; padding:5px 0}
.i-list .l{ float:left; }
.i-list .r{ float:right; text-align:left; font-weight:bold; }



.odItemList{}
.odItemList th{ background: #8D7566; font-size: 12px; color: #fff; padding: 3px; font-weight: normal; }
.odItemList td{ border-bottom: 1px solid #ccc; font-size: 12px; padding: 3px; line-height: 20px; }
.odItemList td span.icode{ float: right; font-size: 12px; }

.sumList{}
.sumList th{ text-align: right; line-height: 20px; }
.sumList td{ text-align: right; line-height: 20px; }

.addressList{}
.addressList th{ background: #8D7566; font-size: 12px; color: #fff; padding: 3px; font-weight: normal; }
.addressList td{ border-bottom: 1px solid #ccc; font-size: 12px; padding: 3px; line-height: 125%; border-left: 1px #ccc dotted; line-height: 125%; }
/* ---------------------------------------------------------------- *
	order form
 * ---------------------------------------------------------------- */
.letaoForm{ background: url( /img/shopping/formBG.gif ) 0 0 repeat-y; }

.letaoForm h2{ margin: 0 10px; width: 140px; padding: 10px 0; float: left; font-size: 12px; font-weight: bold; color: #663300; }
.letaoForm .forms{ width: 550px; float: right; }
.letaoForm h3{ margin: 0 0 10px 0 ; padding: 1px 3px; font-size: 12px; background: #d9d9d9; }
.letaoForm h4{ margin: 0 0 5px 0 ; padding: 2px 0; font-size: 12px; border-bottom: 1px solid #d9d9d9; font-weight: bold; }
.letaoForm span{ float: right; font-size: 10px; }
.letaoForm .ess{ font-weight: bold; color: #ff0000; }
.letaoForm .forms th{ line-height: 20px; padding: 3px 0; }
.letaoForm .forms td{ padding: 3px 0; }
.forms .nr{ font-size: 12px; }
.forms .smlBtn{ font-size: 10px; line-height: 14px; }

.formBtn
{
	text-align: center;
	padding: 20px 0;
}
.formBtn table{ margin: 0 auto; }
.formBtn table td{ padding: 0 2px; }



/*
login form
*/

.messPanel{ text-align: center; padding: 50px 0;}
.messFrame{ border: 2px solid #8D7566; margin: 0 auto; }
.messFrame th{ font-size: 12px; border-bottom: 2px solid #8D7566; background: #8D7566; color: #ffffff; text-align: center; }
.messFrame td.messBody{ background: #fff; font-size: 12px; text-align: left; padding: 15px; }
.loginForm{ text-align: center; }
.loginForm table{ margin: 10px auto; text-align: left; }
.loginForm table input{ }