@charset "shift_jis";

/* ========================================
	base
======================================== */
#wrapper {
	position: relative;
	background: url(../common/cmn_bg.jpg) 0 0 repeat;
	width: 100%;
	min-width: 960px;
	/*max-width: 2000px;*/
	overflow: hidden;
}

/* ========================================
	common
======================================== */
/* ----- LINK COLOR ----- */
a:link, a:visited {
	text-decoration: underline;
	color: #666666;
}
a:hover, a:active {
	text-decoration: none;
	color: #666666;
}

/* ========================================
	#header
======================================== */
#header-logo {
	position: relative;
	width: 100%;
	min-width: 960px;
	max-width: 2000px;
	width: auto !important;
	z-index: 10;
	margin: 0 auto;
}

#header-logo .nintendo {
	position: absolute;
	top: 17px;
	left: 17px;
}

#header-logo .n3ds {
	position: absolute;
	top: 12px;
	right: 14px;
}


#header {
	background: url(../common/cmn_hdr.jpg) center 0 no-repeat;
	width: 100%;
	min-width: 960px;
	margin: 0 auto;
	text-align: center;
}

#header-inner {
	position: relative;
	width: 960px;
	height: 208px;
	margin: 0 auto;
}

#header-inner .logo {
	margin-top: 0;
}

#header-inner .btn-about {
	position: absolute; 
	top: 25px;
	right: 0;
}

#header-navi {
	position: absolute; 
	width: 960px;
	top: 102px;
	left: 0;
}

#header-navi ul li {
	float: left;
	height: 87px;
}


/* ========================================
	#main
======================================== */
#main {
	width: 100%;
	margin: 0 auto;
	min-width: 960px;
	text-align: center;
}

/* background */
.mainvisual-wrap00 {
	background: url(../common/cmn_bg_00.jpg) center 0 no-repeat;
	width: 100%;
	width: expression(document.body.clientWidth < 962? "960px" : "auto");
}

.mainvisual-wrap01 {
	background: url(../common/cmn_bg_01.jpg) center 240px no-repeat;
	width: 100%;
	width: expression(document.body.clientWidth < 962? "960px" : "auto");
}

.mainvisual-wrap02 {
	background: url(../common/cmn_bg_02.jpg) center 480px no-repeat;
	width: 100%;
	width: expression(document.body.clientWidth < 962? "960px" : "auto");
}

.mainvisual-wrap03 {
	background: url(../common/cmn_bg_03.jpg) center 720px no-repeat;
	width: 100%;
	width: expression(document.body.clientWidth < 962? "960px" : "auto");
}

.mainvisual-wrap04 {
	background: url(../common/cmn_bg_04.jpg) center 960px no-repeat;
	width: 100%;
	width: expression(document.body.clientWidth < 962? "960px" : "auto");
}

.mainvisual-wrap05 {
	background: url(../common/cmn_bg_05.jpg) center 1200px no-repeat;
	width: 100%;
	width: expression(document.body.clientWidth < 962? "960px" : "auto");
}

.mainvisual-wrap06 {
	background: url(../common/cmn_bg_06.jpg) center 1440px no-repeat;
	width: 100%;
	width: expression(document.body.clientWidth < 962? "960px" : "auto");
}

.mainvisual-wrap07 {
	background: url(../common/cmn_bg_07.jpg) center 1680px no-repeat;
	width: 100%;
	width: expression(document.body.clientWidth < 962? "960px" : "auto");
}

.inner {
	position: relative;
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

/* page-top */
.pagetop {
	width: 960px;
	margin: 0 auto;
	padding: 25px 0 10px 0;
	text-align: right;
}


/* ========================================
	#footer
======================================== */
#footer {
	background: #E7F8F7 url(../common/bg_footer.png) 0 0 repeat-x;
	width: 100%;
	height: 110px;
	min-width: 960px;
	text-align: center;
}

#footer .foot-navi {
	padding-top: 20px;
}

#footer .foot-nav02 ul {
	padding: 3px 0 0 0;
}

#footer .foot-nav01 li,
#footer .foot-nav02 li {
	display:inline;
	color: #666666;
	line-height: 2;
}