@charset "shift_jis";

/* -----------------------------------------------------------
 #contents
----------------------------------------------------------- */
#contents{
width:750px;
margin:15px 0 0 14px;
padding-bottom:10px;
clear:both;
}


/* -----------------------------------------------------------
 #title_area
----------------------------------------------------------- */
#title_area{
width:700px;
min-height:68px;
position:relative;
padding-top:131px;
padding-left:50px;
background:#FEE8EA url(//img.e87.com/selection/valentine/2009images/gift_main_img.jpg) left 37px no-repeat;
line-height:140%;
font-size:80%;
color:#421612;
}
* html #title_area{
width:750px;
height:199px;
}

#contents #title_area h1{
}

#title_area p.title{
width:367px;
height:87px;
position:absolute;
left:94px;
top:30px;
}

#title_area p.text{
padding-top:1px;
}

#title_area p.lead{
width:750px;
height:37px;
position:absolute;
left:0;
top:0;
}


/* -----------------------------------------------------------
 #area01
----------------------------------------------------------- */
#area01{
width:710px;
padding:20px 20px 32px;
background:#421612 url(//img.e87.com/selection/valentine/2009images/area01_bg.gif) left top repeat-x;
}

#area01_inner{
width:710px;
background:url(//img.e87.com/selection/valentine/2009images/gift_area01_bg_bottom.gif) left bottom no-repeat;
}

#area01_inner_box{
width:710px;
background:url(//img.e87.com/selection/valentine/2009images/gift_area01_bg_top.gif) left top no-repeat;
}


/* 
 #area01
 #mainbox
----------------------------------------------------------- */
#mainbox{
float:left;
width:499px;
padding:8px;
}

/* 
 #area01
 #mainbox
 .item01
----------------------------------------------------------- */
#mainbox .item01{
width:499px;
min-height:225px;
position:relative;
background:url(//img.e87.com/selection/valentine/2009images/gift_area01_img01.jpg) left top no-repeat;
}
* html #mainbox .item01{
height:225px;
}

#mainbox .item01 h2 img.icon{
position:absolute;
left:-25px;
top:-18px;
z-index:3;
}

#mainbox .item01 h2 a{
display:block;
width:499px;
height:225px;
}

#mainbox .item01 h2 a img.title{
position:absolute;
left:19px;
top:44px;
z-index:2;
}

#mainbox .item01 h2 a img.lead{
position:absolute;
left:19px;
top:24px;
z-index:1;
}

#mainbox .item01 h2 a img.term{
position:absolute;
left:19px;
top:115px;
z-index:1;
}


/* 
 #area01
 #mainbox
 .item_bottom
----------------------------------------------------------- */
#mainbox .item_bottom{
width:499px;
min-height:194px;
margin-top:6px;
clear:both;
}
* html #mainbox .item_bottom{
height:194px;
}


/* 
 #area01
 #mainbox
 .item_bottom
 .item02
----------------------------------------------------------- */
#mainbox .item_bottom .item02{
float:left;
width:162px;
min-height:194px;
position:relative;
padding-right:7px;
}
* html #mainbox .item_bottom .item02{
width:169px;
height:194px;
padding-right:0;
}

#mainbox .item_bottom .item02 h2 a{
display:block;
width:162px;
height:194px;
}

#mainbox .item_bottom .item02 h2 a img.title{
position:absolute;
left:7px;
top:145px;
}

#mainbox .item_bottom .item02 h2 a img.lead{
position:absolute;
left:7px;
top:118px;
}

#mainbox .item_bottom .item02 h2 a img.term{
position:absolute;
left:7px;
top:173px;
}

#mainbox .item_bottom .item02 h2 a img.img{
position:absolute;
left:-28px;
top:-85px;
}


/* 
 #area01
 #mainbox
 .item_bottom
 .item03
----------------------------------------------------------- */
#mainbox .item_bottom .item03{
float:left;
width:162px;
min-height:194px;
position:relative;
padding-right:7px;
}
* html #mainbox .item_bottom .item03{
width:169px;
height:194px;
padding-right:0;
}

#mainbox .item_bottom .item03 h2 a{
display:block;
width:162px;
height:194px;
}

