@charset "shift_jis";


/* contentsArea
========================================================================= */
#bodyArea.top {
  margin-top: 10px;
}
.top #contentsArea {
  margin-bottom: 30px;
}

/* prmArea */
.top #prmArea {
position: relative;
width: 960px;
padding-bottom: 10px;
background: #fff;
}

/*
.top #prmArea .prmBnr {
position: relative;
width: 960px;
height: 202px;
}
.top #prmArea .prmBnr .list {
text-indent: -9999px;
}

.top .slide {
position: absolute;
top: 217px;
left: 46%;
min-width: 15px;
width: 150px;
margin: 0 auto;
text-indent: -9999px;
}
.top .listBody .slide {
top: 275px;
}
.top .slide:after { content: "."; display: block; height: 0; line-height:0; clear: both; visibility: hidden; }

.top .slide a {
display: block;
float: left;
width: 11px;
height: 10px;
margin-right: 4px;
background: url(//images.hange.jp/r02/common/sprite/sp_icon01.png) -16px -20px no-repeat;
outline: none;
}
.top .slide a:hover,
.top .slide .act {
background-position: 0px -20px;
}

.top .prmBnr p {
position: absolute;
top: 91px;
left: 0;
}
.top .prmBnr .arw02 {
left: auto;
right: 0;
}
 */

/* gameListArea
.top #gameListArea {
position: relative;
width: 750px;
height: 512px;
border-top: 1px solid #cfcfcf;
}
#gameListArea .move a {
position: absolute;
top: 55px;
right: 10px;
width: 100px;
height: 26px;
background: url(//images.hange.jp/hangame/common/spacer.gif) 0 0 repeat;
text-indent: -9999px;
}
.picUpArea {
position: relative;
width: 760px;
height: 117px;
background: url(//images.hange.jp/hangame/avatar/top/r02/bg/bg_picup.jpg) 0 0 no-repeat;
z-index: 10;
}
.picUpArea h3 {
position: absolute;
top: -3px;
left: 8px;
z-index: 100;
}
.listBody {
position: relative;
width: 711px;
height: 306px;
margin: 0 auto;
overflow: hidden;
z-index: 10;
}
.listBody .inr {
width: 9999px;
height: 235px;
margin: 0;
padding: 20px 0 0;
}
.listBody .list {
display: inline-block;
float: left;
width: 711px;
height: 235px;
zoom:1;
}

.listBody .list:after { content: "."; display: block; height: 0; line-height:0; clear: both; visibility: hidden; }

.picUpArea .listBody .inr {
width: 711px;
margin: 0 auto;
padding: 0;
}
.picUpArea .listBody .list {
display: block;
margin-top: 31px;
}
.m-gItem01 {
float: left;
width: 211px;
height: 65px;
margin:0 26px 20px 0;
}
.m-gItem01 .thms{
margin-right:10px;
float:left;
}
.m-gItem01 .stus{
float:left;
}

.m-gItem01 .txt,
.m-gItem01 .oprtn {
display: block;
width:0;
height: 11px;
margin: 0 0 5px;
background: url(//images.hange.jp/r02/gamelist/sp_g_category.png) 0 11px no-repeat;
overflow: hidden;
vertical-align: bottom;
zoom: 1;
}
.m-gItem01 .ctgry:after { content: "."; display: block; height: 0; line-height:0; clear: both; visibility: hidden; }
.m-gItem01 .txt{
float:left;
text-indent: -9999px;
}
.p-rpg .txt {
width:21px;
margin: 0 5px 5px 0;
background-position:0 -19px;
}
.p-shooting .txt {
width:63px;
margin: 0 5px 5px 0;
background-position:0 -38px;
}
.p-sports .txt {
width:38px;
margin: 0 5px 5px 0;
background-position:0 -60px;
}
.p-simulation .txt {
width:73px;
margin: 0 5px 5px 0;
background-position:0 -80px;
}
.p-card .txt {
width:57px;
margin: 0 5px 5px 0;
background-position:0 -100px;
}
.p-puzzle .txt {
width:60px;
margin: 0 5px 5px 0;
background-position:0 -121px;
}
.p-tablegame .txt {
width:65px;
margin: 0 5px 5px 0;
background-position:0 -141px;
}
.p-pachingko .txt {
width:83px;
margin: 0 5px 5px 0;
background-position:0 -162px;
}
.p-etc .txt {
width:33px;
margin: 0 5px 5px 0;
background-position:0 -184px;
}
.m-gItem01 .oprtn {
width: 0;
margin: 0 0 5px;
background: url(//images.hange.jp/r02/gamelist/sp_icon01.png) 0 11px no-repeat;
vertical-align: top;
}
.new .oprtn {
width:28px;
background-position:0 0;
}
.updt .oprtn {
width:40px;
background-position:0 -12px;
}
.event .oprtn {
width:37px;
background-position:0 -24px;
}
.mnt .oprtn {
width:40px;
background-position:0 -36px;
}
.test .oprtn {
width:37px;
background-position:0 -48px;
}

.m-gItem01 .tit{
clear: both;
width:134px;
min-height:24px;
line-height: 1.2;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-weight:bold;
word-wrap: break-word;
}
.m-gItem01 .p-rta01 {
color: #ee6a2b;
}
.m-gItem01 .p-rta01 span {
font-family: Tahoma, Arial, Helvetica, sans-serif;
}
 */


