@charset "shift_jis";

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

#index .inner {
	position: relative;
	width: 960px;
	margin: 0 auto;
}

/* Flash?u?????p ???C???w?i*/
#index #mainvisual {
	position: relative;
	width: 100%;
	min-width: 960px;
}

#index #mainvisual .mainvisual-wrap {
	background: url(../images/bg_top01.jpg) center 0 no-repeat;
}
#index #mainvisual .mainvisual-wrap02 {
	background: url(../images/bg_top02.jpg) center 300px no-repeat;
}
#index #mainvisual .mainvisual-wrap03 {
	background: url(../images/bg_top03.jpg) center 599px no-repeat;
	height: 759px;
}

#index #mainvisual .ttl {
	position: absolute;
	left: 243px;
	top: 166px;
}
#index #mainvisual .banner-hps {
	position: absolute;
	left: -2px;
	top: 10px;
}
#index #mainvisual .sound-btn {
	position: absolute;
	top: 638px;
	right: 15px;
}

.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 .emblem {
	position: absolute;
	top: 503px;
	left: 53px;
}

/* ========================================
	navi
======================================== */
#index #mainvisual #top_navi {
	position: relative;
	width: 960px;
	height: 184px;
	margin: 0 auto;
	top: 565px;
}

#index #mainvisual #top_navi01,
#index #mainvisual #top_navi02,
#index #mainvisual #top_navi03,
#index #mainvisual #top_navi04,
#index #mainvisual #top_navi05,
#index #mainvisual #top_navi01 a,
#index #mainvisual #top_navi02 a,
#index #mainvisual #top_navi03 a,
#index #mainvisual #top_navi04 a,
#index #mainvisual #top_navi05 a {
	cursor: pointer;
	display:block;
}

#index #mainvisual #top_navi01 a:hover,
#index #mainvisual #top_navi02 a:hover,
#index #mainvisual #top_navi03 a:hover,
#index #mainvisual #top_navi04 a:hover,
#index #mainvisual #top_navi05 a:hover {
	display:block;
}

/* navi01 */
#index #mainvisual #top_navi01 a {
	position: absolute;
	width: 242px;
	height: 169px;
	left: 0;
	top: 0;
	background: url(../images/top_navi01_bg_off.png) 0 0 no-repeat;
	display:block;
}
#index #mainvisual #top_navi01 a:hover {
	background: url(../images/top_navi01_bg_on.png) 0 0 no-repeat;
	z-index: 10;
}
#index #mainvisual #top_navi01 a:hover img {
	display: none;
}
#index #mainvisual #top_navi01 span {
	position: absolute;
	width: 174px;
	height: 55px;
	left: 30px;
	top: 100px;
	display:block;
}

/* navi02 */
#index #mainvisual #top_navi02 a {
	position: absolute;
	width: 229px;
	height: 148px;
	left: 191px;
	top: 36px;
	display: block;
	background: url(../images/top_navi02_bg_off.png) 0 0 no-repeat;
	display:block;
}
#index #mainvisual #top_navi02 a:hover {
	background: url(../images/top_navi02_bg_on.png) 0 0 no-repeat;
}
#index #mainvisual #top_navi02 a:hover img {
	display: none;
}
#index #mainvisual #top_navi02 span {
	position: absolute;
	left: 31px;
	top: 79px;
}

/* navi03 */
#index #mainvisual #top_navi03 a {
	position: absolute;
	width: 229px;
	height: 150px;
	left: 371px;
	top: 19px;
	display: block;
	background: url(../images/top_navi03_bg_off.png) 0 0 no-repeat;
	display:block;
}
#index #mainvisual #top_navi03 a:hover {
	background: url(../images/top_navi03_bg_on.png) 0 0 no-repeat;
}
#index #mainvisual #top_navi03 a:hover img {
	display: none;
}
#index #mainvisual #top_navi03 span {
	position: absolute;
	left: 27px;
	top: 81px;
}

/* navi04 */
#index #mainvisual #top_navi04 a {
	position: absolute;
	width: 229px;
	height: 148px;
	left: 556px;
	top: 36px;
	display: block;
	background: url(../images/top_navi04_bg_off.png) 0 0 no-repeat;
	display:block;
}
#index #mainvisual #top_navi04 a:hover {
	background: url(../images/top_navi04_bg_on.png) 0 0 no-repeat;
}
#index #mainvisual #top_navi04 a:hover img {
	display: none;
}

#index #mainvisual #top_navi04 span {
	position: absolute;
	left: 28px;
	top: 79px;
}

/* navi05 */
#index #mainvisual #top_navi05 a {
	position: absolute;
	width: 222px;
	height: 139px;
	left: 738px;
	top: 30px;
	display: block;
	background: url(../images/top_navi05_bg_off.png) 0 0 no-repeat;
	display:block;
}
#index #mainvisual #top_navi05 a:hover {
	background: url(../images/top_navi05_bg_on.png) 0 0 no-repeat;
}
#index #mainvisual #top_navi05 a:hover img {
	display: none;
}
#index #mainvisual #top_navi05 span {
	position: absolute;
	left: 42px;
	top: 72px;
}


/* ========================================
	spec
======================================== */
.spec-wrap {
	width: 939px;
	margin: 0 0 40px 21px;
	overflow: hidden;
}

.spec {
	float: left;
}

.spec .spec-left {
	float: left;
	width: 180px;
	margin-right: 22px;
}

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

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

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

.spec .spec-left .download {
	margin: 14px 0 9px 0;
}

.spec .spec-info {
	float: left;
	width: 520px;
}

.spec .spec-info .info-ttl {
	padding: 0 0 5px 0;
}

.spec .spec-prdinfo li {
	float: left;
	padding: 0 5px 5px 0;
}

.spec .spec-more {
	width: 385px;
}

.spec .spec-more li {
	float: left;
	padding: 0 29px 5px 0;
}

.spec li.rightend {
	padding-right: 0;
}

.spec .nintendonet {
	float: right;
	margin-top: 13px;
}

.clubnintendo {
	margin-bottom: 30px;
	text-align: center;
}

.tvcm {
	margin-top: 14px;
	float: right;
}

.dog {
	position:  absolute;
	left: 0;
	top: 433px;
}

/* ========================================
	#footer
======================================== */
#index #footer {
	height: 170px;
	max-height: 170px;
	text-align: left;
}

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

#index #footer .footer-3ds {
	position: relative;
	width: 914px;
	height: 29px;
	margin: 0 auto;
	padding: 13px 18px;
	background: url(../images/bg_footer_3ds.png) 0 0 no-repeat;
}

#index #footer .footer-3ds .info {
	position: absolute;
	left: 501px;
	top: 12px;
}

#footer .footer-inner .footer-navi02 ul {
	float: right;
}

#footer .footer-inner .footer-navi02 li {
	float: left;
	padding-left: 50px;
}

#footer .footer-navi02 .copyright {
	float: left;
}
#ncommon-purchase {
	line-height: 0 !important;
}