@charset 'Shift_JIS';


/* - First{ Y.H } - Last{ C.H } - Update{ 2008-02-21 } - About{ rankingPage style of easyhangame パチンコDX } */


/** ==============================================
 *	ランキング基本レイアウト
 *  ============================================== */
#contents.ranking{ width:621px !important;}
#contents.ranking h2{margin-bottom:15px;}


/**
 *既存スタイルの上書き
 */
#contents.ranking .UIPageWrapper .guideBox,
#contents.ranking .UIPageWrapper #top5Area{margin-right:auto; margin-left:auto;}
#contents.ranking .UIPageWrapper #allRanking{margin-top:0;}






/* ランキング
-------------------------------------------------- */
#contents.ranking h4 {margin: 0 10px 10px 10px; padding: 0 0 0px 7px; border-bottom: 1px #ff4708 solid; border-left: 2px #ff4708 solid; line-height: 13px; color: #ff4708;}
#contents.ranking #allRanking,
#contents.ranking #modelRanking {position: relative; width: 594px; margin: 15px 10px 5px 10px;}
#contents.ranking #modelRanking .modelSelect {position: absolute; top: 3px; right: 159px;}
#contents.ranking .termSelect {position: absolute; top: 3px; right: 55px;}
#contents.ranking .search {position: absolute; top: 3px; right: 0;}
/* タブ */
.ranking #guideTab {height: 28px; margin: 20px 0 20px; background: url(https://images.hange.jp/hangame/easy/pachinkodx/common/bg_navi.gif) repeat-x left bottom;}
.ranking #guideTab li {float: left;}
.ranking #guideTab li img {margin-right: 1px;}
.ranking #guideTab li.none img {margin-right: 0;}
/* 結果表示BOX(角丸gray5px枠) */
#contents.ranking #myPosition,
#contents.ranking #top5Area {width: 614px; margin: 0; padding-bottom: 5px; background: url(https://images.hange.jp/hangame/easy/pachinkodx/common/bg_graybox5px_btm.gif) left bottom no-repeat;}
#contents.ranking .resultBox {margin: 0; padding-top: 5px; background: url(https://images.hange.jp/hangame/easy/pachinkodx/common/bg_graybox5px_top.gif) left top no-repeat;}
#contents.ranking .resultBoxContents {width: 604px; margin: 0; border-left: 5px solid #e5e5e5; border-right: 5px solid #e5e5e5; background: url(https://images.hange.jp/hangame/easy/pachinkodx/common/bg_grayrepeat.gif) 0 106px repeat-x;}
#contents.ranking #myPosition .resultBoxContents {padding-bottom: 5px; background: url(https://images.hange.jp/hangame/easy/pachinkodx/common/bg_title_gray.gif) center 3px no-repeat;}
#contents.ranking .resultBoxContents:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#contents.ranking .outside {padding: 15px 0; color: #888; text-align: center;}
#contents.ranking .myRank {background-color: #ffebd9;}
#contents.ranking .myRank .hgID {font-weight: bold;}
/*ランキングTOP5*/
.resultBox ul.top5 {width: 600px; margin-left: 3px; margin-right: 0px; overflow: hidden;}
.resultBox ul.top5 li {float: left; width: 121px; margin-left: -1px; padding: 0; background: #cff; background: url(https://images.hange.jp/hangame/easy/pachinkodx/ranking/bg_dot_h-border.gif) 0 47px no-repeat;}
.resultBox ul.top5 p {position: relative; width: 100px; height: 29px; margin-top: 6px; padding: 0 10px; background: url(https://images.hange.jp/hangame/easy/pachinkodx/ranking/bg_ranking_rank.gif) center 0 no-repeat; font-weight: bold; text-align: center; line-height: 29px;}
.resultBox ul.top5 dl {width: 120px; margin: 0 auto 5px; padding: 0; text-align: center; color: #888; font-weight: bold;}
.resultBox ul.top5 dt.avaImg {width: 66px; height: 150px; margin: 11px auto 16px; border: 1px solid #585858;}
.resultBox ul.top5 dd.hgID {height: 30px;}
.resultBox ul.top5 dd.hgID a {color: #333; font-weight: normal;}
.resultBox ul.top5 dd.lastUpDate {color: #999; font-size: 11px; font-weight: normal; font-family: "verdana", arial, sans-serif;}


/* 10〜30位までのランキング一覧表
-------------------------------------------------- */
#contents.ranking div#myPosition,
#contents.ranking div.rankingList {clear: both; width: 614px; margin: 10px auto 15px; background: url(https://images.hange.jp/hangame/easy/pachinkodx/common/bg_graybox1px_btm.gif) left bottom no-repeat;}
#contents.ranking div#myPosition {margin-bottom: 15px; background: url(https://images.hange.jp/hangame/easy/pachinkodx/common/bg_graybox5px_btm.gif) left bottom no-repeat;}
#contents.ranking div#myPosition div.rankingListTable,
#contents.ranking div.rankingList div.rankingListTable {width: 614px; margin: 0 auto; padding: 8px 0 5px; background: url(https://images.hange.jp/hangame/easy/pachinkodx/common/bg_graybox1px_top.gif) 0 0 no-repeat; text-align: right;}
#contents.ranking div#myPosition table,
#contents.ranking div.rankingList table {clear: both; width: 594px; margin: 0 auto;}
#myPosition table tr,
.rankingList table tr {background: url(https://images.hange.jp/hangame/easy/pachinkodx/ranking/pic_line_2dot.jpg) left bottom repeat-x; color: #666; text-align: center;}
#myPosition table th,
.rankingList table th {height: 26px; color: #575757; font-weight: normal; text-align: center;}
#myPosition table td,
.rankingList table td {width: 92px; height: 32px; padding: 0; line-height: 32px; vertical-align: middle;}
#myPosition table .gameRank,
.rankingList table .gameRank {width: 66px; color: #757575; font-family:  "verdana", arial, sans-serif;}
#myPosition table th.hgID,
.rankingList table th.hgID {width: 280px; text-align: left; padding-left: 168px;}
#myPosition table td.hgID,
.rankingList table td.hgID {width: 280px; text-align: left; padding-left: 168px;}
#myPosition table td.hgID img,
.rankingList table td.hgID img {margin: 0 8px 1px 0; vertical-align: middle;}
#myPosition table td.hgID a,
.rankingList table td.hgID a {color: #666;}
#myPosition table .margin,
.rankingList table .margin {width: 80px;}
#myPosition table td.margin,
.rankingList table td.margin {color: #999; font-family:  "verdana", arial, sans-serif;}