q/* ----------------------------------------
e87.com いいはなドットコム　CSS
date:2007/05/01
/sp_agedday/columpage css
---------------------------------------- */
/* 
columnList style
------------------------------ */
#mainArea .columnListArea { padding:0px; }
#mainArea .columnList{ padding:10px 0 5px 10px; }
#mainArea .columnList ul{ width:555px; }
#mainArea .columnList ul li{ display:inline; width:185px; padding:0 0 0 15px; margin:0 0 5px 0; }
html>body #mainArea .columnList ul li{ width:170px; }
#mainArea .columnList2{ padding:10px 0 5px 10px; }
#mainArea .columnList2 ul{ width:555px; }
#mainArea .columnList2 ul li{ display:inline; width:185px; padding:0 0 0 15px; margin:0 0 5px 0; }
html>body #mainArea .columnList2 ul li{ width:170px; }

/* 
qa style
------------------------------ */
#mainArea .column p span.ans{ color:#ff3366; }
#mainArea .column p em{ color:#6633cc; font-weight:normal; }

/*--------------------------20080812追加colum02用---------*/
#mainArea .column a.ancer{ padding:5px 0 2px 10px; background:url(//img.e87.com/images/allow.gif) no-repeat left; color:#ca417d; margin-top:5px; }
/* 
ranking style
------------------------------ */
div.first div.ImgArea{ float:right; }
div.first div.textArea{ float:left; }

div.second div.ImgArea{ float:left; }
div.second div.textArea{ float:right; }

.columnArea#rankingArea .column{ margin:0 0 10px 20px; }
#rankingArea div.ImgArea{ background:url(../images/imgArea_bg.gif) no-repeat top left; width:265px; height:118px; font-size:85%; }
#rankingArea div.ImgArea img{ margin:5px; float:left; }
#rankingArea div.ImgArea h3{ margin:5px 0 0 0; color:#ff9900; }
#mainArea #rankingArea div.ImgArea p{ margin:0; padding:0; }
#rankingArea div.ImgArea p,
#rankingArea div.ImgArea h3{ margin-left:105px; margin-right:5px; line-height:120%; padding:0; }
#rankingArea div.textArea{ width:240px; }
#rankingArea .column div.ImgArea p em{ color:#ff0000; font-weight:bold; }

#rankingArea p.price{ color:#000000; }