
﻿/* CSS for [product_detail/index.html] */
/* ↓　ここから　「商品詳細情報ページ」CSS */

.product_detail{
  background-color:#fff;
  width: 600px;
  padding: 15px;
  height: auto;
  margin: 0px auto;
}
.product_detail a{
	text-decoration: underline;
	color: #3366CC;
}

.product_detail_main{
	width:600px;
	margin:25px 0px;
}
.product_detail_main_left{
	float:left;
	width:270px;
	text-align: center;
}
.product_detail_main_left img{
	text-align: center;
}

.product_detail_main_right{
	margin:0px;
	float:right;
	width:330px;
	height:auto;
}
.product_detail_main_right dl{
	margin: 0px;
	height: 100%;
	

}
.product_detail_main_right dt{
	clear: both;
	font-weight: bold;
	width: 85px;
	height:100%;
	float: left;
	padding: 2px;
	
	
}
.product_detail_main_right dd{
	font-weight: normal;
	width: 225px;
	height:100%;
	margin: 0px;
	float: left;
	padding: 2px 3px 2px 3px;
	border-left: 1px #CCCCCC dotted;
}

/* CSS for [product_detail_name.html] = [PRODUCT_DETAIL_NAME]  =.product_detail */
.product_detail h2{
  margin: 0px auto;
  width: 540px;
  height: 100%;
  padding: 22px 0px 10px 53px;
  background: white url('/images/design_style/jpn/1/product/01/style.gif') left top no-repeat;
  font-size: 16px;
  vertical-align: middle;
  text-align: left;
}

.product_detail hr{
  display:none;
}
/* CSS for [product_detail_image.html] = [PRODUCT_DETAIL_IMAGE]  =.product_detail_image */
.product_detail_image{
	/*position:relative;*/
	width:auto;
	height: 100%;
	margin: 0px auto;
	text-align: center;
}
.product_detail_image #large{
	width: 100%;
	height: 17px;
	display:block;
	clear:both;
	text-align: center;
}
/* 多角度イメージ */
.product_detail_multiple_image{
	margin: 10px 0px;
	clear: both;
}
.product_detail_multiple_image img{
	width:48px;
	height: 50px;
}
.product_detail_multiple_image table{
	border-collapse:collapse;
	border: 1px #CCCCCC solid;
	margin: 0 auto;
}
.product_detail_multiple_image td{
	border: 1px #CCCCCC solid;
}
/*携帯用QRｺｰﾄﾞ */
.qrcode_block{
	width:auto;
	height: auto;
}
.qrcode_block img{
	width:100px;
}
.product_detail_image h3{
	margin:0px auto;
	padding:0px;
    float: left;
    width: 434px;
    height: 25px;
}
.product_detail_image_detail{
	margin:0px;
	padding:0px;
	float: right;
}
.product_detail_image_review_title{
	float: right;
}
.product_detail_image img{
	clear: both;

}
/* CSS for [l] = [PRODUCT_DETAIL_GOODS_CODE]  =.product_detail_goods_code */
.product_detail_goods_code{
	margin:0px;
	width: 100%;
	height: auto;
	overflow: auto;
	border-bottom: 1px #CCCCCC dotted;
}
.product_detail_goods_code dd{
	color: #091977;
	font-weight: bold;
}
/* CSS for [product_detail_prices.html] = [PRODUCT_DETAIL_PRICES]  =.product_detail_prices */
.product_detail_prices{
	margin:0px;
	width: 100%;
	height: auto;
	overflow: auto;
	border-bottom: 1px #CCCCCC dotted;
	padding-top: 5px;
}
.product_detail_prices .normal_price{
	color:#339933;
	font-weight: bold;
	
}
.product_detail_prices .variable_customer_price{
	color:#ff8507;
	font-weight: bold;
}
/* CSS for [product_detail_maker_info.html] = [PRODUCT_DETAIL_MAKER_INFO]  =.product_detail_maker */
.product_detail_maker{
	width: 100%;
	height: auto;
	overflow: auto;
	border-bottom: 1px #CCCCCC dotted;
	padding-top: 5px;
}


