@charset "UTF-8";

/* 共通レイアウト
------------------------------------------------------*/
body {
	background-color: #111;
	color: #FFF;
	font-size: 13px;
	font-family: "ヒラギノ角ゴ Pro W3", "Osaka", "メイリオ", "ＭＳ Ｐゴシック", Arial, sans-serif;
	line-height: 1.5;
}

a {	text-decoration: underline; outline:none;}
a:link		{ color: #F90; }
a:visited	{ color: #F90; }
a:hover		{ color: #FF6; }
a:active	{ color: #FF6; }

#container {
	background: #000 url(../images/common/bg_container.jpg) no-repeat center 144px;
	min-width: 1000px;
}

/*---ヘッダー*/
#header {
	position: relative;
	margin: 0 auto;
	background: url(../images/common/bg_header.png) repeat-x center top;
	min-width: 1000px;
	height: 50px;
	padding-bottom:1px;
	z-index:100;
}

#header .head-in{
	width:960px;
	margin:0 auto;
	padding-top:5px;
	background: url(../images/common/logo_wiiu.png) no-repeat right 10px;

}

/*---フッター*/
#footer{
	background: url(../images/common/bg_footer.png) repeat-x left top;
	padding-top:9px;
	
	}

#footer #copy {
	background: url(../images/common/bg_ft-copy.jpg) repeat-x center top;
	height: 25px;
	border-top:1px solid #CFF;
	text-align:center;
	min-width:1000px;
	margin:0 auto;
	clear:both;
}

#footer #spec {
	height:35px;
	padding:10px 0;
	background:#444 url(../images/top/bg_footer-in.png) repeat-x center top;
}

#footer #spec ul{
	width:960px;
	height:35px;
	background:#444 url(../images/top/img_spec.jpg) no-repeat center top;
	margin:0 auto;
}

#footer #spec ul li {
	width:0;
	height:0;
	outline:none;
	text-indent:-9999px;
	display:none;
}

/*---SNSボタン*/
#footer #sns {
	height:20px;
	padding:5px 0;
	background:#444;
	overflow:hidden;
}
#footer #sns .sns-in {
	width:960px;
	margin:0 auto;
}

#footer #sns .sns-in .wiiu-tm{
	display:block;
	padding:5px 0;
	float:right;

}

#footer #sns ul{
	display:block;
	width:550px;
	float:left;
}

#footer #sns li{
	display:block;
	min-width:100px;
	float:left;
}
/*---コンテンツ*/

#contents{
	text-align:center;
}

h1 img{
	display:block;
	padding:5px 20px 0 0;
	position:relative;
	float:left;
}

.column{
	background: url(../images/common/bg_column.png) repeat-y center top;
}

.btn-page-top{
	width:240px;
	height:45px;
	margin:20px auto 0;
	position:relative;
}

.btn-page-top a{
	display:block;
	width:240px;
	height:45px;
	position:absolute;
	top:6px;
	left:0px;
	background: url(../images/common/btn_page-top.png) no-repeat left top;
	text-indent:-9999px;
	outline:none;
}

.btn-page-top a:hover{
	background-position:-240px top;
}
/* グローバルメニュー
------------------------------------------------------*/
#gnavi-line{
	background: url(../images/common/bg_gnavi-line.png) repeat-x center top;
	height:92px;
	padding-bottom:7px;
}

#gnavi-line .inner{
	width:1000px;
	margin:0 auto;
}

#gnavi{
	float:left;
	display:block;
	width:726px;
	height:62px;
	background: url(../images/common/bg_gnavi.jpg) no-repeat -2px top;
	margin:15px 0 10px;
	padding:0 15px 5px;
}

#gnavi li{
	display:block;
	width:120px;
	height:30px;
	padding:1px 0 1px 1px;
	float:left;
}

#gnavi li a{
	display:block;
	width:120px;
	height:30px;
	background: url(../images/common/btn_gnavi.png) no-repeat left top;
	text-indent:-9999px;
}

/* TOP */
#gnavi li.top a{
	background-position:left top;
	/*background-position:left -140px;*/ /* NEW */
}
#gnavi li.top a:hover,
body.top #gnavi li.top a{
	background-position:left -70px;
	/*background-position:left -210px;*/ /* NEW */
}

/* 製品情報 */
#gnavi li.products a{
	background-position:-121px top;
	/*background-position:-121px -140px;*/ /* NEW */
}
#gnavi li.products a:hover,
body.products #gnavi li.products a{
	background-position:-121px -70px;
	/*background-position:-121px -210px;*/ /* NEW */
}

/* 鉄拳とは */
#gnavi li.about a{
	background-position:-242px top;
	/*background-position:-242px -140px;*/ /* NEW */
}
#gnavi li.about a:hover,
body.about #gnavi li.about a{
	background-position:-242px -70px;
	/*background-position:-242px -210px;*/ /* NEW */
}

