@charset "shift_jis";

/* ========================================
	base
======================================== */
html,
body {
	width: 100%;
	height: 100%;
	min-width: 960px;
}
body {
	position: relative;
	background: url(../images/bg.jpg) center top no-repeat;
	background-size: cover;
}

/* ========================================
	#header
======================================== */
#header {
	width: 100%;
	background: url(../images/header_bg.png) left top repeat-x;
	position: relative;
	z-index: 1000;
}
#header-inner {
	max-width: 1600px;
	min-width: 960px;
	height: 58px;
	margin: 0 auto;
	position: relative;

}
#header-logo .nintendo {
	position: absolute;
	top: 13px;
	left: 20px;
}
#header-logo .wiiu {
	position: absolute;
	top: 9px;
	right: 22px;
}

/* ========================================
	#logo
======================================== */
#logo {
	display: none;
	max-width: 1600px;
	min-width: 960px;
	margin: 0 auto;
	position: relative;
	z-index: 3000;
}
#logo img {
	position: absolute;
	top: 0;
	left: 20px;
}

/* ========================================
	#prev-btn
======================================== */
#prev-btn {
	display: none;
	max-width: 1600px;
	min-width: 960px;
	margin: 0 auto;
	position: relative;
	top: 360px;
	left: 20px;
	z-index: 3000;
}

/* ========================================
	#contents
======================================== */
/*#wrapper {
	margin: 0 auto;
	width: 100%;
	min-width: 960px;
	position: relative;
	overflow: hidden;
}*/
#wrapper {
	position: relative;
	width: 100%;
	height:auto !important;
	height: 100%;
	min-width: 960px;
	min-height: 100%;
	overflow: hidden;
}
#sky {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}

/* ========================================
	#main
======================================== */
#main {
	margin: 0 auto;
	width: 960px;
}

/* ========================================
	#footer
======================================== */
#footer-bg {
	position: absolute;
	top: 800px;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: 1000px;
	margin-top: -5px;
	background: url(../images/footer_bg.png) left 30px repeat;
}
#footer-bg-inner {
	margin-top: -11px;
	height: 41px;
	background: url(../images/footer_bg_top.png) left top repeat-x;
}
#footer {
	position: relative;
	z-index: 3000;
	width: 960px;
	margin: 0 auto;
	margin-top: -48px;
}
#gnavi {
	width: 743px;
	margin: 0 auto;
}
#gnavi ul {
	height: 67px;
}
#gnavi ul li {
	float: left;
}
#footer-navi {
	position:absolute;
	bottom:0;
	width: 100%;
	height: 17px;
	z-index: 3000;
	background: #C53802;
}
#footer-navi .footer-inner {
	width: 960px;
	margin: 0 auto;
	padding: 3px 0;
}
#footer-navi ul {
	float: left;
	margin-left: 9px;
}
#footer-navi ul li {
	float: left;
}
#footer-navi .copyright {
	float: right;
}

/* ========================================
	#popup
======================================== */
#coverLayer {
	display: none;
	position: fixed;
		top: 0;
		left: 0;
		z-index: 9000;
	height: auto;
	height: 100%;
	min-height: 100%;
	width: 100%;
	background: url(../images/common/lightbox_bg.png) left top repeat;
}
body.body-shikake #coverLayer {
	background: url(../images/shikake/lightbox_bg.png) left top repeat;
}
body.body-stage #coverLayer {
	background: url(../images/stage/lightbox_bg.png) left top repeat;
}

/* ========================================
	popWrap
======================================== */
#modal {
	display: none;
	position: absolute;
		z-index: 9200;
	left: 50%;
}

#popWrap #pop-close {
	position: absolute;
	top: -15px;
	right: 0;
}