@charset "utf-8";

*
{
	margin: 0;
	padding: 0;
	border: none;
}

html, body
{
	width: 100%;
	height: 100%;
}

body
{
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
	font-size: 12px;
	color: #FFF;
	line-height: 1.5em;
	background: url(../img/bg.gif) repeat 50% 50%;
}

li
{
	list-style: none;
}

#wrap
{
	width: 100%;
	height: 100%;
	min-width: 960px;
	min-height: 980px;
	position: absolute;
	top: 40px;
	left: 0;
	overflow: hidden;
}

h1
{
	width: 174px;
	height: 123px;
	position: absolute;
	top: 80px;
	left: 17px;
}

h1 a
{
	display: block;
	width: 174px;
	height: 123px;
	background: url(../../img/logo.png) no-repeat 0 0;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}

#head
{
	width: 100%;
	height: 56px;
	min-width: 960px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../../img/hd_bg.png) repeat-x;
}

#head a
{
	display: block;
	height: 55px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}

#head a.nintendo
{
	width: 80px;
	background: url(../../img/hd_nintendo.png) no-repeat 0 50%;
	float: left;
	margin-left: 15px;
}

#head a.wiiu
{
	width: 106px;
	background: url(../../img/hd_wiiu.png) no-repeat 0 50%;
	float: right;
	margin-right: 7px;
}

#foot
{
	width: 100%;
	height: 19px;
	min-width: 960px;
	position: absolute;
	bottom: 0;
	background: #41a732;
}

#foot div.bttm
{
	width: 100%;
	height: 19px;
	background: url(../img/ft_cr.gif) no-repeat 100% 50%;
}

#foot div.bttm a
{
	display: block;
	height: 13px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	float: left;
	margin-top: 3px;
}

#foot div.bttm a.nintendo
{
	width: 91px;
	margin-left: 9px;
	background: url(../img/ft_nintendo.gif) no-repeat 0 2px;
	
}

#foot div.bttm a.wiiu
{
	width: 86px;
	border-left: 1px solid #b3dcad;
	background: url(../img/ft_wiiu.gif) no-repeat 6px 2px;
}

#container
{
	width: 964px;
	height: 825px;
	background: url(../img/luigi.png) no-repeat 16px 57px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -412px 0 0 -482px;
}

a#top
{
	display: block;
	width: 98px;
	height: 19px;
	background: url(../img/bttn_top.png) no-repeat 0 0;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	position: absolute;
	top: 76px;
	right: 20px;
}

a#top:hover
{
	background-position: 0 100%;
}

#content
{
	width: 420px;
	margin: 57px 0 0 537px;
}

#content h2
{
	width: 414px;
	height: 108px;
	background: url(../img/subttl.png) no-repeat 9px 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom: 14px;
}

#slide
{
	width: 414px;
	height: 233px;
	overflow: hidden;
	position: relative;
	background: url(../img/slide_bg.png)
}

#slide div
{
	width: 374px;
	height: 193px;
	overflow: hidden;
	position: absolute;
	top: 20px;
	left: 20px;
}

#slide ul
{
	width: 1122px;
	height: 193px;
	position: absolute;
	top: 0;
	left: 0;
}

#slide ul li
{
	float: left;
}

#about
{
	width: 420px;
	height: 160px;
	margin-top: 10px;
	overflow: hidden;
}

#about p
{
	width: 311px;
	height: 160px;
	background: url(../img/about_txt.png) no-repeat 5px 9px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	float: left;
}

#about a
{
	display: block;
	width: 109px;
	height: 161px;
	background: url(../img/bttn_official.png) no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	float: right;
}

#about a:hover
{
	background-position: 0 100%;
}

#search
{
	width: 407px;
	background: url(../img/line.png) no-repeat 5px 22px;
	overflow: hidden;
}

#search img
{
	float: left;
	margin-left: 7px;
}

#search p
{
	width: 259px;
	height: 133px;
	background: url(../img/search_txt.png) no-repeat 0 52px;
	float: right;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

#bnnr
{
	width: 964px;
	height: 89px;
	background: url(../img/bnnr_bg.png) no-repeat 0 0;
	overflow: hidden;
	margin-top: 29px;
}

#bnnr h3
{
	width: 451px;
	height: 89px;
	background: url(../img/bnnr_ttl.png) no-repeat 0 21px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin-left: 36px;
	float: left;
}

#bnnr p
{
	width: 320px;
	height: 89px;
	background: url(../img/bnnr_txt.png) no-repeat 0 30px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin-left: 16px;
	float: left;
}

#bnnr a
{
	display: block;
	width: 86px;
	height: 25px;
	background: url(../img/bnnr_bttn_official.png) no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	float: left;
	margin: 32px 0 0 24px;
}

#bnnr a:hover
{
	background-position: 0 100%;
}