/* WiiU EDITION */
#gnavi li.wiiu-feature a{
	background-position:-363px top;
	/*background-position:-363px -140px;*/ /* NEW */
}
#gnavi li.wiiu-feature a:hover,
body.wiiu-feature #gnavi li.wiiu-feature a{
	background-position:-363px -70px;
	/*background-position:-363px -210px;*/ /* NEW */
}

/* ？？？ */
#gnavi li.secret a{
	background-position:-484px top;
	/*background-position:-484px -140px;*/ /* NEW */
}
#gnavi li.secret a:hover,
body.secret #gnavi li.secret a{
	background-position:-484px -70px;
	/*background-position:-484px -210px;*/ /* NEW */
}

/* ムービー */
#gnavi li.movie a{
	/*background-position:-605px top;*/
	background-position:-605px -140px; /* NEW */
}
#gnavi li.movie a:hover,
body.movie #gnavi li.movie a{
	/*background-position:-605px -70px;*/
	background-position:-605px -210px; /* NEW */
}

/* ゲームモード */
#gnavi li.mode a{
	background-position:left -32px;
	/*background-position:left -172px;*/ /* NEW */
}
#gnavi li.mode a:hover,
body.mode #gnavi li.mode a{
	background-position:left -102px;
	/*background-position:left -242px;*/ /* NEW */
}

/* キノコバトル */
#gnavi li.kinoko a{
	background-position:-121px -32px;
	/*background-position:-121px -172px;*/ /* NEW */
}
#gnavi li.kinoko a:hover,
body.kinoko #gnavi li.kinoko a{
	background-position:-121px -102px;
	/*background-position:-121px -242px;*/ /* NEW */
}

/* 任天堂 コスチューム */
#gnavi li.collabo-cos a{
	background-position:-242px -32px;
	/*background-position:-242px -172px;*/ /* NEW */
}
#gnavi li.collabo-cos a:hover,
body.collabo-cos #gnavi li.collabo-cos a{
	background-position:-242px -102px;
	/*background-position:-242px -242px;*/ /* NEW */
}

/* キャラクター */
#gnavi li.chara a{
	background-position:-363px -32px;
	/*background-position:-363px -172px;*/ /* NEW */
}
#gnavi li.chara a:hover,
body#chara #gnavi li.chara a,
body.chara #gnavi li.chara a{
	background-position:-363px -102px;
	/*background-position:-363px -242px;*/ /* NEW */
}

/* ステージ */
#gnavi li.stage a{
	background-position:-484px -32px;
	/*background-position:-484px -172px;*/ /* NEW */
}
#gnavi li.stage a:hover,
body#stage #gnavi li.stage a,
body.stage #gnavi li.stage a{
	background-position:-484px -102px;
	/*background-position:-484px -242px;*/ /* NEW */
}

/* カスタマイズ */
#gnavi li.customize a{
	background-position:-605px -32px;
	/*background-position:-605px -172px;*/ /* NEW */
}
#gnavi li.customize a:hover,
body.customize #gnavi li.customize a{
	background-position:-605px -102px;
	/*background-position:-605px -242px;*/ /* NEW */
}


#gnavi li.off a{
	background: url(../images/common/btn_gnavi-off.png) no-repeat left top;
}
/* 汎用クラス
------------------------------------------------------*/
#gnavi:before,
#gnavi:after,
.clearfix:before,
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
#gnavi:after,
.clearfix:after {
    clear: both;
}
#gnavi,
.clearfix {
    zoom: 1;
}

#footer p,
.hidden {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.fl-left { float: left; }
.fl-right { float: right; }

a.link-btn:hover img{
	filter: Alpha(style=0, opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	-ms-filter : alpha(opacity=60);

}

.center{
	display:block;
	margin:0 auto;
	text-align:center;
}


.mgt-10 { margin-top: 10px !important; }
.mgt-15 { margin-top: 15px !important; }
.mgt-20 { margin-top: 20px !important; }

.mgb-10 { margin-bottom: 10px !important; }
.mgb-15 { margin-bottom: 15px !important; }
.mgb-20 { margin-bottom: 20px !important; }

.pdt-10 { padding-top: 10px !important; }
.pdt-15 { padding-top: 15px !important; }
.pdt-20 { padding-top: 20px !important; }

.pdb-10 { padding-bottom: 10px !important; }
.pdb-15 { padding-bottom: 15px !important; }
.pdb-20 { padding-bottom: 20px !important; }

/*テキスト
----------------------------------------------------------------*/
.font-10 { font-size: 77%; }
.font-11 { font-size: 85%; }
.font-12 { font-size: 93%; }
.font-13 { font-size: 100%; }
.font-14 { font-size: 108%; }
.font-15 { font-size: 116%; }
.font-16 { font-size: 123.1%; }
.font-17 { font-size: 131%; }
.font-18 { font-size: 138.5%; }
.font-19 { font-size: 146.5%; }
.font-20 { font-size: 153.9%; }
.font-21 { font-size: 161.6%; }
.font-22 { font-size: 167%; }
.font-23 { font-size: 174%; }
.font-24 { font-size: 182%; }
