/* ------------------------------------
 e87.com いいはなドットコム　バレンタインジャンルページCSS
 
 date:2009/7/23
-------------------------------------- */


/* 
 fix
------------------------------ */

#productlist div#gnavi {
margin-bottom:10px;
}

#productlist div.contents {
border:none;
}

#productlist h2 {
padding:0;
}


.clearfix:after{
   content:".";
   display:block;
   height:0px;
   clear:both;
   visibility:hidden;
}


/* 
 header
------------------------------ */
div#topicpath a {
background:transparent url(//img.e87.com/img/usr/images/topicpath_bg.gif) no-repeat scroll right top;
font-weight:normal;
padding:0 10px 0 0;
}

/* 
 navi
------------------------------ */

#productlist ul#vd_navi{
	margin:0;
}

#productlist ul#vd_navi li{
	float:left;
	list-style:none;
}


/* 
 title_area
------------------------------ */

#productlist div#title_area_vd{
	clear:both;
	padding-left:30px;
}

#productlist div#title_area_vd h1{
	color:#d12020;
	font-weight:normal;
	margin:130px 0 0 0;
	font-size:95%;
}

#productlist div#title_area_vd p.en{
	width:330px;
	color:#714911;
	line-height:1.1;
	font-size:95%;
	/font-size:90%;
}

#productlist div#title_area_vd p.kikan{
	margin:20px 0 0 0;
}

#productlist div#title_area_vd p.attention{
	color:#c91616;
	font-size:80%;
	line-height:1.1;
	margin:3px 0 0 0;
	font-weight:normal;
}

/* -- main_contents -- */
#productlist div.main_contents{
background:url(//img.e87.com/img/usr/valentine/images/h1_vd_bg.jpg) no-repeat top right;
}




/* ----- valentineday osusume Area ----- */
div#osusume_vd {
padding:5px 0 15px 0;
}

div#osusume_vd h2.title {
background:url(//img.e87.com/img/usr/valentine/images/vd_icon_01.gif) no-repeat left center;
font-size: 100%;
color:#8f400c;
padding:5px 0 2px 13px;
margin:0 0 0 20px;
font-weight:normal;
}

div#osusume_vd .title img{
margin:0 5px 0 0;
}

div#osusume_vd .osusumeBox{
	background:url(//img.e87.com/img/usr/valentine/images/vd_boxbg_rep.gif) repeat-y top left;
	width:710px;
	margin:0 0 0 20px;
}
div#osusume_vd .osusumeBox_top{
	background:url(//img.e87.com/img/usr/valentine/images/vd_boxbg_top.gif) no-repeat top left;
}
div#osusume_vd .osusumeBox_bottom{
	background:url(//img.e87.com/img/usr/valentine/images/vd_boxbg_btm.gif) no-repeat bottom left;
	min-height:262px;
	_height:262px;
	position:relative;
	padding-bottom:5px;
}

div#osusume_vd .osusumeBox .photo{
	position:absolute;
	top:21px;
	left:12px;
}

div#osusume_vd .osusumeBox .name{
	width:426px;
	padding:27px 0 0 0;
	margin:0 0 0 280px;
}

div#osusume_vd .osusumeBox .name a{
	font-size:120%;
	font-weight:bold;
	text-decoration:none;
	color:#5c0000;
}

div#osusume_vd .osusumeBox .name a:hover{
	text-decoration:underline;
}

div#osusume_vd .osusumeBox .sub{
	width:426px;
	margin:3px 0 0 280px;
	color:#814545;
	font-weight:bold;
	font-size:90%;
}

div#osusume_vd .osusumeBox .lead{
	width:415px;
	color:#5a2725;
	font-size:90%;
	margin:25px 0 0 280px;
}


div#osusume_vd .osusumeBox ul.icon{
	width:414px;
	background:url(//img.e87.com/img/usr/valentine/images/dotline.gif) repeat-x bottom left;
	padding:0 0 8px 0;
	margin:25px 0 0 280px;
	list-style:none;
}

div#osusume_vd .osusumeBox ul.icon li{
	width:60px;
	float:left;
	margin:0 0 0 4px;
}

div#osusume_vd .osusumeBox .kakakuArea{
	width:413px;
	margin:8px 0 10px 280px;
}

div#osusume_vd .osusumeBox .kakakuArea .name02 a{
	font-weight:bold;
	color:#cb417d;
	text-decoration:none;
}

div#osusume_vd .osusumeBox .kakakuArea .name02 a:hover{
	text-decoration:underline;
}

