@charset 'Shift_JIS';

/* - First{ Y.H } - Last{ Y.H } - Update{ 2009-04-01 } - About{ ModelList style of pachislotdxDX } */

#contents.modelSpec #contentsLead {background: none !important; padding: 0 0 3px;}
.model img {vertical-align: bottom;}


/* modelList
        collectionbook用拡張は [mod_pachislot_collectionbook.css]へ
============================================================== */
#introModel {position:relative; width:598px; margin-bottom:15px; padding:0 10px 10px; border:1px solid #e0e0e0; background: #fafafa url(https://images.hange.jp/hangame/easy/pachinkodx/v2/common/bg_modellist.gif) bottom left no-repeat;}
#modelList div.holder {position: relative; height: 124px; margin:0 15px; overflow: hidden;}
#modelList ul.shopContainer{position: absolute; top: 10px; left: 0; white-space: nowrap; width:5000px;}
#modelList ul.shopContainer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#modelList ul li {float: left; position: relative; display: inline; width: 94px; height: 153px; text-align: center;}
#modelList ul li{ _margin-right:-2px; }
#modelList ul li strong {display: block; padding-right:8px; white-space: normal; width:80px; cursor:pointer; padding-left:8px; font-size:10px; font-family:'Verdana'; word-wrap: break-word;}
#modelList ul li.now a strong,
#modelList ul li a:hover strong{color:#c30512; font-weight:bold; text-decoration: none;}
#modelList ul li .model{display: block; margin-bottom:5px;}
#modelList ul li .model img {width:78px; height:76px; padding:1px; border:1px solid #b3b3b3; background:#fff;}
#modelList ul li.now .model img,
#modelList ul li a:hover .model img{border-color:#c30512;}
#introModel p.prev,
#introModel p.next{z-index:50;}
#introModel p.prev {position: absolute; top:35px; left:5px;}
#introModel p.next {position: absolute; top:35px; right:5px;}





/** ========================================================
 *
 *      20090625
 *
 * ========================================================*/
/**
 *      collection bookと共有の#dataTabスタイル
 */
#dataTab h4.click{width:150px; height:23px; margin-top:-25px; padding:8px 3px 0; text-align: center; background:url(https://images.hange.jp/hangame/easy/pachinkodx/v2/common/bg_tab.gif) 0 0 no-repeat;}
#dataTab h4.click.on{background-image:url(https://images.hange.jp/hangame/easy/pachinkodx/v2/common/bg_tab_on.gif);}
#dataTab .data1 h4.click{ left:0 !important;}
#dataTab .data2 h4.click{ left:155px !important;}
#dataTab .data3 h4.click{ left:310px !important;}
#dataTab .data4 h4.click{ left:465px !important;}


/**
 *collection bookと共有の.cHeadingBarスタイル
 */
#contents .cHeadingBar{position:relative; left:-3px; width:627px; height:34px; margin-bottom:12px; background:url(https://images.hange.jp/hangame/easy/pachinkodx/v2/common/bg_heading.gif) 0 0 no-repeat;}
#contents .cHeadingBar h3{color:#fff; font-size:14px; padding:4px 15px 0;}
#contents .cHeadingBar .icon{position:absolute; top:6px; right:11px; font-size:0; text-align: right;}
#contents .cHeadingBar .icon img{font-size:12px; margin-left:3px;}


/**
 *collection bookと共有の.cHeadingMinスタイル
 */
#contents .cHeadingMin{margin-bottom:15px; background:url(https://images.hange.jp/hangame/easy/pachinkodx/v2/common/bg_heading_min.gif) bottom left repeat-x;}
#contents .cHeadingMin h5{padding:0 2px 5px; font-size:13px; color:#ab1b1b; background:url(https://images.hange.jp/hangame/easy/pachinkodx/v2/common/bg_heading_min.gif) bottom left repeat-x;}


/**
 *tab内のtab
 */
