@charset "utf-8";
/*　ランキング　*/

#ranking{
	height:176px;
	}
#ranking h2 {
	margin: 8px auto 13px 18px;
}
#ranking #rank_list{
	width:640px;
	height: 110px;
	margin:0 auto;
	position:relative;
	}
#ranking #rank_list #rank_area{
	width:600px;
	position:absolute;
	top: 0px;
	left: 20px;
	overflow:hidden;
	}
#ranking #rank_list #rank_area ul{
	height: 110px;
	}
#ranking #rank_list #rank_area ul li{
	padding-left:13px;
	float: left;
	}
#ranking #rank_list #rank_area ul li img{
	width: 70px;
	height: auto;
	vertical-align:bottom;
	border-right: 1px solid;
	border-bottom: 1px solid;
	border-right-color: #afafaf;
	border-bottom-color: #7e7e7e;
	}

/* ボタン */
#rank_prev,#rank_next{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 20px;
	height: 110px;
	}
#rank_next{
	left: 620px;
	}
#rank_prev a,#rank_next a{
	background:url(../img/rank_stop.png) center 48px no-repeat;
	display:block;
	width: 20px;
	height: 110px;
	}
#rank_prev a.enable{/*←戻る*/
	background:url(../img/rank_prev.png) center 48px no-repeat;
	}
#rank_prev a.enable:active,#rank_prev a.enable:hover{
	background:url(../img/rank_prev_active.png) center 48px no-repeat;
	}
	
#rank_next a.enable{/*進む→*/
	background:url(../img/rank_next.png) center 48px no-repeat;
	}
#rank_next a.enable:active,#rank_next a.enable:hover{
	background:url(../img/rank_next_active.png) center 48px no-repeat;
	}