@charset "UTF-8";

/****************************/
/*　　　　　　　　　　　　　*/
/*　みんなでフラッシュ暗算　*/
/*　Wi-Fiランキング　css　　*/
/*　　　　　　　　　　　　　*/
/****************************/


body {
	margin-top: 0px;
	background-color : #C2F5F4;
	background-image:url(../image/bg_ranking.gif);
	font-size:12px;
	line-height:128%;
	color:#333333;
	margin-left: 0px;
	margin-right: 0px;
	font-family:sans-serif, Arial, Helvetica, Verdana;
	width: 600px;
}

a:link{ color : #ee3300; text-decoration : underline ;}
A:active { color : #ff8000;}
A:visited { color : #ee3300; text-decoration : underline ;}
A:hover  {
	color:#FF6600;
	text-decoration : none;
}


.f_left{ float:left; display:inline; }

.clr{	clear:both; }

.data_reloaded{
	margin:10px 0px 0px 330px;
	font-size:10px;
	width: 260px;
}

.ranking_level{
	margin:0px 0px 0px 160px;
	float: left;
	display: inline;
}

.ranking_lv_text{
	margin:8px 0px 0px 20px;
	float: left;
	font-weight: bold;
	color: #003399;
}

/*Ranking cell construction*/

.ranking_1st{
	margin:0px 0px 0px 21px;
	background-image: url(../image/ranking_cell_1st.gif);
	width: 553px;
	height: 71px;
}

.ranking_1st_name{
	width: 160px;
	text-align: center;
	font-size: 12px;
	float: left;
	margin: 41px 0px 0px 135px;
}

.ranking_1st_score{
	width: 140px;
	text-align: center;
	font-size: 12px;
	float: left;
	margin: 41px 0px 0px 0px;
}

.ranking_1st_date{
	width: 110px;
	text-align: center;
	font-size: 12px;
	float: left;
	margin: 41px 0px 0px 0px;
}

.ranking_2nd{
	margin:22px 0px 0px 25px;
	background-image: url(../image/ranking_cell_2nd.gif);
	width: 549px;
	height: 42px;
}

.ranking_2nd_name{
	width: 160px;
	text-align: center;
	font-size: 12px;
	float: left;
	margin: 18px 0px 0px 131px;
}

.ranking_2nd_score{
	width: 140px;
	text-align: center;
	font-size: 12px;
	float: left;
	margin: 18px 0px 0px 0px;
}

.ranking_2nd_date{
	width: 110px;
	text-align: center;
	font-size: 12px;
	float: left;
	margin: 18px 0px 0px 0px;
}

.ranking_3rd{
	margin:10px 0px 0px 39px;
	width: 535px;
	height: 56px;
	background-image: url(../image/ranking_cell_3rd.gif);
}

.ranking_3rd_name{
	width: 160px;
	text-align: center;
	font-size: 12px;
	float: left;
	margin: 27px 0px 0px 117px;
}

.ranking_3rd_score{
	width: 140px;
	text-align: center;
	font-size: 12px;
	float: left;
	margin: 27px 0px 0px 0px;
}

.ranking_3rd_date{
	width: 110px;
	text-align: center;
	font-size: 12px;
	float: left;
	margin: 27px 0px 0px 0px;
}

.ranking_4th{
	margin:25px 0px 0px 52px;
	background-image: url(../image/ranking_cell.gif);
	width: 522px;
	height: 30px;
}

.ranking_4th_base{
	margin:7px 0px 0px 14px;
}

.ranking_4th_rank{
	width: 90px;
	text-align: center;
	font-size: 12px;
	float: left;
	margin: 6px 0px 0px 14px;
}

.ranking_4th_name{
	width: 160px;
	text-align: center;
	font-size: 12px;
	float: left;
	margin: 7px 0px 0px 0px;
}

.ranking_4th_score{
	width: 140px;
	text-align: center;
	font-size: 12px;
	float: left;
	margin: 7px 0px 0px 0px;
}

.ranking_4th_date{
	width: 110px;
	text-align: center;
	font-size: 12px;
	float: left;
	margin: 7px 0px 0px 0px;
}

.ranking_cell{
	margin:8px 0px 0px 52px;
	width: 522px;
	background-image: url(../image/ranking_cell.gif);
	height: 30px;
}

.ranking_rank{
	width: 90px;
	text-align: center;
	font-size: 12px;
	float: left;
	margin: 5px 0px 0px 14px;
}

.ranking_name{
	width: 160px;
	text-align: center;
	font-size: 12px;
	float: left;
	margin: 7px 0px 0px 0px;
}

.ranking_score{
	width: 140px;
	text-align: center;
	font-size: 12px;
	float: left;
	margin: 7px 0px 0px 0px;
}

.ranking_date{
	width: 110px;
	text-align: center;
	font-size: 12px;
	float: left;
	margin: 7px 0px 0px 0px;
}