@charset "shift_jis";

/* ========================================
	base
======================================== */
body {
	background: url(../images/bg_body.gif) center top repeat-y;
}

#wrap {
	/*background: url(../images/bg_body.gif) center top repeat-y;*/
	max-width: 2000px;
	min-width: 960px;
	padding-bottom: 40px;
	margin-top: -2px;
}

#wrapper {
	background: url(../images/bg_main01.jpg) top center no-repeat;
	min-width: 960px;
	max-width: 2000px;
}

#wrapper2 {
	background: url(../images/bg_main02.jpg) center 160px no-repeat;
	min-width: 960px;
	max-width: 2000px;
}

#wrapper3 {
	background: url(../images/bg_main03.jpg) center 420px no-repeat;
	min-width: 960px;
	max-width: 2000px;
}

#wrapper4 {
	background: url(../images/bg_main04.jpg) center 645px no-repeat;
	min-width: 960px;
	max-width: 2000px;
}

#main {
	margin: 0 auto;
	width: 100%;
}


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

/* ----- CLEARFIX ----- */
/* clearfix : For modern browsers */
.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}
.clearfix:after {
    clear: both;
}
/* clearfix : For IE 6/7 (trigger hasLayout) */
.clearfix {
    zoom: 1;
}

/* ========================================
	#header
======================================== */
#header {
	margin: 0 auto;
	width: 960px;
	clear: both;
}

#header-logo {
	height: 38px;
}

#header-logo .nintendo {
	margin: 13px 0 0 15px;
	float: left;
}

#header-logo .ds {
	margin: 20px 15px 0 0;
	float: right;
}

#header-navi {
	height: 88px;
	margin-bottom: 13px;
}

#header-navi .home {
	float: left;
}

#header-navi ul {
	float: right;
	margin-top: 25px;
}

#header-navi li {
	float: left;
}

/*#header-navi a {
	display: block;
	cursor: pointer;
}*/

#main .pagetop {
	float: right;
	padding: 40px 30px 19px 0;
}

/* ----- section ----- */
#contents .section {
	position: relative;
	clear: both;
	width: 890px;
	margin: 0 auto 70px auto;
/*	_zoom: 1;
	overflow: hidden;
*/}
	#contents .Btm {
		clear: both;
		margin-bottom: 0;
/*		_zoom: 1;
		overflow: hidden;
*/	}

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

#inner {
	background: url(../images/bg_cont02.png) repeat-y left top;
	margin: 0 auto;
	width: 950px;
	padding: 0 5px;
}

#contents .page-ttl {
	margin-bottom: 28px;
}

#contents .subttl {
	margin-bottom: 17px;
}

/* ========================================
	#footer
======================================== */
#footer {
	background: url(../images/foot_line.png) no-repeat center top;
	clear: both;
}

#footer .foot-nav01 {
	background: url(../images/bg_cont03.png) no-repeat left bottom;
	margin: 1px auto 24px auto;
	width: 960px;
	padding: 23px 0 37px 0;
	color: #707070;
	text-align: center;
}

#footer .foot-nav01 .this {
	text-decoration: underline;
}

#footer .foot-nav01 a.this {
	text-decoration: underline;
}

.foot-nav02 {
	margin: 0 auto;
	width: 347px;
}
.foot-nav02 li.nav01 {
	float: left;
	padding-left: 38px;
}

.foot-nav02 li.nav02 {
	float: right;
}

/* ========================================
	popup
======================================== */
#pop-wrap {
	position: relative;
}
/* JS使用分 */
#coverLayer,#popArea,#closeBtn,.btn{
	position: absolute;
	z-index: 100;
}

#prevBtn,
#nextBtn {
	width: 88px;
	text-align: center;
}
.thumb {
	width: 88px;
	height: 84px;
	display: block;
	text-align: center;
}


/* MO透過バナー */
#header a:link img.alpha, 
#header a:visited img.alpha {
	opacity: 1;
	-moz-opacity: 1; /* Firefox */
	filter: alpha(opacity=100); /* IE6/7 */
	-ms-filter: "alpha(opacity=100)"; /* IE8 */
}
#header a:hover img.alpha, 
#header a:active img.alpha {
	opacity: 0.6;
	-moz-opacity: 0.6; /* Firefox */
	filter: alpha(opacity=60); /* IE6/7 */
	-ms-filter: "alpha(opacity=60)"; /* IE8 */
}