@charset "utf-8";

/* ---------------------------------------------------
Item
---------------------------------------------styleA */

/* ----------LocalNavi---------- */
#lnav{
margin-bottom:20px;
}

/* --------------------ItemDetail-------------------- */
.itemdetail{
margin-bottom:30px;
overflow:hidden;
position:relative;
zoom:1;
}

/* ----------タイトル---------- */
.itemdetail h2{
margin-bottom:3px;
padding:3px 0;
border-bottom:1px #cccccc dotted;
font-size:22px;
line-height:1.1;
}
#itemid{
margin-bottom:20px;
font-size:14px;
color:#B5B52D;
}

/* ----------画像---------- */
#itemimg{
width:215px;
float:left;
text-align:center;
}

/* ----------詳細情報---------- */
#iteminfo{
width:330px;
margin-left:215px;
}

/* ----------商品基本情報---------- */
.table_hf,
.table_ks{
width:330px;
}
.table_hf th,
.table_ks th{
height:25px;
padding:5px 5px 5px 10px;
vertical-align:middle;
font-weight:bold;
text-align:left;
line-height:1.3;
}
.table_hf th{background:#FDD5D4 url(../../item/images/item-title-back.gif) center top repeat-x;color:#CC5255;}
.table_ks th{background:#9EC949 url(../../item/images/item-title-back2.gif) center top repeat-x;color:#1E3E11;}
.table_ks td{
line-height:1.5;
}
.table_hf td.line,
.table_ks td.line{
height:10px;
vertical-align:middle;
}
.table_hf td.line{background:url(../../item/images/item-line.gif) center center repeat-x;}
.table_ks td.line{background:url(../../item/images/item-line2.gif) center center repeat-x;}
.table_hf td tr + tr,
.table_ks td tr + tr{border-top:5px #ffffff solid;}

/* ----------カートまわり---------- */
#iteminfo dt,
#iteminfo dd{
display:inline;
font-weight:bold;
}
#iteminfo dt{
padding-right:10px;
font-size:14px;
}
#iteminfo dd{
font-size:18px;
color:#ff0000;
}
#itempost label{
font-weight:bold;
font-size:14px;
line-height:35px;
}
#itempost select{
margin:10px 5px;
}
#itempost input{
vertical-align:middle;
}

/* ----------カートまわり(定期便)---------- */
#rakutokupost dt{
width:5em;
height:1.5em;
display:block;
font-weight:bold;
font-size:14px;
}
#rakutokupost dd{
margin:-1.5em 0 0 70px;
display:block;
font-size:18px;
color:#2FCE0D;
}
/*キャンペーン時
#rakutokupost dd{
font-size:14px;
}
#rakutokupost dd em{
color:#ff0000;
line-height:1.1;
}
#rakutokupost dd strong{
font-weight:bold;
font-size:18px;
line-height:1.1;
color:#ff0000;
}
*/
#rakutokupost label{
font-weight:bold;
font-size:14px;
line-height:35px;
}
#rakutokupost select{
margin:10px 5px;
}
#rakutokupost input{
vertical-align:middle;
}

#rakutokupost{
margin:20px 0;
padding:10px;
border:3px #2FCE0D double;
position:relative;
}
#rakutokupost.off5{
background:url(../images/icon/tip_3off_up.png) 210px 10px no-repeat;
}
#rakutokupost.off15{
background:url(../images/icon/tip_10off_up.png) 210px 10px no-repeat;
}
#rakutokupost.off3{
background:url(../images/icon/tip_3off_up.png) 210px 10px no-repeat;
}
#rakutokupost.off10{
background:url(../images/icon/tip_10off_up.png) 210px 10px no-repeat;
}
#rakutokupost .ttl{
padding:0 10px;
display:inline;
position:absolute;
left:20px;
top:-10px;
background:#ffffff;
color:#2FCE0D;
font-weight:bold;
font-size:14px;
line-height:1.1;
}
#rakutokupost .st{
padding-top:10px;
color:#2FCE0D;
font-size:90%;
}


/* ----------メーカー・生産地---------- */
table.exp{
width:80%;
margin:10px 0;
}
table.exp th,
table.exp td{
padding:3px;
border:1px #cccccc solid;
vertical-align:middle;
}
table.exp th{
width:70px;
background:#FCF9EB;
text-align:center;
font-weight:bold;
}
table.exp td{
background:#ffffff;
}

/* ----------使い方---------- */
.howto{
margin-bottom:30px;
}
.howto h3{
margin-bottom:5px;
}
.howto .box{
padding-bottom:10px;
background:url(../../item/images/line540.gif) center bottom no-repeat;
}
.howto h4{
font-weight:bold;
color:#ED777D;
}
.howto h4 img{
margin:5px 15px 5px 0;
vertical-align:middle;
}
.howto p + h4{
margin-top:10px;
}

/* ----------ラインナップ---------- */
.lineup h2,/*ksは静的ページでh2になる*/
.lineup h3{
margin-bottom:20px;
}
.lineup td img{
margin:10px 0;
}
.lineup td a{
color:#666666;
}
.lineup .name td{
padding-bottom:20px;
}


/* --------------------ItemList-------------------- */
.itemlist{
}
.itemlist ul{
width:552px;
margin:0 auto;
overflow:hidden;
position:relative;
zoom:1;
}
.itemlist li{
width:138px;
float:left;
text-align:center;
line-height:1.3;
}
.itemlist .img img{
width:125px;
}
.itemlist di+ div{
margin-top:5px;
}


/* --------------------ItemAllList-------------------- */
.itemall ol{
margin:15px;
}
.itemall ol li + li{
margin-top:5px;
}
.itemall li a{
color:#4573B3;
}


/* --------------------トライアルセット-------------------- */
.try_info{background: #288bca; padding: 5px 10px; color: #fff;line-height: 1.5; margin: -5px 5px 10px; font-size: 13px;}
.try_info p:first-child{font-weight: bold; border-bottom: solid 1px #fff; margin-bottom: 5px; font-size: 14px;}