@charset "utf-8";

/* [/detail/index.html]
***************************************************************/

/* margin関係
--------------------------------------------------------------*/
.mt_5{	margin-top:5px; !important}
.mt_10{	margin-top:10px; !important}
.mt_15{	margin-top:15px; !important}
.mt_20{	margin-top:20px; !important}
.mt_25{	margin-top:25px; !important}
.mt_30{	margin-top:30px; !important}
.mb_5{	margin-bottom:5px; !important}
.mb_10{	margin-bottom:10px; !important}
.mb_15{	margin-bottom:15px; !important}
.mb_20{	margin-bottom:20px; !important}
.mb_25{	margin-bottom:25px; !important}
.mb_30{	margin-bottom:30px; !important}
#details_block .pt_5{	margin-top:5px; !important}

/*--------------------------------------------------------------
   main_container[右ブロック]
--------------------------------------------------------------*/
#main_container{
	display:inline;
	float:right;
	width:740px;
	margin:0px 0px 0px 20px;
	padding:0px 0px 0px 0px;
	}

/* 詳細エリア
--------------------------------------------------------------*/
#main_container #details_block{
	margin:0px 0px 20px;
	width:740px;
	}
#main_container #details_block h1{
	margin:10px 0px 15px 10px;
	padding:4px 0px 14px 0px;
	font-size:large;
	color:#333333;
	border-bottom:4px solid #ff8800;
	}
#details_block .left{
	float:left;
	width:240px;
	}
#details_block .left div{
	margin:10px 0px 4px;
	}
#details_block .left div a{
	text-decoration:none;
	margin-right:3px;
	}
#details_block .left div a img{
	width:43px;
	height:43px;
	border:1px solid #CCCCCC;
	}
#details_block .left div a.last{
	margin-right:0px;
	}
#details_block .left div a:hover img{
	border:1px solid #ff9900;
	text-decoration:none;
	}
#details_block .left ul{
	margin:0px;
	}
#details_block .left ul li a{
	margin:0px;
	padding:0px 0px 0px 11px;
	background-image:url(../../image/common/link_arrow.gif);
	background-repeat:no-repeat;
	background-position:left center;
	}
#details_block .right{
	display:inline;
	float:right;
	width:485px;
	margin:0px 0px 10px;
	}
#details_block .right h2{
	font-weight:normal;
	}
#details_block .right h2 span{
	color:#cc3333;
	}
#details_block .right .kakaku{
	width:485px;
	}
.kakaku_box{
	display:inline;
	float:left;
	width:240px;
	border-top:3px solid #cccccc;
	border-bottom:3px solid #cccccc;
	margin:0px 10px 0px 0px;
	padding:5px 0px 10px;
	}
.kakaku_box p{
	margin-top:10px;
	text-align:right;
	}
.kakaku_box p.special_kakaku{
	margin-top:5px;
	}

/* キャンペーン期間で、価格が商品単価の場合 */
.kakaku_box p.campaign{
	margin-top:5px;
	font-weight:bold;
	color:#cc3333;
	}

/* キャンペーン期間で、特別価格期間や予約期間の場合 */
.kakaku_box p.campaign_kikan{
	margin-top:5px;
	font-weight:bold;
	color:#cc3333;
	}
.kakaku_box p span{
	font-weight:bold;
	color:#cc3333;
	}
.kakaku_box p strong{
	font-size:x-large;
	line-height:1.3em;
	color:#cc3333;
	}
.kakaku_box p span.middle_font{
	font-size:large;
	font-weight:bold;
	color:#cc3333;
	}

/* 規格の組み合わせ、在庫アリ
--------------------------------------------------------------*/

/* 規格の組み合わせが存在しない場合 */
p.kumiawase_none{
	font-weight:bold;
	color:#cc3333;
	margin-bottom:10px;
	}

/* 規格の組み合わせが存在し、在庫あり又は在庫管理しない場合 */
p.buy_ok{
	font-weight:bold;
	color:#cc3333;
	margin-bottom:10px;
	}

#details_block .right .kakaku .cart_box{
	float:left;
	width:235px;
	margin:0px;
	padding-bottom:10px;
	background-image:url(../../image/detail/insert_cart_back_b.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	}
#details_block .right .kakaku .cart_box div{
	padding-top:10px;
	background-image:url(../../image/detail/insert_cart_back_t.gif);
	background-repeat:no-repeat;
	background-position:left top;
	}
#details_block .right .kakaku .cart_box div p{
	min-height:37px;
	height:auto !important;
	height:37px;
	background-image:url(../../image/detail/insert_cart_back_m.gif);
	background-repeat:repeat-y;
	background-position:left top;
	padding:0px 12px;
	}
#details_block .right .kakaku .cart_box div p img{
	vertical-align:bottom;
	}
.cart_box div p span.gift{
	display:block;
	margin-bottom:10px;
	}
