@charset 'Shift_JIS';

/* - First{ Y.H } - Last{ Y.H } - Update{ 2008-07-09 } - About{ data style of pachikoDX } */


/* modelList
	基本スタイルは [mod_pachislot_specsheet.css]へ
============================================================== */
.data #introModel{background-image:url(https://images.hange.jp/hangame/easy/pachinkodx/v2/common/bg_modellist_collectionbook.gif);}
.data #modelList div.holder{height:142px;}
.data #modelList div.holder li{position:relative;}
.data #modelList div.holder li span.point{position:absolute; top:114px; left:7px; display: block; width:72px; height:16px; padding:2px 4px 0 6px; font-size:10px; text-align: left; background:url(https://images.hange.jp/hangame/easy/pachinkodx/v2/common/bg_collection_performance.gif) 0 0 no-repeat;}
.data #modelList div.holder li span.point strong{position:absolute; top:2px; right:0; font-weight:bold; font-family:'Vardana'; width:auto; cursor:default;}


/* 
============================================================== */
#contents.data #contentsLead {background: none; padding: 0;}
#dataName {position: relative; width: 589px; height: 28px; margin: 0 0 20px; padding: 13px 10px 0 15px; background: url(https://images.hange.jp/hangame/easy/pachinkodx/collection_data/bg_data-name.gif) 0 0 no-repeat;}
#dataName p {color: #555; font-weight: bold;}
#dataName p .hgID {color: #5db6bf; padding-right: 3px;}
#dataName #IDsearch {position: absolute; top: 5px; right: 10px;}
#dataName #IDsearch p input {margin: 0 7px; padding-left: 3px; border: 1px #cfcfcf solid; *vertical-align: -2px;}
#dataName #IDsearch p img {margin-top: 6px; vertical-align: -6px; *vertical-align: -5px;}


/* dataList
-------------------------------------------------- */
#dataList {position: relative; width: 614px; margin: 0 auto; background: url(https://images.hange.jp/hangame/easy/pachinkodx/collection_data/bg_tab.gif) 0 26px no-repeat;}
#dataList ul li {display: inline; float: left; width: 154px; padding-right: 1px;}
#dataList p,
#dataList div.dataSelect {position: absolute; top: 12px; right: 0; color: #8a8989; font-size: 10px;}
#dataList div.dataSelect .setUp {float: left; top: 10px;}
#dataList div.dataSelect ul li {width: auto; margin-right: 5px;}
#contents #dataList div.dataSelect ul li input {margin: -2px 1px 1px 2px; *margin: -1px -3px 0 0; border: none; border: inherit; vertical-align: -6px; *vertical-align: -3px;}
#dataList ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/* dataArea
-------------------------------------------------- */
#dataArea {clear: both; width: 600px; margin: 20px auto 0;}
#dataArea h3 {clear: both; width: 597px; margin: 0 auto 20px; padding-left: 3px; border-bottom: 1px solid #cfcfcf; color: #555; font-weight: bold; font-size: 14px;}
#dataArea #titleData {width: 200px; float: left; padding: 0 0 30px; text-align: center;}
#dataArea #titleData.premium {min-height: 1112px; _height: 1112px;}
#dataArea #titleData.ranking {float: none; width: 600px; margin: 0 auto; text-align: center;}
#dataArea #titleData h4 {width: 180px; margin: 0 auto;}
#dataArea #titleData.ranking h4 {width: 600px;}
#dataArea ul li {position: relative; width: 179px; height: 195px; margin: 20px auto 0; background: url(https://images.hange.jp/hangame/easy/pachinkodx/collection_data/bg_tit_big.jpg) left top no-repeat; 
}
#dataArea .repeat ul li {background-image: url(https://images.hange.jp/hangame/easy/pachinkodx/collection_data/bg_tit_repeat.jpg);}
#dataArea .premium ul li {background-image: url(https://images.hange.jp/hangame/easy/pachinkodx/collection_data/bg_tit_premium.jpg);}
#dataArea ul li.nonAcquisition {background: none;}
#dataArea #titleData.ranking ul {width: 600px; margin: 0;}
#dataArea .ranking ul li {display: inline; float: left; position: relative; width: 179px; height: 195px; margin: 20px 11px 0 10px; background: url(https://images.hange.jp/hangame/easy/pachinkodx/collection_data/bg_tit_ranking.jpg) left bottom no-repeat;}
#dataArea #titleData.ranking ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#contents.data #dataArea ul li h5 {margin: 0; padding: 14px 0 5px 12px; background: none; font-size: 12px; font-weight: bold; text-align: left; letter-spacing: -1px;}
#dataArea .big ul li h5 {color: #80aa4e;}
#dataArea .repeat ul li h5 {color: #4fa3c2;}
#dataArea .premium ul li h5 {color: #c24f4f;}
#dataArea ul li img {border: 1px solid #c4c4c4;}
#dataArea ul li.nonAcquisition img {border: none; vertical-align: bottom;}
#dataArea ul li p {min-height: 31px; *min-height: 32px; _height: 32px; margin: 0 10px 0 12px; text-align: left; color: #fff;}
#dataArea ul li p.level {min-height: 16px; _height: 16px;}
#dataArea ul li p.level img {border: none; margin: 2px 0 13px 58px;}
#dataArea ul li p .days {display: block;}
#dataArea ul li div.nowTitle {position: relative; height: 209px; margin: -185px -3px -4px -3px; margin-top /*\**/: -190px\9; _margin-top: -190px; zoom: 1;}
#dataArea ul li div.nowTitle img {border: none; vertical-align: bottom;}
/* goTop */
#dataArea p.goTop {clear: both; width: 580px; margin: 0 auto; padding: 0; text-align: right; font-size: 11px;}
#dataArea p.goTop a {padding-left: 12px; background: url(https://images.hange.jp/hangame/shop/itemshop/floor/ico_pagetop.gif) 0 0 no-repeat; text-decoration: none;}
/* record table */
#contents.data #dataArea table {border: 1px solid #d12204; border-left: none; border-bottom: none;}
#contents.data #dataArea table th,
#contents.data #dataArea table td {border-left: 1px solid #d12204; border-bottom: 1px solid #d12204; color: #5f5f5f; text-align: center; font-weight: normal;}
#contents.data #dataArea table td {height: 36px;}
#dataArea .move {width: 614px; height: 14px; margin: 15px auto; padding-top: 38px; text-align: right;}
#dataArea .move p a img {margin: -38px 0 0 5px;}


