/* ------------------------------------
 e87.com いいはなドットコム　商品ページCSS
 
 date:2007/03/27
-------------------------------------- */

/* 
 topicpath
------------------------------ */

div#gnavi_top div#topicpath{
margin:-15px 0 19px 14px;
font-weight:bold;
font-size:85%;
}

div#gnavi_top div#topicpath a{
font-weight:normal;
background:url(//img.e87.com/img/usr/images/topicpath_bg.gif) no-repeat right top;
padding:0 10px 0 0;
}



/* 
 contents
------------------------------ */

div.contents{
margin:0 29px 10px;
}

div.contents h1{
font-weight:bold;
margin:0 0 3px 0;
}

div.contents h2{
font-weight:bold;
border-style:none;
}

div.contents div#product_detail{
margin:0 0 15px 0;
}

div.contents div#product_detail:after{
   content:".";
   display:block;
   height:0px;
   clear:both;
   visibility:hidden;
}

/* Win版IE7とMac版IE5対策 */
div.contents div#product_detail{
   display:inline-block;
}

/* Win版IE5および6対策 */
/* Hides from IE-mac \*/
* html div.contents div#product_detail{
   height:1px;
}

div.contents div#product_detail{
   display:block;
}
/* End hide from IE-mac */


div.contents div#product_detail div#pd_pctblock{
width:260px;
margin:0 18px 0 0;
float:left;
}

div.contents div#product_detail div#pd_pctblock01{
width:260px;
margin:38px 18px 0 0;
float:left;
}

div.contents div#product_detail div#pd_pctblock01 div#selection {
padding:10px 0 5px 0;
}

div.contents div#product_detail div#pd_pctblock01 div#selection a{
font-weight:bold;
color:#CA417D;
}

div.contents div#product_detail div#pd_txtblock{
width:400px;
float:left;
}

div.contents div#product_detail div#pd_txtblock p.goodsname{
font-weight:bold;
}

div.contents div#product_detail div#pd_txtblock p.ttl{
width:400px;
border-bottom:4px solid #E1E1E1;
margin:0 0 10px 0;
}


div.contents div#product_detail p.notes{
background:url(//img.e87.com/img/usr/images/ico_caution.gif) no-repeat 0 1px;
padding:0 0 5px 17px;
}

div.contents div.pd_detail{
border-bottom:3px solid #D4D4D4;
padding:10px 0 5px;
}


div.contents div.pd_detail table th,
div.contents div.pd_detail table td{
background:url(//img.e87.com/img/usr/products/images/products_detail_bg.gif) no-repeat bottom;
padding:5px 0;
vertical-align:top;
}

div.contents div.pd_detail table th{
font-weight:bold;
text-align:left;
width:4em;
}

div.contents div.pd_detail table td{
font-size:85%;
}

div.contents div.pd_op{
padding:10px 0 5px;
}

div.contents div.pd_op .border{
border:1px solid #D4D4D4;
width:260px;
}

div.contents div.pd_op table th{
border:1px solid #D4D4D4 bottom;
padding:5px 0 5px 20px;
vertical-align:middle;
font-weight:bold;
color:#FFFFFF;
text-align:left;
background:url(//img.e87.com/img/usr/products/images/op_bg.gif) no-repeat #CA417D;
}

div.contents div.pd_op .cap{
font-size:85%;
padding:5px 5px 5px 5px;
background:url(//img.e87.com/img/usr/products/images/products_detail_bg.gif) no-repeat bottom;
}

div.contents div.pd_op .vline{
background:url(//img.e87.com/img/usr/products/images/products_detail_bg_v.gif) repeat-y right #D0CFCC;
}

div.contents div.pd_op .thumbnail{
padding:5px 0 3px 0;
text-align:center;
width:64px;
}

div.contents div.pd_op .radio_button{
text-align:center;
}

div.contents div.pd_op .no_product{
font-size:80%;
padding:2px 0 2px 2px;
vertical-align:top;
background:url(//img.e87.com/img/usr/products/images/products_detail_bg.gif) no-repeat bottom;
}

div.contents div.pd_op .product{
font-size:80%;
padding:0 0 2px 5px;
text-align:left;
vertical-align:top;
}

table.pd_price{
margin:10px 0 0 0;
border-top:1px solid #ff3399;
border-bottom:1px solid #ff3399;
width:400px;
}

table.pd_price th,
table.pd_price td{
padding:5px;
}

table.pd_price th{
background:#ff99cc;
color:#ffffff;
text-align:center;
font-size:13px;
}

div.goods_icon ul{
margin:5px 0; padding:0;
}

div.goods_icon ul li{
margin:0; padding:0; list-style-type:none;
display:inline;
}

div.goods_icon ul li img{
width:62px;
height:17px;
}

div.contents div.pd_txtarea p{
margin:0 0 10px 0;
}

div.contents p.pd_catch{
color:#CA417D;
}


div.contents p.pd_otodoke{
background:url(//img.e87.com/img/usr/products/images/ico_otodoke.gif) no-repeat top left;
padding:0 0 0 28px;
}


div.contents div.pd_stockarea{
clear:both;
background:#ECECD8;
padding:3px 0;
}

div.contents div.pd_stockarea div{
border-top:1px solid #ffffff;
border-bottom:1px solid #ffffff;
width:400px;
padding:8px 0;
}

div.contents div.pd_stockarea table td.stock_ttl{
background:url(//img.e87.com/img/usr/products/images/stock_ttl_bg.gif) right no-repeat;
width:84px;
text-align:center;
}


div.contents div.pd_stockarea table td.stock_select{
background:url(//img.e87.com/img/usr/products/images/stock_select_bg_t.gif) top no-repeat #F8F8EB;
padding:7px 0 7px 0;
width:305px;
text-align:center;
}


div.contents div.pd_stockarea table td.stock_select form{
background:url(//img.e87.com/img/usr/products/images/stock_select_bg_b.gif) bottom no-repeat #F8F8EB;
padding:0 0 7px;
}


div.contents div.pd_stockarea table td.stock_select select{
width:200px;
display:block;
margin:0 0 5px 48px;
}

div.contents div.pd_stockarea table td.stock_select input{
width:70px;
}

div.contents div.pd_stockarea table td.stock_select input.btn{
width:159px;
margin:0 0 0 15px;
}

div.contents div.pd_stockarea table td.stock_select input,
div.contents div.pd_stockarea table td.stock_select img{
vertical-align:middle;
}


/* 
 recommend
------------------------------ */

div.contents div#recommend2{
clear:both;
width:680px;
}

div.contents div#recommend2 h2{
margin:0 0 10px 0;
background:#fde5f0;
width:670px;
*width:680px;
padding:7px 5px;
color:#333333;
}

div.contents div#recommend2 ul{
margin:0 0 15px 0;
padding:0;
list-style-type:none;
background:url(//img.e87.com/img/usr/products/images/rp_list_bg.gif) repeat-y;
}


div.contents div#recommend2 ul:after{
   content:".";
   display:block;
   height:0px;
   clear:both;
   visibility:hidden;
}

/* Win版IE7とMac版IE5対策 */
div.contents div#recommend2 ul{
   display:inline-block;
}

/* Win版IE5および6対策 */
/* Hides from IE-mac \*/
* html div.contents div#recommend2 ul{
   height:1px;
}

div.contents div#recommend2 ul{
   display:block;
	clear:both;
}
/* End hide from IE-mac */

div.contents div#recommend2 ul li{
width:199px;
float:left;
}

div.contents div#recommend2 ul li img{
width:199px;
height:199px;
}

div.contents div#recommend2 ul li.list01{
margin:0 20px 0 0;
}

