/* ----------------------------------------
 e87.com いいはなドットコム　CSS
 
 date:2007/06/06
	express
---------------------------------------- */

/* 
 frame
----------------------------------- */

#contents {
	width:750px;
	margin:5px 0 0 14px;
}

h1,h2,h3,h4,h5,h6{
	margin:0;
	padding:0;
}

ul,dl {
	line-height:1.3;
}

/* 
 topArea
----------------------------------- */

#contents #topArea {
	width:750px;
	height:200px;
	background:url(//img.e87.com/selection/spring/2008images/bg_title.jpg) no-repeat left top;
}

#contents .link_area_spring {
padding:0 10px 0 0;
}

#contents .link_area_spring a{
color:#CA417D;
font-weight:bold;
float:right;
}



#contents .guide {
	text-align:center;
	margin:5px 0 0 472px;
	background:url(//img.e87.com/selection/spring/2008images/guide_anchor.gif) no-repeat;
	width: 278px;
	height: 33px;
	display:block;
		cursor:pointer;	padding:9px 0 0 0;

}

#contents .guide a {
		font-size:100%;
	font-weight:bold;
	color:#C33C3C;
	text-decoration:none;
}


#contents #topArea h1 {
	font-weight:bold;
	color:#EF4E85;
	padding:115px 0 5px 25px;
}
#contents #topArea h2  {
	padding:0 0 6px 53px;
	font-size: 12px;
	font-weight: bold;
}

#contents #topArea p {
	padding:0 0 0 25px;
	font-size: 12px;
	width:350px;
}


/* safari only \*/
html:\66irst-child #contents #topArea h1 {
	font-size:220%;
	line-height:1;
	color:#ca417d;
	padding:35px 0 10px 20px;
}



/***** productArea *****/

#contents .topicArea h3.product {
	line-height:2.0;
	color:#ca417d;
	background:#f0f0f0 url(//img.e87.com/flower/images/exp_icon02.gif) no-repeat 5px 3px;
	padding:0 0 0 30px;
}

#contents .topicArea h4.prdct01{
	height:32px;
	background:#ffffff url(//img.e87.com/flower/images/exp_prdct_title01.gif) no-repeat left top;
	text-indent:-9999px;
	padding:0 0 10px 0;
}

#contents .topicArea h4.prdct02{
	height:32px;
	background:#ffffff url(//img.e87.com/flower/images/exp_prdct_title02.gif) no-repeat left top;
	text-indent:-9999px;
	padding:0 0 10px 0;
}

#contents .topicArea h4.prdct03{
	height:32px;
	background:#ffffff url(//img.e87.com/flower/images/exp_prdct_title03.gif) no-repeat left top;
	text-indent:-9999px;
	padding:0 0 10px 0;
}

#contents .topicArea span.h4sub01 {
	display:block;
	padding:0 0 0 5px;
}

#contents .topicArea span.h4sub02 {
	display:block;
	padding:0 0 0 5px;
}

#contents .topicArea span.h4sub03 {
	display:block;
	padding:0 0 0 5px;
}

#contents .topicArea ul.productList li.list01 {
	width:233px;
	float:left;
	margin:10px 10px 0 0;
}

#contents .topicArea ul.productList li.list02 {
	width:233px;
	float:left;
	margin:10px 10px 0 0;
}

#contents .topicArea ul.productList li {
	width:233px;
	float:left;
	margin:10px 0 0 0;
}

#contents .topicArea h4.prdct01 a {
	height:32px;
	display:block;
	overflow:hidden;
}

#contents .topicArea h4.prdct02 a {
	height:32px;
	display:block;
	overflow:hidden;
}

#contents .topicArea h4.prdct03 a {
	height:32px;
	display:block;
	overflow:hidden;
}

#contents .topicArea span.h4sub01 a {
	display:block;
}

#contents .topicArea span.h4sub02 a {
	display:block;
}

#contents .topicArea span.h4sub03 a {
	display:block;
}



/***** recommendArea *****/
#contents .topicArea h3.reco {
	font-size:125%;
	font-weight:bold;
	color:#e2137e;
	background:url(//img.e87.com/selection/spring/2008images/pickup_bg.gif) no-repeat top left;
	padding:25px 0 20px 65px;
}
/***** aboutArea *****/

#contents .topicArea h3.about {
	font-size:108%;
	line-height:2.0;
	color:#ca417d;
	background:#fbf0f5 url(//img.e87.com/flower/images/exp_icon04.gif) no-repeat 10px 3px;
	padding:0 0 0 35px;
}