/* todayArea
---------------------------------------------------- */
#todayArea {
  clear: both;
  position: relative;
  width: 740px;
  min-height: 546px;
  background-position: 0 91px;
  background-repeat: no-repeat;
}
#todayArea.avaCool {
  background-image: url(//images.hange.jp/hangame/avatar/top/r02/bg/bg_corde_cool_v02.jpg);
}
#todayArea.avaPure {
  background-image: url(//images.hange.jp/hangame/avatar/top/r02/bg/bg_corde_pure_v02.jpg);
}
#todayArea h2 {
  width: 750px;
  margin-right: -10px;
  border-top: 1px solid #cfcfcf;
}
#todayArea .wrap {
  padding-bottom: 16px;
  background: url(//images.hange.jp/hangame/avatar/top/bg/bg_corde_btm.jpg) left bottom no-repeat;
}
#todayArea h3 {
  position: absolute;
  top: 97px;
  right: 6px;
}

/* btnCalendar */
#todayArea .btnCalendar {
  position: absolute;
  right: 0;
  top: 51px;
  width: auto;
  text-align: center;
  margin-right: -10px;
}
#todayArea .btnCalendar li {
  margin-right: 10px;
  display: inline-block;
 /display: inline; /*for ie7*/
 /zoom: 1; /*for ie7*/
}


/* listLink
--------------------------*/
#todayArea .listLink {
  position: absolute;
  top: 115px;
  left: 279px;
}
#todayArea .listLink:after {
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  clear: both;
  visibility: hidden;
}
.listLink li {
  float: left;
  margin: 0 0 0 2px;
}
.listLink li a {
  display: block;
  width: 110px;
  height: 25px;
  background-position: 0 0;
  background-repeat: no-repeat;
}
.listLink li a:hover {
  background-position: 0 -25px;
}
.listLink li a span {
  display: none;
}
.listLink .entrant a {
  background-image: url(//images.hange.jp/hangame/avatar/top/btn/btn_entrant_list.png);
}
.listLink .friend a {
  width: 126px;
  background-image: url(//images.hange.jp/hangame/avatar/top/btn/btn_friend_corde.png);
}


/* showCorde
--------------------------*/
#showCorde {
  position: relative;
  clear: both;
  width: 740px;
  z-index: 10;
}
#showCorde .showWrap {
  position: relative;
  overflow: hidden;
}
.avaPure #showCorde {
  min-height: 560px;
}
.avaCool #showCorde {
  min-height: 537px;
}