/* CSS for [product_detail_number_input.html] = [PRODUCT_DETAIL_NUMBER_INPUT]  =.product_detail_number_input */
.product_detail_number_input{
	position:relative;
	width: 100%;
	height: auto;
	/*overflow: auto;*/

	padding-top: 5px;
	clear: both;
}
.product_detail_number_input .input{
	width:;
}
.product_detail_number_input form{
  margin: 0px;
  padding: 0px;
}

.product_detail_number_input img{
	float:left;
}
.product_detail_number_input .max_limit{
	position: absolute;
	top: 5px;
	left: 130px;
	width: 170px;
}
.product_detail_number_input .min_limit{
	position: absolute;
	top: 23px;
	left: 130px;
	width: 170px;
}

.product_detail_number_input .max_limit .unit_str{
	color: blue;
}
.product_detail_number_input .max_limit .max_order_str{
	color: blue;
}
.product_detail_number_input .min_limit .unit_str{
	color: blue;
}
.product_detail_number_input .min_limit .min_order_str{
	color: blue;
}
.product_detail_number_input .max_order{
	color: red;
}
.product_detail_number_input .min_order{
	color: red;
}

/* CSS for  =.product_detail_maker =　商品スペック詳細部分（特記事項・製造元・要約情報・在庫数など） */

.product_detail_maker dd{
	padding: 2px 3px 2px 3px;
	width: 225px;
	height:100%;
}
#detail_to_cart{
	margin: 0px;
}
#formInputAmount10{
	width: 15px;
	float:left;
	margin-right: 1px;
}
#formInputAmount9{
	width: 15px;
	float:left;
	margin-right: 1px;
}
#formInputAmount8{
	width: 15px;
	float:left;
	margin-right: 1px;
}
#formInputAmount7{
	width: 15px;
	float:left;
	margin-right: 1px;
}
#formInputAmount6{
	width: 15px;
	float:left;
	margin-right: 1px;
}
#formInputAmount5{
	width: 15px;
	float:left;
	margin-right: 1px;
}
#formInputAmount4{
	width: 15px;
	float:left;
	margin-right: 1px;
}
#formInputAmount3{
	width: 15px;
	float:left;
	margin-right: 1px;
}
#formInputAmount2{
	width: 15px;
	float:left;
	margin-right: 1px;
}
#formInputAmount1{
	width: 20px;
	float:left;
	margin-right: 1px;
}
#formInputAmount0{
	width: 15px;
	float:left;
	margin-right: 1px;
}
#formInputAmount{
	width: 15px;
	float:left;
	margin-right: 1px;
}
.product_detail_number_input #up{
	position: absolute;
	display: block;
	width: 10px;
	height: 10px;
	top: 6px;
	left: 115px;

}
.product_detail_number_input #down{
	position: absolute;
	display: block;
	width: 10px;
	height: 10px;
	margin-top: 2px;
	top: 17px;
	left: 115px;

}
#formGoodsCode{
	width: 50px;
}
/* CSS for .product_detail_property_table =　オプション表示部分 */
.product_detail_property_table{
	width: 300px;
}
.product_detail_property_table table{
	width: 330px;
	border-collapse: collapse;
	border: 1px solid #F5F5F5;
}
.product_detail_property_table th{
	text-align: center;
	padding: 5px 0px;
	background-color: #EBEBEB;
}
.product_detail_property_table td{
	padding: 2px 0px;
	border: 1px solid #F5F5F5;
}
.product_detail_property_table .column-1{
	text-align: center;
	vertical-align:middle;
}
.product_detail_property_table .column-2{
	text-align: center;
	vertical-align:middle;
}
.product_detail_property_table .column-3{
	text-align: center;
	vertical-align:middle;
}
.product_detail_property_table .column-4{
	text-align: center;
	vertical-align:middle;
}