#contents .topicArea div.aboutBox {
	background-color:#fbf0f5;
}

#contents .topicArea div.aboutBox02 {
	background-color:#fbf0f5;
	padding:5px 15px;
}

#contents .topicArea div.aboutTop {
	width:720px;
	height:5px;
	background:#fbf0f5 url(//img.e87.com/flower/images/exp_abut_bg_top.gif) no-repeat left top;
}

#contents .topicArea div.aboutBottom {
	width:720px;
	height:5px;
	background:#fbf0f5 url(//img.e87.com/flower/images/exp_abut_bg_btm.gif) no-repeat left bottom;
}

#contents .topicArea p.aboutText01 {
	margin:0 0 20px 0;
}

#contents .topicArea p.aboutText02 {
}

#contents .topicArea dl.aboutText03 {
}

#contents .topicArea dl.aboutText03 dt {
	float:left;
}

#contents .topicArea dl.aboutText03 dt.aboutCap {
	color:#ca417d;
	float:left;
}

#contents .topicArea dl.aboutText03 dd {
	color:#ca417d;
}

#contents .topicArea .tBox {
	margin:15px 0 15px 0;
}

#contents .topicArea .tBox table {
	width:575px;
	font-size:85%;
	table-layout:fixed;
	border-collapse:collapse;
	background-color:#ffffff;
	margin:0 0 0 70px;
}

#contents .topicArea .tBox th,td.border {
	border:solid 1px #666666;
	padding:2px;
}

#contents .topicArea .tBox th {
	text-align:center;
}

#contents .topicArea tBox td.mark {
	text-align:center;
	border:solid 1px #666666;
}

#contents .topicArea .tBox td.yw {
	background-color:#ffff99;
	border:solid 1px #666666;
	padding:2px;
}

#contents .topicArea .tBox td.orng {
	background-color:#ffcc66;
	border:solid 1px #666666;
	padding:2px;
}

#contents .topicArea .tBox td.ygrn {
	background-color:#ccff99;
	border:solid 1px #666666;
	padding:2px;
}

#contents .topicArea .tBox td.grn {
	background-color:#99cc33;
	border:solid 1px #666666;
	padding:2px;
}

#contents .topicArea div.tBox td.blu {
	background-color:#ccffff;
	border:solid 1px #666666;
	padding:2px;
}

#contents .topicArea div.tBox td.dblu {
	background-color:#99cccc;
	border:solid 1px #666666;
	padding:2px;
}


/***** caption *****/

#contents .topicArea p.cap01 {
	text-indent:-1em;
	padding:0 0 0 1em;
	display: run-in;
}

#contents .topicArea span.cap02 {
	background:url(//img.e87.com/flower/images/allow.gif) no-repeat 2px;
	padding-left: 1em;
}

#contents .topicArea span.cap02 a {
	color:#ca417d;
}

#contents .topicArea .cap03 dt {
	font-size:77%;
	float:left;
}

#contents .topicArea .cap03 dd {
	font-size:77%;
	_text-indent:-0.3em;
	padding:0 0 0 2em;
}

/* 
 商品Area
----------------------------------- */
#mainArea .topicArea {

	width:720px;
	margin:0 0 50px 15px;
}

#contents .topicArea .recoBox {
	background:#F2FADB url(//img.e87.com/selection/spring/2008images/spring_bg.jpg) no-repeat left top;
	padding:10px;
}

#contents .topicArea .recoBox ul {
	padding:15px 0 15px 0;
}

#contents .topicArea .recoBox ul li.list01 {
	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.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;
	font-weight:bold;
}

#contents .topicArea h4.recoTitle a {
	color:#ca417d;
	font-weight:bold;
}

#contents .topicArea span.h4subReco {
	font-size:85%;
	color:#ca417d;
}

#contents .topicArea .recoBox p.imgIconNew {
	background: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;
}

/* ----- 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 .banner {
	width:auto;
	margin:0 13px 0 13px;
	height:22px;
	padding:0 0 0 33px;
	color:#ca417d;
	background:#f0f0f0 no-repeat left top;
	line-height:180%;
}


/* 
 bottomArea
----------------------------------- */

#contents .pagetop {
	width:745px;
	text-align:right;
	margin:25px 0;
}

#contents .pagetop p {
	font-size:85%;
	margin:0 5px 0 0;
}

#contents .allow {
	color:#ca417d;
	font-size:85%;
}

#contents .lead02 {
	padding:10px 20px 15px 25px;
	margin:0;
}