/* ------------------------------------------------------------------*/
/*  main image  */
/* ------------------------------------------------------------------*/

#maintitlcolum01{ width:960px; background:url("//img.e87.com/selection/rose/images/index_back_iwahashi02.jpg") no-repeat left top; }
#maintitlcolum01 .h1box{ float:right; width:184px; }
#maintitlcolum01 .h1area{ position:relative; z-index:2; top:15px; padding:0 10px 5px 0; }
#maintitlcolum01 .h1box .h1area .h1st{ font-size:85%; color:#999999; font-weight:bold; }
#maintitlcolum01 .h1box .h1area .h1text{ font-size:85%; color:#999999; padding:2px; }
#maintitlcolum01 .h1box .roseban01 { margin:10px 0 10px 0; }
#maintitlcolum01 .h1box .roseban02 { border:0; }
/* ------------------------------------------------------------------*/
/*  bannerArea  */
/* ------------------------------------------------------------------*/
.mainArea { width:950px; }
.mainArea h2{ color:#FFFFFF; font-weight:bold; size:12px; padding:5px; font-size:120%; background: #460000; }
.mainArea p.lead { padding:5px 0 5px 20px; }
.mainArea .bannerArea{ margin:5px 0 20px 20px; }
.mainArea .bannerArea ul{ width:730px; margin-left:20px; }
.mainArea .bannerArea li{ margin:5px 10px 2px 0; float:left; }
/* ----------------------------------
subbanner area
-------------------------------------*/

#subbanner{ padding-bottom:15px; }
#subbanner li{ float:left; margin-right:25px; }
#subbanner li.L{ margin-left:25px; }
#subbanner .lastimg img{ margin-right:0; }
/* ------------------------------------------------------------------*/
/*  columnArea  */
/* ------------------------------------------------------------------*/

.mainArea .columnArea { margin:5px 0 0 25px; padding-bottom:20px; }
.topic_box01 { padding:6px 0; margin:0 5px 0 0; float:left; background:url(//img.e87.com/images/dot_line.gif) no-repeat center top; }
.topic_box02 { padding:6px 0; float:left; background:url(//img.e87.com/images/dot_line.gif) no-repeat center top; }
.columnArea .textBox { float:left; }
.columnArea .textBox a { font-size:85%; color:#ca417d; font-weight:bold; text-decoration:underline; }
.columnArea .textBox a:hover { text-decoration:none; color: #ca417d; }
.columnArea .textBox p { width:145px; font-size:85%; line-height:120%; margin:4px 0 0 0; }
.columnArea .imgBox { float:left; width:80px; margin:0 0 0 5px; }
/* ------------------------------------------------------------------*/
/*  recommendArea  */
/* ------------------------------------------------------------------*/
.mainArea .recommendArea { margin:5px 0 20px 20px; }
.mainArea .recommendArea .recoBox { background-color:#ffffff; }
.mainArea .recommendArea .recoBox ul { background-color:#ffffff; padding:0 0 15px 0; }
.mainArea .recommendArea .recoBox ul li.list01 { width:270px; _width:270px; display:inline; float:left; background:url(//img.e87.com/images/dotline01.gif) repeat-y right; padding:0 20px; }
.mainArea .recommendArea .recoBox ul li.list02 { width:270px; _width:270px; display:inline; float:left; background:url(//img.e87.com/images/dotline01.gif) repeat-y right; padding:0 20px; }
.mainArea .recommendArea .recoBox ul li.list03 { width:270px; _width:270px; display:inline; float:left; padding:0 20px; }
.mainArea .recommendArea h4.recoTitle { font-size:85%; color:#ca417d; }
.mainArea .recommendArea h4.recoTitle a { color:#ca417d; }
.mainArea .recommendArea span.h4subReco { font-size:85%; color:#ca417d; }
.mainArea .recommendArea .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; }
.mainArea .recommendArea .recoBox p.imgIcon { margin: 10px; }
.mainArea .recommendArea .recoBox p.recoText { font-size:85%; background:#ffffff url(//img.e87.com/images/dotline02.gif) repeat-x left bottom; padding:0 0 3px 0; }
.mainArea .recommendArea .priceBox { font-size:85%; padding:3px 0 3px 0; }
.mainArea .recommendArea .priceBox p.priceLeft { float:left; }
.mainArea .recommendArea.priceBox p.priceRight { float:right; }
.mainArea .recommendArea .priceBox p span { font-weight:bold; }
.mainArea .recommendArea div.priceBottom { width:270px; background:#ffffff url(//img.e87.com/images/dotline02.gif) repeat-x left bottom; margin:0 0 4px 0; padding:0 0 7px 0; }
.mainArea .recommendArea div.priceBottom p { font-size:85%; font-weight:bold; float:left; }
.mainArea .recommendArea div.priceBottom .imgBox { height:17px; text-align:right; display:inline; float:right; }