@charset "utf-8";
/*
	shared.css
*/

/* =================================
   base
================================= */
html {
	font-size: 62.5%;
}
body {
	min-width: 1000px;
	background: #3d9bf2;
	vertical-align: baseline;
	font-size: 10px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	line-height: 1.5;
}
/* ==========================================================
    wrapper
========================================================== */
#wrapper {
	width: 100%;
	background: url(../images/shared/bg_header.jpg) repeat-x center top;
	background-color: #ffc000;
}
#wrapper img {
	vertical-align: top;
}
/* ==========================================================
    common
========================================================== */
area {
	outline: none;
	border: none;
}
/* ==========================================================
    header
========================================================== */

/* global-headerTop
========================================================== */
#wrapper .global-headerTop {
	background-color: #000;
	height: 50px;
}
#wrapper .global-headerTop .inner {
	position: relative;
	width: 1000px;
	margin: 0 auto;
}
#wrapper .global-headerTop .logo-level5 {
	position: absolute;
	top: 6px;
	left: 49px;
}
#wrapper .global-headerTop .logo-3ds {
	position: absolute;
	top: 18px;
	right: 49px;
}
/* global-header
========================================================== */
#wrapper .global-header {
	width: 100%;
}
#wrapper .global-header .inner {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	z-index: 3;
}
#wrapper .global-header h1 {
	position: absolute;
	left: 18%;
	top: -16px;
}
#wrapper .global-header .bnr_getto {
	position: absolute;
	top: 8px;
	right: 0;
}
#wrapper .global-header .bnr_getto span {
	background: url(../images/shared/navi_icon_new.png) no-repeat 0 0;
	height: 41px;
	top: -10px;
	right: -5px;
	position: absolute;
	text-indent: -9999px;
	width: 55px;
	z-index: 2;
	display: block;
}
#wrapper .global-navi {
	width: 100%;
	position: relative;
	height: 264px;
	background: url(../images/shared/bg_navi1015.png) no-repeat center top;
	z-index: 2;
}
#wrapper .global-navi ul {
 *zoom: 1;
	position: relative;
	width: 934px;
	margin: 0 auto;
	top: 159px;
	padding-left: 66px;
}
#wrapper .global-navi ul:before, #wrapper .global-navi ul:after {
	content: "";
	display: table;
}
#wrapper .global-navi ul:after {
	clear: both;
}
#wrapper .global-navi li {
	position: relative;
	float: left;
}
#wrapper .global-navi #navi-top span {
	display: none;
}
#wrapper .global-navi #navi-about span {
}
#wrapper .global-navi #navi-chigai span {
}
#wrapper .global-navi #navi-game span {
}
#wrapper .global-navi #navi-movie span {
}
#wrapper .global-navi span {
	position: absolute;
	width: 55px;
	height: 41px;
	top: -22px;
	right: -13px;
	z-index: 2;
	text-indent: -9999px;
	background: url(../images/shared/navi_icon_new.png) no-repeat;
}
#wrapper .bg-navi {
 *zoom: 1;
	position: absolute;
	width: 100%;
	min-width: 1000px;
	top: 195px;
}
#wrapper .bg-navi:before, #wrapper .bg-navi:after {
	content: "";
	display: table;
}
#wrapper .bg-navi:after {
	clear: both;
}
#wrapper .bg-navi .bg-naviRed, #wrapper .bg-navi .bg-naviBlue {
	position: relative;
	width: 50%;
	height: 110px;
}
#wrapper .bg-navi .bg-naviRed {
	float: left;
	background: url(../images/shared/bg_naviRed.jpg) repeat-x;
}
#wrapper .bg-navi .bg-naviBlue {
	float: right;
	background: url(../images/shared/bg_naviBlue.jpg) repeat-x;
}
/* ==========================================================
    page
========================================================== */
#wrapper #page {
	width: 1000px;
	margin: 0 auto;
	padding-bottom: 10px;
}
#wrapper #page .banner-list {
 *zoom: 1;
	width: 940px;
	margin: 0 auto;
}
#wrapper #page .banner-list:before, #wrapper #page .banner-list:after {
	content: "";
	display: table;
}
#wrapper #page .banner-list:after {
	clear: both;
}
#wrapper #page .banner-list li {
	float: left;
}
.page2 {
	width: 1000px;
	margin: 0 auto;
	padding-bottom: 10px;
}
/* ==========================================================
    footer-banner
========================================================== */

