/* ----------------------------------------
 e87.com いいはなドットコム　CSS
 
 date:2007/05/01
 /sp_valentine/columpage css
---------------------------------------- */

/* 
 columnList style
------------------------------ */

#mainArea .columnList{
	padding:10px 0 5px 25px;
}

#mainArea .columnList ul li{
	display:inline;
	width:170px;
	padding:0 0 0 15px;
	margin:0 0 5px 0;
}

html>body #mainArea .columnList ul li{
	width:155px;
}

#mainArea .columnList2{
	padding:10px 0 5px 25px;
}

#mainArea .columnList2 ul li{
	display:inline;
	width:170px;
	padding:0 0 0 15px;
	margin:0 0 5px 0;
}

html>body #mainArea .columnList2 ul li{
	width:155px;
}

.column h3{
color:#ff9999;
}


.column p span.ans{
color:#ff6600;
font-weight:bold;
}

#mainArea div.qaColumn h2{
color:#ff6666;
}

#mainArea div.qaColumn p em{
color:#990000;
font-weight:normal;
}

/*
 Recommend Area Style 200911 e87 wrote
------------------------------------------ */
#contents .reco a {
	color:#ca417d;
	font-weight:bold
}

#contents .reco p {
	color:#d00023;
	}

#contents .reco a {
	color:#ca417d;
	font-weight:bold
}

#mB30{margin:-30px 0 -30px 0}

#mL90{margin:13px 0 20px 90px;}


/* ----------------------------------------
 e87.com いいはなドットコム　CSS
 
 date:2010/05/20
 /sp_valentine/columpage css
---------------------------------------- */

div#mainArea div.topArea{
width:750px;
_width:740px;
height:107px;
margin:0 10px 20px 0;
_margin:0 0 20px 0;
float:left;
}

div#mainArea div.topArea h1{
float:none;
display:block;
color:#FF6600;
margin:0;
padding:10px 0 5px 20px;
}

div#mainArea div.topArea#choco{
background:url(//img.e87.com/selection/valentine/images/valen_bg_01.jpg) no-repeat top right;
margin:0 10px 20px 0;
_margin:0 0 20px 0;
}

div#mainArea div.topArea#choco p{
width:330px;
padding:10px 0 5px 20px;
}

div#mainArea div.topArea#qa{
background:url(//img.e87.com/selection/valentine/images/valen_bg_02.jpg) no-repeat top right;
margin:0 10px 20px 0;
_margin:0 0 20px 0;
}

div#mainArea div.topArea#qa p{
width:330px;
padding:10px 0 5px 20px;
}

div#mainArea div.topArea#story{
background:url(//img.e87.com/selection/valentine/images/valen_bg_03.jpg) no-repeat top left;
}

div#mainArea div.topArea#story p{
width:330px;
padding:10px 0 5px 20px;
}

div#mainArea div.topArea#flower{
background:url(//img.e87.com/selection/valentine/images/valen_bg_04.jpg) no-repeat top right;
margin:0 10px 20px 0;
_margin:0 0 20px 0;
}

div#mainArea div.topArea#flower p{
width:330px;
padding:10px 0 5px 20px;
}

div#mainArea div.topArea#history{
background:url(//img.e87.com/selection/valentine/images/valen_bg_05.jpg) no-repeat top right;
margin:0 10px 20px 0;
_margin:0 0 20px 0;
}

div#mainArea div.topArea#history p{
width:330px;
padding:10px 0 5px 20px;
}

div#mainArea div.topArea#handmade{
background:url(//img.e87.com/selection/valentine/images/valen_bg_06.jpg) no-repeat top right;
margin:0 10px 20px 0;
_margin:0 0 20px 0;
}

div#mainArea div.topArea#handmade p{
width:330px;
padding:10px 0 5px 20px;
}


#mainArea .column  h3{
	color:#ee0000;
}

#mainArea .column .columnImgL {
	float:left;
	margin:0 5px 25px 0;	
	_margin:0 5px 15px 0;
}

/* 
 columnList style
------------------------------ */