.cart_box div p span.gift select{
	width:160px;
	margin-left:5px;
	}
.cart_box div p span.kosuu{
	display:block;
	margin-bottom:10px;
	}
.cart_box div p span.kosuu select{
	width:80px;
	margin-left:10px;
	}


/* 得々ポイント
--------------------------------------------------------------*/
div.toku2_point{
	margin-top:10px;
	}
div.toku2_point p span{
	font-weight:bold;
	color:#cc3333;
	}
	
/* キャンペーン期間の場合 */
div.toku2_point p.campaign{
	font-weight:bold;
	color:#cc3333;
	}
div.toku2_point p.text{
	margin:5px 0px 10px;
	padding-top:5px;
	background-image:url(../../image/detail/point_bor.gif);
	background-repeat:repeat-x;
	background-position:left top;
	}

#details_block h2{
	margin:0px 0px 10px;
	}
/* icon
--------------------------------------------------------------*/
#details_block .right ul.icon{
	width:486px;
	margin:0px;
	}
#details_block .right ul.icon li{
	float:left;
	margin:0px;
	padding-right:2px;
	padding-bottom:2px;
	}
#details_block .right ul.icon li img{
	display:block;
	}

/* 詳細部テーブル
--------------------------------------------------------------*/
#details_block .right table.syurui{
	width:485px;
	margin:0px 0px 13px;
	border-collapse:collapse;
	font-size:small;
	}
#details_block .right table.syurui th{
	width:40px;
	padding:7px;
	background-image:url(../../image/detail/h2_table_bor.gif);
	background-repeat:repeat-x;
	background-position:left top;
	background-color:#666666;
	color:#FFFFFF;
	font-weight:normal;
	}
#details_block .right table.syurui td{
	padding:7px;
	background-image:url(../../image/detail/h2_table_bor.gif);
	background-repeat:repeat-x;
	background-position:left top;
	}
#details_block .right table.syurui th.last{
	padding:7px;
	border-bottom:1px solid #CCCCCC;
	background-color:#666666;
	color:#FFFFFF;
	}
#details_block .right table.syurui td.last{
	padding:7px;
	border-bottom:1px solid #CCCCCC;
	}
#details_block .right table.syurui td.img{
	width:142px;
	padding:7px 0px;
	}
#details_block .right table.syurui td.img span{
	display:block;
	width:142px;
	height:20px;
	padding-left:5px;
	font-size:11px;
	background-image:url(../../image/detail/table_back.gif);
	background-repeat:no-repeat;
	background-position:left top;
	}
#details_block .right table.spec{
	margin:0px 0px 10px;
	border-collapse:collapse;
	font-size:small;
	}
#details_block .right table.spec th{
	width:96px;
	padding:5px;
	font-weight:normal;
	background-color:#f3f3ea;
	border:1px solid #cccccc;
	}
#details_block .right table.spec td{
	width:139px;
	padding:5px;
	border:1px solid #cccccc;
	}

/* td_colspanが3の時使用
--------------------------------------------------------------*/
#details_block .right table.spec td.triple{
	width:419px;
	padding:5px;
	border:1px solid #cccccc;
	}
	
/* 詳細部テーブル 文字間ハック
--------------------------------------------------------------*/
* html #details_block .right table.syurui ,
* html #details_block .right table.spec{
	letter-spacing:1px;
	}
*:first-child + html #details_block .right table.syurui ,
*:first-child + html #details_block .right table.spec{
	letter-spacing:1px;
	}

/* commodity_area
--------------------------------------------------------------*/
div.commodity_area{
	width:740px;
	margin:20px 0px 0px;
	}
div.commodity_area p.title{
	border-bottom:1px solid #cccccc;
	}
div.commodity_area div.box{
	margin:0px;
	padding:10px 0px 10px 10px;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	}
