@charset "UTF-8";

/*

	[SITE] commmonsmart
	[FILE] /products/recommend/css/recommend.css ★mi-gu soapは /common/css/layout.css 内に記述

*/


/*==================================================
BOREDOMS 2009/01
==================================================*/
#recommendBoredoms {
}


/*
タイトルリンク
--------------------------------------------------*/
#recommendBoredoms #titleLinkArea {
}

#recommendBoredoms #titleLinkArea h2 {
	margin-top:0;
}

#recommendBoredoms #titleLinkArea p {
	font-size:10px;
	text-align:right;
}


/*
リード文・セット商品紹介
--------------------------------------------------*/
#recommendBoredoms #leadArea {
	margin:20px 0 0;
}

/* リード文
-------------------------*/
#recommendBoredoms #leadArea .text {
	float:left;
	width:460px;
}

/* セット商品紹介
-------------------------*/
#recommendBoredoms #leadArea #buySetBox {
	float:right;
	width:340px;
	background:url(../images/boredoms/bg_buy-set.gif) repeat-y 0 0;
}

.pageBoredoms1 #recommendBoredoms #leadArea #buySetBox .textPoint { color:#E84F92; font-weight:bold; }
.pageBoredoms2 #recommendBoredoms #leadArea #buySetBox .textPoint { color:#60B633; font-weight:bold; }


#recommendBoredoms #leadArea #buySetBox .detail .text,
#recommendBoredoms #leadArea #buySetBox .guide .textPoint {
	float:left;
	width:185px;
}

#recommendBoredoms #leadArea #buySetBox .detail .image,
#recommendBoredoms #leadArea #buySetBox .guide .image {
	float:right;
	width:121px;
	text-align:right;
}

#recommendBoredoms #leadArea #buySetBox .lead {
	min-height:12px;
	background:url(../images/boredoms/bg_buy-set_hdr.gif) no-repeat 0 0;
	padding:12px 12px 10px;
}
*html #recommendBoredoms #leadArea #buySetBox .lead { height:12px; }

#recommendBoredoms #leadArea #buySetBox .detail {
	padding:10px 12px 0;
}
#recommendBoredoms #leadArea #buySetBox .detail p.text {
	font-weight:bold;
}
#recommendBoredoms #leadArea #buySetBox .detail p.text span {
	font-size:10px;
	font-weight:normal;
	line-height:1.6;
}

#recommendBoredoms #leadArea #buySetBox .guide {
	min-height:12px;
	background:url(../images/boredoms/bg_buy-set_ftr.gif) no-repeat 0 100%;
	padding:10px 12px 12px;
}
*html #recommendBoredoms #leadArea #buySetBox .guide { height:12px; }

#recommendBoredoms #leadArea #buySetBox p.guideLink {
	background:#fff;
	padding-top:10px;
}
.pageBoredoms1 #recommendBoredoms #leadArea #buySetBox p.guideLink a { color:#E84F92; text-decoration:underline; }
.pageBoredoms1 #recommendBoredoms #leadArea #buySetBox p.guideLink a:hover { text-decoration:none; }
.pageBoredoms2 #recommendBoredoms #leadArea #buySetBox p.guideLink a { color:#60B633; text-decoration:underline; }
.pageBoredoms2 #recommendBoredoms #leadArea #buySetBox p.guideLink a:hover { text-decoration:none; }


/*
CD・GOODS
--------------------------------------------------*/
#recommendBoredoms #textArea {
	margin:20px 0 0;
}
.pageBoredoms1 #recommendBoredoms #textArea { background:url(../images/boredoms/bg_textarea_boredoms.gif) repeat-y 0 100%; }
.pageBoredoms2 #recommendBoredoms #textArea { background:url(../images/boredoms/bg_textarea_yoshimio.gif) repeat-y 0 100%; }

#recommendBoredoms #textArea a { color:#fff;text-decoration:underline; }
#recommendBoredoms #textArea a:hover { text-decoration:none; }

#recommendBoredoms #textArea .moreDetail { margin-top:10px; }

/*
CD
--------------------------------------------------*/
#recommendBoredoms #textAreaCd {
	float:left;
	width:440px;
	padding:0 0 10px;
}

.pageBoredoms1 #recommendBoredoms #textAreaCd { background:#E84F92; }
.pageBoredoms2 #recommendBoredoms #textAreaCd { background:#60B633; }


#recommendBoredoms #textAreaCd .set {
	width:380px;
	margin:0 20px 0 40px;
}

#recommendBoredoms #textAreaCd .set .text {
	float:left;
	width:80px;
}

#recommendBoredoms #textAreaCd .set .image {
	float:right;
	width:180px;
	margin:3px 0 0;
}

#recommendBoredoms #textAreaCd .textBox {
	width:420px;
}
.pageBoredoms1 #recommendBoredoms #textAreaCd .textBox { margin:35px 10px 0; }
.pageBoredoms2 #recommendBoredoms #textAreaCd .textBox { margin:15px 10px 0; }

#recommendBoredoms #textAreaCd .textBox p {
	text-indent:1em;
}

/*
GOODS
--------------------------------------------------*/
#recommendBoredoms #textAreaGoods {
	float:right;
	width:340px;
	background:#000;
	padding:0 0 10px;
}

#recommendBoredoms #textAreaGoods .set {
	width:280px;
	margin:0 20px 0 40px;
}

#recommendBoredoms #textAreaGoods .set .text {
	float:left;
	width:50px;
}

#recommendBoredoms #textAreaGoods .set .image {
	float:right;
	width:180px;
	margin:3px 0 0;
}

#recommendBoredoms #textAreaGoods .textBox {
	width:320px;
	color:#fff;
	margin:15px 10px 0;
}

.pageBoredoms1 #recommendBoredoms #textAreaGoods .textBox h5 { color:#E84F92; margin-top:25px; }
.pageBoredoms2 #recommendBoredoms #textAreaGoods .textBox h5 { color:#60B633; margin-top:25px; }


/*
module
--------------------------------------------------*/
.partMt10 { margin-top:10px; }
.partMt25 { margin-top:25px; }