.product_detail_property_table .column-5{
	text-align: center;
	vertical-align:middle;
}
.product_detail_property_table .column-6{
	text-align: center;
	vertical-align:middle;
}
.product_detail_property_table form{
	margin: 0px;
	padding:0px;
	width:75px;
	height: auto;
}
.product_detail_property_table .column-6 .input{
	width: 20px;
	float:left;
	height: auto;
}
.product_detail_property_table .column-5 .input{
	width: 20px;
	float:left;
	height: auto;
}
.product_detail_property_table .column-4 .input{
	width: 20px;
	float:left;
	height: auto;
}
.product_detail_property_table .column-3 .input{
	width: 20px;
	float:left;
	height: auto;
}
.product_detail_property_table .column-2 .input{
	width: 20px;
	float:left;
	height: auto;
}

.product_detail_property_table .column-2 .submit{
	float:left;
	margin-right: 2px;
	margin-top: 2px;
}

.product_detail_property_table .column-3 .submit{
	float:left;
	margin-right: 2px;
	margin-top: 2px;
}

.product_detail_property_table .column-6 .submit{
	float:left;
	margin-right: 2px;
	margin-top: 2px;
}
.product_detail_property_table .column-5 .submit{
	float:left;
	margin-right: 2px;
	margin-top: 2px;
}
.product_detail_property_table .column-4 .submit{
	float:left;
	margin-right: 2px;
	margin-top: 2px;
}
.product_detail_property_table .column-6 input{
	float:left;
}
.product_detail_property_table .column-5 input{
	float:left;
}
.product_detail_property_table .column-4 input{
	float:left;
}
/* CSS for [product_detail_button_part.html] = [PRODUCT_DETAIL_BUTTON_PART]  = .product_detail_button_part */
/* 買い物かごに入れるボタン類まとめて表示部分　*/
.product_detail_button_part{
	clear: both;
	text-align:center;
	width: 100%;
	height: 100%;
	padding: 10px 0px;
}
.product_detail_button_part img{
	margin: 3px;
}
/* 注文数量案内文　表記部分　枠線なし*/
.product_detail_quant_comment_border_off{
	clear: both;
	width: 300px;
	height: auto;
	margin: 5px 0px;
	padding: 5px;
	border: 0px;
}
/* 注文数量案内文　表記部分　枠線あり*/
.product_detail_quant_comment_border_on{
	clear: both;
	width: 300px;
	height: auto;
	margin: 5px 0px;
	padding: 5px;
	border: 1px silver solid;
}

/* 商品の詳細ページ案内文　表記部分　枠線なし*/
.product_detail_product_comment_border_off{
	clear: both;
	width: 590px;
	height: auto;
	margin: 15px auto;
	padding: 5px;
	border: 0px;
}

/* 商品の詳細ページ案内文　表記部分　枠線あり*/
.product_detail_product_comment_border_on{
	clear: both;
	width: 590px;
	height: auto;
	margin: 15px 0px;
	padding: 5px;
	border: 1px silver solid;
}
/* 商品詳細情報　*/
.product_detail_titlebar_image{
	float:left;
	width: 600px;
	height: 25px;
	margin: 10px 0px;
	background: white url('/images/basic/jpn/review/detail_title_bg.gif') left top repeat-x;

}
.product_detail_titlebar_image h3{
	width:434px;
	height: 25px;
	margin:0px;
		float:left;
		background-image: none;
}

.product_detail_main_detail{
	clear:both;
	width: auto;
	height: auto;
	margin: 0px auto;
}
table.product_detail_explanation_base_layout{
	width: 600px;
}
.product_detail_explanation_base_layout td{
	vertical-align: top;
}

