/* ----------------------------------------
 e87.com いいはなドットコム　CSS
 
 date:2010/05/20
 /sp_father/columpage css
---------------------------------------- */

div#mainArea div.topArea{width:750px;_width:740px;height:107px;margin:0 10px 20px 0;_margin:0 0 20px 0;float:left;}
div#mainArea div.topArea h1{float:none;display:block;color:#FF6600;margin:0;padding:10px 0 5px 20px;}
div#mainArea div.topArea#story{background:url(//img.e87.com/selection/father/images/story_bg.jpg) no-repeat top right;margin:0 10px 20px 0;_margin:0 0 20px 0;}
div#mainArea div.topArea#story p{width:330px;padding:10px 0 5px 20px;}
div#mainArea div.topArea#flower{background:url(//img.e87.com/selection/father/images/flower_bg.jpg) no-repeat top right;margin:0 10px 20px 0;_margin:0 0 20px 0;}
div#mainArea div.topArea#flower p{width:330px;padding:10px 0 5px 20px;}
div#mainArea div.topArea#pre{background:url(//img.e87.com/selection/father/images/pre_bg.jpg) no-repeat top left;}
div#mainArea div.topArea#pre p{width:330px;padding:10px 0 5px 20px;}
div#mainArea div.topArea#qa{background:url(//img.e87.com/selection/father/images/qa_bg.jpg) no-repeat top right;margin:0 10px 20px 0;_margin:0 0 20px 0;}
div#mainArea div.topArea#qa p{width:330px;padding:10px 0 5px 20px;}
div#mainArea div.topArea#sake{background:url(//img.e87.com/selection/father/images/sake_bg.jpg) no-repeat top right;margin:0 10px 20px 0;_margin:0 0 20px 0;}
div#mainArea div.topArea#sake p{width:330px;padding:10px 0 5px 20px;}
div#mainArea div.topArea#golf{background:url(//img.e87.com/selection/father/images/golf_bg.jpg) no-repeat top right;margin:0 10px 20px 0;_margin:0 0 20px 0;}
div#mainArea div.topArea#golf p{width:330px;padding:10px 0 5px 20px;}
div#mainArea div.topArea#original{background:url(//img.e87.com/selection/father/images/original_bg.jpg) no-repeat top right;margin:0 10px 20px 0;_margin:0 0 20px 0;}
div#mainArea div.topArea#original p{width:330px;padding:10px 0 5px 20px;}
div#mainArea div.topArea#health{background:url(//img.e87.com/selection/father/images/health_bg.jpg) no-repeat top right;margin:0 10px 20px 0;_margin:0 0 20px 0;}
div#mainArea div.topArea#health p{width:330px;padding:10px 0 5px 20px;}
#mainArea .column  h3{	color:#ee0000;}
#mainArea .column .columnImgL {	float:left;	margin:0 5px 25px 0;	_margin:0 5px 15px 0;}
/* 
 columnList style
------------------------------ */
#mainArea .columnList{	_width:510px;	padding:10px 0 5px 25px;}
#mainArea .columnList ul li{	display:inline;	width:160px;	_width:175px;	padding:0 0 0 15px;	_padding:0 0 0 10px;	margin:0 0 5px 0;}
html>body #mainArea .columnList ul li{	width:160px;	_width:175px;}
#mainArea .columnList2{	padding:10px 0 5px 25px;}
#mainArea .columnList2 ul li{	display:inline;	width:160px;	padding:0 0 0 15px;	margin:0 0 5px 0;}
html>body #mainArea .columnList2 ul li{	width:145px;}
/* 
 qa style
------------------------------ */
#mainArea .column p span.ans{color:#339900;}
#mainArea .column p em{color:#339900;font-weight:normal;}
/* 
 column ranking h2 style
------------------------------ */
#mainArea .columnArea#rankColumn .column h2{color:#ff9900;}
/* 
 frame
----------------------------------- */
#contents {	width:750px;	margin:10px 0 0 14px;}
#contents #mainArea {	width:750px;	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 20px 5px;	_margin:10px 0 10px 5px;}
#mainArea .topAreaTit {	width:750px;	margin:0 0 20px 0;	_margin:0 0 10px 0;}
#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%;}
/*　recommend item
-----------------------------*/
.itemAreaL {	float:left;	width:180px;}
.itemAreaL h2{	padding-left:0;}
.itemAreaL itemtit{	width:180px;	vertical-align:bottom;}
.itemAreaL dl {	width:180px;	margin-bottom:15px;	background-color:#FCECAD;}
.itemAreaL dt {}
.itemAreaL dd {	background:transparent url(//img.e87.com/selection/father/2010images/gift_bgrep_.gif) repeat-y left top;}
.itemAreaL .ttl {	font-weight:bold;	display:block;	font-size:115%;}
.itemAreaL .itemPro {	width:180px;	padding:10px 10px 5px 10px;	_padding:10px 4px 5px 10px;}
.itemAreaL .itemPro .txt {	font-size:11px;	color:#ca417d;}
.itemAreaL .itemPro .txt a{	font-size:10px;	color:#666666;	line-height:120%;	/line-height:1.1;}
.itemAreaL .itemPro .kakaku{	font-size:10px;	color:#666666;	line-height:120%;	/line-height:1.1;}
.itemAreaL .itemPro_l {	width:160px;	margin:0 0 6px 0;	float:left;}
.itemAreaL .itemPro_r a {	font-size:10px;	color:#ca417d;}
.itemAreaL .itemPro_r {	width:170px;	_width:166px;	margin:0;	float:left;}
.itemAreaL .bordernone{	border:none;	background:transparent url(//img.e87.com/selection/father/2010images/gift_bgbtm_.gif) no-repeat left bottom;	padding-bottom:9px;}

/* ----- columnArea ----- */
#mainArea .columnArea {	margin:0 0 20px 0;	padding:0 0 1px 0;}
#mainArea .column{	width:530px;	float:right;	margin:0 10px 15px 10px;}
#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;	margin:0 0 15px 5px;}
#mainArea .column .columnImgL {	float:left;	margin:0 5px 15px 0;}
/* ----- column>p style ----- */
#mainArea .column p {	padding:5px 0 10px 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 bnr style ----- */
#mainArea .bnr{	width:530px;	float:left;	margin:0 0 0 10px;	padding:0 0 0 15px;}
#mainArea .bnr img{	margin:0 0 10px 10px;}
#mainArea .columnArea_bnr_flower{	margin:0 0 0 205px;}
#mainArea .columnArea_bnr_flower img{	margin:0 0 10px 10px;	_margin:0 0 8px 8px;}
#mainArea .columnArea_bnr_flower h2.father{	height:auto;	line-height:normal;	width:300px;	background:transparent url(//img.e87.com/selection/father/2010images/set_img01.gif) no-repeat top;	font-size:90%;	margin:0 0 2px 0;	padding:3px 20px 3px 20px;	color:#7c7b7b;	font-weight:normal;}
#mainArea .columnArea_bnr_flower h2.father span{	font-weight:bold;	color:#7c7b7b;	font-size:85%;	letter-spacing:-1px;}
#mainArea .columnArea_bnr_flower h2{	padding-left:20px;}
/* ----- 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:10px;}
#mainArea .dotline .column p{padding:5px 0 10px 0;}
/* ----- column ranking h2 style ----- */
#mainArea .columnArea#rankColumn .column h2{color:#ff9900;}
/* ----- columnListArea ----- */
#mainArea .columnListArea {	border-top:1px solid #EEEEEE;	width:530px;	float:right;	margin:0 10px 15px 10px;	_margin:0 0 0 15px;	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;	_padding:0 0 0 14px;	margin:0 0 5px 0;	_margin:0 0 5px 10px;	font-size:85%;	width:150px;	_width:160px;	float:left;}
#mainArea .columnList ul li a {	text-decoration:none;}
#mainArea .columnList ul li a:hover {	text-decoration:underline;}
#mainArea .columnListArea2 {	width:530px;	float:right;	margin:0 10px 15px 10px;	_margin:0 0 0 15px;	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;}
/* ----- column link style ----- */
#mainArea .columnListArea link_right{	width:530px;	float:left;	margin:0 0 0 10px;	padding:0 0 0 20px;}
/*　ranking
-----------------------------*/
#lnavi_0903new h2.father_ranking{	height:auto;	line-height:normal;	width:180px;	background:transparent url(//img.e87.com/selection/father/2010images/father_icon_01.gif) no-repeat scroll left top;	font-size:85%;	margin:0 0 2px 0;	padding:3px 20px 3px 18px;	color:#7c7b7b;	font-weight:normal;}
#lnavi_0903new h2.father_ranking span{	font-weight:bold;	color:#7c7b7b;	font-size:85%;	letter-spacing:-1px;}
#lnavi_0903new h2{	padding-left:20px;}
#lnavi_0903new img{	vertical-align:bottom;}
#lnavi_0903new dl.rank {	width:190px;	_width:180px;	margin-bottom:5px;}
#lnavi_0903new dl.rank dd {	background:transparent url(//img.e87.com/selection/father/2010images/index_bgrep_rankborder.gif) repeat-y left top;}
#lnavi_0903new .ttl {	font-weight:bold;	display:block;	font-size:115%; }
#lnavi_0903new .ranking03 {	width:180px;	_width:190px;	border-bottom:1px solid #5183bf;	padding:4px 5px;}
#lnavi_0903new .ranking03 .txt {	font-size:12px;	color:#ca417d;}
#lnavi_0903new .ranking03 .txt a{	font-size:12px;	color:#ca417d;	line-height:120%;	/line-height:1.1;}
#lnavi_0903new .ranking_l {	width:55px;	margin:0 5px 0 0;	float:left;}
#lnavi_0903new .ranking_r a {	font-size:12px;	color:#ca417d;}
#lnavi_0903new .ranking_r {	width:110px;	margin:0;	float:left;}
#lnavi_0903new .bordernone{	border:none;	background:transparent url(//img.e87.com/selection/father/2010images/index_bgbtm_rankborder.gif) no-repeat left bottom;	padding-bottom:9px;}
/* 
 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%;}