/** =============================================================
 *
 *
 *penguin
 *
 *
 * =========================================================== **/
 /* DATA BOOK
-------------------------------------------------- */
#contents.data h4 {clear: both; margin: 0 0 20px 11px;}
#contents.data h5 {clear: both; margin: 0 0 5px 11px; padding-left: 9px; background: url(https://images.hange.jp/hangame/easy/pachinkodx/data/ico_arrow_hl.gif) no-repeat 0 5px; text-align: left;}
/* table */
#contents.data table {margin: 0; padding: 0; border-top: 1px #e5e5e5 solid; border-right: 1px #e5e5e5 solid; border-collapse: collapse; color: #666;}
#contents.data table caption {margin: 0; margin-bottom: 1px; padding: 0; height: 24px; line-height: 24px; border: 1px solid #e5e5e5; border-bottom: none; font-weight: bold;}
#contents.data table th,
#contents.data table td {height: 24px; line-height: 24px; border-left: 1px #e5e5e5 solid; border-bottom: 1px #e5e5e5 solid; text-align: center; font-weight: normal;}
/* machineTitle */
#contents.data #machineTitle {position: relative; width: 614px; height: 39px; margin-top: 10px; background: url(https://images.hange.jp/hangame/easy/pachinkodx/data/bg_machine.gif) no-repeat 0 0;}
#contents.data #machineTitle h3 {padding: 4px 0 0 18px;}
#contents.data #machineTitle .setup p {position: absolute; right: 116px; bottom: 4px; padding-left: 9px; background: url(https://images.hange.jp/hangame/easy/pachinkodx/data/ico_arrow_title.gif) no-repeat 0 5px; color: #fff;}
#contents.data #machineTitle .setup ul {position: absolute; right: 8px; bottom: 4px;}
#contents.data #machineTitle .setup li {float: left; margin-left: 4px;}
#contents.data #subNavi {position: relative; width: 614px; height:43px; margin-bottom: 13px; background: url(https://images.hange.jp/hangame/easy/pachinkodx/data/bg_subnavi.gif) no-repeat 0 0;}
#contents.data #subNavi ul {padding-top: 5px;}
#contents.data #subNavi li {float: left; padding-right: 1px;}
#contents.data #subNavi p {position: absolute; right: 6px; bottom: 14px; padding-left: 6px; background: url(https://images.hange.jp/hangame/easy/pachinkodx/data/ico_arrow-navi.gif) no-repeat 0 3px; font-size: 10px; font-family: MS UI gothic;}
#contents.data #subnavi p {padding-left: 9px; background: url(https://images.hange.jp/hangame/easy/pachinkodx/data/ico_arrow-navi.gif) no-repeat 0 3px; font-size: 11px;}
/* 大当りデータ */
#contents.data #bighitData {width: 614px; margin-bottom: 22px; background: url(https://images.hange.jp/hangame/easy/pachinkodx/common/bg_graybox5px_btm.gif) left bottom no-repeat;}
#contents.data #bighitData .boxLine-B {width: 614px; padding: 5px 0; background: url(https://images.hange.jp/hangame/easy/pachinkodx/common/bg_graybox5px_top.gif) left top no-repeat;}
#contents.data #bighitData .dataBox {width: 604px; padding: 14px 0 3px; border-left: 5px solid #e5e5e5; border-right: 5px solid #e5e5e5;}
#bighitData .dataBox .picBighit {display: inline; float: left; margin-left: 83px; margin-right: 15px;}
#bighitData .picBighit img {border: 1px #e5e5e5 solid;}
#bighitData .dataBox table {width: 253px; margin-bottom: 11px;}
#bighitData .dataBox table caption {margin-left: -1px; background-color: #aad5da;}
#bighitData .dataBox table.total caption {background-color: #fcd1a2;}
#bighitData .dataBox table th,
#bighitData .dataBox table td {width: 161px;}
#bighitData .dataBox table th{width: 90px; background-color: #f6f6f6;}
/* 図柄別大当りデータ */
#patternData {clear: both; position: relative; width: 614px; min-height:400px; _height:400px; margin: 0 auto; text-align: center;}
#patternData div.todayPattern,
#patternData div.totalPattern {position: absolute; top: 25px; left: 3px; width: 341px; background: #fff; z-index: 10;}
#patternData div.totalPattern {left: 270px; z-index: 1;}
#patternData div.todayPattern:after,
#patternData div.totalPattern:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#patternData table.pattern {float: right; width: 270px;}
#patternData table.pattern caption {background-color: #aad5da;}
#patternData div.totalPattern table.pattern caption {background-color: #fcd1a2;}
#patternData table.pattern th,
#patternData table.pattern td {width: 134px; background: #fff;}
#patternData table.pattern th {font-weight: normal; background: #f6f6f6;}
#patternData table.pattern th.patternImg {display: inline; position: relative; width: 0; background: none; border: none;}
#patternData table.pattern th.patternImg span,
#patternData table.pattern th.patternImg img {position: absolute; top: 0; left: -71px; width: 63px; height: 24px; line-height: 24px; border: 1px solid #e5e5e5;}
#patternData div.todayPattern table.pattern th.patternImg span {background-color: #d8fff5; font-weight: bold;}
#patternData div.totalPattern table.pattern th.patternImg span,
#patternData div.totalPattern table.pattern th.patternImg img {top: -5px;}
/* ゲームフロー */
#gameflow {background: url(https://images.hange.jp/hangame/easy/pachinkodx/data/penguin/pic_gameflow.jpg) no-repeat 343px 0;}
#gameflow .notice {padding: 10px 0 15px 26px;}
/* MYスペック */
#mySpec table {width: 614px;}
#contents.data #mySpec table thead th {font-weight: bold;}
#mySpec th {background-color: #f6f6f6;}
#mySpec th.item {width: 128px; background-color: #ccc;}
#mySpec th.todayPattern {width: 239px; background-color: #aad5da;}
#mySpec th.totalPattern {background-color: #fcd1a2;}
#contents.data #mySpec table.hidden {margin-top: -14px; border: none;}
#contents.data #mySpec table.hidden thead th {visibility: hidden; border: none;}
#contents.data #mySpec table.hidden td,
#contents.data #mySpec table.hidden th {border-top: 1px #e5e5e5 solid; border-right: 1px #e5e5e5 solid;}
#mySpec table.hidden th.item {width: 129px;}
#mySpec table.hidden th.todayPattern {width: 240px;}
/* MY演出 */
#directionList {width: 614px; padding-top: 3px; background-color: #F5F4F2; border-bottom: 6px #D7D0C5 solid;}
#directionList:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#directionList li {float: left; width: 109px; margin-left: 5px; text-align: center;}
#directionList li a {display: block; width: 109px; height: 23px; background: url(https://images.hange.jp/hangame/easy/pachinkodx/data/tab_direction.gif) no-repeat top left; line-height: 24px; overflow: hidden;}
#directionList li a:hover,
#directionList li a.now {background: url(https://images.hange.jp/hangame/easy/pachinkodx/data/tab_direction.gif) no-repeat top right; color: #E56602; text-decoration: none; font-weight: bold;}
#myDirection {clear: both; padding-top: 14px;}
#contents.data #myDirection h5 {margin: 0 0 6px 0; padding-left: 0; background: none; background-color: #F39800;}
#contents.data #myDirection h5 img {margin-left: 12px;}
#myDirection h6 {clear: both; height: 25px; margin-bottom: 6px; padding-left: 8px; border-top: 1px #8A8479 solid; background-color: #E9E5DF; line-height: 28px;}
#myDirection .group {width: 614px; padding-bottom: 10px;}
#myDirection .group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#myDirection .group .movie {float: left; width: 182px; padding: 5px 0; background-color: #D7D0C5; text-align: center;}
#myDirection .group .movie p.ss {margin: 0;}
#myDirection .group .movie p.ss img {border: 1px #e5e5e5 solid;}
#myDirection .group .movie p {margin: 8px 0 6px;}
#myDirection .group .data {float: right; width: 424px;}
#myDirection .group .data table {width: 208px;}
#myDirection .group .data table th {width: 88px; background-color: #f6f6f6;}
#myDirection .group .data table th.title {width: 206px; font-weight: bold;}
#myDirection .group .data table td {width: 119px; padding-left: 10px; text-align: left;}
#myDirection .group .data table.day {float: left;}
#myDirection .group .data table.day th.title {background-color: #AAD5DA;}
#myDirection .group .data table.total {float: right;}
#myDirection .group .data table.total th.title {background-color: #FCD1A2;}
#myDirection .group .data p {clear: both; padding-top: 6px;}


/** =======================================
==========================================*/
#contentsArea .nav_ranking{margin-top:-10px; margin-right:-5px; text-align: right;}