#mainbox .item_bottom .item03 h2 a img.title{
position:absolute;
left:4px;
top:17px;
}

#mainbox .item_bottom .item03 h2 a img.lead{
position:absolute;
left:4px;
top:4px;
}

#mainbox .item_bottom .item03 h2 a img.term{
position:absolute;
left:4px;
top:43px;
}

#mainbox .item_bottom .item03 h2 a img.img{
position:absolute;
left:-25px;
top:59px;
}


/* 
 #area01
 #mainbox
 .item_bottom
 .item04
----------------------------------------------------------- */
#mainbox .item_bottom .item04{
float:left;
width:161px;
min-height:194px;
position:relative;
}
* html #mainbox .item_bottom .item04{
height:194px;
}

#mainbox .item_bottom .item04 h2 a{
display:block;
width:161px;
height:194px;
}

#mainbox .item_bottom .item04 h2 a img.title{
position:absolute;
left:7px;
top:144px;
}

#mainbox .item_bottom .item04 h2 a img.lead{
position:absolute;
left:7px;
top:118px;
}

#mainbox .item_bottom .item04 h2 a img.term{
position:absolute;
left:7px;
top:173px;
}

#mainbox .item_bottom .item04 h2 a img.img{
position:absolute;
left:9px;
top:-50px;
}


/* 
 #area01
 #ranking
----------------------------------------------------------- */
#ranking{
float:right;
width:167px;
padding:1px;
position:relative;
}

#ranking h3 img.icon{
width:50px;
height:55px;
position:absolute;
left:-4px;
top:-11px;
}

#ranking ol{
width:167px;
}

#ranking ol li{
padding:10px 0;
border-bottom:1px dotted #E6CBAA;
position:relative;
}

#ranking ol li.last{
border-bottom:none;
}

#ranking ol li img.icon_rank{
margin-left:60px;
}

#ranking ol li p a{
display:block;
line-height:130%;
font-size:80%;
color:#CA417D;
}

#ranking ol li p a img.img_border{
border:1px solid #ccc;
position:absolute;
left:3px;
top:10px;
}

#ranking ol li p a span{
display:block;
width:105px;
padding-left:60px;
}
* html #ranking ol li p a span{
width:auto;
}


/* -----------------------------------------------------------
 #area02
----------------------------------------------------------- */
#area02{
margin-bottom:20px;
padding-left:20px;
background:url(//img.e87.com/selection/valentine/2009images/gift_area02_bg.jpg) left top repeat-x;
}

#area02_inner{
width:710px;
padding-bottom:5px;
background:url(//img.e87.com/selection/valentine/2009images/gift_area02_bg_bottom.jpg) left bottom no-repeat;
}

#area02_inner_box{
position:relative;
background:url(//img.e87.com/selection/valentine/2009images/gift_area02_bg_top.jpg) left top no-repeat;
}

#area02_inner_box h4{
padding:10px 0 6px 50px;
background:url(//img.e87.com/selection/valentine/2009images/gift_area02_title_bg.gif) left bottom repeat-x;
font-weight:bold;
font-size:120%;
color:#4D4235;
}

#area02_inner_box h4 img.icon{
width:50px;
height:55px;
position:absolute;
left:-4px;
top:-11px;
}

#area02_inner_box h4 span{
font-weight:bold;
color:#900;
}

#area02_inner_box ul{
padding-left:5px;
overflow:hidden;
}

#area02_inner_box ul li{
float:left;
width:130px;
padding:10px 5px 5px;
}

#area02_inner_box ul li p a{
line-height:130%;
font-size:80%;
color:#CA417D;
}

#area02_inner_box ul li p a img.img_border{
display:block;
width:120px;
border:5px solid #fff;
}

#area02_inner_box ul li p.price{
padding:3px 0;
line-height:130%;
font-size:80%;
}

#area02_inner_box ul li p.detail{
text-align:right;
}


/* -----------------------------------------------------------
 .pagetop
----------------------------------------------------------- */
p.pagetop{
margin:10px 0;
padding-right:20px;
text-align:right;
clear:both;
}

p.pagetop span{
font-size:85%;
color:#CA417D;
}

p.pagetop a{
font-size:85%;
}