@charset 'Shift_JIS';

/* - First{ Y.H } - Last{ C.H } - Update{ 2008-06-23 } - About{ premiumPage style of easyhangame パチンコDX } */



/* 景品ページ
-------------------------------------------------- */
#contents.premium #contentsLead {background: url(https://images.hange.jp/hangame/easy/pachinkodx/premium/bg_premiumbox_btm.gif) center bottom no-repeat; padding-bottom: 10px;}
#contents.premium #contentsLead h2 {height: 82px; margin: 0 auto; background: url(https://images.hange.jp/hangame/easy/pachinkodx/premium/bg_premiumbox_top.gif) center 72px no-repeat;}
#contents.premium #premiumPikUp {width: 450px; min-height: 115px; margin: 0 auto; padding: 6px 0 9px; background: url(https://images.hange.jp/hangame/easy/pachinkodx/premium/bg_premiumbox_bg.gif) 0 0 repeat-y;}
#premiumPikUp .premiumGoods {float: left; margin: 0 7px 0 24px; _margin-left: 12px;}
#premiumPikUp dl {margin: 15px 0 0 0;}
#premiumPikUp dl dd {text-indent: 3px; font-size: 14px; font-weight: bold; color: #575757;}
#premiumPikUp dl dd.premiumTxt {margin-bottom: 10px; text-indent: 1px; color: #f14ca2;}
#contents.premium #contentsMain {clear: both; width: 575px; margin: 18px auto; background: none;}
#contents.premium #contentsMain ul {width: 554px; margin-top: 20px; padding: 0 12px 0 9px;}
#contents.premium #contentsMain li {clear: both;}
#contents.premium #contentsMain li img.tradeImg {float: left; width: 213px; height: 81px; margin: 0 7px 0 0;}
#contents.premium #contentsMain li dl {float: right; width: 334px; height: 130px; background: url(https://images.hange.jp/hangame/easy/pachinkodx/common/pic_w-arrow.gif) 32px 95px no-repeat;}
#contents.premium #contentsMain li dl.none {height: 95px;}
#contents.premium p.premiumCaution {clear: both; width: 534px; margin: 0 auto; padding: 6px 10px; background: #fff691; color: #ff4708;}

/* 景品交換所
-------------------------------------------------- */
#contents.change h3 {margin: 23px 0 5px 5px;}
#contents.change h4 {clear: both; margin: 30px 0 7px 5px;}
#contents.change h5 {position: relative; padding: 5px 0 5px 8px;}
#contents.change h5 span.term {position: absolute; top: 11px; left: 155px;}
#contents.change .guideBoxWContents:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#contents.change ul {margin-top: 17px;}
#contents.change ul.avatarParts:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#contents.change .set {position: relative; float: left; display: inline; width: 116px; height: 216px; margin: 17px 13px 18px 19px; padding: 0 0 0 7px; background: url(https://images.hange.jp/hangame/easy/pachinkodx/premium/bg_set.gif) no-repeat 0 0;}
#contents.change .set h6 {width: 116px; height: 27px; color: #fff; line-height: 2.3em; text-align: center;}
#contents.change .set .icon {position: absolute; top: 26px; left: 5px;}
#contents.change ul.avatarParts li {width: 101px; margin-right: 11px; background-color: #f3f3f3; text-align: center;}
#contents.change ul.avatarParts li p.avaName {width: 101px; height: 25px; background-color: #fff; font-family: "MS UI Gothic",sans-serif; line-height: 2em;}
#contents.change div.avatarItem {position: relative; width: 91px; height: 139px; margin: 4px 0 0 3px; background: #fff url(https://images.hange.jp/hangame/easy/pachinkodx/premium/bg_avatarImg.gif) repeat-x left bottom; border: 1px solid #e0e0e0; text-align: center;}
#contents.change div.comingsoon {background: none; background-color: #fff;}
#contents.change .set div.avatarItem {width: 109px; height: 167px; margin: 0 0 0 0; background: #fff url(https://images.hange.jp/hangame/easy/pachinkodx/premium/bg_avatarImg.gif) repeat-x left bottom; border: none;}
#contents.change div.avatarItem .avatarImg {position: absolute; left: 0; bottom: 0; width: 91px; margin: 0 auto;}
#contents.change .set div.avatarItem .avatarImg {width: 109px;}
/* セットが2個の場合 */
#contents.change .guideBoxWContents.set02 {padding-bottom: 18px;}
#contents.change .set02 .set {position: relative; float: left; display: inline; width: 116px; height: 216px; margin: 17px -5px 0 14px; padding: 0 0 0 7px; background: url(https://images.hange.jp/hangame/easy/pachinkodx/premium/bg_set.gif) no-repeat 0 0;}
#contents.change .set02 .set div.avatarItem {width: 109px; height: 167px; margin: 0 0 0 0; background: #fff url(https://images.hange.jp/hangame/easy/pachinkodx/premium/bg_avatarImg.gif) repeat-x left bottom; border: none;}
#contents.change .set02 div.avatarItem .avatarImg {position: absolute; left: 0; bottom: 0; width: 91px; margin: 0 auto;}
#contents.change .set02 .set div.avatarItem .avatarImg {width: 109px;}
#contents.change .set02 ul {float: right;}
#contents.change ul.avatarParts li {margin-right: 10px;}