/* 1015追加分キャンペーンバナー
==================== */
.rare_medal {
	width: 940px;
	margin: 0 auto 50px;
	position: relative;
}
.rare_medal span {
	background: url(../images/shared/navi_icon_new.png) no-repeat 0 0;
	height: 41px;
	top: 20px;
	right: 10px;
	position: absolute;
	text-indent: -9999px;
	width: 55px;
	z-index: 2;
	display: block;
}
/* 更新データエリア
==================== */

#release_area {
	background: url(../images/shared/1209/bg_yellow.gif) repeat-x;
	width: 100%;
	margin: 32px 0 10px;
}
#release_area .btn_contents {
	width: 940px;
	margin: 0 auto;
	overflow: hidden;
	padding-bottom: 10px;
}
#release_area .btn_contents ul {
	overflow: hidden;
}
#release_area .btn_contents .guide {
	margin-top: 20px;
	position: relative;
}
#release_area .btn_contents .guide span {
	top: -35px;
	right: 5px;
	position: absolute;
	z-index: 2;
	display: block;
}
#release_area .btn_contents .left {
	float: left;
	width: 600px;
	padding-top: 18px;
}
#release_area .btn_contents .right {
	float: right;
	width: 323px;
	padding-top: 18px;
}
#release_area .btn_contents .right li {
	padding-bottom: 15px;
}
#release_area .btn_contents .right .attention {
	position: relative;
}
#release_area .btn_contents .right .attention span {
	background: url(../images/shared/navi_icon_new.png) no-repeat 0 0;
	height: 41px;
	top: -15px;
	right: 0;
	position: absolute;
	text-indent: -9999px;
	width: 55px;
	z-index: 2;
	display: block;
}
/* バナーエリア 
================ */
.add_whf2016 {
	position: relative;
	margin: 0 auto 15px;
}
.add_whf2016 span {
	background: url(../images/shared/navi_icon_new.png) no-repeat 0 0;
	display: block;
	height: 41px;
	right: 40px;
	position: absolute;
	text-indent: -9999px;
	top: -15px;
	width: 55px;
	z-index: 2;
}
.add_whf2016 span.whf_new {
	background: url(../images/shared/navi_icon_new.png) no-repeat 0 0;
	display: block;
	height: 41px;
	right: 520px;
	position: absolute;
	text-indent: -9999px;
	top: -15px;
	width: 55px;
	z-index: 2;
}
.add_bnr151212 {
	position: relative;
	margin: 0 auto;
}
.add_bnr151212 span {
	background: url(../images/shared/navi_icon_new.png) no-repeat 0 0;
	display: block;
	height: 41px;
	right: 40px;
	position: absolute;
	text-indent: -9999px;
	top: -15px;
	width: 55px;
	z-index: 2;
}
#add_bunner1 li {
	float: left;
}
#add_bunner1 li.pd {
	padding: 46px 0 0 13px;
}
#add_bunner1 li.coin {
	position: relative;
}
#add_bunner1 li.coin span {
	background: url(../images/shared/navi_icon_new.png) no-repeat 0 0;
	display: block;
	height: 41px;
	right: 10px;
	position: absolute;
	text-indent: -9999px;
	top: 30px;
	width: 55px;
	z-index: 2;
}
#add_bnr0807 {
	width: 940px;
	position: relative;
	margin: 15px auto 0;
}
#add_bunner2 {
	position: relative;
	margin: 0 auto 15px;
}
#add_bunner3 {
	position: relative;
	margin: 15px 0 13px 0;
}
#add_bunner3 span.boss {
	background: url(../images/shared/navi_icon_new.png) no-repeat 0 0;
	height: 41px;
	top: -15px;
	left: 290px;
	position: absolute;
	text-indent: -9999px;
	width: 55px;
	z-index: 2;
	display: block;
}
#add_bunner3 span.momo {
	background: url(../images/shared/navi_icon_new.png) no-repeat 0 0;
	height: 41px;
	top: -15px;
	right: 125px;
	position: absolute;
	text-indent: -9999px;
	width: 55px;
	z-index: 2;
	display: block;
}
#top_pv {
	position: relative;
	margin: 0 auto;
}
#add_bunner4 {
	position: relative;
	margin: 15px 0 0;
}
#add_bunner4 span.usa {
	background: url(../images/shared/navi_icon_new.png) no-repeat 0 0;
	height: 41px;
	top: -15px;
	right: 405px;
	position: absolute;
	text-indent: -9999px;
	width: 55px;
	z-index: 2;
	display: block;
}
#add_bunner5 {
	margin: 20px 0 17px 28px;
}
#add_bunner5 li {
	float: left;
	position: relative;
}
#add_bunner5 .pl22 {
	padding: 0 0 0 22px;
}
#add_bunner5 span.dl {
	background: url(../images/shared/navi_icon_new.png) no-repeat 0 0;
	height: 41px;
	top: -15px;
	left: 520px;
	position: absolute;
	text-indent: -9999px;
	width: 55px;
	z-index: 2;
	display: block;
}
#add_bunner5 span.gotouchi {
	background: url(../images/shared/navi_icon_new.png) no-repeat 0 0;
	height: 41px;
	top: -15px;
	left: 145px;
	position: absolute;
	text-indent: -9999px;
	width: 55px;
	z-index: 2;
	display: block;
}
/* globalfooter2
========================== */
#wrapper .page3 {
	width: 1000px;
	margin: 0 auto;
	padding-bottom: 10px;
}
#wrapper .page3 .banner-list {
 *zoom: 1;
	width: 940px;
	margin: 0 auto;
}
#wrapper .page3 .banner-list:before, #wrapper .page3 .banner-list:after {
	content: "";
	display: table;
}
#wrapper .page3 .banner-list:after {
	clear: both;
}
#wrapper .page3 .banner-list li {
	float: left;
}
/* ==========================================================
    footer
========================================================== */
#wrapper .footer {
	background-color: #3d9bf2;
	border-top: 5px solid #000;
	padding: 30px 0 0;
}
#wrapper .footer .footerInner {
	width: 940px;
	margin: 0 auto;
}
#wrapper .footer .footerInner ul {
	text-align: left;
}
#wrapper .footer .footerInner li {
	float: left;
}
#wrapper .bnr_lineGoods {
	padding: 0 0 0 30px;
	margin: 0 0 45px;
}
#wrapper .bnr_lineGoods li {
	float: left;
	position: relative;
}
#wrapper .bnr_lineGoods .pl20 {
	padding: 0 0 0 20px;
}
#wrapper .bnr_lineGoods li span.new {
	background: url(../images/shared/navi_icon_new.png) no-repeat 0 0;
	height: 41px;
	top: -17px;
	right: 10px;
	position: absolute;
	text-indent: -9999px;
	width: 55px;
	z-index: 2;
	display: block;
}
#wrapper .sns {
 *zoom: 1;
	width: 588px;
	margin: 0 auto 30px;
}
#wrapper .sns:before, #wrapper .sns:after {
	content: "";
	display: table;
}
#wrapper .sns:after {
	clear: both;
}
#wrapper .sns li {
	float: left;
}