#mainArea .columnList{
	_width:510px;
	padding:10px 0 5px 25px;
}

#mainArea .columnList ul li{
	display:inline;
	width:160px;
	_width:175px;
	padding:0 0 0 15px;
	_padding:0 0 0 10px;
	margin:0 0 5px 0;
}

html>body #mainArea .columnList ul li{
	width:160px;
	_width:175px;
}


#mainArea .columnList2{
	padding:10px 0 5px 25px;
}

#mainArea .columnList2 ul li{
	display:inline;
	width:160px;
	padding:0 0 0 15px;
	margin:0 0 5px 0;
}

html>body #mainArea .columnList2 ul li{
	width:145px;
}




/* 
 qa style
------------------------------ */

#mainArea .column p span.ans{
color:#339900;
}

#mainArea .column p em{
color:#339900;
font-weight:normal;
}

/* 
 column ranking h2 style
------------------------------ */

#mainArea .columnArea#rankColumn .column h2{
color:#ff9900;
}


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

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

#contents #mainArea {
	width:750px;
	margin:0 0 0 15px;
	_margin:0 0 0 14px;
	float:right;
}

#contents #leftNavi {
	width:155px;
	float:right;
}

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

#mainArea .topArea {
	margin:10px 0 20px 5px;	
	_margin:10px 0 10px 5px;
}

#mainArea .topAreaTit {
	width:750px;
	margin:0 0 20px 0;
	_margin:0 0 10px 0;
}

#mainArea .topArea h1 {
	color:#ee0000;
	font-weight:bold;
	float:left;
	margin:0 5px 10px 0;
}

#mainArea .topArea p {
	font-size:85%;
	margin:0 0 10px 0;
}

#mainArea .topArea .topImg {
	margin:0 0 10px 15px;
}

/* ----- info ----- */

#contents .info {
	margin:0 0 25px 0;
	line-height:120%;
}

/*　recommend item
-----------------------------*/
.itemAreaL {
	float:left;
	width:180px;
}
.itemAreaL h2{
	padding-left:0;
}
.itemAreaL itemtit{
	width:180px;
	vertical-align:bottom;
}
.itemAreaL dl {
	width:180px;
	margin-bottom:15px;
	background-color:#FCECAD;
}
.itemAreaL dt {
}
.itemAreaL dd {
	background:transparent url(//img.e87.com/selection/valentine/2010images/gift_bgrep_.gif) repeat-y left top;
}
.itemAreaL .ttl {
	font-weight:bold;
	display:block;
	font-size:115%;
}
.itemAreaL .itemPro {
	width:180px;
	padding:10px 10px 5px 10px;
	_padding:10px 4px 5px 10px;
}
.itemAreaL .itemPro .txt {
	font-size:11px;
	color:#ca417d;
}
.itemAreaL .itemPro .txt a{
	font-size:10px;
	color:#666666;
	line-height:120%;
	/line-height:1.1;
}
.itemAreaL .itemPro .kakaku{
	font-size:10px;
	color:#666666;
	line-height:120%;
	/line-height:1.1;
}
.itemAreaL .itemPro_l {
	width:160px;
	margin:0 0 6px 0;
	float:left;
}
.itemAreaL .itemPro_r a {
	font-size:10px;
	color:#ca417d;
}
.itemAreaL .itemPro_r {
	width:168px;
	_width:166px;
	margin:0;
	float:left;
}

.itemAreaL .bordernone{
	border:none;
	background:transparent url(//img.e87.com/selection/valentine/2010images/gift_bgbtm_.gif) no-repeat left bottom;
	padding-bottom:9px;
}


/* ----- columnArea ----- */

#mainArea .columnArea {
	margin:0 0 20px 0;
	padding:0 0 1px 0;
}


#mainArea .column{
	width:530px;
	float:right;
	margin:0 10px 15px 10px;
}


#mainArea .column  h2 {
	color:#ee0000;
	font-weight:bold;
}

#mainArea .column  h2.underH3 {
margin:0 0 5px 0;
}


#mainArea .column  h3 {
margin:0;
font-weight:bold;
font-size:100%;
}