#contents.change ul.avatarParts li p.ballCount {width: 101px; height: 25px; line-height: 1.5em;}
#contents.change .set p.ballCount {height: 25px; line-height: 2em; text-align: center;}
#contents.change ul.avatarParts li p.ballCount strong {color: #FF9205; margin-left: 5px;}
#contents.change p.caution {clear: both; margin: 7px 0 -13px; text-align: right;}
#contents.change .read {margin: 0 0 0 5px;}
#contents.change ol {margin-left: 19px;}
#contents.change ol:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#contents.change li {float: left; display: inline;}
#contents.change ol li p {width: 215px; margin: 10px 0pt 0pt 40px; padding: 1px 0pt 0pt 18px; background: url(https://images.hange.jp/hangame/easy/pachinkodx/playguide/guide/ico_01.gif) no-repeat 0 1px; font-family: "MS UI Gothic",sans-serif; line-height: 1.3;}
.guideBoxW .flow {padding: 35px 0;}
.guideBoxW .way {padding: 35px 0 25px;}
#contents.change ul.avatarParts li p.line2 {height: 34px; line-height: 1.3;}
/* 変形Ver080529 */
#contents.change .guideBoxWContents.set03 {padding-bottom: 18px;}
#contents.change .set03 .set {position: relative; float: left; display: inline; width: 91px; height: 216px; margin: 17px -5px 0 14px; padding: 0 0 0 7px; background: url(https://images.hange.jp/hangame/easy/pachinkodx/premium/bg_set2.gif) no-repeat 0 0;}
#contents.change .set03 .set h6 {width: 91px;}
#contents.change .set03 .set h6.nameW {width: 105px; margin-left: -8px; letter-spacing: -0.1em;}
#contents.change .set03 .set div.avatarItem {width: 68px; height: 167px; margin: 0 0 0 0; background: #fff none repeat-x left bottom; border: none;}
#contents.change .set03 div.avatarItem {width: 110px;}
#contents.change .set03 div.avatarItem .avatarImg {position: absolute; left: 0; bottom: 0; width: 91px; margin: 0 auto;}
#contents.change .set03 .set div.avatarItem .avatarImg {left: 8px; bottom: 8px; width: 68px;}
#contents.change .set03 ul {float: right;}
#contents.change .set03 ul.avatarParts li {width: 118px; margin-right: 8px;}
#contents.change .set03 ul.avatarParts li p.avaName {width: 118px;}
#contents.change .set03 ul.avatarParts li p.ballCount {width: 118px;}



/* 景品交換所 リニューアル@2009-02
-------------------------------------------------- */
/* pachigacha_lead */
#contents.change2 .pachigacha_lead{margin:0 15px 10px;}
#contents.change2 .pachigacha_lead h3{margin-top:23px; margin-bottom:5px; margin-left:0;}
/* pachigacha_heading */
#contents.change2 .pachigacha_heading{position:relative; margin-bottom:7px; padding-bottom:5px; border-bottom:2px solid #e3e3e3; zoom:1;}
#contents.change2 .pachigacha_heading h4{margin:15px 0 0 16px; font-size:14px; color:#ff4708; font-weight:bold;}
#contents.change2 .pachigacha_heading p{position:absolute; bottom:3px; right:0; width:239px; height:13px; padding:5px 7px; font-weight:bold; background:url(https://images.hange.jp/hangame/easy/pachinkodx/premium/bg_pachigacha_heading.gif) 0 0 no-repeat;}
#contents.change2 .pachigacha_heading p span{font-weight:normal; color:#399;}
/* アイテムリストのwrapper */
#contents.change2 #itemSelect #catalog{overflow: hidden;}
/* アイテムリスト(一行分) */
#contents.change2 #catalog ul.itemArea {height: 228px; margin:0 1px 27px; padding: 0; text-align: center; overflow: hidden; zoom: 1;}
#contents.change2 #catalog ul.itemArea li.item,
#contents.change2 #catalog ul.itemArea li.item_p,
#contents.change2 #catalog ul.itemArea li.item_v {float: left; width: 153px; text-align: center;}