div#osusume_vd .osusumeBox .kakakuArea .kakaku{
	width:340px;
	margin:0 0 0 7;
	float:left;
	color:#5a2725;
}

div#osusume_vd .osusumeBox .kakakuArea .kakaku span{
	font-weight:bold;
}

div#osusume_vd .osusumeBox .kakakuArea .kakaku span.Red_N{
	font-weight:bold;
	color:#dc375e;
}

div#osusume_vd .osusumeBox .kakakuArea img{
	width:40px;
	float:right;
}


h3.pickup{
	font-size:125%;
	font-weight:bold;
	padding:0 0 5px 0;
	margin:10px 0 7px 0;
	color:#4d4235;
	background:url(//img.e87.com/img/usr/valentine/images/pickup_dot.gif) no-repeat left bottom;
}



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

#productlist div#vd_column {
	background-color:#ffffff;
	border:1px solid #dbdad3;
	margin:0 0 20px 0;
	padding:10px 0 5px 20px;
}

#productlist div#vd_column h3{
	background:url(//img.e87.com/img/usr/valentine/images/colum_h3icon.gif) no-repeat left top;
	color:#ca417d;
	font-weight:bold;
	margin:0 0 7px 0;
	padding:0 0 0 19px;
}

#productlist div#vd_column ul:after{
   content:".";
   display:block;
   height:0px;
   clear:both;
   visibility:hidden;
}


.clr { zoom: 100% }
.clr:after { content: ""; display: block; clear: both; height: 0px; overflow: hidden; }


/* Win版IE7とMac版IE5対策 */
#productlist div#vd_column ul{
   display:inline-block;
}

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

#productlist div#vd_column ul{
   display:block;
}
/* End hide from IE-mac */

#productlist div#vd_column ul li {
	background:url(//img.e87.com/img/usr/valentine/images/colum_arrow.gif) no-repeat left;
	padding:0 0 0 10px;
	margin:0 30px 5px 10px;
	_margin-left:5px;
	font-size:85%;
	width:175px;
	float:left;
	list-style:none;
}

#productlist div#vd_column ul li a {
	text-decoration:none;
}

#productlist div#vd_column ul li a:hover {
	text-decoration:underline;
}

#productlist div#vd_column ul {
	margin:0 0 0 15px;
}

#productlist div#otherlists .vd {
	color:#696851;
}

#productlist div#otherlists .vd02 {
	color:#4d4235;
	padding-top:20px;
}

#productlist div.pagetop strong {
	color:#CA417D;
}

#productlist h2 {
	font-size:100%;
}


/* -----------------------------------------------------------

 #other_special

----------------------------------------------------------- */

.other_tit{
	width:750px;
	padding:4px 0;
	margin-bottom:10px;
	background:#f0f0f0;
}

.other_tit span{
	background:url(//img.e87.com/img/usr/valentine/images/icon_link.gif) no-repeat top left;
	padding:2px 0 3px 30px;
	margin-left:5px;
	color:#ca417d;
}

#other_special{
width:750px;
margin-bottom:10px;
}

#other_special p{
padding:10px 0 10px 15px;
}

#other_special ul{
margin:0 0 0 14px;
overflow:hidden;
list-style:none;
}

#other_special ul li{
float:left;
width:225px;
padding-left:24px;
padding-bottom:5px;
background:url(//img.e87.com/img/usr/valentine/images/dot_line.gif) left top repeat-y;
text-align:center;
}

#other_special ul li.first{
padding-left:0;
background-image:none;
}

#other_special ul li a{
font-size:85%;
}

#other_special ul li a img{
display:block;
padding-bottom:5px;
}

#productlist div.contents {
border:1px solid #DBDAD3;
margin:0 14px 15px;
}



/* -----------------------------------------------------------

 #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;
}


#productlist div.otherlist{
clear:both;
}


#productlist div.otherlist ul{
list-style-type:none;
margin:0 0 20px 0;
padding:0 0 0 15px;
*padding:0 0 0 12px;
background:url(//img.e87.com/img/usr/products/images/other_list_bg1.gif) repeat-y;
}

#productlist div.otherlist ul:after{
   content:".";
   display:block;
   height:0px;
   clear:both;
   visibility:hidden;
}

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

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

#productlist div.otherlist ul{
   display:block;
}
/* End hide from IE-mac */


#productlist div.otherlist ul li{
float:left;
width:200px;
font-size:85%;
}

