@charset 'Shift_JIS';

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



/* modelList
	基本スタイルは [mod_pachislot_specsheet.css]へ
============================================================== */
.data #introModel{background-image:url(https://images.hange.jp/hangame/easy/pachislotdx/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/pachislotdx/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/pachislotdx/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-top: 20px; background: url(https://images.hange.jp/hangame/easy/pachislotdx/modellist/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/pachislotdx/data/bg_tit_bb.jpg) left top no-repeat; 
}
#dataArea .repeat ul li {background-image: url(https://images.hange.jp/hangame/easy/pachislotdx/data/bg_tit_repeat.jpg);}
#dataArea .premium ul li {background-image: url(https://images.hange.jp/hangame/easy/pachislotdx/data/bg_tit_premium.jpg);}
#dataArea .master ul li {background-image: url(https://images.hange.jp/hangame/easy/pachislotdx/data/bg_tit_master.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/pachislotdx/data/bg_tit_ranking.jpg) left bottom no-repeat; 
}
#dataArea #titleData.ranking ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#dataArea ul li h5 {padding: 14px 0 5px 12px; font-size: 12px; font-weight: bold; text-align: left; letter-spacing: -1px;}
#dataArea .bb ul li h5 {color: #80aa4e;}
#dataArea .repeat ul li h5 {color: #4fa3c2;}
#dataArea .premium ul li h5 {color: #c24f4f;}
#dataArea .master ul li h5 {color: #f19c04;}
#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 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;}
/* present */
#presentArea {float: right; width: 374px; min-height: 241px; _height: 241px; margin: 0 15px 0 0; _margin: 0 7px 0 0; background: url(https://images.hange.jp/hangame/easy/pachislotdx/data/bg_present_btm.gif) left bottom no-repeat;}
#presentArea #present {width: 374px; padding-top: 22px; background: url(https://images.hange.jp/hangame/easy/pachislotdx/data/bg_present_top.gif) 0 0 no-repeat;}
#present h4 {margin: 0 0 3px 63px
}
#present dl {width: 318px; min-height: 114px; _height: 114px; margin: 32px auto 0; padding: 1px 0 0; background: url(https://images.hange.jp/hangame/easy/pachislotdx/data/bg_dot-line.gif) 0 0;}
#present dl dt {float: left; width: 92px; height: 38px; padding-right: 20px; line-height: 38px; text-align: right; clear: both;}
#present dl dt strong {color: #f3540e;}
#present dl dd {display: inline; float: left; height: 28px; padding-top: 10px;}
/* 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;}
/* table */
#dataArea table {border: 1px solid #eec190; border-left: none; border-bottom: none;}
#dataArea table th,
#dataArea table td {border-left: 1px solid #eec190; border-bottom: 1px solid #eec190; color: #5f5f5f; text-align: center; font-weight: normal;}
#dataArea table td {height: 36px;}