@charset "UTF-8";

/**/

/* 共通レイアウト
------------------------------------------------------*/
#container {
  position: relative;
/*  overflow:hidden;*/
  }

#wrapCol { width: 1000px; margin: 0 auto; clear: both;}

.btnPagetop {
  clear: both;
  display: block;
  width: 760px;
  margin: 10px auto 0 auto;
  background: url(../image/common/btn_toppage.gif) no-repeat right top;
  text-indent: -9999px;
}

/* Gnavi newｱｲｺﾝ
------------------------------------------------------*/
.disnone {
  display:none;

}

.new_news {
  position: absolute !important;
  top: 3px;
  left: 226px;
  width:32px;
  height:14px;
  z-index: 6;

}

.new_play {
  position: absolute !important;
  top: 3px;
  left: 384px;
  width:32px;
  height:14px;
  z-index: 6;
}

.new_game {
  position: absolute !important;
  top: 3px;
  left: 539px;
  width:32px;
  height:14px;
  z-index: 6;
}

.new_cardlist {
  position: absolute !important;
  top: 3px;
  left: 695px;
  width:32px;
  height:14px;
  z-index: 6;
}

.new_goods {
  position: absolute !important;
  top: 3px;
  left: 852px;
  width:32px;
  height:14px;
  z-index: 6;
}

.new_mission {
  position: absolute !important;
  top: 67px;
  left: 226px;
  width:32px;
  height:14px;
  z-index: 6;
}

.new_movie {
  position: absolute !important;
  top: 67px;
  left: 382px;
  width:32px;
  height:14px;
  z-index: 6;
}

.new_ranking {
  position: absolute !important;
  top: 67px;
  left: 539px;
  width:32px;
  height:14px;
  z-index: 6;
}

.new_event {
  position: absolute !important;
  top: 67px;
  left: 693px;
  width:32px;
  height:14px;
  z-index: 6;
}

.new_budokai {
  position: absolute !important;
  top: 67px;
  left: 852px;
  width:32px;
  height:14px;
  z-index: 6;
}


/* ヘッダー
------------------------------------------------------*/
#header { width: 1000px; height: 124px; margin: 0 auto; margin-top: 3px; position:relative;}
#header h1 { width: 204px; height: 97px; float: left; margin: 5px 5px 0 0px; z-index: 5; display: block; position: relative;}

.menu_bg {
  position: absolute !important;

  top: 0px;
  left: 0px;
  width:1000px;
  height:125px;
  z-index: 2;
}

.menu_bg-right {
  position: absolute !important;
  top: 0px;
  left: 1000px;
  width:57px;
  height:73px;
  z-index: 2;
}

.wheel-menu_right {
  position: absolute !important;
  top: 50px;
  left: 955px;
  width:72px;
  height:73px;
  z-index: 1;
}

.wheel-small-menu_right {
  position: absolute !important;
  top: 47px;
  left: 1012px;
  width:44px;
  height:45px;
  z-index: 1;
}

.menu_bg-left {
  position: absolute !important;

  top: 0px;
  left: -57px;
  width:57px;
  height:73px;
  z-index: 2;
}

.wheel-menu_left {
  position: absolute !important;
  top: 50px;
  left: -31px;
  max-width:72px;
  height:73px;
  z-index: 1;
  overflow: hidden;
}

.wheel-small-menu_left {
  position: absolute !important;
  top: 47px;
  left: -57px;
  width:44px;
  height:45px;
  z-index: 1;
}

/* フッター
------------------------------------------------------*/
#footer {
  clear: both;
  height:68px;
  width: 1002px;
  margin: 0 auto;
  background:url(../image/common/renew/bg_footer_s.png) 0 0 no-repeat;
  padding: 10px 0 10px;
  position: relative;
  }
