/* ----------------------------------------
 e87.com いいはなドットコム　CSS
 
 date:2007/05/01
 /sp_xmas/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;
}

/* 
 column ranking h3 style
------------------------------ */

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


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


/* 
 column ranking h3 style
------------------------------ */


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

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

#mainArea .columnArea#rankColumn{
background:none;
}

#mainArea .dotline#rankColumn .column a{
	color:#FF9900;
	text-decoration: none;
	font-weight: bold;	
}

#mainArea .dotline#rankColumn .column a:hover{
	color:#FF9900;
	text-decoration: none;
	font-weight: bold;	

}
/* ----- コラム５　ツリー　リース　イルミ ----- */
.contentsInner .contentsLeft {
	width:521px;
	margn:0 0 0 14px;
	float:left;
}

.contentsInner .contentsLeft .theme { width:522px; height:195px; margin:6px 0 0 14px; background:url(//img.e87.com/selection/xmas/2007images/top_theme_bg.gif) #9f0000 no-repeat left top; text-align:center;}

.contentsInner .contentsLeft .theme .box { width:507px; margin:0px auto; }
.contentsInner .contentsLeft .theme .box a { color:#ffffff; text-decoration:none; }

.contentsInner .contentsLeft .theme p.lead { color:#ffffff; font-weight:bold; text-align:left; padding:7px 0 5px 7px; }
.contentsInner .contentsLeft .theme h2 { color:#ffffff; font-weight:bold; padding:3px 0 0 5px; _padding:6px 0 0 5px; margin:0px; }
.contentsInner .contentsLeft .theme h2 a { color:#ffffff; font-weight:bold; }

.contentsInner .contentsLeft .theme .box .box1 { float:left; width:123px; text-align:left; margin-right:5px; }
.contentsInner .contentsLeft .theme .box .box2 { float:left; width:123px; text-align:left; margin-right:5px; }
.contentsInner .contentsLeft .theme .box .box3 { float:left; width:123px; text-align:left; margin-right:5px; }
.contentsInner .contentsLeft .theme .box .box4 { float:right; width:123px; text-align:left; }

.contentsInner .contentsLeft .theme .box .box1 .tit { width:123px; height:36px; text-align:left; background:url(//img.e87.com/selection/xmas/2007images/top_theme_img1-1.jpg)  no-repeat left top; }
.contentsInner .contentsLeft .theme .box .box2 .tit { width:123px; height:36px; text-align:left; background:url(//img.e87.com/selection/xmas/2007images/top_theme_img2-1.jpg)  no-repeat left top; }
.contentsInner .contentsLeft .theme .box .box3 .tit { width:123px; height:36px; text-align:left; background:url(//img.e87.com/selection/xmas/2007images/top_theme_img3-1.jpg)  no-repeat left top; }
.contentsInner .contentsLeft .theme .box .box4 .tit { width:123px; height:36px; text-align:left; background:url(//img.e87.com/selection/xmas/2007images/top_theme_img4-1.jpg)  no-repeat left top; }

.contentsInner .contentsLeft .theme .box .box1 .txt { width:123px; height:32px; text-align:left; background:url(//img.e87.com/selection/xmas/2007images/top_theme_img1-3.jpg)  no-repeat left top; }
.contentsInner .contentsLeft .theme .box .box2 .txt { width:123px; height:32px; text-align:left; background:url(//img.e87.com/selection/xmas/2007images/top_theme_img2-3.jpg)  no-repeat left top; }
.contentsInner .contentsLeft .theme .box .box3 .txt { width:123px; height:32px; text-align:left; background:url(//img.e87.com/selection/xmas/2007images/top_theme_img3-3.jpg)  no-repeat left top; }
.contentsInner .contentsLeft .theme .box .box4 .txt { width:123px; height:32px; text-align:left; background:url(//img.e87.com/selection/xmas/2007images/top_theme_img4-3.jpg)  no-repeat left top; }


.contentsInner .contentsLeft .theme .box .txt p.copy { margin:0 5px 0 5px; padding:1px 0 0 0; font-size:85%; line-height:1.2em; color:#ffffff; }
.contentsInner .contentsLeft .theme .box .txt a { text-decoration:none; }
.contentsInner .contentsLeft .theme .box .txt a:hover { text-decoration:none; color:#ffffff; }


/* ----- コラム５ オススメリンク----- */
#contents .reco a {
	color:#ca417d;
	font-weight:bold
}
#contents .reco p {
	color:#d00023;
	}


/*
 Recommend Area Style 200911 e87 wrote
------------------------------------------ */
#contents .reco a {
	color:#ca417d;
	font-weight:bold
}

#contents .reco p {
	color:#d00023;
	}

#contents .reco a {
	color:#ca417d;
	font-weight:bold
}

#mB30{margin:-30px 0 -30px 0}

#mL90{margin:13px 0 20px 90px;}