@charset "UTF-8";

/* 共通レイアウト
------------------------------------------------------*/

#wrapper {
	background-color: #000;
	min-width: 1100px;
}

#exCol {
	height:745px;
}

#swfArea {
	width: 100%;
	height:745px;

}

#content {
	display: none;
	position: relative;
	margin: 0 auto;
	background: url(../images/top/bg_contents.jpg) no-repeat center top;
	width: 1100px;
	height: 745px;
}

#youtube {
	position: absolute;
	left: 65px;
	top: 307px;
	width: 400px;
	height: 258px;
}

.perks {
	position: absolute;
	left: 475px;
	top: 625px;
	width: 185px;
	height: 70px;
}

.shop {
	position: absolute;
	left: 760px;
	top: 625px;
	width: 185px;
	height: 70px;
}

.enq {
	position: absolute;
	left: 855px;
	top: 625px;
	width: 185px;
	height: 70px;
}

.wtf {
	position: absolute;
	left: 475px;
	top: 465px;
	width: 565px;
	height: 120px;
}

.bnid {
	position: absolute;
	left: 855px;
	top: 590px;
	width: 185px;
	height: 30px;
}

.update {
	position: absolute;
	left: 475px;
	top: 590px;
	width: 375px;
	height: 30px;
}

/*---トピックス*/
#topics {
	display: none;
	position: absolute;
	left: 65px;
	top: 574px;
	padding: 32px 0 0 1px;
	background: url(../images/top/bg_topics.jpg) no-repeat;
	width: 399px;
	height: 99px;
}
#topics dl {
	overflow: auto;
	padding: 5px;
	width: 388px;
	height: 88px;
	font-size: 93%;
	line-height: 1.3em;
}
#topics dl dt {
}
#topics dl dd {
	margin: -1.3em 0 0 0;
	padding: 0 0.5em 0.7em 6.5em;
}

#topics dl:before,
#topics dl:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
#topics dl:after {
    clear: both;
}
#topics dl {
    zoom: 1;
}

/*---フッター*/
#footer {
	background: url(../images/top/bg_footer.png) no-repeat center top;
}

#copy {
	background: url(../images/top/bg_copy.png) no-repeat center top;
	height: 29px;
}

#wiiu {
	margin: 0 auto;
	padding-top: 54px;
	width: 1000px;
	height: 30px;
}
#wiiu a {
	display: block;
	margin: 0 auto;
	width: 320px;
	height: 30px;
	text-indent: -9999px;
}

#sns {
	margin: 0 auto;
	padding-top: 9px;
	width: 1000px;
	height: 45px;
}
#sns ul li {
	float: left;
	width: 120px;
}

#link {
	padding: 10px;
	text-align: center;
}

/* グローバルナビ
------------------------------------------------------*/
#gnavi {
	position: static;
	left: auto;
	top: auto;
	padding-top: 10px;
	background:url(../images/top/bg_gnavi.jpg) no-repeat center top;
	width: auto;
	height: 76px;
}

#gnavi ul {
	margin: 0 auto;
	background:url(../images/top/bg_gnavi.jpg) no-repeat center top;
	width: 1002px;
}

#gnavi ul li {
	float: left;
	padding: 0 1px 2px;
}

#gnavi ul li a {
	display: block;
	background: url(../images/top/btn_gnavi.jpg) no-repeat;
	width: 165px;
	height: 32px;
	text-indent: -9999px;
}
/*---トップ*/
#gnavi ul li.gn-top a {
	background-position: 0 0;
}
#home #gnavi ul li.gn-top a,
#gnavi ul li.gn-top a:hover {
	background-position: 0 -66px;
}
/*---製品情報*/
#gnavi ul li.gn-product a {
	background-position: -167px 0;
}
#product #gnavi ul li.gn-product a,
#gnavi ul li.gn-product a:hover {
	background-position: -167px -66px;
}
/*---鉄拳とは*/
#gnavi ul li.gn-about a {
	background-position: -334px 0;
}
#about #gnavi ul li.gn-about a,
#gnavi ul li.gn-about a:hover {
	background-position: -334px -66px;
}
/*---鉄拳TT2*/
#gnavi ul li.gn-tt2 a {
	background-position: -501px 0;
}
#tt2 #gnavi ul li.gn-tt2 a,
#gnavi ul li.gn-tt2 a:hover {
	background-position: -501px -66px;
}
/*---ゲームモード*/
#gnavi ul li.gn-mode a {
	background-position: -668px 0;
}
#mode #gnavi ul li.gn-mode a,
#gnavi ul li.gn-mode a:hover {
	background-position: -668px -66px;
}
/*---DLC*/
#gnavi ul li.gn-dlc a {
	background-position: -835px 0;
}
#dlc #gnavi ul li.gn-dlc a,
#gnavi ul li.gn-dlc a:hover {
	background-position: -835px -66px;
}
/*---ファイトラボ*/
#gnavi ul li.gn-flab a {
	background-position: 0 -34px;
}
#flab #gnavi ul li.gn-flab a,
#gnavi ul li.gn-flab a:hover {
	background-position: 0 -100px;
}
/*---キャラクター*/
#gnavi ul li.gn-chara a {
	background-position: -167px -34px;
}
#chara #gnavi ul li.gn-chara a,
#gnavi ul li.gn-chara a:hover {
	background-position: -167px -100px;
}
/*---ステージ*/
#gnavi ul li.gn-stage a {
	background-position: -334px -34px;
}
#stage #gnavi ul li.gn-stage a,
#gnavi ul li.gn-stage a:hover {
	background-position: -334px -100px;
}
/*---ムービー*/
#gnavi ul li.gn-movie a {
	background-position: -501px -34px;
}
#movie #gnavi ul li.gn-movie a,
#gnavi ul li.gn-movie a:hover {
	background-position: -501px -100px;
}
/*---カスタマイズ*/
#gnavi ul li.gn-custom a {
	background-position: -668px -34px;
}
#custom #gnavi ul li.gn-custom a,
#gnavi ul li.gn-custom a:hover {
	background-position: -668px -100px;
}


/* 汎用クラス
------------------------------------------------------*/
#gnavi u:before,
#gnavi u:after,
#sns ul li:before,
#sns ul li:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
#gnavi u:after,
#sns ul li:after {
    clear: both;
}
#gnavi ul,
#sns ul li {
    zoom: 1;
}

#contents h1,
#contents strong,
#footer .spec {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
	margin: 0;
	padding: 0;
}