#productlist div.otherlist ul li img{
width:200px;
height:200px;
}


#productlist div.otherlist ul li.list01{
padding:0 21px 0 0;
}

#productlist div.otherlist ul li.list02{
padding:0 22px 0 23px;
}

#productlist div.otherlist ul li.list03{
padding:0 0 0 25px;
}

#productlist div.otherlist ul li p.goodsname,p.catch{
width:199px;
}


#productlist div.otherlist div.goods_icon{
width:199px;
margin:0; padding:0;
}

#productlist div.otherlist div.goods_icon ul{
margin:0 0 0 1px; padding:0;
}

#productlist div.otherlist div.goods_icon ul li{
width:60px;
margin:4px 4px 0 0;
padding:0;list-style-type:none;
border:none;
}

#productlist div.otherlist div.goods_icon ul li img{
width:62px;
height:17px;
}

#productlist div.otherlist div.goods_icon img.new{
width:102px;
height:13px;
}

#productlist div.otherlist ul li p.catch{
background:url(//img.e87.com/img/usr/images/table_dotline01.gif) repeat-x bottom;
padding:0 0 1px 0;
margin:0 0 5px 0;
}


#productlist div.otherlist ul.btnarea{
padding:5px 0 0 0;
width:199px;
}

#productlist div.otherlist ul.btnarea:after{
   content:".";
   display:block;
   height:0px;
   clear:both;
   visibility:hidden;
}

/* Win版IE7とMac版IE5対策 */
#productlist div.otherlist ul.btnarea{
   display:inline-block;
}

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

#productlist div.otherlist ul.btnarea{
   display:block;
}
/* End hide from IE-mac */

#productlist div.otherlist ul.btnarea li{
margin:0;
padding:0;
border-style:none;
float:left;
width:98px;
margin:0 1px 2px 0;
}

#productlist div.otherlist ul.btnarea li img{
width:98px;
height:15px;
}

#productlist div.otherlist ul table{
width:130px;
float:left;
}

#productlist div.otherlist ul a.detail{
float:right;
}

#productlist div.otherlist ul a.detail img{
width:40px;
height:17px;
}

#productlist div.otherlist ul table th{
font-weight:bold;
width:3em;
}


#productlist div.otherlist div.product_detail table{
width:199px;
margin-bottom:5px;
}

#productlist div.otherlist div.product_detail span{
font-weight:bold;
float:left;
}

#productlist div.otherlist div.product_detail a.detail{
float:right;
margin-bottom:2px;
}

#productlist div.otherlist div.product_detai a.detail img{
width:40px;
height:17px;
}

#productlist div.otherlist div.product_detail table th{
font-weight:bold;
width:3em;
}


/* -----------------------------------------------------------

 pagenav

----------------------------------------------------------- */

#productlist div.pagenav{
clear:both;
text-align:center;
margin:0 0 20px 0;
background:#f0f0f0;
}

#productlist div.pagenav ul{
margin:0 auto 3px;
color:#000000;
padding:3px 0;
list-style-type:none;
}

#productlist div.pagenav ul li a{
color:#000000;
}

#productlist div.pagenav ul li{
display:inline;
}

#productlist div.pagenav ul li.back img{
margin:0 20px 0 0;
vertical-align:middle;
width:44px;
height:15px;
}

#productlist div.pagenav ul li.next img{
margin:0 0 0 20px;
vertical-align:middle;
width:44px;
height:15px;
}

#productlist div.pagenav div.listlink{
background:#ffffff;
}


#productlist div.pagenav div.listlink:after{
   content:".";
   display:block;
   height:0px;
   clear:both;
   visibility:hidden;
}

/* Win版IE7とMac版IE5対策 */
#productlist div.pagenav div.listlink{
   display:inline-block;
}

/* Win版IE5および6対策 */
/* Hides from IE-mac \*/
* html #productlist div.pagenav div.listlink{
   height:1px;
}

#productlist div.pagenav div.listlink{
   display:block;
}
/* End hide from IE-mac */

#productlist div.pagenav div.listprice{
float:right;
margin:3px 0 0 0;
}

#productlist div.pagenav div.listprice img{
width:110px;
height:11px;
}

#productlist div.pagenav div.listcount{
float:left;
}

#productlist div.newpct{
background:url(//img.e87.com/img/usr/products/images/ico_new.gif) no-repeat top left;
padding:13px 0 0 0;
}

#productlist div.pct{
padding:13px 0 0 0;
}