#contents #dataDetailTab{}
#contents #dataDetailTab .detailTabHolder{width:100%;}
#contents #dataDetailTab .detailTab{font-weight:bold; color:#999; padding-right:10px; padding-left:10px; border-left:1px solid #e8e8e8;}
#contents #dataDetailTab .detailTab.active{color:#333;}
#contents #dataDetailTab .detail1 .detailTab{padding-left:0 !important; border-left:0 none !important;}
#contents #dataDetailTab .detailTabCnt{margin:5px -10px 0; padding:20px 10px 0; border-top:1px solid #e5e5e5;}

/* for IE6/7 */
#contents #dataDetailTab .detailTabHolder{
        *width:575px;
        *margin:-10px;
        *padding:10px;
}



/** ---------------------------------
 *      Specsheet用コンポーネント
        #UISpecsheetBody内で使われる、機種紹介用コンポーネント群

        // index //
        @cModelIntroduction             基本データTab先頭の機種説明文
        @cSpecTable                             基本データTab2番目のスペック表
        @cCaptures                              サムネイル + 説明文言一覧用
        @cImageAndText                  画像 + テキスト
 */


/**
 *      #UISpecsheetBody要素基本スタイル
 */
#UISpecsheetBody{line-height:1.5;}
#UISpecsheetBody .cHeadingMin,
#UISpecsheetBody .cModelIntroduction,
#UISpecsheetBody .cSpecTable,
#UISpecsheetBody .cSpecTable2,
#UISpecsheetBody .cCaptures{margin-right:-10px; margin-left:-10px;}
#UISpecsheetBody p,
#UISpecsheetBody dd,
#UISpecsheetBody ol,
#UISpecsheetBody ul{margin-bottom:15px;}
#UISpecsheetBody .image p{margin-bottom:5px;}
#UISpecsheetBody dl dt{margin-bottom:3px; font-weight: bold; color:#333;}
#UISpecsheetBody p.image,
#UISpecsheetBody dd.image{text-align: center;}
#UISpecsheetBody p.image img,
#UISpecsheetBody dd.image img{margin-bottom:5px;}
/*#UISpecsheetBody dd.image img{padding:2px; border:1px solid #e5e5e5;}*/

#UISpecsheetBody .cHeadingMin h5{font-weight:bold !important; background-color:#fff !important;}
#UISpecsheetBody strong{color:#AB1B1B;}

/**
 *      角丸
 */
#contents ul#dataTab{width:621px; padding-top:25px;}
#contents ul#dataTab li.dataBox{width:100%;}
#contents ul#dataTab div.modelData{background:url(https://images.hange.jp/hangame/easy/pachinkodx/v2/common/bg_roundbox_middle.gif) 0 0 repeat-y;}
#contents ul#dataTab div.modelDataInner{margin-top:-1px; padding:20px 24px; border-top:1px solid #e2e2e2; background:url(https://images.hange.jp/hangame/easy/pachinkodx/v2/common/bg_roundbox_bottom.gif) bottom left no-repeat; zoom:1;}


/** cModelIntroduction */
#contents .cModelIntroduction{margin-bottom:15px; zoom:1;}
#contents .cModelIntroduction:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
#contents .cModelIntroduction .image{float: left; width:277px; margin-right:15px;}
#contents .cModelIntroduction .image p img{padding:2px; border:1px solid #e5e5e5;}