/* #showCorde .attendTab */
.attendTab {
  width: 731px;
  height: 42px;
  margin: 0 auto;
  padding: 9px 0 9px 9px;
}
.attendTab li {
  float: left;
  width: 211px;
  height: 42px;
}
.attendTab li.now {
  background: url(//images.hange.jp/hangame/avatar/top/r02/btn/btn_tab_pure.png) 0 -42px no-repeat;
}
.attendTab li a {
  display: block;
  width: 211px;
  height: 42px;
  background: url(//images.hange.jp/hangame/avatar/top/r02/btn/btn_tab_pure.png) 0 0 no-repeat;
}
.attendTab li a:hover {
  background-position: 0 -42px;
}
.attendTab li.award a {
  background-position: -211px 0;
}
.attendTab li.award a:hover, .attendTab li.award.now {
  background-position: -211px -42px;
}
.attendTab li.otherAttend a {
  background-position: -422px 0;
}
.attendTab li.otherAttend a:hover, .attendTab li.otherAttend.now {
  background-position: -422px -42px;
}
.avaCool .attendTab li.now, .avaCool .attendTab li a {
  background-image: url(//images.hange.jp/hangame/avatar/top/r02/btn/btn_tab_cool.png);
}
.attendTab li span {
  display: none;
}

/* #showCorde .showList */
.avaPure .showWrap {
  width: 740px;
  height: 500px;
}
.avaPure .showList {
  position: relative;
  width: 740px;
  height: 451px;
}
.avaCool .showWrap {
  margin: 0 0 0 47px;
  padding-top: 13px;
  width: 643px;
  height: 429px;
}
.avaCool .showList {
  position: absolute;
  width: 627px;
  height: 429px;
  padding-left: 16px;
}
#contentsArea .showList li .avaImg {
  padding: 0;
  border: none;
  background: none;
}

/* Cool only */
.avaCool .showList li {
  position: relative;
  float: left;
  width: 203px;
  height: 429px;
  margin: 0 6px 0 0;
  background: url(//images.hange.jp/hangame/avatar/top/bg/bg_entrant_cool.png) 0 0 no-repeat;
}
.avaCool #showCorde .showList .avaImg {
  width: 186px;
  height: 366px;
  margin: 6px 0 0 5px;
  border: 1px solid #bdac99;
}
.avaCool #showCorde .showList dl {
  margin-top: -2px;
}
.avaCool #showCorde .showList .hgID {
  width: 183px;
  height: 16px;
  text-align: center;
}
.avaCool #showCorde .showList .hgID .detail img {
  left: 72px;
}
.avaCool #showCorde .showList .ico {
  position: relative;
  display: inline-block;
  top: -3px;
  left: auto;
  margin: 0 0 0 3px;
  vertical-align: top;
}
.avaCool #showCorde .showList .goodCount {
  margin-left: 29px;
}
.avaCool #showCorde .showList .clickBtn {
  position: relative;
  top: -19px;
  margin-left: 102px;
}
.avaCool #showCorde .showList strong.icoList {
  display: inline-block;
  position: relative;
  top: 2px;
  left: 0;
  right: 0;
  width: 32px;
}
.avaCool #showCorde .showList strong.icoList.ico01 {
  width: 16px;
}
.avaCool #showCorde .showList .icoList span {
  float: right;
  margin: 0 0 0 3px;
}
.avaCool #showCorde .showList .thanks {
  top: -133px;
  left: auto;
  right: 0;
}
.avaCool .showList .efc_good {
  position: absolute;
  top: -195px;
  left: -16px;
}
.avaCool .showList .efc_sent {
  position: absolute;
  bottom: 35px;
  left: 93px;
}

/* Pure only */
.avaPure .showList li {
  position: absolute;
  width: 78px;
  height: 162px;
  margin: 0;
  padding: 0 0 7px;
  background: url(//images.hange.jp/hangame/avatar/top/bg/bg_shadow_s.png) -4px 141px no-repeat;
}
#contentsArea .avaPure .showList li .avaImg {
  width: 71px;
  height: 155px;
  padding: 4px 3px 3px 4px;
  border: none;
  background: url(//images.hange.jp/hangame/avatar/top/bg/bg_frame_s.png) 0 0 no-repeat;
}

/* pure */
.avaPure #showCorde .showList dl {
  position: absolute;
  top: -61px;
  left: -2px;
  width: 80px;
  height: 0;
  padding: 0;
  background: url(//images.hange.jp/hangame/avatar/top/bg/bg_balloon_top.png) 0 32px no-repeat;
}
.avaPure #showCorde .showList li:hover dl {
  background-position: 0 0;
}
.avaPure #showCorde .showList .hgID {
  width: 80px;
  height: 14px;
  margin: 0;
  padding: 4px 0 0;
  font-weight: normal;
  text-align: center;
  text-indent: -1px;
  line-height: 1.1;
}
.avaPure #showCorde .showList .hgID a, .avaPure #showCorde .showList .goodCount {
  display: none;
}
.avaPure #showCorde .showList li:hover .hgID a, .avaPure #showCorde .showList li:hover .goodCount {
  display: block;
}
.avaPure #showCorde .showList li:hover .goodCount {
  width: 64px;
  height: 18px;
  line-height: 18px;
  margin-left: 7px;
}
.avaPure #showCorde .showList .hgID .detail img {
  bottom: -15px;
  left: 59px;
}
.avaPure #showCorde .showList .ico {
  position: absolute;
  top: 203px;
  left: 66px;
}