/* ==========================================================
    btn-pageTop
========================================================== */
#wrapper .btn-pageTop {
	position: fixed;
	right: 10px;
	bottom: 20px;
	z-index: 999;
	background: url(../images/shared/btn_pageTop_d.png) no-repeat;
}
#wrapper .btn-pageTop a {
	display: block;
}
/* ==========================================================
    banner
========================================================== */
.banner_jpa2016 {
	position: relative;
	text-align: center;
	width: 860px;
	margin: 0 auto 35px;
	padding: 0 0;
}
.banner_jpa2016 span {
	background: url(../images/shared/navi_icon_new.png) no-repeat 0 0;
	height: 41px;
	top: 8px;
	left: 19px;
	position: absolute;
	text-indent: -9999px;
	width: 55px;
	z-index: 2;
	display: block;
}
.banner_busters2 {
	position: relative;
	text-align: center;
	width: 940px;
	margin: 5px auto;
	padding: 0 0;
}
.banner_busters2 span {
	background: url(../images/shared/navi_icon_new.png) no-repeat 0 0;
	height: 41px;
	top: -11px;
	right: 5px;
	position: absolute;
	text-indent: -9999px;
	width: 55px;
	z-index: 2;
	display: block;
}
.spec_area {
    position: relative;
    height: 541px;
    margin: 0 0 30px;
}
.spec_area .banner_award {
    position: absolute;
    top: 397px;
    left: 62px;
}
.banner_attention0509 {
	text-align: center;
	margin: 20px auto 50px;
	padding: 0 0;
}
.banner_151218 {
	padding: 20px 30px 0px;
}
.banner_151218 li a {
	position: relative;
}
.banner_151218 li a span {
	position: absolute;
	top: -20px;
	right: 5px;
}
.banner_151218 .banner_151218_01 {
	float: left;
}
.banner_151218 .banner_160115 {
	float: right;
}
.banner_tekkigun {
	position:relative;
	padding-top:20px;
	text-align:center;
}
.banner_tekkigun span {
	background: url(../images/shared/navi_icon_new.png) no-repeat 0 0;
	height: 41px;
	top: 7px;
	right: 33px;
	position: absolute;
	text-indent: -9999px;
	width: 55px;
	z-index: 2;
	display: block;
}