/** cSpecTable */
#contents .cSpecTable{position:relative; left:-1px; margin-bottom:15px; overflow: hidden; zoom:1;}
#contents .cSpecTable table,
#contents .cSpecTable table th,
#contents .cSpecTable table td{border:0 none; border-collapse:separate !important; text-align: center; font-weight:normal;}
#contents .cSpecTable table{position:relative; right:-1px; width:100%; border-top:2px solid #aaaaaa; border-bottom:2px solid #aaaaaa;}
#contents .cSpecTable table th,
#contents .cSpecTable table td{padding:5px;}
#contents .cSpecTable table th{font-weight:bold; background:#eeeeee; border:1px solid #fff; border-left:0 none;}
#contents .cSpecTable table tbody th,
#contents .cSpecTable table tbody td{border-top:1px solid #eeeeee;}
#contents .cSpecTable table tbody th{border-right:1px solid #eeeeee;}
#contents .cSpecTable table tbody td{padding-top:8px; padding-bottom:8px; border-right:1px solid #eeeeee;}


/** cSpecTable2 */
#contents .cSpecTable2{position:relative; left:-1px; margin-bottom:25px; overflow: hidden;  zoom:1;}
#contents .cSpecTable2 table,
#contents .cSpecTable2 table th,
#contents .cSpecTable2 table td{border:0 none; border-collapse:separate !important; text-align: left; font-weight:normal;}
#contents .cSpecTable2 table{position:relative; right:-1px; width:100%; border-top:2px solid #aaaaaa; border-bottom:2px solid #aaaaaa;}
#contents .cSpecTable2 table th,
#contents .cSpecTable2 table td{padding:5px 10px;}
#contents .cSpecTable2 table th{width:1%; white-space: nowrap;}
#contents .cSpecTable2 table td{width:31%;}
#contents .cSpecTable2 table th{font-weight:bold; background:#eeeeee; border:1px solid #fff; border-left:0 none;}
#contents .cSpecTable2 table tbody th,
#contents .cSpecTable2 table tbody td{border-top:1px solid #eeeeee;}
#contents .cSpecTable2 table tbody th{border-right:1px solid #eeeeee;}
#contents .cSpecTable2 table tbody td{padding-top:8px; padding-bottom:8px; border-right:1px solid #eeeeee;}


/** cCaptures */
#contents .cCaptures{margin-bottom:25px; zoom:1;}
#contents .cCaptures:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
#contents .cCaptures p{margin-left:10px; margin-right:10px;}
#contents .cCaptures ul:after{content:".";display:block;height:0;clear:both;visibility:hidden}
#contents .cCaptures li{float: left; width:197px; text-align: center; min-height:175px; _height:175px;}
#contents .cCaptures li.txt{_height: 15px; min-height: 15px;}
#contents .cCaptures li img{margin-bottom:5px; padding:2px; border:1px solid #e5e5e5;}


/** cCaptures 拡張 ext_2pain */
#contents .cCaptures.ext_2pain ul:after{content:".";display:block;height:0;clear:both;visibility:hidden}
#contents .cCaptures.ext_2pain li{width:296px; min-height:0; _height:auto;}


/** cCaptures 拡張 ext_linearize */
#contents .cCaptures.ext_linearize li{float: none; width:auto; min-height:0; _height:auto; margin-bottom:15px;}
#contents .cCaptures.ext_linearize li img{padding:0; border:0 none;}


/** cImageAndText */
#contents .cImageAndText{margin-bottom:15px; zoom:1;}
#contents .cImageAndText:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
#contents .cImageAndText .image{float:left; width:268px; text-align:center;}
#contents .cImageAndText .image img{padding:2px; border:1px solid #e5e5e5;}
#contents .cImageAndText .text{float: right; width:290px;}


/** imgTxt */
#contents .imgTxt:after{content:".";display:block;height:0;clear:both;visibility:hidden}
#contents .imgTxt ul li{margin-bottom:15px; zoom:1;}
#contents .imgTxt ul li:after{content:".";display:block;height:0;clear:both;visibility:hidden}
#contents .imgTxt ul li img{padding:2px; border:1px solid #e5e5e5; float:left; margin-right:11px;}


