@charset 'Shift_JIS';

/* - First{ Y.H } - Last{ Y.H } - Update{ 2008-08-14 } - About{ rankingPage style of easygame Basic } */


/* ランキング
-------------------------------------------------- */
#contents.ranking .noticeTxt {
margin: -8px 0 15px 8px;
color: #989898;
font-size: 11px;
font-weight: normal;
}

/* 自分のランキング
-------------------------------------------------- */
#contents.ranking #mydata {
clear: both;
position: relative;
width: 644px;
margin: 0;
color: #666;
}
/*#contents.ranking #mydata h3 {
border-bottom: none;
width: 622px;
height: 22px;
margin: 0;
padding: 3px 0 0 22px;
background:url(https://images.hange.jp/hangame/easy/easy_common/ico_arrow_green.gif) 11px 5px no-repeat;
font-weight: normal;
}*/
#contents.ranking h3 {
background:url(https://images.hange.jp/hangame/easy/sugoiz/ranking/bg_sec_header.gif) no-repeat scroll 0 0;
color:#333333;
font-weight:normal;
height:42px;
line-height:31px;
padding-left:20px;
width:622px;
}

	#contents.ranking h3 .hgID {
	padding-right: 5px;
	}
	#contents.ranking h3 strong {
	color: #333;
	}
		#contents.ranking h3 strong.rank {
		padding-left: 5px;
		}
		#contents.ranking h3 strong.score {
		padding-left: 5px;
		}
		
#subNav2:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }


/* allRanking */
#allRanking {
position: relative;
width: 642px;
padding: 18px 0 5px;
border-top: 1px solid #d1d1d1;
}
	#allRanking select {
	position:relative;
	float: left;
	margin: 0 2px 0 7px;
	z-index:100;
	}
	#allRanking p.search {
	position: relative;
	left: 10px;
	}
	#allRanking:after { content: "."; display: block; height: 0; line-height: 0; clear: both; visibility: hidden; }

/* 昨日のランキング用更新日表示 タブ付き*/
#contents.ranking #allRanking p.dateUpdate {
clear: both;
position: absolute;
top: -20px;
right: 10px;
padding-left: 10px;
}

/* 昨日のランキング用更新日表示 タブなし*/
#contents.ranking #mydata p.dateUpdate {
position: absolute;
top: -18px;
right: 10px;
padding-left: 10px;
background: url(https://images.hange.jp/hangame/common/ico_2x2_gray.gif) 3px 6px no-repeat;
}


#myPosition .outside {
width: 644px;
height: 75px;
background: url(https://images.hange.jp/hangame/easy/sugoiz/ranking/bg_outside.gif) 0 0 no-repeat;
color: #888;
text-align: center;
}
	#myPosition .outside p strong {
	display: block;
	padding-top: 19px;
	}


/* 結果表示BOX */
#contents.ranking #mydata #resultBox {
width: 644px;
margin: 0 0 10px;
padding: 0 0 5px;
background: url(https://images.hange.jp/hangame/easy/easy_common/bg_box_btm.gif) left bottom no-repeat;
}
#mydata #resultBoxContents {
position: relative;
width: 644px;
margin: 0;
padding: 5px 0 0;
background: url(https://images.hange.jp/hangame/easy/easy_common/bg_box_top.gif) 0 0 no-repeat;
}
#mydata #resultBoxContents:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/*昨日のランキングTOP5*/
#mydata #resultBox ul.top5 {
position: relative;
width: 634px;
border-left: 5px solid #e5e5e5;
border-right: 5px solid #e5e5e5;
background: url(https://images.hange.jp/hangame/easy/easy_common/bg_item.gif) 0 106px repeat-x;
overflow: hidden;
	}
	#mydata #resultBox ul.top5 li:first-child {
	background: none;
	}
	#mydata #resultBox ul.top5 li {
	float: left;
	width: 117px;
	margin: 0;
	_margin-left: -1px;
	padding: 0 3px 0 6px;
	_padding: 0 3px 0 7px;
	background: url(https://images.hange.jp/hangame/easy/easy_common/bg_dot_h-border.gif) 0 47px no-repeat;
	}
#mydata #resultBox ul.top5 p {
position: relative;
width: 97px;
height: 29px;
margin-top: 6px;
padding: 0 10px;
background: url(https://images.hange.jp/hangame/easy/easy_common/bg_ranking_rank.gif) 0 0 no-repeat;
font-weight: bold;
line-height: 29px;
}
	#mydata #resultBox ul.top5 p span.score {
	position: absolute;
	top: 0;
	right: 10px;
	color: #666;
	}
		#mydata #resultBox ul.top5 p span.score strong {
		margin-right: 2px;
		color: #f60;
		}