/* avatarItem
----------------------------- */
#contents.change2 ul.itemArea div.avatarItem,
#contents.change2 ul.itemArea div.avatarItem_l,
#contents.change2 ul.itemArea div.avatarItem_r {position: relative; height: 133px; width:120px; margin:0 auto 9px; border:3px solid #ebebeb; background: url(https://images.hange.jp/hangame/shop/common/bg_avataritem.gif) left bottom repeat-x; line-height: normal; z-index: 5;}
#contents.change2 ul.itemArea div.avatarItem.cool{background:none;}
#contents.change2 div.avatarItem .avatarImg,
#contents.change2 div.avatarItem_l .avatarImg,
#contents.change2 div.avatarItem_r .avatarImg {position: absolute; left: 0; bottom: 0; margin: 0 auto; z-index: 1; width:100%;}
#contents.change2 div.avatarItem .avatarImg img,
#contents.change2 div.avatarItem_l .avatarImg img,
#contents.change2 div.avatarItem_r .avatarImg img,
#contents.change2 div.avatarItem .itemColor img {vertical-align: bottom; _margin-bottom:-1px;}
/* Layer */
#contents.change2 div.avatarItem .newLayer,
#contents.change2 div.avatarItem .saleLayer {position: absolute; top: -3px; right: -3px; z-index: 100;}
#contents.change2 div.avatarItem ul.itemColor,
#contents.change2 div.avatarItem .tryNow,
#contents.change2 div.avatarItem .petLayer {width: 125px; margin: 0 auto;}
#contents.change2 div.avatarItem ul.itemColor {position: absolute; top: 5px; *top: 6px; left: 0; z-index: 101;}
#contents.change2 div.avatarItem ul.itemColor li {display: inline; margin-left: 2px;}
#contents.change2 div.avatarItem .petLayer {position: absolute; top: 11px; left: 0; z-index: 102;}
#contents.change2 div.avatarItem .tryNow {position: absolute; top: 30px; left: 0; z-index: 10;}

/* itemInfo
----------------------------- */
#contents.change2 ul.itemArea .itemInfo,
#contents.change2 ul.itemArea .itemInfo_l,
#contents.change2 ul.itemArea .itemInfo_r {position: relative; height: 62px; padding: 7px 0 0; background: #f6f6f6;}
#contents.change2 ul.itemArea .itemInfo .itemCheck{width: 130px; margin: 0 auto; text-align: center; line-height: 1.1;}
#contents.change2 ul.itemArea .itemInfo .itemCheck h4{margin-bottom:2px; font-size: 10px; font-weight: normal; z-index: 10; word-wrap: break-word; color: #ff9205;}
#contents.change2 ul.itemArea div.itemInfo .itemCheck p{color: #333;}
#contents.change2 ul.itemArea div.itemInfo p.itemDesc{width: 130px; margin: 0 auto; font-size: 10px;}
#contents.change2 ul.itemArea div.itemInfo p.itemNote{position:absolute; bottom:5px; left:0; width:100%; text-align:center; font-weight:bold; color:#ff0000;}

/* add itemCheck */
#catalog.item1 ul.itemArea .itemInfo .itemCheck,
#catalog.item1 ul.itemArea .itemInfo .itemCheck h4,
#catalog.item2 ul.itemArea .itemInfo .itemCheck,
#catalog.item2 ul.itemArea .itemInfo .itemCheck h4 {width: 251px; min-height: 20px; _height: 20px;}
#catalog.item3 ul.itemArea .itemInfo .itemCheck,
#catalog.item3 ul.itemArea .itemInfo .itemCheck h4 {width: 165px; min-height: 20px; _height: 20px;}
ul.itemArea li.item_v .itemInfo .itemCheck h4 {height: 28px; _margin-bottom: 0;}
ul.itemArea div.itemInfo .itemCheck p.suppl {color: #888;}