/** imgTxt_2pain */
#contents .imgTxt_2pain ul{width:580px;}
#contents .imgTxt_2pain:after{content:".";display:block;height:0;clear:both;visibility:hidden}
#contents .imgTxt_2pain ul li{margin-bottom:15px; float:left; zoom:1;}
#contents .imgTxt_2pain ul li img{padding:2px; border:1px solid #e5e5e5; float:left; margin-right:11px;}
#contents .imgTxt_2pain ul li p{width:135px; margin: 0 10px 0 137px; zoom:1;}


/** imgTxt_sp */
#contents .imgTxt_sp p:after{content:".";display:block;height:0;clear:both;visibility:hidden}
#contents .imgTxt_sp p{margin-bottom:15px; zoom:1;}
#contents .imgTxt_sp p img{padding:2px; border:1px solid #e5e5e5; float:left; margin-right:11px;}



/** cNote */
#contents .cNote{margin-bottom:25px; padding:10px 15px; background:#f4f4f4; border:1px solid #e5e5e5;}
#contents .cNote h6{min-height:15px; padding:4px 5px 7px 35px; color:#ff6600; background:url(https://images.hange.jp/hangame/easy/pachinkodx/v2/specsheet/component/bg_note.gif) 0 0 no-repeat;}


/** cReelAray */
#contents .cReelAray{position:relative; left:-10px; width:593px; zoom:1;}
#contents .cReelAray:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
#contents .cReelAray .leftcolumn,
#contents .cReelAray .rightcolumn{width:291px;}
#contents .cReelAray .leftcolumn{float: left;}
#contents .cReelAray .rightcolumn{float: right;}
#contents .cReelAray h5{min-height:23px; color:#AB1B1B; margin-bottom:10px; padding:4px 10px 0; background:url(https://images.hange.jp/hangame/easy/pachinkodx/v2/common/bg_heading_half.gif) 0 0 no-repeat;}

#contents .cReelArray{position:relative; left:-10px; width:593px; zoom:1;}
#contents .cReelArray:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
#contents .cReelArray .leftcolumn,
#contents .cReelArray .rightcolumn{width:291px;}
#contents .cReelArray .leftcolumn{float: left;}
#contents .cReelArray .rightcolumn{float: right;}
#contents .cReelArray h5{min-height:23px; color:#AB1B1B; margin-bottom:10px; padding:4px 10px 0; text-align:center; background:url(https://images.hange.jp/hangame/easy/pachinkodx/v2/common/bg_heading_half.gif) 0 0 no-repeat;}


/** コンポーネント内に入る汎用的なモジュール */
#UISpecsheetBody .mArticles li{margin-bottom:5px; padding-left:7px; background:url(https://images.hange.jp/hangame/easy/pachinkodx/v2/specsheet/component/bul_dot.gif) 0 0.7em no-repeat;}
#UISpecsheetBody .caution{margin:5px; text-align: right; color:#f00;}


/** c2Column */
#contents .c2Column{width: 588px; margin-right:-10px; margin-left:-10px; zoom:1;}
#contents .c2Column:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
#contents .c2Column .left,
#contents .c2Column .right{width: 291px;}
#contents .c2Column .left{float: left;}
#contents .c2Column .right{float: right;}
#contents .c2Column h6{height:17px; margin-bottom:5px; padding:5px; text-align: center; color: #ab1b1b; font-size: 12px; background:url(https://images.hange.jp/hangame/easy/pachinkodx/v2/common/bg_heading_half.gif) 0 0 no-repeat;}
#contents .c2Column .imageBox{margin-right:1px; margin-left:2px; padding:20px 0; text-align: center; border: 1px solid #e5e5e5;}


/** c1Column */
#contents .c1Column{width: 588px; margin-right:-10px; margin-left:-10px; zoom:1;}
#contents .c1Column:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
#contents .c1Column h6{height:17px; margin-bottom:5px; padding:5px; text-align: center; color: #ab1b1b; font-size: 12px; background:url(https://images.hange.jp/hangame/easy/pachinkodx/v2/common/bg_heading_nohalf.gif) 0 0 no-repeat;}
#contents .c1Column .imageBox{margin-right:1px; margin-left:2px; padding:20px 0; text-align: center; border: 1px solid #e5e5e5;}



