/* ----------------------------------------
 e87.com いいはなドットコム　CSS
 
 date:2007/05/01
 /sp_newyear/columpage css
---------------------------------------- */

/* ----------------------------------------
 e87.com いいはなドットコム　CSS
 
 date:2007/05/01
	template-E
---------------------------------------- */

/* 
 frame
----------------------------------- */

#contents {
	width:750px;
	margin:10px 0 0 14px;
}

#contents #mainArea {
	width:580px;
	margin:0 0 0 15px;
	_margin:0 0 0 14px;
	float:right;
}

#contents #leftNavi {
	width:155px;
	float:right;
}

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

#mainArea .topArea {
	margin:10px 0 0 5px;
}

#mainArea .topAreaTit {
	width:545px;
}

#mainArea .topArea h1 {
	color:#ee0000;
	font-weight:bold;
	float:left;
	margin:0 5px 10px 0;
}

#mainArea .topArea p {
	font-size:85%;
	margin:0 0 10px 0;
}

#mainArea .topArea .topImg {
	margin:0 0 10px 15px;
}

/* ----- info ----- */

#contents .info {
	margin:0 0 25px 0;
	line-height:120%;
}


/* ----- columnArea ----- */

#mainArea .columnArea {
	margin:0 0 20px 0;
	padding:0 0 1px 0;
}

#mainArea .columnArea h2 {
	color:#ee0000;
	font-weight:bold;
	margin:0 0 0 20px;
}

#mainArea .column{
	width:530px;
	margin:0 0 0 20px;
}


#mainArea .column  h2 {
	color:#ee0000;
	font-weight:bold;
}

#mainArea .column  h2.underH3 {
margin:0 0 5px 0;
}


#mainArea .column  h3 {
margin:0;
font-weight:bold;
font-size:100%;
}


#mainArea .column .columnImgR {
	float:right;
	width:240px;
	margin:0 0 5px 20px;
}

#mainArea .column .columnImgR img{
	float:right;
	margin:0 20px 0 0;
}

#mainArea .column .columnImgR p {
	float:right;	
	width:220px;
	margin:0 0 0 20px;
	_margin:0 0 0 0;
}

#mainArea .column .columnImgR p a{
	float:right;
	width:220px;
	text-decoration:none;
	margin:0 0 0 20px;
	_margin:0 0 0 0;
	font-weight:bold;
}

#mainArea .column .columnImgR p a:hover{
	color:#990033;
	text-decoration:underline;
}

/*
#mainArea .column .columnImgR p {
	float:right;	
	width:170px;
	margin:0 0 0 5px;
}

#mainArea .column .columnImgR p a{
	float:right;	
	width:170px;
	margin:0 0 0 5px;
	font-weight:bold;
}

*/

#mainArea .column .columnImgL {
	float:left;
	margin:0 5px 15px 0;
}

/* ----- column>p style ----- */

#mainArea .column p {
	padding:5px 0 5px 0;
}

#mainArea .column p em{
font-weight:bold;
}

#mainArea .column p span.ans{
font-weight:bold;
}

#mainArea .column p.underList{
	padding:5px 0 5px 0;
}

#mainArea .column ul li {
background:url(//img.e87.com/selection/images/colum_listmark.gif) no-repeat top left;
padding:0 0 0 15px;
font-size:85%;
}

#mainArea .column ul.endList{
	padding:5px 0 10px 0;
}


#mainArea div.column p.columnLink,
#mainArea div.column p.columnLink2{
text-align:right;
}

#mainArea div.column p.columnLink a{
background:url(//img.e87.com/selection/mother/images/arrow.gif) no-repeat top left;
padding:0 0 0 25px;
}

#mainArea div.column p.columnLink2 a{
background:url(//img.e87.com/selection/father/images/arrow.gif) no-repeat top left;
padding:0 0 0 25px;
}


/* ----- column dotline style ----- */

#mainArea .dotline .column{
	margin:0 0 0 20px;
	padding:10px 0 0 0;
	background:url(//img.e87.com/selection/newyear/images/bg_d.gif) repeat-x top;
}

#mainArea .dotline .column img{
margin-bottom:5px;
}

#mainArea .dotline .column p{
padding:5px 0 5px 0;
}

/* ----- column ranking h2 style ----- */

#mainArea .columnArea#rankColumn .column h2{
color:#ff9900;
}


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

#mainArea .columnListArea {
	border-top:1px solid #EEEEEE;
	margin:0 0 20px 0;
	padding:0;
}

