@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: #6c0000;
	-webkit-text-size-adjust: 100%;
	background: #C5F0F5 url(../common/bg.jpg) no-repeat center top;
	background-size: 100%;
}
a {
	color: #6c0000;
	text-decoration: none;
}
img{
	max-width: 100%;
}
a img {
	border: 0;
}

/* ========================================
	Header
======================================== */
header {
	display: table;
	width: 100%;
	z-index: 100;
}
header p {
	display: table-cell;
}
header .nintendo {
	text-align: left;
	padding: 5px 0 0 4px;
}
header .wiiu {
	text-align: right;
	padding: 5px 2px 0 0;
}

/* ========================================
	Footer
======================================== */
footer {
	position: relative;
	margin-top: -13px;
	padding-top: 9px;
	background: url(../common/bg_footer_top.png) repeat-x left -1px;
	text-align: center;
	z-index: 100;
}
footer .inner {
	padding-bottom: 12px;
	background: url(../common/bg_footer.png) repeat left top;
}
footer nav {
	background: url(../common/bg_gnavi.png) no-repeat center top;
	background-size: 100%;
}
footer nav img {
	width: 100%;
	height: auto;
}
footer nav .wrap {
	display: table;
	width: 100%;
}
footer nav .wrap p {
	display: table-cell;
	width: 50%;
	height: auto;
}
footer .pagetop {
	margin-top: 6px;
}
footer ul {
	display: table;
	width: 100%;
	padding: 6px 0;
	background: #C53802;
}
footer ul li {
	display: table-cell;
	text-align: left;
}
footer ul li:first-child {
	text-align: right;
}
footer .copyright {
	margin-top: 5px;
	padding-bottom: 7px;
}

/* ========================================
	Movie
======================================== */
body#movie {
	margin: 0;
	padding: 0;
	background: #000000;
	text-align: center;
}
#movie .wrap {
	position: relative;
	margin: 20px auto 0 auto;
	text-align: center;
}
#close {
	margin: 10px 0 0;
}