/**
 * ここから下、パチンコDX独特のスタイル。
 * パチスロと共有はしない。
 */
#contents #UISpecsheetBody .guideBoxW,
#contents #UISpecsheetBody .guideBoxW_top,
#contents #UISpecsheetBody .guideBoxWContents{width:auto; background:none; border:none; margin:0; padding:0;}
#contents #UISpecsheetBody .guideBoxW{margin-bottom:15px; margin-left:-10px;}


/** c2Column */
#contents ol.ssNumber {margin-top: 5px;}
#contents ol.ssNumber li{color: #FF9205; padding: 2px 0 0 15px; margin: 0; background-position: 0 5px; background-repeat: no-repeat; line-height: 17px;}
#contents ol.ssNumber li.no1{background-image: url(https://images.hange.jp/hangame/easy/pachinkodx/playguide/ico_01.gif);}
#contents ol.ssNumber li.no2{background-image: url(https://images.hange.jp/hangame/easy/pachinkodx/playguide/ico_02.gif);}
#contents ol.ssNumber li.no3{background-image: url(https://images.hange.jp/hangame/easy/pachinkodx/playguide/ico_03.gif);}
#contents ol.ssNumber li.no4{background-image: url(https://images.hange.jp/hangame/easy/pachinkodx/playguide/ico_04.gif);}
#contents ol.ssNumber li.no5{background-image: url(https://images.hange.jp/hangame/easy/pachinkodx/playguide/ico_05.gif);}
#contents ol.ssNumber li.no6{background-image: url(https://images.hange.jp/hangame/easy/pachinkodx/playguide/ico_06.gif);}
#contents ol.ssNumber li.no7{background-image: url(https://images.hange.jp/hangame/easy/pachinkodx/playguide/ico_07.gif);}
#contents ol.ssNumber li.no8{background-image: url(https://images.hange.jp/hangame/easy/pachinkodx/playguide/ico_08.gif);}
#contents ol.ssNumber li.no9{background-image: url(https://images.hange.jp/hangame/easy/pachinkodx/playguide/ico_09.gif);}
#contents ol.ssNumber li.no10{background-image: url(https://images.hange.jp/hangame/easy/pachinkodx/playguide/ico_10.gif);}
#contents ol.ssNumber li.no11{background-image: url(https://images.hange.jp/hangame/easy/pachinkodx/playguide/ico_11.gif);}
#contents ol.ssNumber li.no12{background-image: url(https://images.hange.jp/hangame/easy/pachinkodx/playguide/ico_12.gif);}
#contents ol.ssNumber li.no13{background-image: url(https://images.hange.jp/hangame/easy/pachinkodx/playguide/ico_13.gif);}


#contents.modelSpec ul.howtoPlay,
#contents.modelSpec ul.howtoPlay li {margin-bottom: 0;}
#contents.modelSpec ul.howtoPlay {margin-top: 8px;}
#contents.modelSpec ul.howtoPlay strong {color: #ff9205; font-weight: normal;}
#contents.modelSpec ul ol.orderList {margin-top: 0; color: #ff9205;}
#contents.modelSpec ol.playFlow {margin-top: 15px;}
#contents.modelSpec ol.playFlow li {/*width: 335px; */margin-bottom: 15px; padding-left: 1.3em; text-indent: -1.3em;}
#contents.modelSpec ol.playFlow li em {padding-right: 5px; color: #ff9205; font-style: normal; font-weight: bold;}
#contents.modelSpec ol.playFlow li img {float: none; margin-right: 1px;}
#contents.modelSpec ol.playFlow strong {color: #FF9205;}
#contents.modelSpec ol.playFlow strong.point {color: #676767;}