/* ----------------------------------------
 e87.com いいはなドットコム　CSS
 
 date:2007/05/17
 sp_halloween/toppage css
 
---------------------------------------- */

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

#contents #topArea{
margin:20px 0 10px 0;
height:2em;
}

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

/* Win版IE7とMac版IE5対策 */
#contents #topArea{
   display:inline-block;
}

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

#contents #topArea{
   display:block;
}
/* End hide from IE-mac */

#contents #topArea h1{
color:#ffcc00;
font-weight:bold;
width:100px;
float:left;
margin:0 5px 0 0;
padding:0;
}

#contents #topArea p{
width:465px;
font-size:85%;
color:#666666;
float:left;
margin:0;
padding:0;
}

/* ----- infoArea ----- */

#contents #infoArea{
margin:0 0 20px 0;
}

#contents #infoArea p{
text-align:center;
color:#ff0000;
}

/* ----- topicArea ----- */

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

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

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

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

#contents .topicArea{
   display:block;
}
/* End hide from IE-mac */


#contents .topicArea div#recommendArea{
width:373px;
background:url(../images/topicArea_bg.gif) no-repeat bottom left;
font-size:85%;
float:left;
}

#contents .topicArea div#recommendArea h2{
width:373px;
height:54px;
background:none;
margin:0;
padding:0 0 10px 0;
}
#contents .topicArea div#recommendArea div.imgBox{
width:200px;
margin:0 0 15px 15px;
padding:0;
float:left;
}

#contents .topicArea div#recommendArea div.textBox{
background:url(../images/osusume.gif) no-repeat 10px 5px;
padding:130px 0 0 5px;
float:left;
width:120px;
}


#contents .topicArea div#recommendArea div.textBox h3{
color:#ff9900;
width:120px;
}

#contents .topicArea div#recommendArea div.textBox p{
width:120px;
}

#contents .topicArea div#recommendArea div.textBox p em{
color:#ff0000;
font-weight:bold;
}


#contents .topicArea div#recommendArea p.endText{
clear:both;
background:url(../images/endText_bg.gif) repeat-x top left;
margin:0 25px;
padding:10px 0 20px;
}


#contents .topicArea div#aboutArea{
float:right;
width:200px;
}

#contents .topicArea div#aboutArea h2{
width:200px;
background:none;
margin:30px 0 10px 0;
}

/* ----- productArea ----- */


#contents div#productArea ul{
font-size:85%;
}

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

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

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

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

#contents div#productArea ul li{
width:282px;
float:left;
background:url(../images/productArea_bg.gif) no-repeat bottom left;
margin:0 0 15px 0;
}

#contents div#productArea ul li h2{
width:282px;
height:51px;
padding:0 0 10px 0;
background:none;
margin:0;
}

#contents div#productArea ul li div.imgBox{
float:none;
margin:0 50px 10px 50px;
}

#contents div#productArea ul li h3{
margin:0 25px;
color:#ff6600;
font-weight:bold;
}

#contents div#productArea ul li p{
margin:0 25px;
}

#contents div#productArea ul li p em{
color:#ff0000;
font-weight:bold;
}


#contents div#productArea ul li p.endText{
clear:both;
background:url(../images/endText_bg.gif) repeat-x top left;
margin:0 25px;
padding:10px 0 50px;
}