/*

Clear Fix

-----------------------------------------------*/

.menu1,
.menu2,
.menu3,
.mainContents,
.status,
.section3,
.clearfix{
zoom:100%;
}



.menu1:after,
.menu2:after,
.menu3:after,
.mainContents:after,
.status:after,
.section3:after,
.clearfix:after{
content:".";
height:0;
clear:both;
display:block;
visibility:hidden;
}



/*

Layout

------------------------------------------------*/
.mB5{
	margin-bottom:5px;
}
.mB10{
	margin-bottom:10px;
}
.mT20{
	margin-top:20px;
}
.mT30{
	margin-top:30px;
}
.txtAC{
	text-align:center;
}


/*
pageTitel
-----------------------------*/
#rank #title_area_father {
	background:url(//img.e87.com/selection/father/2010images/rank_head_bg.jpg) no-repeat left top;
	min-height:228px;
	_height:228px;
	font-size:12px;
	text-align:center;
	margin-bottom:10px;
	color:#696851;
}
#rank div#title_area_father h1{
	color:#1b5b88;
	font-weight:normal;
	line-height:115%;
	margin:10px 0 3px 0;
}
#rank div#title_area_father p.en{
	line-height:150%;
}
#rank div#title_area_father img {
	margin:20px 0 0;
	vertical-align:bottom;
}
#rank div#title_area_father img.btm {
	margin:10px 0 10px;
}


/*

main_contents

-----------------------------*/
#main_contents{
	margin:0 auto;
	width:750px;
	text-align:left;
}

