@charset 'Shift_JIS';

/* - First{ R.O } - Last{ Y.H } - Update{ 2009-01-16 } - About{ RankingPage style of typing } */


.ranking #contentsMain {
position: relative;
}
.ranking #contentsMain .contentsTable {
padding-top: 35px;
}

/* titleArea
------------------------------------------ */
.ranking #titleArea {
position: absolute;
top: 13px;
left: 25px;
}
	.ranking #titleArea p.update_info {
	padding-left: 15px;
	background: url(https://images.hange.jp/hangame/common/arrow_gray3x5_right.gif) no-repeat 7px 5px;
	}

/* listSort
------------------------------------------ */
.ranking #listSort {
position: absolute;
top: 10px;
left: 486px;
width: 100px;
}




/* topFive
------------------------------------------ */
#topFive {
width:610px;
margin:0 auto;
background:url(https://images.hange.jp/hangame/easy/typing/ranking/bg_line.gif) 0 0 repeat-y;
text-align:center;
}

#topFive:after{content:".";display:block;height:0;clear:both;visibility:hidden}

#topFive ol {
width:610px;
background:url(https://images.hange.jp/hangame/easy/typing/ranking/bg_thhead.gif) 24px top no-repeat;
}

#topFive ol:after{content:".";display:block;height:0;clear:both;visibility:hidden}

#topFive li {
float:left;
width:122px;
}

#topFive p {
height:37px;
padding-top:6px;
color:#646464;
font-weight:bold;
}

#topFive p.top {
color:#ff7200;
}

#topFive dt {
position:relative;
width:76px;
height:160px;
margin:0 auto;
background:url(https://images.hange.jp/hangame/easy/typing/ranking/bg_avater.gif) 0 0 no-repeat;
}

#topFive dt a {
position:absolute;
top:5px;
left:5px;
}

#topFive dd.hgID {
padding:10px 0 1px;
color:#646464;
font-weight:bold;
letter-spacing:-1px;
}

#topFive dd.data {
color:#999;
font-size:10px;
font-family:verdana;
}

	#topFive.team {
	width:596px;
	background:none;
	}
	
	#topFive.team p em {
	padding-right:3px;
	font-style:normal;
	}
	
	#topFive.team p span {
	color:#999;
	font-weight:normal;
	}
	
	#topFive.team p span.date {
	font-size:11px;
	font-family:verdana;
	}
	
	#topFive.team ol {
	width:596px;
	background:none;
	}
	
	#topFive.team ol li {
	width:596px;
	margin-bottom:15px;
	background:url(https://images.hange.jp/hangame/easy/typing/ranking/bg_line_team.gif) 17px 0 repeat-y;
	}
	
	#topFive.team ol li p {
	width:596px;
	background:url(https://images.hange.jp/hangame/easy/typing/ranking/bg_thhead.gif) 17px top no-repeat;
	}
	
	#topFive.team ol li ul li {
	width:149px;
	background:none;
	}



/* rankList
------------------------------------------ */
#rankList {
width:562px;
margin:22px auto 0;
}

#rankList tr {
width:562px;
height:37px;
background:url(https://images.hange.jp/hangame/easy/typing/ranking/bg_tdline.gif) 0 bottom repeat-x;
}

#rankList tr.t_head {
position:relative;
width:562px;
height:29px;
background:url(https://images.hange.jp/hangame/easy/typing/ranking/bg_thhead.gif) 0 0 no-repeat;
}

#rankList th {
color:#646464;
font-weight:normal;
background:none;
}

#rankList th.date {
text-align:center;
}

#rankList th.level {
text-align:left;
}

#rankList th.point {
padding-right:8px;
}

#rankList th.date {
padding-left:5px;
}

#rankList td {
height:37px;
}

#rankList .rank {
width:46px;
text-align:center;
}

#rankList .player {
width:150px;
}

#rankList .level {
width:215px;
padding-left:7px;
}

#rankList .point {
width:67px;
text-align:right;
}

#rankList .date {
width:83px;
text-align:center;
}

#rankList td.player img {
margin-right:8px;
vertical-align:middle;
}

#rankList td.date {
color:#999;
}

#rankList td.rank,
#rankList td.point,
#rankList td.date {
font-size:11px;
font-family:verdana;
}

#rankList2 {
width:562px;
margin:22px auto 0;
}

#rankList2 tr.t_head {
width:562px;
height:29px;
background:url(https://images.hange.jp/hangame/easy/typing/ranking/bg_thhead.gif) 0 0 no-repeat;
}

#rankList2 th {
color:#646464;
font-weight:normal;
}

#rankList2 th.date {
text-align:center;
}

#rankList2 th.level {
text-align:left;
}

#rankList2 th.point {
padding-right:8px;
}

#rankList2 th.date {
padding-left:5px;
}

#rankList2 .rank {
width:46px;
text-align:center;
}

#rankList2 .player {
width:150px;
}

#rankList2 .level {
width:215px;
padding-left:7px;
}

#rankList2 .point {
width:67px;
text-align:right;
}

#rankList2 .date {
width:83px;
text-align:center;
}

#rankList2 td.player img {
margin-right:8px;
vertical-align:middle;
}

#rankList2 td.date {
color:#999;
}

#rankList2 td.rank,
#rankList2 td.point,
#rankList2 td.date {
font-size:11px;
font-family:verdana;
}

#rankList2 td.player,
#rankList2 td.level {
height:37px;
*height:35px;
background:url(https://images.hange.jp/hangame/easy/typing/ranking/bg_tdline.gif) 0 36px repeat-x;
}

#rankList2 td.player {
*vertical-align:top;
}

#rankList2 td.level {
position:relative;
top:-1px;
}

#rankList2 tr.line_1 td.rank,
#rankList2 tr.line_4 td.player,
#rankList2 tr.line_4 td.level,
#rankList2 tr.line_1 td.point,
#rankList2 tr.line_1 td.date {
background:url(https://images.hange.jp/hangame/easy/typing/ranking/bg_line_team3.gif) 0 bottom repeat-x;
}