#mainArea .column .columnImgR {
	float:right;
	margin:0 0 15px 5px;
}

#mainArea .column .columnImgL {
	float:left;
	margin:0 5px 15px 0;
}

/* ----- column>p style ----- */

#mainArea .column p {
	padding:5px 0 10px 0;
}

#mainArea .column p em{
font-weight:bold;
}

#mainArea .column p span.ans{
font-weight:bold;
}

#mainArea .column p.underList{
	padding:5px 0 5px 0;
}

#mainArea .column ul li {
background:url(//img.e87.com/selection/images/colum_listmark.gif) no-repeat top left;
padding:0 0 0 15px;
font-size:85%;
}

#mainArea .column ul.endList{
	padding:5px 0 10px 0;
}


#mainArea div.column p.columnLink,
#mainArea div.column p.columnLink2{
text-align:right;
}

#mainArea div.column p.columnLink a{
background:url(//img.e87.com/selection/mother/images/arrow.gif) no-repeat top left;
padding:0 0 0 25px;
}

#mainArea div.column p.columnLink2 a{
background:url(//img.e87.com/selection/valentine/images/arrow.gif) no-repeat top left;
padding:0 0 0 25px;
}

/* ----- column bnr style ----- */

#mainArea .bnr{
	width:530px;
	float:left;
	margin:0 0 0 10px;
	padding:0 0 0 15px;
}

#mainArea .bnr img{
	margin:0 0 10px 10px;
}


#mainArea .columnArea_bnr_flower{
	margin:0 0 0 205px;
}

#mainArea .columnArea_bnr_flower img{
	margin:0 0 10px 10px;
	_margin:0 0 8px 8px;
}


#mainArea .columnArea_bnr_flower h2.father{
	height:auto;
	line-height:normal;
	width:300px;
	background:transparent url(//img.e87.com/selection/valentine/2010images/set_img01.gif) no-repeat top;
	font-size:90%;
	margin:0 0 2px 0;
	padding:3px 20px 3px 20px;
	color:#7c7b7b;
	font-weight:normal;
}

#mainArea .columnArea_bnr_flower h2.father span{
	font-weight:bold;
	color:#7c7b7b;
	font-size:85%;
	letter-spacing:-1px;
}

#mainArea .columnArea_bnr_flower h2{
	padding-left:20px;
}


/* ----- column dotline style ----- */

#mainArea .dotline .column{
	margin:0 0 0 20px;
	padding:10px 0 0 0;
	background:url(//img.e87.com/selection/newyear/images/bg_d.gif) repeat-x top;
}

#mainArea .dotline .column img{
margin-bottom:10px;

}

#mainArea .dotline .column p{
padding:5px 0 10px 0;
}

/* ----- column ranking h2 style ----- */

#mainArea .columnArea#rankColumn .column h2{
color:#ff9900;
}


/* ----- columnListArea ----- */

#mainArea .columnListArea {
	border-top:1px solid #EEEEEE;
	width:530px;
	float:right;
	margin:0 10px 15px 10px;
	_margin:0 0 0 15px;
	padding:0;
}

#mainArea .columnListArea h3{
	color:#ee0000;
	font-weight:bold;
	margin:20px 0 5px 0;
}

#mainArea .columnList {
	background-color:#FFEFFD;
	border:1px solid #FFAED0;
	padding:10px 0 5px 15px;
}

#mainArea .columnList ul:after{
   content:".";
   display:block;
   height:0px;
   clear:both;
   visibility:hidden;
}

/* Win版IE7とMac版IE5対策 */
#mainArea .columnList ul{
   display:inline-block;
}

/* Win版IE5および6対策 */
/* Hides from IE-mac \;*/
* html #mainArea .columnList ul{
   height:1px;
}

#mainArea .columnList ul{
   display:block;
}
/* End hide from IE-mac */


#mainArea .columnList ul{
	width:525px;
}