div.commodity_area div.box ul{
	background-image:url(../../image/detail/commodity_area_b.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	padding-bottom:10px;
	margin-bottom:5px;
	}
div.commodity_area div.box ul li{
	float:left;
	display:inline;
	width:118px;
	margin-right:12px;
	padding:8px;
	background-image:url(../../image/detail/ruiji_area_t.gif);
	background-repeat:no-repeat;
	background-position:left top;
	}
div.commodity_area div.box ul li{
	float:left;
	display:inline;
	width:118px;
	margin-right:12px;
	padding:14px 8px 0px;
	}
div.commodity_area div.box ul li p.zaiko_none{
	font-size:1em;
	font-weight:bold;
	color:#cc3333;
	padding:0px 4px;
	}
div.commodity_area div.box ul li.last p.zaiko_none{
	font-size:1em;
	font-weight:bold;
	color:#cc3333;
	padding:0px 4px;
	}
div.commodity_area div.box ul li p.yoyaku_end{
	font-size:1em;
	font-weight:bold;
	color:#cc3333;
	padding:0px 4px;
	margin:0px;
	}
div.commodity_area div.box ul li.last p.yoyaku_end{
	font-size:1em;
	font-weight:bold;
	color:#cc3333;
	padding:0px 4px;
	margin:0px;
	}
div.commodity_area div.box ul li.last{
	margin-right:0px;
	}
div.commodity_area div.box ul li a img.item{
	border:1px solid #cccccc;
	margin:0px 8px 0px;
	}
div.commodity_area div.box ul li a:hover img.item ,
div.commodity_area div.box ul li.last a:hover img.item{
	border:1px solid #ff9900;
	}
* html div.commodity_area div.box ul li a img.item{
	margin:0px 8px 5px;
	}
* html div.commodity_area div.box ul li.last a img.item{
	margin:0px 8px 5px;
	}
div.commodity_area div.box ul li a span.item_name ,
div.commodity_area div.box ul li.last a span.item_name{
	display:block;
	}
div.commodity_area div.box ul li p ,
div.commodity_area div.box ul li.last p{
	font-size:x-small;
	margin-bottom:5px;
	}
div.commodity_area div.box ul li p span ,
div.commodity_area div.box ul li.last p span{
	color:#cc3333;
	font-weight:bold;
	font-size:1.2em;
	}
div.commodity_area div.box p{
	text-align:left;
	margin:0px 10px 0px 0px;
	}
div.commodity_area div.box p.more{
	text-align:right;
	margin:0px 10px 0px 0px;
	}
div.commodity_area div.box ul li a.cart_min ,
div.commodity_area div.box ul li.last a.cart_min{
	margin:0px 4px;
	}
div.commodity_area div.box p.more a{
	background-image:url(../../image/common/link_arrow_b.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:12px;
	}

/* 商品のレビューエリア
--------------------------------------------------------------*/
div.review_block{
	width:740px;
	margin:20px 0px 0px;
	}
div.review_block img.review_title{
	float:left;
	}
div.review_block img.write_review{
	float:right;
	margin-top:7px;
	}
div.review_block div.box{
	margin:0px;
	padding:0px;
	border-top:2px solid #ff7700;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	}
div.review_block div.box dl.review_ff{
	margin:0px;
	padding:10px 10px 0px;
	background-color:#FFFFFF;
	background-image:url(../../image/detail/coment_bor.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	}
div.review_block div.box dl.review_f3{
	margin:0px;
	padding:10px 10px 0px;
	background-color:#F3F3F3;
	background-image:url(../../image/detail/coment_bor.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	}
div.review_block div.box dl.review_ff_last{
	margin:0px 0px 10px 0px;
	padding:10px 10px 0px;
	background-color:#FFFFFF;
	background-image:url(../../image/detail/coment_bor.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	}
div.review_block div.box dl.review_f3_last{
	margin:0px 0px 10px 0px;
	padding:10px 10px 0px;
	background-color:#F3F3F3;
	background-image:url(../../image/detail/coment_bor.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	}
div.review_block div.box dl.review_ff dt ,
div.review_block div.box dl.review_f3 dt ,
div.review_block div.box dl.review_ff_last dt ,
div.review_block div.box dl.review_f3_last dt{
	float:left;
	width:180px;
	margin:0px;
	padding:0px 0px 10px 0px;
	}
div.review_block div.box dl.review_ff dt span ,
div.review_block div.box dl.review_ff dt img ,
div.review_block div.box dl.review_f3 dt span ,
div.review_block div.box dl.review_f3 dt img ,
div.review_block div.box dl.review_ff_last dt span ,
div.review_block div.box dl.review_ff_last dt img ,
div.review_block div.box dl.review_f3_last dt span ,
div.review_block div.box dl.review_f3_last dt img{
	display:block;
	}
div.review_block div.box dl.review_ff dd ,
div.review_block div.box dl.review_f3 dd ,
div.review_block div.box dl.review_ff_last dd ,
div.review_block div.box dl.review_f3 dd_last{
	float:right;
	width:528px;
	padding:0px 0px 4px 0px;
	background-image:url(../../image/detail/review_coment_b.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	}
div.review_block div.box dl.review_ff dd p ,
div.review_block div.box dl.review_f3 dd p ,
div.review_block div.box dl.review_ff_last dd p ,
div.review_block div.box dl.review_f3_last dd p{
	width:503px;
	padding:4px 10px 0px 25px;
	background-image:url(../../image/detail/review_coment_t.gif);
	background-repeat:no-repeat;
	background-position:left top;
	}
div.review_block div.box p.more{
	text-align:right;
	margin:10px 10px 10px 0px;
	}
div.review_block div.box p.more a{
	background-image:url(../../image/common/link_arrow_b.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:12px;
	}

/* ページトップ
--------------------------------------------------------------*/
p.page_top{
margin:20px 0px 0px;
text-align:right;
}