#mydata #resultBox ul.top5 dl {
width: 117px;
margin: 0 auto 5px;
text-align: center;
color: #888;
font-weight: bold;
}
	#mydata #resultBox ul.top5 dt.avaImg {
	width: 66px;
	height: 150px;
	margin: 11px auto 16px;
	border: 1px solid #585858;
	}
	#mydata #resultBox ul.top5 dd.hgID a {
	color: #333;
	font-weight: normal;
	}
	#mydata #resultBox ul.top5 dd.lastUpDate {
	color: #999;
	font-size: 11px;
	font-weight: normal;
	font-family: "verdana", arial, sans-serif;
	}
	
/* boxAreaB */
#contents.ranking .boxAreaB {
width: 644px;
margin: 0 0 10px;
padding: 0 0 5px;
background: url(https://images.hange.jp/hangame/easy/easy_common/bg_box_btm.gif) left bottom no-repeat;
}
	#contents.ranking .boxFrameB {
	position: relative;
	width: 644px;
	margin: 0;
	padding: 5px 0 0;
	background: url(https://images.hange.jp/hangame/easy/easy_common/bg_box_top.gif) 0 0 no-repeat;
	}
	#contents.ranking .boxCtsB {
	width: 634px;
	margin: 0;
	border-left: 5px solid #e5e5e5;
	border-right: 5px solid #e5e5e5;
	}

/* ranking table */
#contents.ranking table {
width: 624px;
background:transparent url(https://images.hange.jp/hangame/easy/easy_common/bg_cmt-l_tit.gif) no-repeat scroll center top;
margin:5px auto 3px;
}
	#contents.ranking table tr {
	background: url(https://images.hange.jp/hangame/easy/easy_common/pic_line_2dot.jpg) left bottom repeat-x;
	color: #666;
	text-align: center;
	}
	#contents.ranking table th {
	height: 28px;
	padding-bottom: 3px;
	color: #575757;
	font-weight: normal;
	line-height: 28px;
	text-align: center;
	}
	#contents.ranking table td {
	height: 32px;
	padding: 0;
	line-height: 32px;
	vertical-align: middle;
	}
	#contents.ranking table .gameRank {
	width: 87px;
	color: #757575;
	}
	#contents.ranking table .getPoint {
	width: 117px;
	}
		#contents.ranking table td.gameRank,
		#contents.ranking table td.getPoint {
		font-size: 11px;
		font-family:  "verdana", arial, sans-serif;
		}
		#contents.ranking table td.getPoint {
		color: #999;
		}
	#contents.ranking table .hgID {
	width: 250px;
	padding-left: 170px;
	text-align: left;
	}
		#contents.ranking table td.hgID img {
		margin: 0 8px 1px 0;
		vertical-align: middle;
		}
		#contents.ranking table td.hgID a {
		color: #666;
		cursor: pointer;
		}



/* １００位までのランキング一覧
-------------------------------------------------- */
#contents.ranking div#ranking100 {
clear: both;
width: 644px;
margin: 0 auto;
background: url(https://images.hange.jp/hangame/easy/easy_common/bg_notice_btm.gif) left bottom no-repeat;
}
	#contents.ranking div#ranking100 div#ranking100Table {
	width: 644px;
	margin: 0 auto;
	padding: 10px 0 5px;
	background: url(https://images.hange.jp/hangame/easy/easy_common/bg_notice_top.gif) 0 0 no-repeat;
	text-align: right;
	}
	#contents.ranking div#ranking100 .ranking100_bg {
	width: 642px;
	margin: 0 auto;
	border-left: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
	}
#contents.ranking div#ranking100Table table {
width: 624px;
margin: 0 auto;
}
	#ranking100Table table tr {
	background: url(https://images.hange.jp/hangame/easy/easy_common/pic_line_2dot.jpg) left bottom repeat-x;
	color: #666;
	text-align: center;
	}
	#ranking100Table table th {
	height: 28px;
	padding-bottom: 3px;
	color: #575757;
	font-weight: normal;
	line-height: 28px;
	text-align: center;
	}
	#ranking100Table table td {
	width: 92px;
	height: 32px;
	padding: 0;
	line-height: 32px;
	vertical-align: middle;
	}
	#ranking100Table table .gameRank {
	width: 67px;
	color: #757575;
	}
	#ranking100Table table .gameScore {
	color: #757575;
	}
	#ranking100Table table .lastUpDate {
	width: 117px;
	}
		#ranking100Table table td.gameRank,
		#ranking100Table table td.gameScore,
		#ranking100Table table td.lastUpDate {
		font-size: 11px;
		font-family:  "verdana", arial, sans-serif;
		}
		#ranking100Table table td.lastUpDate {
		color: #999;
		}
	#ranking100Table table .hgID {
	width: 183px;
	padding-left: 80px;
	text-align: left;
	}
		#ranking100Table table td.hgID img {
		margin: 0 8px 1px 0;
		vertical-align: middle;
		}
		#ranking100Table table td.hgID a {
		color: #666;
		}