@charset "shift_jis";

/* ========================================
	base
======================================== */
* html body {   
   /* background-attachment: fixed;*/
	/*background: url(null) fixed;*/
}

body {
	/*background: url(../common/bg_body.jpg) 0 0 repeat;*/
}

#wrapper {
	margin: 0 auto;
	width: 100%;
	min-width: 960px;
	background: url(../common/bg_body.png) center center repeat;
	position: relative;
}


/* ========================================
	common
======================================== */
/* ----- LINK COLOR ----- */
a:link, a:visited {
	text-decoration: underline;
	color: #FFFFFF;
	outline: none;
}
a:hover, a:active {
	text-decoration: none;
	color: #FFFFFF;
	outline: none;
}

.inner {
	margin: 0 auto;
	width: 960px;
	position: relative;
}

/* ========================================
	#header
======================================== */
#header {
	width: 100%;
	min-width: 960px;
	/*max-width: 2000px;*/
	height: 144px;
	background: url(../common/bg_header.jpg) 0 0 repeat-x;
	position: absolute;
	left:0;
	top:0;
	z-index: 10;
}

/** html div#header    {     
    position: absolute;     
    top: expression(eval(document.documentElement.scrollTop+0));  
} */

#header2 {
	width: 100%;
	height: 144px;
	background: url(../common/bg_header2.png) center 49px repeat-x;
}

#header .inner {
	position: relative;
}

#header-navi {
	margin: 0 auto;
	width: 960px;
}
#header-navi ul {
	position: absolute;
	top: 16px;
}

#header-navi01 {
	position: absolute;
	top: 19px;
	left: 0;
}

#header-navi02,
#header-navi03,
#header-navi04,
#header-navi05,
#header-navi06 {
	position: absolute;
	top: 0;
	padding-top: 59px;
	background-image: none;
}

#header-navi02 {
	left: 228px;
}

#header-navi03 {
	left: 375px;
}

#header-navi04 {
	left: 522px;
}

#header-navi05 {
	left: 669px;
}

#header-navi06 {
	left: 816px;
}

#header-navi02:hover,
#header-navi02.this {
	background: url(../common/bg_navi.png) 0 0 no-repeat;
}

#header-navi03:hover,
#header-navi03.this {
	background: url(../common/bg_navi.png) -147px 0 no-repeat;
}

#header-navi04:hover,
#header-navi04.this {
	background: url(../common/bg_navi.png) -294px 0 no-repeat;
}

#header-navi05:hover,
#header-navi05.this {
	background: url(../common/bg_navi.png) -441px 0 no-repeat;
}

#header-navi06:hover,
#header-navi06.this {
	background: url(../common/bg_navi.png) -588px 0 no-repeat;
}


#header-logo {
	margin: 0 auto;
	max-width: 1393px;
	position: relative;
	z-index: 10;
}

#header-logo .nintendo {
	position: absolute;
	top: 17px;
	left: 17px;
}

#header-logo .n3ds {
	position: absolute;
	top: 12px;
    right: 14px;
}


/* ========================================
	#main
======================================== */
#main {
	padding-top: 144px;
	_padding-top: 0; /*ie6*/
	/*position: relative;*/
}


/* ========================================
	#footer
======================================== */
#footer {
	clear: both;
	position: relative;
	z-index: 1;
}

.pagetop {
	margin: 0 auto;
	text-align: right;
	width: 960px;
}

#footer .foot-nav01 {
	padding: 20px 0;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	/*line-height: 1.5;*/
	background: url(../common/bg_footer.png) 0 0 repeat;
}

#footer .foot-nav02 {
	background: url(../common/bg_footer2.png) 0 0 repeat;
}

#footer .foot-nav02 ul {
	margin: 0 0 0 309px;
}

#footer .foot-nav02 li {
	padding: 3px 40px 5px 0;
	float: left;
}


