@charset "Shift_JIS";
/*
--------------------------------------------------
Cecile Order layout CSS
Version: 4th Mar. 2008
----------------------------------------------- */

/* ========================================
	レコメンド枠 
======================================== */
/* ふきだしなしレコメンド */
.rec-more{
	width: 694px;
	background: url(/img/order/cart/bg_rec_ft.gif) left bottom no-repeat;
	margin: 20px auto 0 auto;
	padding: 0 0 5px 0;
}

/* ふきだしありレコメンド */
.rec-little{
	text-align: left;
	width: 694px;
	background: url(/img/order/cart/bg_rec_ft.gif) left bottom no-repeat;
	margin: 5px auto 0 auto;
	padding: 0 0 5px 0;
}

.rec-more .rec-hd{
	text-align: left;
	background: url(/img/order/cart/bg_rec_more_hd.gif) right bottom no-repeat;
}

.rec-little .rec-hd{
	background: url(/img/order/cart/bg_rec_little_hd.gif) right bottom no-repeat;
}

.rec-hd p{
	font-weight: bold;
	min-height: 22px;
	width: 380px;
	margin: 0;
	padding: 14px 10px 0 72px;
	background: url(/img/order/cart/bg_rec_hd_bg.gif) left top no-repeat;
	font-size: 100%;
}

/* 標準 */
* html .rec-hd p{
	height: 22px;
}

/* 互換 */
/*
* html .rec-hd p{
	width: 462px;
	height: 22px;
}
*/

.rec-list{
	margin: 0;
	padding: 10px 17px;
	background: url(/img/order/cart/bg_rec_bg.gif) left top repeat-y;
}

.rec-list:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.rec-list {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .rec-list{
	height: 1%;
}

.rec-list {
	list-style-type: none;
	display: block;
}
/* End hide from IE-mac */

.rec-list li{
	list-style-type: none;
	text-align: center;
	margin: 0;
	padding: 0;
	float: left;
	width: 132px;
}

.rec-list span{
	display: block;
	font-size: 11px;
	text-align: center;
	padding: 2px 10px;
}

.rec-list a{
	padding: 0;
	text-align: center;
}

.rec-list a:link,
.rec-list a:visited{
	color: #58493d;
}

.rec-list a:hover{
	color: #88796d;
}

.rec-list a img{
	margin: 3px 11px;
	display: block;
	padding: 4px;
	border: solid 1px #e0e0e0;
}

.rec-list a img:hover{
	border: solid 1px #eebbbb;
}

.rec-list a span{
	line-height: 1.2;
	display: block;
	text-decoration: underline;
}

.rec-list a.link{
	display: inline;
	padding: 0 0 0 8px;
	background: url(/img/common/icon_arrow_r.gif) 0 0.3em no-repeat;
}

/* ========================================
	個別レコメンド枠 08/11/06
======================================== */

.cart-recommend-goods{
	width: 660px;
	margin: 0 auto;
}
.cart-recommend-goods:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.cart-recommend-goods{
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .cart-recommend-goods{
	height: 1%;
}
.cart-recommend-goods{
	list-style-type: none;
	display: block;
}
/* End hide from IE-mac */

.cart-recommend-goods #recommend_goodstitle_cart p{
	text-align: left;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
    margin: 28px 0 22px 0;
    background: url(/img/order/cart/cart_rec_title.jpg) left top no-repeat;
    padding: 22px 0 0 98px;
    width: 562px;
    height: 24px;
}

.cart-recommend-goods #recommend_goods_cart1,
.cart-recommend-goods #recommend_goods_cart2,
.cart-recommend-goods #recommend_goods_cart3,
.cart-recommend-goods #recommend_goods_cart4,
.cart-recommend-goods #recommend_goods_cart5{
	float: left;
	/*padding: 0 0 0 10px;*/
}

.cart-recommend-goods #recommend_goods_cart1 span,
.cart-recommend-goods #recommend_goods_cart2 span,
.cart-recommend-goods #recommend_goods_cart3 span,
.cart-recommend-goods #recommend_goods_cart4 span,
.cart-recommend-goods #recommend_goods_cart5 span{
	width: 120px;
	text-align: center;
	color: #6d6a65;
	font-size: 11px;
	line-height: 1.2;
	display: block;
	margin: 4px 0 0 10px;
}

.cart-recommend-goods #recommend_goods_cart1 a,
.cart-recommend-goods #recommend_goods_cart2 a,
.cart-recommend-goods #recommend_goods_cart3 a,
.cart-recommend-goods #recommend_goods_cart4 a,
.cart-recommend-goods #recommend_goods_cart5 a{
	font-size: 11px;
	color: #58493d;
}

.cart-recommend-goods #recommend_goods_cart1 a img,
.cart-recommend-goods #recommend_goods_cart2 a img,
.cart-recommend-goods #recommend_goods_cart3 a img,
.cart-recommend-goods #recommend_goods_cart4 a img,
.cart-recommend-goods #recommend_goods_cart5 a img{
	vertical-align: baseline;
	margin: 0 0 0 10px;
	padding: 5px 10px 9px 10px;
	background: url(/img/order/cart/cart_rec_thumb.gif) left top no-repeat;
}

.cart-recommend-goods #recommend_goods_cart1 a span,
.cart-recommend-goods #recommend_goods_cart2 a span,
.cart-recommend-goods #recommend_goods_cart3 a span,
.cart-recommend-goods #recommend_goods_cart4 a span,
.cart-recommend-goods #recommend_goods_cart5 a span{
	width: 120px;
	font-size: 11px;
	color: #58493d;
	line-height: 1.2;
	display: block;
	text-decoration: underline;
}

/* ========================================
	新レコメンド枠 09/11/06
======================================== */
#autorecommend_goods_cart{
	margin: 20px 5px 25px 5px;
	width: 770px;
}

#autorecommend_goods_cart p{
	text-align: center;
	margin: 0 0 12px 0;
}

#autorecommend_goods_cart #autorecommend_goods_cart_1,
#autorecommend_goods_cart #autorecommend_goods_cart_2,
#autorecommend_goods_cart #autorecommend_goods_cart_3,
#autorecommend_goods_cart #autorecommend_goods_cart_4,
#autorecommend_goods_cart #autorecommend_goods_cart_5{
	width: 144px;
	padding: 0 5px;
	float: left;
}


#autorecommend_goods_cart #autorecommend_goods_cart_1 div a span,
#autorecommend_goods_cart #autorecommend_goods_cart_2 div a span,
#autorecommend_goods_cart #autorecommend_goods_cart_3 div a span,
#autorecommend_goods_cart #autorecommend_goods_cart_4 div a span,
#autorecommend_goods_cart #autorecommend_goods_cart_5 div a span{
	display: block;
}

#autorecommend_goods_cart div div a .thumb{
	cursor: pointer;
	width: 130px;
	padding: 7px;
	margin: 0 0 5px 0;
	background: url(/img/order/cart/cart_rec_thumb_bg.gif) left top no-repeat;
}
#autorecommend_goods_cart div div a:link span,
#autorecommend_goods_cart div div a:active span,
#autorecommend_goods_cart div div a:visited span{
	text-align: center;
	font-size: 11px;
	text-decoration: underline;
	color: #58493d;
}

#autorecommend_goods_cart div div a:hover span{
	text-decoration: underline;
	color: #88796d;
}

#autorecommend_goods_cart div p{
	margin: 0;
	padding: 0;
	color: #f90;
}

#autorecommend_goods_cart div p span{
	margin: 0 0 0 8px;
}

#autorecommend_goods_cart div p.price{
	margin: 6px 0;
	color: #6d6a65;
}