/* head image */
#rankHead {
	width:750px;
	min-height:151px;
	height:151px;
	background:url(//img.e87.com/selection/father/2008images/rank_main_img.jpg) no-repeat left top;
}
html>body .contents #rankHead {
	height:auto;
}
#rankHead h1 {
	font-size:80%;
	color:#356a7c;
	padding:83px 0 0 27px;
}
#rankHead p {
	font-size:80%;
	padding:0 300px 0 27px;
}

#rankInnerNavi{
	float:left;
	width:750px;
	margin-bottom:30px;
	background:url(//img.e87.com/selection/father/2008images/rank_inner_navi_bg.gif) no-repeat left bottom;
}
#rankInnerNavi li{
	list-style:none;
	float:left;
	width:250px;
	min-height:42px;
	height:42px;
	line-height:42px;
	text-align:center;
}
html>body #rankInnerNavi li{
	height:auto;
}
#rankInnerNavi li#rankInnerNavi_01{
	background:url(//img.e87.com/selection/father/2008images/rank_inner_navi_01_bg.gif) no-repeat left center;
}
#rankInnerNavi li#rankInnerNavi_02{
	background:url(//img.e87.com/selection/father/2008images/rank_inner_navi_02_bg.gif) no-repeat left center;
}
#rankInnerNavi li#rankInnerNavi_03{
	background:url(//img.e87.com/selection/father/2008images/rank_inner_navi_03_bg.gif) no-repeat left center;
}
#rankInnerNavi li a{
	padding:5px 25px;
	background:url(//img.e87.com/selection/father/2008images/rank_inner_navi_arrow_bg.gif) no-repeat right center;
}

.rankContents{
	clear:both;
	Xwidth:720px;
	margin:0 15px 0;
	background:url(//img.e87.com/selection/father/2008images/rank_contents_bg.gif) repeat-y;
}

.rankContentsHead{
	height:190px;
}
#rankNo1 .rankContentsHead{
	background:url(//img.e87.com/selection/father/2008images/rank_no1_bg.jpg) no-repeat;
}
#rankNo2 .rankContentsHead{
	background:url(//img.e87.com/selection/father/2008images/rank_no2_bg.jpg) no-repeat;
}
#rankNo3 .rankContentsHead{
	background:url(//img.e87.com/selection/father/2008images/rank_no3_bg.jpg) no-repeat;
}
.rankContentsHead h2{
	padding:23px 0 0 5px;
}
.rankContentsHead p{
	padding:13px 0 0 99px;
}

.rankContents3col{
	float:left;
	margin:0 24px 20px;
	padding-bottom:15px;
	background:url(//img.e87.com/selection/father/2008images/rank_contents_dot.gif) repeat-x left bottom;
}
*html .rankContents3col{
	margin-left:12px;
}
.rankContents3col dl{
	float:left;
	width:208px;
	margin-right:24px;
	line-height:1.2;
}
.rankContents3col dl.rankContents3col_03{
	margin-right:0;
}
.rankContents3col dt{
	color:#356a7c;
	font-weight:bold;
	margin-bottom:3px;
}

.rankContentsBottom{
	clear:both;
	margin:0 28px;
	padding-bottom:20px;
}

.rankContentsBottomLeft{
	float:left;
	width:;
}
.rankContentsBottomLeft img{
	float:left;
	margin-right:15px;
}
.rankContentsBottomLeft dt{
	padding:10px 0;
	text-decoration:underline;
}
.rankContentsBottomLeft dt a{
	color:#356a7c;
	font-size:120%;
	font-weight:bold;
}

.rankContentsBottomRight{
	float:right;
	width:260px;
	font-size:90%;
}
.rankContentsBottomRight ul{
	padding-bottom:6px;
	background:url(//img.e87.com/selection/father/2008images/rank_dot_02.gif) repeat-x left bottom;
}
.rankContentsBottomRight li{
	float:left;
	list-style:none;
	margin:0 2px 0 0; 
}
.rankContentsBottomRight .clr{
	padding-top:8px;
}
.rankContentsBottomRight .clr p{
	float:left;
}
.rankContentsBottomRight .clr p span{
	font-weight:bold;
}
.rankContentsBottomRight .clr div{
	float:right;
}

.rankPagetop{
	clear:both;
	Xwidth:720px;
	margin:0 15px 20px;
	padding:10px 5px;
	background:url(//img.e87.com/selection/father/2008images/rank_pagetop_bg.gif) no-repeat center top;
	font-size:85%;
	text-align:right;
	color:#ca417d;
}