@charset "UTF-8";
body#ranking{
	background:url("../images/bg_green.jpg") no-repeat;
}

#side_top{
height:91px;
	background:url("../images/side_top_ranking.png") no-repeat;
}

.ranking#paragraph{
	padding:50px 0 0 15px;
}

#ranking_national{
	position:relative;
	top:-70px;
	left:-20px;
}

#ranking_month{
	position:relative;
	top:-200px;
	left:400px;
}

#update_ranking{
	position:relative;
	width:550px;
	font-size:12px;
	padding:0 0 0 498px;
	margin:0 0 0px 0;
	top:180px;
}

/*-- ranking all --*/

#ranking_all{
	font-size:14px;
}

#ranking_inline{
	position:relative;
	top:-100px;
	left:-30px;
}

#ranking_inline2{
	position:relative;
	top:1000px;
	left:-30px;
}

#ranking_head{
	width:630px;
	height:19px;
	background:url("../images/ranking_head.png") no-repeat;
}

#grade{
	width:630px;
	height:19px;
	padding:3px 0 0 0;
}

.grade_1#grade{
	background:#fff000;
	margin:12px 0 0 0;
}

.grade_2#grade{
	background:#cecece;
	margin:3px 0 0 0;
}

.grade_3#grade{
	background:#ffb872;
	margin:3px 0 0 0;
}

.grade_4#grade{
	background:#9fff9f;
	margin:15px 0 0 0;
}

.grade_c#grade{
	background:#9fff9f;
	margin:3px 0 0 0;
}

#player{
	margin:0;
}

#player li{
	list-style-type: none;
	float:left;
}

.order{
	position:absolute;
	left:20px;
}

.change{
	position:absolute;
	left:50px;
}

.name{
	position:absolute;
	left:95px;
}

.score{
	position:absolute;
	left:265px;
}

.class{
	position:absolute;
	left:360px;
	margin:2px 0 0 0;
}

.location{
	position:absolute;
	left:420px;
}

.grade1#paragraph{
	position:absolute;
 top:200px;
}

.grade1#paragraph h3{
	height:18px;
	text-indent:-100000em;
	background:url("../images/title_ranking_grade1.png") no-repeat;
}

.grade2#paragraph{
	position:absolute;
 top:580px;
}
.grade2#paragraph h3{
	height:18px;
	text-indent:-100000em;
	background:url("../images/title_ranking_grade2.png") no-repeat;
}

.grade3#paragraph{
	position:absolute;
 top:960px;
}
.grade3#paragraph h3{
	height:18px;
	text-indent:-100000em;
	background:url("../images/title_ranking_grade3.png") no-repeat;
}

#ranking1{
margin:10px 0 30px 0;
height:300px;
}

#ranking2{
margin:10px 0 30px 0;
height:300px;
}

#ranking3{
margin:10px 0 30px 0;
height:300px;
}