.item_01_wrap {
	position:relative;
	z-index:30;
}
.item_01_l {
	background:url(//img.e87.com/selection/father/2012images/rank_img_01.jpg) no-repeat left top;
	width:398px;
	height:426px;
	float:left;
}
.item_01_r {
	background:url(//img.e87.com/selection/father/2009images/rank_bg_01.jpg) no-repeat left top;
	width:352px;
	height:426px;
	float:left;
}
.ranking_1 {
	position:absolute;
	top:0px;
	left:0px;
}
.rank_reseach {
	position:absolute;
	top:0px;
	right:0px;
}
.txt_1_1 {
	position:absolute;
	top:61px;
	left:477px;
}
.txt_1_2 {
	position:absolute;
	top:120px;
	left:398px;
}
.txt_1_3 {
	position:absolute;
	top:120px;
	left:493px;
}
.txt_1_4 {
	position:absolute;
	top:87px;
	right:0px;
}
.line_1 {
	position:absolute;
	top:188px;
	left:398px;
}
.txt_box_1 {
	position:absolute;
	top:207px;
	left:410px;
	width:295px;
	color:#696851;
}
.bnr_1_1 {
	position:absolute;
	bottom:57px;
	left:457px;
}
.bnr_1_2 {
	position:absolute;
	bottom:19px;
	left:457px;
}

.item_02_wrap {
	position:relative;
	z-index:20;
}
.item_02_l {
	background:url(//img.e87.com/selection/father/2012images/rank_bg_02.jpg) no-repeat left top;
	width:415px;
	height:366px;
	float:left;
}
.item_02_r {
	background:url(//img.e87.com/selection/father/2012images/rank_img_02.jpg) no-repeat left top;

	width:335px;
	height:366px;
	float:left;
}
.ranking_2 {
	position:absolute;
	top:0px;
	right:0px;
}
.txt_2_1 {
	position:absolute;
	top:0px;
	left:136px;
}
.txt_2_2 {
	position:absolute;
	top:87px;
	left:58px;
}
.txt_2_3 {
	position:absolute;
	top:76px;
	left:140px;
}
.txt_2_4 {
	position:absolute;
	top:50px;
	left:300px;
}
.line_2 {
	position:absolute;
	top:152px;
	left:57px;
}
.txt_box_2 {
	position:absolute;
	top:169px;
	left:63px;
	width:295px;
	color:#696851;
}
.bnr_2_1 {
	position:absolute;
	bottom:27px;
	left:118px;
}

.item_03_wrap {
	position:relative;
	z-index:10;
}
.item_03_l {
	background:url(//img.e87.com/selection/father/2012images/rank_img_03.jpg) no-repeat left top;
	width:380px;
	height:416px;
	float:left;
}
.item_03_r {
	background:url(//img.e87.com/selection/father/2009images/rank_bg_03.jpg) no-repeat left top;
	width:370px;
	height:416px;
	float:left;
}
.ranking_3 {
	position:absolute;
	top:0px;
	left:0px;
}
.txt_3_1 {
	position:absolute;
	top:31px;
	left:457px;
}
.txt_3_2 {
	position:absolute;
	top:109px;
	left:380px;
}
.txt_3_3 {
	position:absolute;
	top:81px;
	left:478px;
}
.txt_3_4 {
	position:absolute;
	top:67px;
	right:0px;
}
.line_3 {
	position:absolute;
	top:165px;
	left:380px;
}
.txt_box_3 {
	position:absolute;
	top:174px;
	left:392px;
	width:295px;
	color:#696851;
}
.bnr {
	background:transparent url(//img.e87.com/selection/father/2009images/rank_btn_bg.gif) no-repeat scroll left top;
	width:190px;
	height:32px;
	display:block;
}

.bnr a{
	display:block;
	text-align:center;
	width:190px;
	height:32px;
	line-height:32px;
	font-weight:bold;
	color:#c8455c;
	text-decoration:none;
}

.all {
	float:left;
	width:556px;
	height:98px;
	margin:10px 0 20px 45px;
	display:block;
}

.all a{
	display:block;
	float:left;
	width:556px;
	height:98px;
	margin:10px 0 20px 45px;
	color:#c8455c;
	text-decoration:none;
}


.bnr a:link{color:#c8455c;text-decoration:none;}
.bnr a:active{color:#c8455c;text-decoration:none;}
.bnr a:visited{color:#c8455c;text-decoration:none;}
.bnr a:hover{color:#c8455c;text-decoration:none;}

.posi1_1{
	position:absolute;
	bottom:54px;
	left:457px;
}
.posi1_2{
	position:absolute;
	bottom:19px;
	left:457px;
}
.posi2_1{
	position:absolute;
	bottom:27px;
	left:118px;
}
.posi3_1{
	position:absolute;
	bottom:110px;
	left:437px;
}

.posi3_2{
	position:absolute;
	bottom:75px;
	left:437px;
}

.posi3_3{
	position:absolute;
	bottom:40px;
	left:437px;
}


/*
graph
-----------------------------*/
.item_graph_wrap {
	border:1px solid #0074c5;
	width:748px;
}
.item_graph_l {
	width:434px;
	_width:459px;
	float:left;
	padding:20px 0 20px 25px;
	color:#696851;
	line-height:150%;
	font-size:12px;
}
.item_graph_r {
	width:250px;
	float:left;
	padding:20px 0 20px 25px;
}
.item_graph_wrap h2 {
	background:transparent url(//img.e87.com/selection/father/2009images/fat_icon_blue.gif) no-repeat scroll left top;
	color:#00347a;
	font-size:10pt;
	font-weight:bold;
	margin:20px 0 0 20px;
	padding-left:20px;
}


/* 
 columnListArea
------------------------------ */
#rank div#father_column {
	background-color:#ffffff;
	border:1px solid #dbdad3;
	margin:0 0 0 0;
	padding:10px 0 5px 15px;
}

#rank div#father_column h3{
	background:url(//img.e87.com/img/usr/father/images/colum_h3icon.gif) no-repeat left top;
	color:#ca417d;
	font-weight:bold;
	margin:0 0 7px 0;
	padding:0 0 0 19px;
}

#rank div#father_column ul:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}


.clr { zoom: 100% }
.clr:after { content: ""; display: block; clear: both; height: 0px; overflow: hidden; }


/* Win版IE7とMac版IE5対策 */
#rank div#father_column ul{
	display:inline-block;
}

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

#rank div#father_column ul{
	display:block;
}
/* End hide from IE-mac */

#rank div#father_column ul li {
	background:url(//img.e87.com/img/usr/father/images/colum_arrow.gif) no-repeat left;
	padding:0 0 0 10px;
	margin:0 0 5px 0;
	font-size:85%;
	width:160px;
	float:left;
	list-style:none;
}

#rank div#father_column ul li a {
	text-decoration:none;
}

#rank div#father_column ul li a:hover {
	text-decoration:underline;
}

#rank div#father_column ul {
	margin:0 0 0 15px;
}



.contents {
	text-align:left;
	width:950px;
	margin:0 auto;
}
h2 span{
	background:url(//img.e87.com/selection/father/2009images/fat_icon_01_blue.gif) no-repeat left top;
	padding:0 0 0 25px;
	font-size:110%;
	font-weight:bold;
	color:#dc375e;
}
p.lead{
	width:700px;
	color:#696851;
	margin:10px 0 0 30px;
	line-height:1.5;
}
p.lead02{
	width:680px;
	color:#696851;
	margin:5px 0 0 30px;
	line-height:1.3;
	font-size:80%;
	text-indent:-1em;
	padding-left:1em;
}
#rank div.pagetop {
	clear:both;
	color:#CA417D;
	font-size:85%;
	margin:15px 2px 20px 0;
	text-align:right;
}

/*　localMenu
-----------------------------*/
.localMenu dl {
	border-top: 1px solid #e3e3e3;
	background: #f8f8f8;
	font-size: 85%;
}
.localMenu dl.lastChild {
	border-bottom: 1px solid #e3e3e3;
}
.localMenu dt {
	float: left;
	clear: left;
	width: 120px;
}
.localMenu dt span {
	display: block;
	padding: 13px 10px 13px 15px;
	font-weight: bold;
	color: #3790cc;
}
.localMenu dd {
	background: #fff;
	margin-left: 120px;
	padding: 10px 0 10px 25px;
}
.localMenu dd li {
	float: left;
	width: 200px;
	padding: 3px 0;
}
.localMenu dd li.parent {
	float: none;
	width: 600px;
}
.localMenu dd li a {
	background: url(//img.e87.com/selection/father/2011images/father_lmenu_arrow.gif) no-repeat left 0.2em;
	padding: 0 3px 0 9px;
}
.localMenu dd li span {
	padding: 0 3px 0 9px;
}
.localMenu dd li span a {
	background: none;
	margin: 0 3px 0 0;
	padding: 0;
}