div.contents div#recommend2 ul li.list02{
margin:0 20px 0 20px;
}

div.contents div#recommend2 ul li.list03{
margin:0 0 0 12px;

/* Apply to all except MacIE \*/

margin:0 0 0 22px;

/* end of hiding from MacIE */

}

/* 
 pickup
------------------------------ */

div.contents div#pickup{
background:#fde5f0;
width:680px;
padding:0 0 5px 0;
margin:0 0 15px 0;
clear:both;
}

div.contents div#pickup h2{
width:670px;
background:#fde5f0;
padding:7px 5px 5px;
color:#333333;
}

div.contents div#pickup ul{
margin:0 0 0 0;
padding:0 0 0 6px;
list-style-type:none;
}

div.contents div#pickup ul:after{
   content:".";
   display:block;
   height:0px;
   clear:both;
   visibility:hidden;
}

/* Win版IE7とMac版IE5対策 */
div.contents div#pickup ul{
   display:inline-block;
}

/* Win版IE5および6対策 */
/* Hides from IE-mac \*/
* html div.contents div#pickup ul{
   height:1px;
}

div.contents div#pickup ul{
   display:block;
}
/* End hide from IE-mac */


div.contents div#pickup ul img{
width:200px;
height:200px;
}

div.contents div#pickup ul li{
display:inline;
padding:15px 9px 0 10px;
width:200px;
background:#ffffff;
float:left;
font-size:85%;
border-right:5px solid #fde5f0;
}

div.contents div#pickup ul li.center{
padding:15px 10px 0 10px;
}

html>body div.contents div#pickup ul li{
width:200px;
}


div.contents div#pickup ul p.goodsname{
background:url(//img.e87.com/img/usr/images/table_dotline01.gif) repeat-x bottom;
padding:0 0 1px 0;
margin:0 0 5px 0;
clear:both;
}

div.contents div#pickup ul table{
width:130px;
float:left;
}

div.contents div#pickup ul a.detail{
float:right;
}

div.contents div#pickup ul a.detail img{
width:40px;
height:17px;
}

div.contents div#pickup ul table th{
font-weight:bold;
width:3em;
font-size:10px;
}

div.contents div#pickup ul table td{
font-size:10px;
}


/* 
 reference
------------------------------ */


div.contents div#reference{
margin:0 0 15px 0;
clear:both;
}

div.contents div#reference h3{
margin:0;
}

div.contents div#reference div.section{
border-bottom:1px solid #dbdad3;
padding:0 0 5px 0;
margin:0 0 10px 0;
}

div.contents div#reference p.txt{
font-size:85%;
}


div.contents div#reference p strong{
font-size:110%;
}


div.contents div#reference p a{
color:#CA417D;
}



/* 
 pagetop
------------------------------ */

div.pagetop{
margin:0 0 10px 0;
text-align:right;
clear:both;
}


/*-------------- 以下、2007/9/13e87追加分 ---------------- */

.f10{
font-size:85%;
line-height:1.25;
}

div.contents div#recommend ul li div.sub img{
width:50px;
height:50px;
}

div.contents div#recommend ul li span.icon img{
width:62px;
height:17px;
}