/* CSS Document */
 /* frame
----------------------------------- */

#contents {
	width:750px;
	margin:0 0 0 14px;
}

h1,h2,h3,h4,h5,h6{
	margin:0;
	padding:0;
}

/* 
 topArea
----------------------------------- */

.lead {
	margin:7px 0 0 15px;
	color:#5A5829;
	line-height: 18px;
	font-size: 12px;
}
.bag_cap {
	font-weight: bold;
	color: #ca417d;
	font-size: 14px;
}

/* 
おすすめ点
----------------------------------- */
#mainArea .topicArea {
	width:200px;
	margin:0 0 35px 15px;
}

/* #contents .topicArea .recoBox {
	background-color:#ffeef6;
	padding:10px;
}
*/
#contents .topicArea .recoBox ul {
	padding:10px 0 15px 0;
}

#contents .topicArea .recoBox ul li.list01 {
	width:200px;
	_width:233px;
	display:inline;
	float:left;
	padding:0 15px 0px 15px;
	height: 340px;
}

#contents .topicArea .recoBox ul li.list02 {
	width:199px;
	_width:233px;
	display:inline;
	float:left;
	background:url(//img.e87.com/images/dotline01.gif) repeat-y 231px 0px;
	padding:0 17px 0 17px;
}

#contents .topicArea .recoBox ul li.list03 {
	width:199px;
	_width:233px;
	display:inline;
	float:left;
	padding:0 17px 0 17px;
}

#contents .topicArea h4.recoTitle {
	font-size:85%;
	color:#ca417d;
}

#contents .topicArea h4.recoTitle a {
	color:#ca417d;
}

#contents .topicArea span.h4subReco {
	font-size:85%;
	color:#ca417d;
}

#contents .topicArea .recoBox p.imgIconNew {
	background:#ffffff url(//img.e87.com/images/icon_new02.gif) no-repeat left top;
	margin:5px 0 0 0;
	padding:13px 0 0 0;
}

#contents .topicArea .recoBox p.imgIcon {
	margin:5px 0 0 0;
}

#contents .topicArea .recoBox p.recoText {
	font-size:85%;
	background:url(//img.e87.com/images/dotline02.gif) repeat-x left bottom;
	padding:0 0 3px 0;
}

#contents .topicArea .priceBox {
	font-size:85%;
	padding:3px 0 3px 0;
}


#contents .priceBox p.priceLeft {
	float:left;
}

#contents .priceBox p.priceRight {
	float:right;
}

#contents .priceBox p.priceLeft span {
	font-weight:bold;
}

#contents .priceBox p.priceRight span {
	font-weight:bold;
}

#contents .topicArea div.priceBottom {
	width:199px;
	background:url(//img.e87.com/images/dotline02.gif) repeat-x left bottom;
	margin:0 0 4px 0;
	padding:0 0 7px 0;
}

#contents .topicArea div.priceBottom p {
	font-size:85%;
	font-weight:bold;
	float:left;

}

#contents .topicArea div.priceBottom .imgBox {
	height:17px;
	text-align:right;
	display:inline;
	float:right;
}

#contents .topicArea div.msgBox {
	margin:0 0 0 6px;
}

#contents .topicArea .msgBtn01 {
	display:inline;
	float:left;
	margin:0 2px 0 0;
}

#contents .topicArea .msgBtn02 {
	float:left;
}

/* 
 bottomArea
----------------------------------- */

#contents .pagetop {
	width:745px;
	text-align:right;
	margin:0 0 15px 0;
}

#contents .pagetop p {
	font-size:85%;
	margin:0 5px 0 0;
}

#contents .allow {
	color:#ca417d;
	font-size:85%;
}

/* 
 bottomArea
----------------------------------- */

#contents .pagetop {
	width:720px;
	text-align:right;
	margin:25px 0;
}

#contents .pagetop p {
	font-size:85%;
	margin:0 5px 0 0;
}

#contents .allow {
	color:#ca417d;
	font-size:85%;
}
.type {
	padding:13px 0 0 0;
	text-align:center
}

/* otherlists--------------- */

#productlist div#otherlists h2{
padding:10px 0 20px 20px;
background:url(//img.e87.com/img/usr/products/images/h2_other_bg.gif) no-repeat bottom left;
color:#e2137e;
font-weight:bold;
font-size:125%;
border-style:none;
margin:0 0 2px 0;
}


/* ----- bannerArea ----- */

#contents .bannerArea {
	margin:0 0 20px 12px;
}

#contents .bannerAreaBtm {
	margin:0 0 0 12px;
}

#contents .banner01 {
	width:225px;
	float:left;
}

#contents .banner02 {
	width:225px;
	_width:250px;
	padding:0 0 0 24px;
	background:url(//img.e87.com/horoscope/images/dot_line.gif) repeat-y left;
	float:left;
}

.bannerText {
	width:225px;
	margin:5px 0;
	text-align:center;
	font-size:85%;
}

#contents h3.banner {
	height:22px;
	padding:0 0 0 33px;
	color:#ca417d;
	background:#f0f0f0 url(//img.e87.com/horoscope/images/icon_02.gif) no-repeat left top;
	line-height:180%;
}
#contents .lead02{
	margin:15px 20px 25px 25px;
}

/* ----- ライン ----- */

.line {
	padding-bottom: 10px;
}