/* icoList */
.avaPure #showCorde .showList .icoList {
  top: 171px;
  left: 58px;
  background: url(//images.hange.jp/hangame/avatar/top/bg/bg_ico.gif) 0 0 no-repeat;
  padding: 2px 0 0 3px;
}
.avaPure #showCorde .showList .icoList.ico01 {
  top: 201px;
}
.avaPure #showCorde .showList .icoList.ico02 {
  top: 187px;
}
.avaPure #showCorde .showList span {
  margin-bottom: 2px;
}
.avaPure #showCorde .showList .clickBtn {
  position: absolute;
  top: 36px;
  width: 76px;
  height: 28px;
  padding: 0 0 0 4px;
  background: url(//images.hange.jp/hangame/avatar/top/bg/bg_balloon_btm.png) 0 2px no-repeat;
}
.avaPure #showCorde .showList .thanks {
  top: 140px;
  left: -2px;
}
.avaPure .showList .efc_good {
  top: 130px;
  left: -12px;
}
.avaPure .showList .efc_sent {
  top: -2px;
  bottom: 0;
  left: -4px;
}

/* pure */
.avaPure #showCorde .showList .showPureL {
  width: 209px;
  height: 463px;
  padding: 0 0 15px;
  background: url(//images.hange.jp/hangame/avatar/top/bg/bg_shadow_l.png) 5px 420px no-repeat;
}
.avaPure #showCorde .showList .showPureL .avaImg {
  width: 203px;
  height: 455px;
  padding: 5px 3px 3px 5px;
  background: url(//images.hange.jp/hangame/avatar/top/bg/bg_frame_l.png) 0 0 no-repeat;
}
.avaPure #showCorde .showList .showPureL dl {
  top: -2px;
  left: 60px;
}
.avaPure #showCorde .showList .showPureL .ico {
  top: 440px;
  left: 135px;
}
.avaPure #showCorde .showList .showPureL .thanks {
  top: 296px;
  left: -71px;
}
.avaPure .showList .showPureL .efc_good {
  top: 238px;
  left: -72px;
}

/* 追加アイコン */
.avaPure #showCorde .showPureL .icoList {
  left: 129px;
}
.avaPure #showCorde .showPureL .icoList.ico01 {
  top: 444px;
}
.avaPure #showCorde .showPureL .icoList.ico02 {
  top: 430px;
}

/* nextCorde */
#showCorde .nextCorde {
  position: absolute;
  cursor: pointer;
  display: none;
}
.avaCool .nextCorde {
  top: 399px;
  right: 8px;
}
.avaPure .nextCorde {
  top: 355px;
  right: 11px;
}

/* noEntrant */
.avaPure #showCorde .noEntrant {
  padding: 160px 0 0 130px;
}
.avaCool #showCorde .noEntrant {
  padding: 160px 0 0 130px;
}

/* entryTxt */
.avaPure #showCorde .entryTxt {
  position: absolute;
  top: 359px;
  left: 130px;
}
.avaCool #showCorde .entryTxt {
  padding: 25px 0 87px 130px;
}

/* missionNotes */
#showCorde .missionNotes {
  position: absolute;
  top: 547px;
  left: 364px;
  color: #69524a;
  font-size: 10px;
}
.avaCool #showCorde .missionNotes {
  top: 510px;
  left: 365px;
  color: #dfdede;
}
#showCorde .missionNotes a {
  color: #dfdede;
  font-weight: bold;
  text-decoration: underline;
}
.avaPure #showCorde .missionNotes a {
  color: #69524a;
}