#footer p.copy {
  text-indent:0;
  position:absolute;
  top:30px;
  right:45px;
}
.bnr_bandai { display: block; position: absolute; top: 22px; left:960px;}
.bnr_bandai img{ widtn:35px; height:35px;}
.bnr_carddas { display: block; position: absolute; top: 30px; left: 9px;}
.bnr_cdclub { display: block; position: absolute; top: 28px; left: 140px;}
/*ご意見ご感想*/
.link_contact { display: block; position: absolute; top: 42px; left: 224px; background: none;}
.link_contact a:hover img { opacity:0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )";}
.link_contact a:link {color:#fff !important;}
.link_contact a:visited {color:#fff !important;}
.link_contact a:hover {color:#F5F500 !important;}
.link_contact a:active {color:#fff !important;}

.link_system_req { display: block; position: absolute; top: 42px; left: 318px; background: none;}
.link_system_req a:hover img { opacity:0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )";}
.link_system_req a:link {color:#fff !important;}
.link_system_req a:visited {color:#fff !important;}
.link_system_req a:hover {color:#F5F500 !important;}
.link_system_req a:active {color:#fff !important;}

.link_inquiry { display: block; position: absolute; top: 42px; left: 422px; background: none;}
.link_inquiry a:hover img { opacity:0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )";}
.link_inquiry a:link {color:#fff !important;}
.link_inquiry a:visited {color:#fff !important;}
.link_inquiry a:hover {color:#F5F500 !important;}
.link_inquiry a:active {color:#fff !important;}

.link_inquiry a {

  }

.link_inquiry a:hover{
  }

#footer ul{
  position:absolute;
  top:24px;
  right:0px;
  width:339px;
  height:20px;

}
#footer ul li{
   float:left;
   list-style:none;
   margin-right:5px;
}

/*footer スマホサイトをみるボタン*/
#btn_footer_sp ul{
  position: relative;
  width: 970px;
  height: 80px;
  margin: 84px auto 0;
  padding-bottom:20px;
}

#btn_footer_sp ul li{
  float: none;
  margin: 0;
}

#btn_footer_sp ul li .btn_spsite{
  background: url(../image/top/sp/btn_spsite.png) no-repeat 0 0;
  display: block;
  z-index: 10;
  text-indent: -9999px;
  width: 970px;
  height: 80px;
  background-size: 970px 80px;
  cursor: pointer;
}



/*PageTOP
----------------------------------------------------------------*/

.btn_pTop{
  z-index:500;
  position:absolute;
}

.btn_pTop a{
  width:100px;
  height:100px;
  display:block;
  text-indent: -9999px;
  overflow:hidden;
  background-position: 0 0;
  background:url(/dbh/image/common/btn_ptop.png) top left no-repeat scroll;
}
.abs{
  position:fixed;
  top:-100px;
  right:-500px;
}



.fxd {
  position:fixed;
  bottom:-5px;
  right:30px;
}


/* コンテンツ
------------------------------------------------------*/
#maincol { width:790px; float: right;}
#subcol { width: 210px; float: left;}

h3 img { behavior: url("../css/iepngfix.htc");}

.contents {
  width:780px;
  margin-top: 1px;
  margin-bottom: 8px;
  padding: 5px;
  background: #F2F2F2;
  }
.inner { background: url(../image/common/bg_contents.gif) 0 0 repeat-y; padding-bottom: 10px;}


/* グローバルメニュー
------------------------------------------------------*/
#gnavi {
  float: right;
  width: 765px;
/*  margin-top: 14px;*/
/*  margin-right: -20px;*/
  list-style-type: none;
  z-index: 5;
  display: block;
  position: relative;
}

#gnavi li{
  width: 153px;
  height: 66px;
  display:block;
  float: left;
  }

#gnavi li a{
  width: 157px;
  height: 55px;
  display:block;
  text-indent: -9999px;
  background: url(../image/common/renew/img_header.png?ver=2) no-repeat;
  }

#gnavi li a.gn-news { background-position: -6px 0px;}
#gnavi li a.gn-news:hover,
#gnavi li a.gn-news-c { background-position: -6px -60px; }

#gnavi li a.gn-play { background-position: -165px 0;}
#gnavi li a.gn-play:hover,
#gnavi li a.gn-play-c { background-position: -165px -60px;}

#gnavi li a.gn-game { background-position: -326px 0px;}
#gnavi li a.gn-game:hover,
#gnavi li a.gn-game-c { background-position: -326px -60px;}

#gnavi li a.gn-cardlist { background-position: -486px 0;}
#gnavi li a.gn-cardlist:hover,
#gnavi li a.gn-cardlist-c { background-position: -486px -60px;}

#gnavi li a.gn-goods { background-position: -646px 0;}
#gnavi li a.gn-goods:hover,
#gnavi li a.gn-goods-c { background-position: -646px -60px;}

#gnavi li a.gn-mission { background-position: -6px -131px;}
#gnavi li a.gn-mission:hover,
#gnavi li a.gn-mission-c { background-position: -6px -191px;}

#gnavi li a.gn-mission-baby {
  background : none;
}

#gnavi li div.zoomimg{
  background:none repeat scroll 0 0 transparent;
  display:none;
  width:170px; height:75px;
  margin:0; padding:0;
  position:relative;
  top:-75px; left:0px;
}

#gnavi li:hover div.zoomimg {
  display:block;
  z-index:2;
  margin:0;
}


#gnavi li a.gn-movie { background-position: -165px -131px;}
#gnavi li a.gn-movie:hover,
#gnavi li a.gn-movie-c { background-position: -165px -191px;}

#gnavi li a.gn-ranking { background-position: -326px -131px;}
#gnavi li a.gn-ranking:hover,
#gnavi li a.gn-ranking-c { background-position: -326px -191px;}

#gnavi li a.gn-event { background-position: -486px -131px;}
#gnavi li a.gn-event:hover,
#gnavi li a.gn-event-c { background-position: -486px -191px;}

#gnavi li a.gn-budokai { background-position: -646px -131px;}
#gnavi li a.gn-budokai:hover,
#gnavi li a.gn-budokai-c { background-position: -646px -191px;}


/*チェック関連
----------------------------------------------------------------*/
div.btn_media { width:760px; height:20px; margin:10px 0;}
div.btn_media ul { float:right; width:auto; list-style-type: none;}
div.btn_media ul li{ float:left; padding-left:5px; width:auto;}


/*汎用
----------------------------------------------------------------*/
/*※*/
.kome { padding-left:1em; text-indent:-1em; margin: 1em 0 1em 0;}


/*終了告知用*/
.end {
  width: 780px;
  position: relative;
  background: #333;
  }
.end .grayout {
  filter:alpha(opacity=20);
  -ms-filter: "alpha(opacity=0.2)"; /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; /* For IE 8 */
  -khtml-opacity: 0.2; /* Safari 1.x */
  -moz-opacity: 0.2; /* FF lt 1.5, Netscape */
  opacity: 0.2; /* Standard: FF gt 1.5, Opera, Safari */
  zoom:1;
  z-index: 0;
  }




.ed-event {
  position: absolute;
  left: 160px;
  top: 70px;
  z-index: 1;
  }

.ed-event_2 {
  position: absolute;
  left: 24px;
  top: 70px;
  z-index: 1;
  }

.ed-event_3 {
  position: absolute;
  left: 24px;
  top: 400px;
  z-index: 1;
  }

.ed-campaign {
  position: absolute;
  left: 100px;
  top: 70px;
  z-index: 1;
  }
.ed-voting {
  position: absolute;
  left: 150px;
  top: 70px;
  z-index: 1;
  }

.ed-market {
  position: absolute;
  left: 25px;
  top: 70px;
  z-index: 1;
  }


/*お知らせ(固定)*/
.link_notice { display: block; position: absolute; top: 53px; left: 250px; background: #555555;}
.link_notice a { color: #ffffff !important;}
.link_notice a:hover {  background: #999999;}

/*お知らせバナー(ページコンテンツ内)*/
.pagetop_notice {
  border: 1px solid #f00;
  background:#900;
  color:#fff;
  font-weight:bold;
  padding:20px;
  text-align: center;
  width:700px;
  margin: 4px auto 10px auto;
  }
.pagetop_notice:hover {
  border: 1px solid #f00;
  background:#C00;
  color:#fff;
  font-weight:bold;
  padding:20px;
  text-align: center;
  width:700px;
  margin: 4px auto 10px auto;
  }
.pagetop_notice a{ color:#FFF;}

/*全ページ固定サイドメニュー*/
li a.sn-bnr_mission2 { width: 210px; height: 450px; background: url(../image/mission/bnr_mission_l2.png) no-repeat 0 -900px; }
li a.sn-bnr_mission2:hover { background-position: 0 0; }
li a.sn-bnr_mission2-c { width: 210px; height: 450px; background: url(../image/mission/bnr_mission_l2.png) no-repeat 0 -450px; }

li a.sn-bnr_mission { width: 210px; height: 450px; background: url(../image/mission/bnr_mission_l.png) no-repeat 0 -900px; }
li a.sn-bnr_mission:hover { background-position: 0 0; }
li a.sn-bnr_mission-c { width: 210px; height: 450px; background: url(../image/mission/bnr_mission_l.png) no-repeat 0 -450px; }

li a.sn-bnr_vote { width: 210px; height: 450px; background: url(../image/mission/bnr_vote_l.gif) no-repeat 0 -900px; }
li a.sn-bnr_vote:hover { background-position: 0 0; }
li a.sn-bnr_vote-c { width: 210px; height: 450px; background: url(../image/mission/bnr_vote_l.gif) no-repeat 0 -450px; }

li a.sn-bnr_mission3 { width: 210px; height: 450px; background: url(../image/mission/bnr_hiru.png) no-repeat 0 -900px; }
li a.sn-bnr_mission3:hover { background-position: 0 0; }
li a.sn-bnr_mission3-c { width: 210px; height: 450px; background: url(../image/mission/bnr_hiru.png) no-repeat 0 -450px; }

li a.sn-bnr_mission_lood { width: 210px; height: 450px; background: url(../image/mission/bnr_lood.png) no-repeat 0 -900px; }
li a.sn-bnr_mission_lood:hover { background-position: 0 0; }
li a.sn-bnr_mission_lood-c { width: 210px; height: 450px; background: url(../image/mission/bnr_lood.png) no-repeat 0 -450px; }

li a.sn-bnr_mission_baby { width: 210px; height: 450px; background: url(../image/mission/bnr_baby.png) no-repeat 0 -900px; }
li a.sn-bnr_mission_baby:hover { background-position: 0 0; }
li a.sn-bnr_mission_baby-c { width: 210px; height: 450px; background: url(../image/mission/bnr_baby.png) no-repeat 0 -450px; }

li a.sn-bnr_mission_fromhell { width: 210px; height: 450px; background: url(../image/mission/bnr_fromhell.png) no-repeat 0 -900px; }
li a.sn-bnr_mission_fromhell:hover { background-position: 0 0; }
li a.sn-bnr_mission_fromhell-c { width: 210px; height: 450px; background: url(../image/mission/bnr_fromhell.png) no-repeat 0 -450px; }

li a.sn-bnr_mission_jyanenba { width: 210px; height: 450px; background: url(../image/mission/bnr_jyanenba.png) no-repeat 0 -900px; }
li a.sn-bnr_mission_jyanenba:hover { background-position: 0 0; }
li a.sn-bnr_mission_jyanenba-c { width: 210px; height: 450px; background: url(../image/mission/bnr_jyanenba.png) no-repeat 0 -450px; }

li a.sn-bnr_summer-campaign { width: 210px; height: 450px; background: url(../image/news/bnr_summer-campaign.png) no-repeat 0 -900px; }
li a.sn-bnr_summer-campaign:hover { background-position: 0 0; }
li a.sn-bnr_summer-campaign-c { width: 210px; height: 450px; background: url(../image/news/bnr_summer-campaign.png) no-repeat 0 -450px; }

li a.sn-bnr_mission_SS3 { width: 210px; height: 450px; background: url(../image/mission/bnr_mission_SS3.png) no-repeat 0 -900px; }
li a.sn-bnr_mission_SS3:hover { background-position: 0 0; }
li a.sn-bnr_mission_SS3-c { width: 210px; height: 450px; background: url(../image/mission/bnr_mission_SS3.png) no-repeat 0 -450px; }

li a.sn-bnr_mission_trx_popup { width: 210px; height: 450px; background: url(../image/mission/bnr_mission_trx.png) no-repeat 0 -900px; }
li a.sn-bnr_mission_trx_popup:hover { background-position: 0 0; }
li a.sn-bnr_mission_trx_popup-c { width: 210px; height: 450px; background: url(../image/mission/bnr_mission_trx.png) no-repeat 0 -450px; }


/*Snavi NEWアイコン*/
.icon_snnew { width: 35px; height: 17px; text-indent: -9999px; position: absolute; top: 0px; left: 175px; background: url(../image/common/icon_snavi-new.png) 0 -17px no-repeat;
}

.icon_snnew-c { width: 35px; height: 17px; text-indent: -9999px; position: absolute; top: 0px; left: 175px; background: url(../image/common/icon_snavi-new.png) 0 0px no-repeat;
}

#snav li a:hover .icon_snnew { background-position: 0 0; }
#snav li a:hover .icon_snnew-c { background-position: 0 0; }

.icon_snnew2 { width: 35px; height: 17px; text-indent: -9999px; position: absolute; top: 0px; left: 175px; background: url(../image/common/renew/icon_snavi-new.png) 0 0px no-repeat;
}
.icon_snnew2-c { width: 35px; height: 17px; text-indent: -9999px; position: absolute; top: 0px; left: 175px; background: url(../image/common/renew/icon_snavi-new.png) 0 -22px no-repeat;
}

#snav li a:hover .icon_snnew2 { background-position: 0 -22px; }
#snav li a:hover .icon_snnew2-c { background-position: 0 -22px; }


 #snav li {
position: relative ;
}

/*全ページ固定特設バナー*/
.bnr_allset { position: absolute ; top: -10px; left: -131px; z-index: 1; }

/*テロップ*/
.telop-box {
  width:100%;
  height:50px;
  padding:0 0 0 0;
  background: url(../image/top/renew/bg_telop.png) no-repeat;
}

.telop {
  width: 958px;
  /* text-indent: 124px; */
  margin:0 auto;
   color:#fff;
  font-weight: bold;
  font-size:24px;
  white-space: nowrap;
  padding:10px 0 0 0 ;
  /* background: pink; */
}


/*汎用ボタン*/
.btn_over a:hover img{ opacity:0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )";}

/*店頭配布*/
.btn_tenpolist{
  width: 394px;
  margin: 0px auto;
}

.btn_tenpolist a{
  display:block;
  width:393px;
  height:50px;
  margin:10px auto;
  text-indent: -9999px;
  background:url(../image/common/btn_tenpolist.gif) 0 0 no-repeat;
}
.btn_tenpolist a:hover { background-position: 0 -50px;}
/**/


/*misson全ページ反映ボタン*/
.sn-67_02 { width: 210px; height: 380px; background: url(../image/mission/s_menu_67_02.png) no-repeat 0 -380px; }
.sn-67_02:hover { background-position: 0 0; }
.sn-67_02-c { width: 210px; height: 380px; background: url(../image/mission/s_menu_67_02.png) no-repeat 0 0px; }

/*下部snsボタン*/
  #sns_btn_box{
    padding:10px 0 8px;
    border-top:#eeeeee 5px solid;
    background-color:#eeeeee;
    text-align:center;
    margin-bottom:-10px;
  }
  #sns_btn_box p{
    width:55%;
    float:left;
    margin:6px 3% 0 0;
    text-align:right;
  }
  #sns_btn_area{
    float:left;
    width:42%;
    margin:0;
  }
  #sns_btn_area li{
    display:block;
    height:63px;
    float:left;
    margin-right:1em;
  }
  #sns_btn_area li:last-child{
    margin-right:0;
  }
  #sns_btn_area li#sns-btn_tweet{
    display: block;
    height: 22px;
    float: left;
    margin-right: 1em;
    padding-top: 41px;
    padding-top: 0px\9;
  }