#mainArea .columnListArea h3{
	color:#ee0000;
	font-weight:bold;
	margin:20px 0 5px 0;
}

#mainArea .columnList {
	background-color:#FFEFFD;
	border:1px solid #FFAED0;
	padding:10px 0 5px 15px;
}

#mainArea .columnList ul:after{
   content:".";
   display:block;
   height:0px;
   clear:both;
   visibility:hidden;
}

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

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

#mainArea .columnList ul{
   display:block;
}
/* End hide from IE-mac */


#mainArea .columnList ul{
	width:525px;
}

#mainArea .columnList ul li {
	background:url(//img.e87.com/selection/newyear/images/colum_arrow.gif) no-repeat left top;
	padding:0 0 0 15px;
	margin:0 0 5px 10px;
	font-size:85%;
	width:110px;
	float:left;
}

#mainArea .columnList ul li a {
	text-decoration:none;
}

#mainArea .columnList ul li a:hover {
	text-decoration:underline;
}






#mainArea .columnListArea2 {
	margin:0 0 20px 0;
	padding:0;
}

#mainArea .columnListArea2 h3 {
	color:#80592b;
	font-weight:bold;
	margin:20px 0 5px 0;
}

#mainArea .columnList2 {
	background-color:#f6f2e8;
	border:1px solid #c9b49c;
	padding:10px 0 5px 15px;
}

#mainArea .columnList2 ul:after{
   content:".";
   display:block;
   height:0px;
   clear:both;
   visibility:hidden;
}

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

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

#mainArea .columnList2 ul{
   display:block;
}
/* End hide from IE-mac */


#mainArea .columnList2 ul{
	width:525px;
}

#mainArea .columnList2 ul li {
	background:url(//img.e87.com/selection/newyear/images/colum_arrow_02.gif) no-repeat left top;
	padding:0 0 0 15px;
	margin:0 0 5px 10px;
	font-size:85%;
	width:110px;
	float:left;
}

#mainArea .columnList2 ul li a {
	text-decoration:none;
}

#mainArea .columnList2 ul li a:hover {
	text-decoration:underline;
}


/* 
 bottomArea
----------------------------------- */

#contents .pagetop {
	width:730px;
	text-align:right;
	margin:25px 0;
}

#contents .pagetop p {
	font-size:85%;
	margin:0 5px 0 0;
}

#contents .allow {
	color:#ca417d;
	font-size:85%;
}

/* 
 header
------------------------------ */
#lnavi_0903new h2.newyear_ranking{
	height:auto;
	line-height:normal;
	width:auto;
	background:transparent url(//img.e87.com/selection/newyear/2009images/newyear_icon_01.gif) no-repeat scroll left top;
	font-size:100%;
	margin:0 0 2px 0;
	padding:3px 20px 3px 18px;
	color:#7c7b7b;
	font-weight:normal;
}

#lnavi_0903new h2.newyear_ranking span{
	font-weight:bold;
	color:#7c7b7b;
	font-size:85%;
	letter-spacing:-1px;
}

/*　ranking 
-----------------------------*/
#lnavi_0903new h2 {
	padding-left:20px;
}

#lnavi_0903new img{
	vertical-align:bottom;
}

#lnavi_0903new dl {
	width:190px;
	margin-bottom:5px;
}
#lnavi_0903new dt {
	background:url(//img.e87.com/selection/newyear/2009images/index_ranking_ttl.gif) #bb0600 no-repeat top left;
	color:#fff;
	padding:5px 0 0 45px;
	min-height:47px;
	_height:52px;
	font-size:85%;
}
#lnavi_0903new .ttl {
	font-weight:bold;
	display:block;
	font-size:115%;
}
#lnavi_0903new .ranking_wrap {
	width:178px;
	_width:190px;
	border-bottom:1px solid #c84639;
	border-left:1px solid #c84639;
	border-right:1px solid #c84639;
	padding:4px 5px;
}
#lnavi_0903new .ranking_wrap .txt {
	font-size:12px;
	color:#ca417d;
}

#lnavi_0903new .ranking_wrap .txt a{
	font-size:12px;
	line-height:110%;
	color:#ca417d;
	line-height:120%;
}

#lnavi_0903new .ranking_l {
	width:55px;
	margin:0 5px 0 0;
	float:left;
}

#lnavi_0903new .ranking_r a {
	font-size:12px;
	line-height:110%;
	color:#ca417d;
	line-height:120%;
}

#lnavi_0903new .ranking_r {
	width:120px;
	width:115px;
	margin:0;
	float:left;
}