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

div#mainArea div.topArea{
width:550px;
height:107px;
margin:0 0 10px 0;
}

div#mainArea div.topArea#cana{
background:url(//img.e87.com/selection/mother/images/menu_bottom_ca02.jpg) no-repeat top left;
}

div#mainArea div.topArea#card{
background:url(//img.e87.com/selection/mother/images/menu_bottom_card02.jpg) no-repeat top left;
}

div#mainArea div.topArea#day{
background:url(//img.e87.com/selection/mother/images/menu_bottom_day02.jpg) no-repeat top left;
}

div#mainArea div.topArea#father{
background:url(//img.e87.com/selection/mother/images/menu_bottom_father02.jpg) no-repeat top left;
}

div#mainArea div.topArea#flower{
background:url(//img.e87.com/selection/mother/images/menu_bottom_flower02.jpg) no-repeat top left;
}

div#mainArea div.topArea#hand{
background:url(//img.e87.com/selection/mother/images/menu_bottom_hand02.jpg) no-repeat top left;
}

div#mainArea div.topArea#pri{
background:url(//img.e87.com/selection/mother/images/menu_bottom_pri02.jpg) no-repeat top left;
}


div#mainArea div.topArea#qa{
background:url(//img.e87.com/selection/mother/images/menu_bottom_qa02.jpg) no-repeat top left;
}

div#mainArea div.topArea#rank{
background:url(//img.e87.com/selection/mother/images/menu_bottom_rank02.jpg) no-repeat top left;
}

div#mainArea div.topArea#st{
background:url(//img.e87.com/selection/mother/images/menu_bottom_st02.jpg) no-repeat top left;
}

div#mainArea div.topArea#sweets{
background:url(//img.e87.com/selection/mother/images/menu_bottom_sweets02.jpg) no-repeat top left;
}

div#mainArea div.topArea#tuhan{
background:url(//img.e87.com/selection/mother/images/menu_bottom_tuhan02.jpg) no-repeat top left;
}


#mainArea .topArea h1{
float:none;
display:block;
margin:0;
padding:10px 0 5px 0;
}

#mainArea .topArea p {
margin:0 250px 0 0;
}

/* 
 columnList style
------------------------------ */

#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 h2 style
------------------------------ */

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

#mainArea .columnArea#rankColumn .column h2 a{
color:#ff9900;
text-decoration:none;
font-weight:bold;
}

#mainArea .columnArea#rankColumn .column a h2{
color:#ff9900;
text-decoration:none;
font-weight:bold;
}


/* 
 mother_day table style
------------------------------ */

div.column table.tbl01{
border-collapse:collapse;
border-left:1px solid #ccc;
border-bottom:1px solid #ccc;
}

div.column table.tbl01 th,
div.column table.tbl01 td{
border-right:1px solid #ccc;
border-top:1px solid #ccc;
padding:5px;
}

div.column table.tbl01 th{
font-weight:bold;
}

div.column table.tbl01 th.first_line{
background:#ffcccc;
}

div.column table.tbl01 th.second_line{
background:#fbe9a9;
}

div.column table.tbl01 em{
font-weight:bold;
color:#ff6666;
}


/* 
 qa style
------------------------------ */

#mainArea .column p span.ans{
color:#ff3366;
}


/* 
 deli style
------------------------------ */

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


#mainArea .columnArea#deliColumn .column{
margin:0 0 10px 0;
padding:0;
width:550px;
}

#mainArea .columnArea#deliColumn .column div.imgBlock{
width:73px;
}

#mainArea .columnArea#deliColumn .column div.textBlock{
width:460px;
}

#mainArea .columnArea#deliColumn .column div.textBlock p{
padding:10px;
margin:0 0 30px 0;}

#mainArea .columnArea#deliColumn p em{
color:#ff6600;
font-weight:bold;
}

#mainArea .columnArea#deliColumn .column div.textBlock p img{
float:right;
margin:0 0 0 5px;
}


/*question--------------------*/

#mainArea .columnArea#deliColumn div.question div.imgBlock{
float:right;
}
#mainArea .columnArea#deliColumn div.question div.textBlock{
background:url(//img.e87.com/selection/mother/images/deli_q_btm_bg.gif) no-repeat bottom left;
float:left;
}

#mainArea .columnArea#deliColumn div.question div.textBlock p{
background:url(//img.e87.com/selection/mother/images/deli_q_top_bg.gif) no-repeat top left;
}




/*answer--------------------*/

#mainArea .columnArea#deliColumn div.answer div.imgBlock{
float:left;
}

#mainArea .columnArea#deliColumn div.answer div.textBlock{
background:url(//img.e87.com/selection/mother/images/deli_a_btm_bg.gif) no-repeat bottom left;
float:right;
}

#mainArea .columnArea#deliColumn div.answer div.textBlock p{
background:url(//img.e87.com/selection/mother/images/deli_a_top_bg.gif) no-repeat top left;
}


#mainArea .columnArea#deliColumn div.endBlock{
clear:both;
text-align:center;
}

#mainArea .columnArea#deliColumn div.endBlock p{
font-weight:bold;
color:#ff0c00;
}

/*deli_endText--------------------*/

#mainArea div#deli_endText{
font-size:85%;
margin:0 0 25px 0;
}

/*reco----------------------------*/
#contents .reco a {
	color:#ca417d;
	font-weight:bold
}
#contents .reco p {
	color:#d00023;
	}

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