@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 top;
	min-width: 1024px;
}

/*---ヘッダー*/
#header {
	position: relative;
	margin: 0 auto;
	background: url(../images/common/bg_container.jpg) no-repeat center top;
	width: 1000px;
	height: 116px;
}
#header h1 {
	position: absolute;
	left: 10px;
	top: 5px;
	z-index: 100;
}

/*---フッター*/
.pagetop a {
	display: block;
	margin: 0 auto;
	background: url(../images/common/btn_pagetop.jpg) no-repeat;
	width: 240px;
	height: 43px;
	text-indent: -9999px;
}
.pagetop a:hover {
	background-position: -240px 0;
}

#copy {
	background: url(../images/common/bg_copy.png) no-repeat center top;
	height: 54px;
	text-indent: -9999px;
}
#product #copy {
	background: url(../images/common/bg_copy_w.png) no-repeat center top;
}

/*---コンテンツ*/
#mainCol {
	padding: 30px 0 40px;
	text-align: center;
}


/* グローバルナビ
------------------------------------------------------*/
#gnavi {
	position: absolute;
	left: 298px;
	top: 19px;
	width: 702px;
}

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

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


/* 汎用クラス
------------------------------------------------------*/
#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; }

.mgt-10 { margin-top: 10px !important; }
.mgt-15 { margin-top: 15px !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%; }