/* 共通スタイルシートの読み込み */
@import url("./common.css");
@import url("./banner.css");



/* //////////目次////////////////////////////// /


/* ■商品詳細設定---------- */

/* ▽商品詳細---------- */
/* ▽この商品をご覧に～---------- */
/* ▽ページの先頭に戻る---------- */






/* ■商品詳細設定
-------------------------------------------------- */

/* ▽商品詳細---------- */

/* 全体設定 */
#details {
	width: 670px;
	padding-bottom: 10px;
	background: url(images/details_line_partition.jpg) no-repeat 0 bottom;
}


/* タイトルの設定 */
#details h3 {
	float: left;
	width: 670px;
}



/* 詳細内容(左)の設定 */
#details_left {
	float: left;
	width: 202px;
	height: auto;
	display: block;
	margin: 10px 20px 0px 10px;
}
*html #details_left {
	margin: 10px 20px 0px 5px;
}

/* 詳細内容/商品画像サイズの設定 */
#details_left #details_pic img {
	width: 200px;
	height: 200px;
}

/* 詳細内容/商品画像背景の設定 */
#details_left #details_pic {
	width: 200px;
	height: 200px;
	border: #b8b8b8 1px solid;

}
* html #details_left #details_pic {
	width: 202px;
	height: 202px;
}


/* 詳細内容(上)/詳細－全体設定 */
#details_left_top {
	float: left;
	width: 202px;
	margin-top:10px;
	margin-bottom:10px;
}


/* 詳細内容(上)－項目（左側）の設定 */
#details_left_top dt {
	display:block;
	float: left;
	height: 20px;
}


/* 詳細内容(上)－テキスト部分（右側）の設定 */
#details_left_top dd {
	float:left;
	width:130px;
	display:block;
	height: 17px;
	line-height: 17px;
	font-size: 12px;
	text-indent: 5px;
	overflow: hidden;
	margin: 0px 0px 10px 0;
	color: #ff0000;
	font-weight: bold;
}


/* 詳細内容/「カートに入れる」ボタンの設定 */
#details form,
.cart_box_none {
	width: 202px;
	margin: 0px 0px 10px 0px;
}

/* 調整用 */
#details form #cart {
	margin-bottom: -3px;	
}
* html #details form #cart {
	margin-bottom: 0px;	
}
* +html #details form #cart {
	margin-bottom: 0px;	
}


/* 詳細内容(下)/詳細－全体設定 */
#details_left_under {
	width: 202px;
	margin: 0px 0px 20px 0px;
	
}


/* 詳細内容(下)－項目（左側）の設定 */
#details_left_under dt {
	display:block;
	float: left;
	margin: 0 0px 5px 0;
}


/* 詳細内容(下)－テキスト部分（右側）の設定 */
#details_left_under dd {
	display:block;
	float:left;
	width: 180px;
	font-size: 12px;
	line-height:16px;
}
#details_left_under dd a{
	color: #3f3f3f;
}

/* 詳細内容(右)の設定 */
#details_right {
	float:left;
	width: 437px;
	height: auto;
	display: block;
	margin: 10px 0px 0px 0px;
}

*html #details_right {
	margin-right:-3px;
}




/* 詳細内容(上)/詳細－全体設定 */
#details_right_top {
	width: 437px;
	margin: 0px 0px 5px 0px;
}


/* 詳細内容(上)－商品名タイトルの設定 */
#details_right_top dt {

}


/* 詳細内容(上)－商品名の設定 */
#details_right_top dd {
	margin-top:10px;
	color:#3f3f3f;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
}



/* 詳細内容(下)/詳細－全体設定 */
#details_right_under {

}
/* 詳細内容(下)－商品詳細タイトルの設定 */


/* 詳細内容(下)－商品詳細の設定 */
#details_right_under dd {
	margin-top:10px;
	line-height:20px;
	color:#3f3f3f;

}



/* リンクメニュー/全体設定・リストの横並び＆センタリング */
#detailsLink {
	clear: both;
	width: 438px;
	padding-top: 10px;
	background: url(images/details_line_partition.jpg) no-repeat 0 0;
	text-align: center;
}

#detailsLink li {
	display: -moz-inline-box;  
	display: inline-block;
	margin: 0 5px;
}
* html #detailsLink li {
	display: inline;
}
* +html #detailsLink li {
	display: inline;
}


/* ▽この商品をご覧に~---------- */

/* 全体設定 */
#customers {
	float: left;
	width: 670px;
	margin-top: 40px;
	margin-bottom:50px;
}
* html #customers {
	margin-right: -3px;
}


/* タイトルの設定 */
#customers h3 {
	float: left;
	width: 670px;
	margin-bottom: 10px;
}


/* 商品ループ/ボックス設定 */
.customersItem,
.customersItem_right {
	background: #f4f4f4 url(./images/list_item_bg.jpg) no-repeat 0 0;
	float: left;
	width: 163px;
	margin: 0px 6px 10px 0px;
	padding-bottom:10px;
}
* html .customersItem,
* html .customersItem_right {
	display: inline;
}

.customersItem_right {
	margin-right: 0px;
}


/* 商品ループ/商品画像背景の設定 */
.customersItem_pic {
	height: 86px;
	width: 86px;
	margin-top: 20px;
	margin-left: 39px;
	margin-bottom: 15px;
}


/* 商品ループ/商品画像サイズの指定 */
.customersItem_pic img {
	display: block;
	width: 86px;
	height: 86px;
}


/* 商品ループ/商品画像のロールオーバーの設定 */
.customersItem a:hover img,
.customersItem_right a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}


/* 商品ループ/商品名の設定 */
.customersItem h4,
.customersItem_right h4 {
	font-size: 12px;
	margin-left: 8px;
	width: 147px;
}

.customersItem a,
.customersItem_right a {
	display: block;
	color: #3f3f3f;
}

.customersItem a:hover,
.customersItem_right a:hover {
	color: #ff0000;
}


/* 商品ループ/商品価格の設定 */
.customersItem p,
.customersItem_right p {
	font-size: 12px;
	width: 147px;
	line-height: 20px;
	text-align: right;
	color: #ff0000;
	margin-top: 10px;
	margin-left: 8px;
	font-weight: bold;
}

/* 詳細へボタン設定 */
.to_detail_bt {
	width: 147px;
	margin-left:8px;
	text-align: center;
	margin-top:10px;
	padding-bottom:10px;
}



/* ▽ページの先頭に戻る---------- */

/* 全体設定 */
#goTop {
	float: left;
	width: 450px;
	margin-top: 40px;
	text-align: center;
}
* html #goTop {
	margin-right: -3px;
}


/* ボタンの設定 */
#goTop a {
	display: block;
	width: 150px;
	height: 25px;
	margin: 0px auto 0 auto;
	background: url(images/btn_gotop.jpg) no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
}


/* ボタンのロールオーバーの設定 */
#goTop a:hover {
	background-image: url(images/btn_gotop_o.jpg);
}