@charset "Shift_JIS";

@import url("../../css/index.css");

/* ----------------------------------------
	index用css
---------------------------------------- */

/* 1 : contents
======================================== */


/* 商品詳細 */
div#area-detail{
	margin: 20px auto 10px auto;
	width: 660px;
}
/* detail-left */
div#area-detail div#detail-left{
	float: left;
	width: 320px;
}
	/* detail-buttons */ 
	div#detail-buttons{
		width: 320px;
		margin-top: 10px;
	}
		div#detail-left div#detail-buttons a.btn-zoom{
			float: right;
			width: 66px; height: 25px;
			margin-left: 10px;
			background: url('../images/btn_zoom.gif') no-repeat;
			font-size: 1%;
			text-indent: -9999px;
		}
		div#detail-left div#detail-buttons ul{
			float: left;
		}
			div#detail-left div#detail-buttons ul li{
				float: left;
			}

	/* detail-color */ 
	div#detail-color{
		width: 320px;
		margin-top: 10px;
		clear: both;
	}
		div#detail-color h4{
			width: 320px; height: 26px;
			background: url('../images/h4_color.gif') no-repeat;
			font-size: 1%;
			text-indent: -9999px;
		}
		div#detail-color ul{
			width: 325px;
			margin-top: 10px;
			margin-left: -3px;
		}
			div#detail-color ul li{
				float: left;
				margin: 0 auto 10px 3px;
				text-align: center;
				font-size: 90%;
				display: inline;
			}
				div#detail-color ul li img{
					display: block;
				}

/* detail-right */
div#area-detail div#detail-right{
	float: right;
	width: 320px;
	line-height: 1.5;
}
	div#detail-right div#detail-lavel{
		width: 320px;
		text-align: right;
	}
	div#detail-right h3{
		font-size: 120%;
	}
	div#detail-right p.item-number{
		font-size: 80%;
	}
		div#detail-right dl{
			width: 320px;
			line-height: 2;
			margin: 10px 0;
		}
			div#detail-right dl dt{
				width: 5em;
				float: left;
				font-weight: bold;
				display: inline;
			}
			div#detail-right dl dd.price{
				border-top: 1px solid #5d5d5d;
				border-bottom: 1px solid #5d5d5d;
			}
			div#detail-right dl dd{
				padding-left: 5em;
				padding-bottom: 5px;
			}
			div#detail-right dl dt.allergy{
				float: left;
				padding-left: 15px;
				width: 10em;
				background: url('../images/pt_square.gif') no-repeat left 13px;
				font-size: 80%;
				font-weight: normal;
				line-height: 34px;
			}

	/* detail-memo */
	div#detail-right div#detail-memo{
		clear: both;
		padding-bottom: 10px;
		border-bottom: 1px dotted #5d5d5d;
		overflow: hidden;
	}
		div#detail-right div#detail-memo h4{
			padding: 10px 0;
			font-size: 90%;
		}
		div#detail-right div#detail-memo p{
			font-size: 90%;
		}

	/* detail-sendinfo */
	div#detail-right div#detail-sendinfo{
		margin-top: 20px;
		color: #d02920;
		padding-bottom: 10px;
		border-bottom: 1px dotted #5d5d5d;
	}
		div#detail-sendinfo h4,
		div#detail-sendinfo p{
		color: #d02920;
			font-size: 90%;
		}

	/* box-order */
	div#detail-right div#box-order{
		width: 320px;
		margin: 10px 0;
	}
		div#detail-right div#box-order div.hline{
			clear: both;
			margin: 10px 0;
			width: 320px; height: 9px;
			background: url("../images/order_bg.gif") repeat-x;
		}
		div#detail-right div#box-order dl{
			margin: 5px 0;
			width: 322px;
			overflow: hidden;
		}
		div#detail-right div#box-order dt{
			float: left;
			width: 62px;
		}
		div#detail-right div#box-order dd{
		}
		/* 0205追加 */
		div#detail-right div#box-order dd.goods-comment{
			font-weight: bold;
			color: #ff0000;
			text-align: center;
		}
		div#detail-right div#box-order select{
			float: left;
			margin-right: 5px;
			width: 100px;
		}
		div#detail-right div#box-order a.pt-arrow{
			padding: 0 0 0 15px;
			background: url("../../images/cms/main/pt_arrow.gif") no-repeat left 3px;
		}
		div#detail-right div#box-order a.btn-favorite{
			display: block;
			float: left;
			width: 117px; height: 25px;
			background: url('../images/btn_favorite.gif') no-repeat;
			text-indent: -9999px;
		}
		div#detail-right div#box-order a.btn-size{
			float: left;
			display: block;
			width: 118px; height: 25px;
			background: url('../images/btn_size.gif') no-repeat;
			text-indent: -9999px;
		}
		div#detail-right div#box-order a.btn-cart{
			display: block;
			width: 256px; height: 53px;
			background: url('../images/btn_cart.gif') no-repeat;
			text-indent: -9999px;
		}
		div#detail-right div#box-order em{
			color: #ff0000;
			font-style: normal
		}
		

