@charset "UTF-8";

/*==================================================================
	ranking setting
===================================================================*/
#main h2{
	background:url(/img/common/h1_large.gif) no-repeat 0 0;
	height:45px;
	padding:8px 0 0 10px;
	font-size:120%;
	color:#FFF;
	font-weight:bold;
}
#main{
	width:750px;
	margin:0 auto;
	padding-top:15px;
}
#main h3{
	font-weight:bold;
	color:#FFF;
	background:url(/img/ranking/bg_h2.gif) no-repeat 0 0;
	height:33px;
	font-size:128%;
	padding:6px 0 0 10px;
	margin-bottom:8px;
}
#main h4{
	background-color:#FFF7BB;
	color:#FF812D;
	font-weight:bold;
	padding:5px;
	border-top:1px solid #FFCC00;
	border-bottom:1px solid #FFCC00;
	margin-bottom:5px;
}
#main h4 span{
	font-size:140%;
}

/*==================================================================
	rankingList
===================================================================*/
.rankingList{
	margin-bottom:15px;
}
.rankingList .leftBox,
.rankingList .rightBox{
	width:365px;
}
.rankingList h5{
	font-weight:bold;
}
.rankingList h5 a{
	background:url(/img/icon/arrow.gif) no-repeat 0 2px;
	padding-left:13px;
}
.rankingList ol{
	margin-bottom:5px;
}
.rankingList ol li{
	padding:10px 0;
	background:#FFF url(/img/common/line_dot.gif) repeat-x 0 100%;
}
.rankingList ol li p{
	margin-top:10px;
}
.rankingList ol li th{
	padding-right:10px;
}
.rankingList ol li span{
	font-size:78%;
	_font-size:68%;
}
.rankingList ol li span.evaluation{
	color:#53A20F;
}
.rankingList ol li span .bold{
	font-size:120%;
}
.rankingList ol li td img{
	vertical-align:baseline;
}


/*	rank1
-------------------------------------------------------------------*/
.rankingList .rank1{
	background:url(/img/home/rank1.gif) no-repeat 5px 50%;
	padding-left:45px;
}
.rankingList .rank1 .rankImg{
	width:120px;
}

/*	rank2,rank3
-------------------------------------------------------------------*/
.rankingList .rank2{
	background:url(/img/home/rank2.gif) no-repeat 8px 50%;
	padding-left:45px;
}
.rankingList .rank3{
	background:url(/img/home/rank3.gif) no-repeat 8px 50%;
	padding-left:45px;
}
.rankingList .rank2 .rankImg,
.rankingList .rank3 .rankImg{
	width:90px;
}

/*	rank4�`rank10
-------------------------------------------------------------------*/
.rankingList .rank4{
	background:url(/img/home/rank4.gif) no-repeat 8px 50%;
	padding-left:45px;
}
.rankingList .rank5{
	background:url(/img/home/rank5.gif) no-repeat 8px 50%;
	padding-left:45px;
}
.rankingList .rank6{
	background:url(/img/home/rank6.gif) no-repeat 8px 50%;
	padding-left:45px;
}
.rankingList .rank7{
	background:url(/img/home/rank7.gif) no-repeat 8px 50%;
	padding-left:45px;
}
.rankingList .rank8{
	background:url(/img/home/rank8.gif) no-repeat 8px 50%;
	padding-left:45px;
}
.rankingList .rank9{
	background:url(/img/home/rank9.gif) no-repeat 8px 50%;
	padding-left:45px;
}
.rankingList .rank10{
	background:url(/img/home/rank10.gif) no-repeat 6px 50%;
	padding-left:45px;
}
.rankingList .rightBox .rankImg{
	width:45px;
}

/*==================================================================
	rankingMenu
===================================================================*/
.rankingMenu{
	margin:15px 0 10px 0;
	text-align:center;
}
.rankingMenu li{
	display:inline;
	padding:0 5px 0 7px;
	border-left:1px #666 solid;
}
.rankingMenu li{
}
.rankingMenu li.line{
	border-right:1px #666 solid;
	border-left:1px #666 solid;
}


/*==================================================================
	clearfix
===================================================================*/
.rankingList .rank1:after,
.rankingList:after,
.rankSec:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.rankingList .rank1,
.rankingList,
.rankSec{
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .rankingList .rank1,
* html .rankingList,
* html .rankSec{
	height: 1%;
	}
.rankingList .rank1,
.rankingList,
.rankSec{
	display: block;
	}