/* -----------------------------------------------------------

 pickup

----------------------------------------------------------- */

#productlist h2.pickup {
	background:url(//img.e87.com/img/usr/valentine/images/vd_recoarea_ttl.gif) no-repeat top center;
	padding:0 0 0 70px;
	margin-bottom:10px;
	font-weight:bold;
	height:27px;
	line-height:1.9em;
	color:#601621;
}



/* -----------------------------------------------------------

 vd_bunner_area

----------------------------------------------------------- */

#productlist h2.h2_ttl {
	background:url(//img.e87.com/img/usr/valentine/images/vd_bg_ttl.gif) no-repeat top center;
	padding:0 0 0 10px;
	margin-bottom:10px;
	font-weight:bold;
	height:27px;
	line-height:1.9em;
	color:#601621;
}

.vd_bunner_area{
	padding:0 0 0 15px;
	margin-bottom:15px;
}

.vd_bunner_area a{
	margin:0 18px 0 0;
}







/* -----------------------------------------------------------

 valen2011

----------------------------------------------------------- */


/*　id:valen2011_localmenu
-----------------------------*/

div#valen2011_localmenu{
	width:750px;
}

div#valen2011_localmenu ul{
	height:41px;
	width:750px;
	margin:0;
	padding:0;
}

div#valen2011_localmenu ul li{
	float:left;
	line-height:1;
	list-style:none;
	margin:0;
	padding:0;
}

div#valen2011_localmenu ul li#valen2011_localmenu01{width:187px;}
div#valen2011_localmenu ul li#valen2011_localmenu02{width:187px;}
div#valen2011_localmenu ul li#valen2011_localmenu03{width:188px;}
div#valen2011_localmenu ul li#valen2011_localmenu04{width:188px;}

div#valen2011_localmenu ul li a{
	
}

div#valen2011_localmenu ul li a:hover{
	
}

div#valen2011_localmenu ul li img{
	vertical-align:bottom;
}





/*　class:valen2011_category_rank
-----------------------------*/

div.valen2011_category_rank{
	margin-bottom:15px;
}

div.valen2011_category_rank div.tit{
	background:url(/img/usr/valentine/images/valen2011_bg_ranktit.gif) no-repeat;
	height:25px;
	
}

div.valen2011_category_rank div.tit p{
	font-size:110%;
	font-weight:bold;
	color:#FFF;
	padding-left:35px;
	padding-top:3px;
}

div.valen2011_category_rank div.tit p span{
	font-size:90%;
	font-weight:bold;
}

div.valen2011_category_rank div.rankArea{
	border-bottom:1px solid #84442C;
	background:url(/selection/valentine/2011images/valen2011_rankbody_bg.gif) repeat-y;
}

div.valen2011_category_rank div.rankBlock{
	width:140px;
	_width:150px;
	float:left;
	padding:5px;
}
div.valen2011_category_rank div.rankBlock:after{
   content:".";
   display:block;
   height:0px;
   clear:both;
   visibility:hidden;
}

div.valen2011_category_rank div.rankBlock a img.left{
	width:55px;
	_width:60px;
	height:55px;
	padding-right:5px;
	float:left;

}

div.valen2011_category_rank div.rankBlock div.text{
	width:70px;
	float:left;
}

div.valen2011_category_rank div.rankBlock div.text a{
	color:#CA417D;
	font-size:75%;
}

div.valen2011_category_rank last{
	
}






/*　id:valen2013_header_rj50265
-----------------------------*/

div#valen2011_header_rj50265{
width:730px;
_width:750px;
height:122px;
_height:228px;
background:url(//img.e87.com/img/usr/valentine/images/valen_bg_main_flower.jpg) no-repeat;
margin-bottom:22px;
padding:103px 0 0 20px;
font-size:90%;
}

div#valen2011_header_rj50265 h1{
color:#D4005B;
font-weight:bold;
}

div#valen2011_header_rj50265 p{
color:#330000;
}


/*　id:valen2013_header_rj50266
-----------------------------*/

div#valen2011_header_rj50266{
width:730px;
_width:750px;
height:122px;
_height:223px;
background:url(//img.e87.com/img/usr/valentine/images/valen_bg_main_all.jpg) no-repeat;
margin-bottom:22px;
padding:103px 0 0 20px;
font-size:90%;
}

div#valen2011_header_rj50266 h1{
color:#D4005B;
font-weight:bold;
}

div#valen2011_header_rj50266 p{
color:#330000;
}