/* 商品の特徴 */
div#area-detail div#detail-thumb{
	clear: both;
	width: 650px;
	margin: 20px 0;
}
	div#area-detail div#detail-thumb h3{
		width: 660px; height:26px;
		margin: 10px auto;
		background: url("../images/h_goodsfeature.gif") no-repeat;
		text-indent: -999px;
	}
	
	div#area-detail div#detail-thumb ul{
		width: 670px;
		margin-left: -10px;
	}
	div#area-detail div#detail-thumb ul li{
		float: left;
		display: inline;
		width: 212px;
		margin-left: 10px;
		text-align: center;
	}
		div#area-detail div#detail-thumb ul li p{
			font-size: 90%;
			margin-top: 5px;
			margin-bottom: 5px;
			text-align: justify;
			text-justify: inter-ideograph;
		}



/* 配送について */
div#box-send{
	width: 660px;
	margin: 10px auto;
	line-height: 23px;
}
	div#box-send h3{
		background: url("../images/send_h3.gif") no-repeat;
		height: 26px; width: 660px;
		text-indent: -9999px;
	}
	div#box-send .subtext{
		position:absolute;
		padding-top: 3px;
		font-size: 80%;
		text-align: right;
		width: 660px; height: 20px;
	}

	div#box-send ul{
		margin-top: 10px;
		width: 660px;
		margin-bottom: 10px;
	}
		div#box-send ul li{
			float: left;
			width: 330px;
			margin-bottom: 10px;
		}
			div#box-send ul li img{
				float: left;
			}
			div#box-send ul li p{
				border: none;
				width: 195px;
				text-align: left;
				line-height: 1.5;
				font-size: 90%;
				margin-left: 90px;
			}
			div#box-send ul li a{
				font-size: 90%;
				background: url('../../images/header/pt_arrow_r.gif') no-repeat left 50%;
				padding-left: 15px;
				margin-top: 1.3em;
				float: right;
			}

div#box-recommend ul.li-goods li a.p-box img{
	border: 1px solid #dbdbdb;
}

/* カラーバリエーション */
ul#box-color-variation img{
	border: 1px solid #dadada;
}
ul#box-color-variation img.current{
	border: 1px solid #349093;
}

/* おすすめエリア */
	div#box-recommend ul.li-goods li a.p-box img{
		border: 1px solid #d2d2d2;
	}

/* 商品詳細作り込み */


div#area-detail-a,
div#area-detail-b,
div#area-detail-c,
div#area-detail-d,
div#area-detail-e,
div#area-detail-f{
	clear: both;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 20px auto;
	width: 650px;
	overflow: hidden;
	border-top: 1px dotted #666666;
	}




/* 商品詳細作り込みパターンA */

	div#area-detail-a div.l-left{
		float: left;
		width: 170px;
	}

	div#area-detail-a div.l-right{
		float: left;
		width: 480px;
	}
	
	div#area-detail-a h4{
		float: left;
		width: 300px;
		line-height:1.5em;
	}
	
	div#area-detail-a p{
		border-top: 1px dotted #cccccc;
		padding: 10px 0;
		line-height: 1.5em;
		}
		



/* 商品詳細作り込みパターンB */

div#area-detail-b{
}
	div#area-detail-b div.b-in-box{
		padding: 10px;
		background: #f5f5f5;
		overflow: hidden;
	}
		
	div#area-detail-b p{
		border-top: 1px dotted #cccccc;
		margin: 5px 0 0 0 ;
		padding: 10px 0 0 0;
		line-height: 1.3em;
	}


/* 商品詳細作り込みパターンC */

div#area-detail-c{
}
	div#area-detail-c h4{
		padding: 10px ;
		margin: 0 0 10px 0 ;
		background: #f5f5f5;
		line-height: 1.4em;
	}
	div#area-detail-c h5{
		margin: 5px 0;
	}
	div#area-detail-c div.l-left{
		float: left;
		width: 320px;
		margin-bottom: 5px;
		margin-right: 10px;
	}
		div#area-detail-c div.l-sub-left{
			float: left;
			width: 80px;
		}
		div#area-detail-c div.l-sub-right{
			float: left;
			width: 230px;
		}
	div#area-detail-c div.l-right{
		float: left;
		width: 320px;
		margin-bottom: 5px;
	}
	div#area-detail-c dl{
		margin: 0px 0;
		line-height: 1.2;
	}
	div#area-detail-c dt{
		margin: 10px 0;
		border-bottom: 1px dotted #cccccc;
	}
	div#area-detail-c dd{
		margin: 5px 0;
		font-size: 90%;
		line-height: 1.3em;
	}