#mainArea .columnList ul li {
	background:url(//img.e87.com/selection/newyear/images/colum_arrow.gif) no-repeat left top;
	padding:0 0 0 15px;
	_padding:0 0 0 14px;
	margin:0 0 5px 0;
	_margin:0 0 5px 10px;
	font-size:85%;
	width:150px;
	_width:160px;
	float:left;
}

#mainArea .columnList ul li a {
	text-decoration:none;
}

#mainArea .columnList ul li a:hover {
	text-decoration:underline;
}






#mainArea .columnListArea2 {
	width:530px;
	float:right;
	margin:0 10px 15px 10px;
	_margin:0 0 0 15px;
	padding:0;
}

#mainArea .columnListArea2 h3 {
	color:#80592b;
	font-weight:bold;
	margin:20px 0 5px 0;
}

#mainArea .columnList2 {
	background-color:#f6f2e8;
	border:1px solid #c9b49c;
	padding:10px 0 5px 15px;
}

#mainArea .columnList2 ul:after{
   content:".";
   display:block;
   height:0px;
   clear:both;
   visibility:hidden;
}

/* Win版IE7とMac版IE5対策 */
#mainArea .columnList2 ul{
   display:inline-block;
}

/* Win版IE5および6対策 */
/* Hides from IE-mac \;*/
* html #mainArea .columnList2 ul{
   height:1px;
}

#mainArea .columnList2 ul{
   display:block;
}
/* End hide from IE-mac */


#mainArea .columnList2 ul{
	width:525px;
}

#mainArea .columnList2 ul li {
	background:url(//img.e87.com/selection/newyear/images/colum_arrow_02.gif) no-repeat left top;
	padding:0 0 0 15px;
	margin:0 0 5px 10px;
	font-size:85%;
	width:110px;
	float:left;
}

#mainArea .columnList2 ul li a {
	text-decoration:none;
}

#mainArea .columnList2 ul li a:hover {
	text-decoration:underline;
}

/* ----- column link style ----- */

#mainArea .columnListArea link_right{
	width:530px;
	float:left;
	margin:0 0 0 10px;
	padding:0 0 0 20px;
}

/*　ranking
-----------------------------*/
#lnavi_0903new h2.father_ranking{
	height:auto;
	line-height:normal;
	width:180px;
	background:transparent url(//img.e87.com/selection/valentine/2010images/father_icon_01.gif) no-repeat scroll left top;
	font-size:85%;
	margin:0 0 2px 0;
	padding:3px 20px 3px 18px;
	color:#7c7b7b;
	font-weight:normal;
}

#lnavi_0903new h2.father_ranking span{
	font-weight:bold;
	color:#7c7b7b;
	font-size:85%;
	letter-spacing:-1px;
}

#lnavi_0903new h2{
	padding-left:20px;
}
#lnavi_0903new img{
	vertical-align:bottom;
}
#lnavi_0903new dl.rank {
	width:190px;
	_width:180px;
	margin-bottom:5px;
}

#lnavi_0903new dl.rank dd {
	background:transparent url(//img.e87.com/selection/valentine/2010images/index_bgrep_rankborder.gif) repeat-y left top;
}
#lnavi_0903new .ttl {
	font-weight:bold;
	display:block;
	font-size:115%; }
#lnavi_0903new .ranking03 {
	width:180px;
	_width:190px;
	border-bottom:1px solid #5183bf;
	padding:4px 5px;
}
#lnavi_0903new .ranking03 .txt {
	font-size:12px;
	color:#ca417d;
}
#lnavi_0903new .ranking03 .txt a{
	font-size:12px;
	color:#ca417d;
	line-height:120%;
	/line-height:1.1;
}
#lnavi_0903new .ranking_l {
	width:55px;
	margin:0 5px 0 0;
	float:left;
}
#lnavi_0903new .ranking_r a {
	font-size:12px;
	color:#ca417d;
}
#lnavi_0903new .ranking_r {
	width:110px;
	margin:0;
	float:left;
}

#lnavi_0903new .bordernone{
	border:none;
	background:transparent url(//img.e87.com/selection/valentine/2010images/index_bgbtm_rankborder.gif) no-repeat left bottom;
	padding-bottom:9px;
}

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

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

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

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