/* CSS for [product_detail_concerned.html] = [PRODUCT_DETAIL_CONCERNED]  = .product_detail_concerned */
/* 関連商品表示部分　*/
.product_detail_concerned{
	clear:both;
	width:100%;
	height: auto;
	margin: 10px auto;
}
.product_detail_concerned .img{
	text-align:center;
}
.product_detail_concerned .product_detail_concerned_table_line_off{
	clear:both;
	width:100%;
	height: auto;
	border-collapse: collapse;
	border: 1px solid #EBEBEB;
	table-layout:fixed;
}
.product_detail_concerned .concerned_table_horizontal_line{
	text-align: center;
	table-layout:fixed;
}
.product_detail_concerned td{
	width:auto;
	text-align: center;
	border: 1px solid #EBEBEB;
	vertical-align: top;
}
.product_detail_concerned .name{
	margin-left:0px;
	display: block;
	text-align: left;
	line-height: 1.7em;
}
.product_detail_concerned .prices{
	display: block;
	width: 100%;
	margin: 2px 0px;
	text-align: left;
	line-height: 1.7em;

}

.product_detail_concerned .price .title{
	font-size:0.9em;
	float: left;
}
.product_detail_concerned .price .detail{
	font-size:1em;
	color:#15860f;
	font-weight: bold;
	display: block;
	float: left;
}

.product_detail_concerned .point{
	clear: both;
	display: block;
	margin: 2px 0px;
	text-align: left;
}

.product_detail_concerned .point .title{
	font-size:0.9em
}
.product_detail_concerned .point .detail{
	font-size:1em;
	color:#cb811e;
	
}
.product_detail_concerned .button{
	
}

.product_detail_concerned .column-01{
	width:100%;
	text-align: center;
}
.product_detail_concerned .concerned_table_goods_name{
	clear: both;
	width:95%;
}
.product_detail_concerned .concerned_table_goods_price{
	color: red;
}
/* CSS for [product_detail_explanation.html] = [PRODUCT_DETAIL_EXPLANATION]  = .product_detail_explanation */
.product_detail_explanation{
	clear: both;
	margin: 20px 0px 20px 0px;
}
/* CSS for [product_detail_delivery.html] = [PRODUCT_DETAIL_DELIVERY]  = .product_detail_delivery */
.product_detail_delivery{
	clear: both;
	margin: 10px 0px;
}
.product_detail_delivery .exchange_and_returned_goods_title{
	font-weight:bold;
	display: block;

}
.exchange_and_returned_goods{
	margin: 3px 0px;
	width: auto;
	height: auto;
}
.exchange_and_returned_goods .exchange_and_returned_goods_title{
	font-weight:normal;
}
.product_detail_description{
	clear: both;
}
.product_detail_description .description{
	margin: 10px auto;
}
.product_detail_description .description p{
	margin: 2px 0px;
}
/* CSS for [product_detail_review.html] = [PRODUCT_DETAIL_REVIEW]  = .product_detail_review */
.product_detail_review {
	clear: both;
}

.product_detail_review h3{
	clear: both;
	background: #F0F0F0;
	width: 600px;
	height: 23px;
	margin: 20px 0px 0px 0px;
	padding: 0px;
	border-top: 1px silver solid;
	border-bottom: 1px silver solid;
}
.product_detail_main_review table{
	width: 600px;
}

.product_detail_main_review table .column-4{
	
}

.product_review_image h3{
	margin: 30px 0px 0px 0px;
	
}
.product_detail_review_list_figure{
	margin: 10px 0px;
}
.product_detail_review_bottom_btn{
	margin: 20px 0px;
	width: 600px;
	height: 26px;
	
}
.product_detail_review_entire_list{
	width: 161px;
	height: 26px;
	float: left;
}
.product_detail_review_write_btn{
	width: 161px;
	height: 26px;
	float: right;
}
/* ↓　ここまで　「商品詳細情報ページ」CSS */