/* tabList
--------------------------*/
#tabList {
  position: relative;
  width: 726px;
  height: 279px;
  padding: 0 7px;
  background: url(//images.hange.jp/hangame/avatar/top/bg/bg_tablist.png) 0 2px no-repeat;
  z-index: 11;
}
.avaPure #tabList {
  margin-top: 16px;
}
#tabList ul.tab {
  margin-left: -2px;
  height: 39px;
  position: absolute;
  top: -36px;
}
#tabList li {
  float: left;
}
#tabList li:after {
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  clear: both;
  visibility: hidden;
}
#todayArea #tabList h3 {
  position: relative;
  top: auto;
  right: auto;
  width: 726px;
  height: 24px;
  background: #fde5ec;
}
#tabList h3 img {
  margin-left: 4px;
}
#tabList .more a {
  display: block;
  position: absolute;
  top: 12px;
  right: 7px;
  width: 56px;
  height: 14px;
  background: url(//images.hange.jp/hangame/avatar/top/arw/arw_more.gif) right 2px no-repeat;
  font-size: 10px;
  text-indent: -5px;
}
#tabList #friendList .more a {
  width: 106px;
}
#senderList, #friendList {
  position: relative;
  width: 726px;
  height: 264px;
  padding-top: 6px;
}
#senderList .noSender {
  margin: 43px 0 0 90px;
}
#senderList .noSender a {
  display: block;
  margin: 21px 0 0 137px;
  width: 271px;
}
#friendList .noEntry {
  margin: 46px 0 0 90px;
}
#friendList .noEntry a {
  display: block;
  margin: 5px 0 0 74px;
  width: 401px;
}
#todayArea .display ul {
  position: relative;
  width: 726px;
  height: 233px;
  margin: 0;
  padding-top: 14px;
}
#todayArea .display li {
  position: relative;
  width: 121px;
  height: 226px;
  background: url(//images.hange.jp/hangame/avatar/common/pic_dotline.gif) 0 0 no-repeat;
  text-align: center;
}
#todayArea .display li:first-child {
  background: none;
}
.avaPure .efc_good {
  top: -80px;
}


/* missionArea
--------------------------*/
.missionArea {
  position: absolute;
  top: 507px;
  left: -40px;
  width: 140px;
  height: 160px;
  background: url(//images.hange.jp/hangame/avatar/top/bg/bg_mission.png) 0 0 no-repeat;
  z-index: 50;
}
.missionArea .mission dt {
  margin: 25px 0 0 10px;
}
.missionArea .mission dd {
  margin: 7px 0 0 7px;
}
.missionArea .mission .missionCount {
  width: 83px;
  height: 34px;
  padding: 8px 0 0 12px;
  background: url(//images.hange.jp/hangame/avatar/top/bg/bg_mission_count.png) 0 0 no-repeat;
  color: #f9ee71;
  font-weight: bold;
}
.missionArea .mission .missionCount strong {
  display: inline-block;
  width: 36px;
  text-align: center;
  color: #fff;
  font-size: 24px;
  text-indent: -1px;
  vertical-align: -2px;
}
.missionArea .missionClear {
  position: relative;
  margin: 23px 0 0 14px;
}
.missionArea .missionClear .seal01, .missionArea .missionClear .seal02 {
  position: relative;
  display: block;
  width: 81px;
  height: 81px;
  margin: 0 0 4px 4px;
  padding: 2px;
  background: #fff;
}
.missionArea .missionClear .seal02 img {
  position: absolute;
  top: 7px;
  left: 7px;
  width: 52px;
  height: 52px;
  border: 1px solid #fff;
}
.missionArea .missionClear .coupon {
  position: absolute;
  top: 2px;
  left: 6px;
}
.missionArea .missionClear .itemGet a, .missionArea .missionClear .itemGetAfter a {
  display: block;
  width: 94px;
  height: 32px;
  background: url(//images.hange.jp/hangame/avatar/top/r02/btn/btn_box_get.gif) 0 0 no-repeat;
}
.missionArea .missionClear .itemGetAfter a {
  background-image: url(//images.hange.jp/hangame/avatar/top/r02/btn/btn_box_get.gif);
}
.missionArea .missionClear .itemGet a:hover, .missionArea .missionClear .itemGetAfter a:hover {
  background-position: 0 -32px;
}
.missionArea .missionClear .itemGet span, .missionArea .missionClear .itemGetAfter span {
  display: none;
}


/* missionNew 2013-12-17 追加
--------------------------*/
.missionArea .missionNew {
  margin: 17px 0 0 0;
}
.missionArea .txt {
  color: #fff;
  font-size: 10px;
  line-height: 13px;
  margin: 8px 0 6px -4px;
}
.missionArea .missionNew .enjoyBox, .missionArea .missionNew .topTxt {
  padding-left: 2px;
}
.missionArea .missionNew .enjoyBox a {
  display: block;
  height: 31px;
  width: 93px;
  background: url(//images.hange.jp/hangame/avatar/top/r02/btn/btn_box_get.gif) 0 0 no-repeat;
}
.missionArea .missionNew .enjoyBox a:hover {
  background-position: 0 -31px;
}
.missionArea .missionNew .enjoyBox a span {
  display: none;
}