@charset "shift_jis";

/* ========================================
	Reset
======================================== */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin:0;
	padding:0;
	border: 0;
}

article, aside, details, figcaption, figure, footer, header, menu, nav, section, main { display:block; }

body { line-height:1; }
ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
img{ border:0; vertical-align:bottom; }
input, select { vertical-align:middle; }
a { margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; }

/* ========================================
	Clearfix
======================================== */
.clearfix:after {
	content: '';
	display: block;
	clear: both;
}

/* ========================================
	Base
======================================== */
body {
	font-family :ArialMT,"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",メイリオ,sans-serif;
	font-size :14px;
	color: #FFF;
	-webkit-text-size-adjust: 100%;
	background: #FFF url(../common/bg.jpg) repeat-y center top;
	background-size: 100%;
}
a {
	text-decoration: none;
	color: #FFF;
}
img{
	max-width: 100%;
}
a img {
	border: 0;
}

:focus {
	outline: none;
}

a:link, a:visited {
	outline: none;
}
a:hover, a:active {
	outline: none;
}

/* ========================================
	Header
======================================== */
header {
	position: absolute;
	display: table;
	width: 100%;
	z-index: 100;
}
header .nintendo {
	float: left;
	padding: 5px 0 0 5px;
}
header .n3ds {
	float: right;
	padding: 0;
}

/* ========================================
	Tooper
======================================== */
#topper {
	position: relative;
	background: url(../common/header_bg.jpg) no-repeat center top;
	background-size: 100%;
	color: #FFF;
}

#topper .ttl {
	text-align: right;
}

#topper .ttl img {
	width: 75%;
	height: auto;
}

#topper .lead {
	padding: 15px;
	line-height: 1.6;
}

/* ========================================
	Footer
======================================== */
footer {
	background: #000 url(../common/footer_bg.jpg) repeat-y left top;
	background-size: 100%;
}

footer img {
	width: 100%;
	height: auto;
}

footer .footer-logo {
	position: relative;
	width: 35%;
	top: -5px;
	left: 50%;
}
footer .footer-logo img {
	margin-left: -50%;
}

footer ul#gnavi {
	border-top: #333 1px solid;
}
footer ul#gnavi li {
	border-bottom: #333 1px solid;
	background-size: 16px 10px;
}

footer .footer-link {
	display: table;
	width: 100%;
	padding: 20px 0;
	background-color: #3f3f3f;
}
footer .footer-link li {
	display: table-cell;
	font-size: 11px;
}
footer .footer-link li:first-child {
	padding-right: 10px;
	text-align: right;
	width: 41%;
	border-right: #FFF 1px solid;
}
footer .footer-link li:nth-child(2) {
	padding-left: 10px;
	width: 59%;
}