/* 商品詳細作り込みパターンD */

div#area-detail-d{
}
	div#area-detail-d div.d-in-box{
		padding: 10px;
		width: 630px;
		background: #f5f5f5;
		overflow: hidden;
	}
	div#area-detail-d div.l-left{
		float: left;
		width: 398px;
	}
		div#area-detail-d div.l-left div.box-brandlogo{
		}
		div#area-detail-d div.l-left dl{
			margin: 10px 0;
			line-height: 1.5;
		}
		div#area-detail-d div.l-left dt{
			margin: 10px 0;
		}
	div#area-detail-d div.l-right{
		float: right;
		width: 222px;
		text-align: right;
	}
		div#area-detail-d div.l-right img{
		}

	div#area-detail-d div.l-goods-list{
		margin: 10px 0;
		overflow: hidden;
	}
		div#area-detail-d div.l-sub{
			overflow: hidden;
		}

		div#area-detail-d div.l-buyer-left{
			float: left;
			width: 120px;
		}
		div#area-detail-d div.l-buyer-right{
			float: left;
			width: 530px;
			line-height: 1.5em;
		}
		div#area-detail-d div.l-buyer-right h4{ 
			margin:10px 0;
			padding: 5px;
			border-left: 3px solid  #778877;
			border-bottom: 1px dotted  #778877; 
		}

		div#area-detail-d div.l-sub-left{
			float: left;
			width: 230px;
		}
		div#area-detail-d div.l-sub-left img{
			margin-top: 10px;
		}
		div#area-detail-d div.l-sub-right{
			float: left;
			width: 410px;
		}
			div#area-detail-d div.l-sub-right dl{
				margin: 10px 0;
				line-height: 1.5;
			}
			div#area-detail-d div.l-sub-right dt{
				border-bottom: 1px dotted #cccccc;
				margin: 10px 0;
			}
			div#area-detail-d div.l-sub-right dd{
				font-size: 90%;
				margin: 10px 0;
			}


/* 商品詳細作り込みパターンE */

div#area-detail-e{
}
	div#area-detail-e div.e-in-box{
		padding: 15px;
		background: #642513;
		overflow: hidden;
		color: #ffffcc;
	}
	
	div#area-detail-e div.e-in-box h4{
		padding: 10px 0;
		color: #ffffcc;
		font-size:130%;

		}

	div#area-detail-e div.e-in-box h5{
		margin-top: 15px ;
		padding-bottom: 2px ;
		color: #ffffff;
		font-size:120%;
		}

	div#area-detail-e dl{
		line-height: 1.5;
		margin-bottom: 10px;
	}
	div#area-detail-e dt{
		border-bottom: 1px dotted #cccccc;
	}
	div#area-detail-e dd{
		margin: 5px 0 10px 0;
	}

	/* 0205 */
	div#area-detail strong.font-notice{
		font-weight: normal;
		color: #ff0000;
	}
	div#area-detail strong.font-notice-bold{
		font-weight: bold;
		color: #ff0000;
	}
	div#area-detail strong.font-bold{
		font-weight: bold;
		color: #000;
	}

/* 商品詳細作り込みパターンF */

/* 0206追加 */
div#area-detail-f{
}
	div#area-detail-f div.f-in-box{
		overflow: hidden;
		color: #ffffcc;
		margin-bottom:20px;
	}
		div#area-detail-f div.f-in-box div#f-title{
			float:left
		}
		div#area-detail-f div.f-in-box div#f-photo{
			float:right
		}
			div#area-detail-f div.f-in-box div#f-title p span,
			div#area-detail-f div.f-in-box div#f-photo p span{
				display:none;
			}
	div#area-detail-f div#profile,
	div#area-detail-f div#shop{
		margin-bottom:10px;
		clear:both;
	}
		div#area-detail-f div#profile img{
			display:block;
			float:left;
		}
		div#area-detail-f div#profile dl{
			display:block;
			float:left;
			margin-left:18px;
		}
			div#area-detail-f div#profile dl dt{
				color:#996600;
				font-weight:bold;
			}
			div#area-detail-f div#profile dl dt,
			div#area-detail-f div#profile dl dd{
				margin-bottom:8px;
				line-height:1.2em;
			}
	div#area-detail-f div#shop img{
			display:block;float:right;
	}
		div#area-detail-f div#shop dl{
			display:block;
			float:left;
			margin-right:18px;
		}
			div#area-detail-f div#shop dl dt{
				color:#996600;
				font-weight:bold;
			}
			div#area-detail-f div#shop dl dt,
			div#area-detail-f div#shop dl dd,
			div#area-detail-f div#shop p{
				margin-bottom:8px;
				line-height:1.2em;
			}
/* 0206追加ここまで */