@charset "shift_jis";

/* ========================================
	index
======================================== */
#header,
#footer,
#wrapper  {
	width: expression(document.body.clientWidth < 962? "960px" : "auto");
	min-width: 960px;
	/*max-width: 2000px;*/
}

#index #wrapper {
	background: url(../images/bg_body.jpg) 0 0 repeat;
}

#index #wrapper02 {
	background: url(../images/bg_top01.png) center 0 repeat-y;
	max-width: 1316px;
	min-width: 960px;
	margin: 0 auto;
}

#index #mainvisual {
	height: 752px;
}

#index #mainvisual .inner {
	position: relative;
	height: 752px;
}

#index #header-logo {
	position: relative;
	margin: 0 auto;
	max-width: 1300px;
	z-index: 10;
}

#index #mainvisual .ttl {
	position: absolute;
	top: 454px;
	left: 278px;
}

#index #mainvisual .sound-btn {
	position: absolute;
	top: 0;
	right: 0;
}

.ie #index #mainvisual .sound-btn,
.no-js #index #mainvisual .sound-btn,
.no-bgm #index #mainvisual .sound-btn {
	display: none;
}

#index #mainvisual .sound-btn .hide,
#bgmAudio {
	display: none;
}

#index #mainvisual .adv-btn {
	position: absolute;
	top: 412px;
	left: 2px;
}


/* navi */
#index #topnavi {
	position: absolute;
	top: 617px;
	left: 0;
}

#index #topnavi01,
#index #topnavi02,
#index #topnavi03,
#index #topnavi04,
#index #topnavi05,
#index #topnavi06 {
	position: absolute;
}

#index #topnavi01 {
	left: 0;
}

#index #topnavi02 {
	left: 159px;
}

#index #topnavi03 {
	left: 319px;
}
#index #topnavi04 {
	left: 480px;
}

#index #topnavi05 {
	left: 641px;
}

#index #topnavi06 {
	left: 802px;
}


/* Flash置換え用 メイン背景*/
#index #mainvisual .mainvisual-wrap {
	background: url(../images/bg_top02.jpg) center 0 no-repeat;
}

#index #mainvisual .mainvisual-wrap2 {
	background: url(../images/bg_top03.jpg) center 335px no-repeat;
}


#index #main {
	position: relative;
	height: 290px;
}


#spec {
	position: absolute;
	left: 77px;
	top: 0;
	background: url(../images/bg_spec.png) 0 0 no-repeat;
	height: 145px;
	padding: 27px 0 0 0;
	width: 806px;
}

#spec .spec-left {
	float: left;
	width: 190px;
	padding: 0 0 0 25px;
}

#spec .spec-left .spec-package {
	float: left;
	width: 133px;
}

#spec .spec-left .spec-icon {
	margin: 0 0 0 137px;
}

#spec .spec-left .spec-cero {
	margin: 13px 0 0 0;
}

#spec .spec-dlsoft {
	float: left;
	width: 181px;
}

#spec .spec-dlsoft .btn-dl {
	margin-top: 8px;
}

#spec .spec-prdinfo li {
	float: left;
	padding: 0 9px 8px 0;
}

.tvcm {
	position: absolute;
	right: 0;
	top: -1px;
}

.note {
	position: absolute;
	left: 77px;
	top: 180px;
}

.pdf {
	position: absolute;
	left: 77px;
	top: 200px;
}

.guide {
	position: absolute;
	left: 246px;
	top: 200px;
}

.president {
	position: absolute;
	left: 656px;
	top: 178px;
}

#clubnintendo {
	position: absolute;
	left: 55px;
	top: 212px;
}

/* ========================================
	#footer
======================================== */
#index #footer {
	background: #E7F8F7 url(../images/bg_footer_top.png) 0 0 repeat-x;
	max-width: 1300px;
	min-width: 960px;
	height: 100%;
	margin: 0 auto;
}

#index #footer #footer-inner {
	width: 960px;
	margin: 0 auto;
	padding: 21px 0;
}

#index #footer .foot-navi {
	padding: 0;
}

#footer .copyright {
	width: 428px;
	margin: 15px auto 0 auto;
}

#index #footer .foot-3ds {
	background: url(../images/bg_foot_3ds.gif) 0 0 no-repeat;
	width: 960px;
	height: 68px;
	margin-bottom: 20px;
}

#index #footer .foot-3ds-txt  {
	position: relative;
	float: left;
	margin: 18px 0 0 21px;
}

#index #footer .foot-3ds-txt .btn  {
	position: absolute;
	top: 0;
	left: 484px;
}

#index #footer .foot-3ds-btn  {
	float: right;
	margin: 20px 18px 0 0;
}