﻿@charset "UTF-8";

/**
 * 全体初期化
 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td,textarea{margin:0;padding:0;font-size:12px;line-height:1.5;}
table{border-collapse:separate;border-spacing:0;}
fieldset,img,abbr{border:0;}
address,caption,cite,code,dfn,h1,h2,h3,h4,th,var{font-style:normal;font-weight:normal;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
label {padding:0 0 0 4px;}
a{
	color:#B9387A;
}
a:hover {
	color:#FF6AB7;
	text-decoration:none;
}

/* フレーム内見出し */
h1 {
	color:#ffd479;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	text-shadow:-1px -1px 1px #000;
	padding:0 0 0 22px;
	width:938px!important;
	background:transparent url(../../../images/benchmark/na/imgs/misc/icon/h1.png) left top no-repeat;
}
/* アイコン付き見出し */
h2 {
	color:#BFAD87;
	text-align:left;
	margin:0 0 5px 0;
	text-indent:22px;
	background:transparent url(../../../images/benchmark/na/imgs/misc/icon/h2.png) left top no-repeat;
}

/**
 * アイコンつきテキスト
 */
.IcoText {
	padding:0 0 0 22px;
	background:transparent url(../../../images/benchmark/na/imgs/misc/icon/h2.png) left top no-repeat;
}

/**
 * 	高さ100%
 */
html, body {
	color:#e5e5e5;
	height:100%;
	text-align:center;
	line-height:1.5;
	background-color:#000;
}

#wrap {
	min-height:100%;
	position:relative;
	background-position:center;
	background-repeat:repeat-y;
}

 /* IE対応 */
* html #wrap {height:100%}

/* ヘッダー */
#wrapHeader {
	height:262px;
}

/* ボディ */
#wrapBody {
	text-align:center;
	padding-bottom:120px;
}

/* フッター */
#wrapFooter {
	width:100%;
	height:120px;
	position:absolute;
	bottom:0;
	left:0;
}
	.na #wrapBody {
		padding-bottom:200px;
	}
	.na #wrapFooter {
		height:200px;
	}
	.en #wrapBody {
		padding-bottom:170px;
	}
	.en #wrapFooter {
		height:170px;
	}
	.fr #wrapBody {
		padding-bottom:185px;
	}
	.fr #wrapFooter {
		height:185px;
	}
	.de #wrapBody {
		padding-bottom:185px;
	}
	.de #wrapFooter {
		height:185px;
	}
	
	/* コピーライト */
	#copyright {
		
	}
		#copyright table {
			margin:10px auto 0 auto;
		}
		#copyright th {
			width:35px;
		}
		/* フッターロゴ */
		#cero {
			width:33px;
			height:41px;
			background:transparent url(../../../images/benchmark/na/imgs/wrap/wrapFooter/cero_c_k.gif);
		}
		#win {
			width:115px;
			height:41px;
			background:transparent url(../../../images/benchmark/na/imgs/wrap/wrapFooter/windows_k.gif);
		}
		#ps4 {
			width:104px;
			height:41px;
			background:transparent url(../../../images/benchmark/na/imgs/wrap/wrapFooter/ps4_k.gif);
		}
		#ps3 {
			width:102px;
			height:41px;
			background:transparent url(../../../images/benchmark/na/imgs/wrap/wrapFooter/ps3_plain.gif);
		}
		#ps {
			width:50px;
			height:46px;
			background:transparent url(../../../images/benchmark/na/imgs/wrap/wrapFooter/psf.png);
		}
		#esrb1 {
			width:150px;
			height:95px;
			background:transparent url(../../../images/benchmark/na/imgs/wrap/wrapFooter/esrb1.png);
		}
		#esrb2 {
			width:144px;
			height:53px;
			background:transparent url(../../../images/benchmark/na/imgs/wrap/wrapFooter/esrb2.gif);
		}
			#ps3Mini {
				width:36px;
				height:15px;
				display:inline;
				background:transparent url(../../../images/benchmark/na/imgs/wrap/wrapFooter/mini/ps3.png);
			}
			#psMini {
				width:15px;
				height:15px;
				display:inline;
				background:transparent url(../../../images/benchmark/na/imgs/wrap/wrapFooter/mini/ps.png);
			}
		#psn {
			width:77px;
			height:53px;
			background:transparent url(../../../images/benchmark/na/imgs/wrap/wrapFooter/psn.png);
		}
			#psnMini {
				width:15px;
				height:10px;
				display:inline;
				background:transparent url(../../../images/benchmark/na/imgs/wrap/wrapFooter/mini/psn.png);
			}
		#pcdvd {
			width:35px;
			height:50px;
			background:transparent url(../../../images/benchmark/na/imgs/wrap/wrapFooter/pcdvd.gif);
		}
		#pegifr, #pegigb {
			width:42px;
			height:50px;
		}
		#pegifr {
			background:transparent url(../../../images/benchmark/na/imgs/wrap/wrapFooter/pegifr.png);
		}
		#pegigb {
			background:transparent url(../../../images/benchmark/na/imgs/wrap/wrapFooter/pegigb.png);
		}
		#usk {
			width:50px;
			height:50px;
			background:transparent url(../../../images/benchmark/na/imgs/wrap/wrapFooter/usk.png);
		}

/**
 * スクエニヘッダー
 */
#sqexHeader {
	height:38px;
	text-align:left;
	background-image:url(../../../images/benchmark/na/imgs/wrap/sqexHeader/bg.jpg);
}
	/* スクエニグローバルへのリンク */
	#sqexGlobalLnk {
		width:160px;
		height:38px;
		background-image:url(../../../images/benchmark/na/imgs/wrap/sqexHeader/logo.jpg);
	}

/* ヘッダー */
#header {
	width:1072px;
	height:224px;
	background-repeat:no-repeat;
	background-position:center top;
}

	.na #header, .en #header {
		background-image:url(../../../images/benchmark/na/imgs/frame/headerbg.jpg);
	}

/**
 * 	リード文
 */
.Lead {
	color:#FFF;
	text-align:left;
	text-shadow: 0 0 2px #ffaa00, 0px 0px 5px #ffaa00;
	line-height: 1.8;
	padding:0px 18px 0px 18px;
}

/**
 * 	グレーのフレーム
 */
.Frame {
	width:1072px;
	margin:auto;
}
	.FrameL, .FrameR {
		width:536px;
	}
	.FrameL {
		float:left;
	}
	.FrameR {
		float:right;
	}
	.FrameHeader, .FrameHeaderL, .FrameHeaderR, .FrameMenu {
		height:106px;
	}
	.FrameHeadline, .FrameHeadlineL, .FrameHeadlineR, .FrameMenuHeadline {
		height:50px;
	}
	.FrameHeader, .FrameHeadline, .FrameMenu, .FrameMenuHeadline {
		overflow:hidden;
		padding:0 65px 0 65px;
	}
	.FrameHeader {
		background-image:url(../../../images/benchmark/na/imgs/frame/menu.png);
	}
	.FrameHeaderL {
		background-image:url(../../../images/benchmark/na/imgs/frame/header_l.png);
	}
	.FrameHeaderR {
		background-image:url(../../../images/benchmark/na/imgs/frame/header_r.png);
	}
	.FrameHeadline {
		background-image:url(../../../images/benchmark/na/imgs/frame/headline.png);
	}
	.FrameHeadlineL {
		background-image:url(../../../images/benchmark/na/imgs/frame/headline_l.png);
	}
	.FrameHeadlineR {
		background-image:url(../../../images/benchmark/na/imgs/frame/headline_r.png);
	}
	.FrameMenu {
		background-image:url(../../../images/benchmark/na/imgs/frame/menu.png);
	}
	.FrameMenuHeadline {
		background-image:url(../../../images/benchmark/na/imgs/frame/menuheadline.png);
	}
	.FrameMenuBtnContainer {
		margin:62px auto 0 auto;
	}
	.FrameMenuBtnContainer th {
		width:100px;
	}
	
		.FrameHeader h1 {
			margin:70px auto 0 auto;
			width:960px;
		}
		.FrameHeaderL h1, .FrameHeaderR h1 {
			margin-top:70px;
			width:428px;
			position:absolute;
		}
		.FrameHeaderL h1, .FrameHeadlineL h1 {
			margin-left:65px;
		}
		.FrameHeaderR h1, .FrameHeadlineR h1 {
			margin-left:20px;
		}
		.FrameHeadline h1 {
			margin:17px auto 0 auto;
			width:960px;
		}
		.FrameMenuHeadline h1 {
			margin:12px auto 0 auto;
			width:960px;
		}
		.FrameHeadlineL h1, .FrameHeadlineR h1 {
			margin-top:17px;
			position:absolute;
			width:428px;
		}
	.FrameBody {
		text-align:center;
		background-image:url(../../../images/benchmark/na/imgs/frame/bg.png);
	}
	.FrameBodyL {
		text-align:left;
		background-image:url(../../../images/benchmark/na/imgs/frame/bg_l.png);
	}
	.FrameBodyR {
		text-align:left;
		background-image:url(../../../images/benchmark/na/imgs/frame/bg_r.png);
	}
	.FrameFooter, .FrameFooterL, .FrameFooterR {
		height:138px;
		overflow:hidden;
		background-image:url(../../../images/benchmark/na/imgs/frame/footer.png);
	}
	.FrameFooterL {
		text-align:left;
		background-image:url(../../../images/benchmark/na/imgs/frame/footer_l.png);
	}
	.FrameFooterR {
		background-image:url(../../../images/benchmark/na/imgs/frame/footer_r.png);
	}
		.FrameFooterNavi {
			margin:42px auto 0 auto;
		}
		.FrameFooterNaviL, .FrameFooterNaviR {
			
		}
		.FrameFooterNaviL {
			margin-left:140px;
			margin-top:42px;
		}
		.FrameFooterNaviR {
			margin-left:90px;
			margin-top:28px;
		}
		.FrameFooterNaviR td {
			text-align:center;
		}
		.FrameFooterNaviR td a {
			margin:auto;
		}

/**
 * 汎用
 */
/* 最大境界 */
.Bound {
	width:960px;
}
/* コンテンツ領域 */
.Content {
	padding:15px 0 20px 0;
	margin:auto;
	width:904px;
}
/* コンテンツ領域 */
.ContentL, .ContentR {
	text-align:left;
	padding:15px 0 20px 0;
	width:430px;
}
.ContentL {
	margin:0 0 0 75px;
}
.ContentR {
	margin:0 0 0 30px;
}
/* 要素のセンター合わせ */
.Center {
	margin:auto;
}
/* 要素を非表示に */
.Hide {
	display:none;
}
/* ボタンなアクション */
.Button {
	display:block;
}
.Button:hover {
	background-position:left bottom;
}
/* 汎用ボタン */
.CommonBtn, .CommonBtnL {
	width:198px;
	height:27px;
	display:block;
	cursor:pointer;
	overflow:hidden;
	text-decoration:none!important;
	background-image:url(../../../images/benchmark/na/imgs/misc/button/m.png);
}
	.CommonBtn span, .CommonBtnL span {
		text-align:center;
		display:block;
		color:#fff;
		margin:3px 0 0 0;
	}
.CommonBtnL {
	width:300px;
	background-image:url(../../../images/benchmark/na/imgs/misc/button/l.png);
}
.CommonBtnEx {
	width:444px;
	height:48px;
	display:block;
	text-decoration:none!important;
	background-image:url(../../../images/benchmark/na/imgs/misc/button/ex.png);
}
.CommonBtnEx:hover {
	background-position:0 bottom;
}
	.CommonBtnEx span {
		text-align:center;
		display:block;
		color:#fff;
		padding:13px 0 0 0;
	}
.CommonBtnExs {
	width:250px;
	height:48px;
	display:block;
	text-decoration:none!important;
	background-image:url(../../../images/benchmark/na/imgs/misc/button/ex_s.png);
}
.CommonBtnExs:hover {
	background-position:0 bottom;
}
	.CommonBtnExs span {
		text-align:center;
		display:block;
		color:#fff;
		padding:13px 0 0 0;
	}
/* 注釈 */
.Note {
	color:#c0b569;
}
.NoteH {
	color:#e6d038;
}
/* エラー */
.Error {
	color:#ce3355;
}
/* 必須 */
.Req {
	color:#4FAFE2;
}
/* 中見出し */
.ctx1 {
	color:#6ec7ff;
}
/* 小見出し */
.ctx2 {
	color:#FFF;
}
/* 位置合わせ */
.AlignLeft {
	text-align:left;
}
.Strong {
	font-weight:bold;
}
.Underline {
	text-decoration:underline;
}
.AlignCenter {
	text-align:center;
}
.AlignRight {
	text-align:right;
}
/* フロート */
.FloatLeft {
	float:left;
}
.FloatRight {
	float:right;
}
.FloatEnd {
	clear:both;
}

/**
 * 	テーブル
 */
.ContentsTable {
	width:100%;
	border:1px solid #474747;
	background-color:#282C2F;
	border-spacing:1px;
}
	.ContentsTable .TH1, .ContentsTable .TD1, .ContentsTable .TD2 {
		padding:8px;
	}
	.ContentsTable .TH1 {
		font-weight:bold;
		color:#AAE2FF;
		background-color:#314059;
	}
	.ContentsTable .TD1 {
		color:#e5e5e5;
		background-color:#3A3D41;
	}
	.ContentsTable .TD2 {
		color:#FFF;
		background-color:#75787A;
	}

.URLInput {
	width:500px;
	margin:0 0 5px 0;
}

.EmailInput {
	width:300px;
}

/* キャンペーンコード */
.Code {
	width:60px;
}

#imgr {
	float:right;
	margin:0px 0px 12px 12px;
}

#imgl {
	float:left;
	margin:0px 12px 12px 0px;
}

@charset "UTF-8";

/* マージン */
.text-margin {
	font-size : 1px;
	height    : 8px;
}

/* 特殊文字（黄色） */
.text-yellow {
	color : #fff99e;
}

/* メニュー */
#menuPrepareBtn, #menuHowtoBtn, #menuDownloadBtn {
	height:26px;
}
/* 利用の準備 */
#menuPrepareBtn {

}

.na #menuPrepareBtn, .en #menuPrepareBtn {
	background-image:url(../../../images/benchmark/na/imgs/menu/prepare.png);
	width:82px;
}

/* 利用方法 */
#menuHowtoBtn {

}

.na #menuHowtoBtn, .en #menuHowtoBtn {
	background-image:url(../../../images/benchmark/na/imgs/menu/howto.png);
	width:145px;
}

/* ダウンロード */
#menuDownloadBtn {

}

.na #menuDownloadBtn, .en #menuDownloadBtn {
	background-image:url(../../../images/benchmark/na/imgs/menu/download.png);
	width:77px;
}

.BannerArea {
	width: 1072px;
	margin: 0 auto 30px;
}
.BannerArea a{
	display: inline-block;
}
.BannerArea td {
	text-align: center;
}
.bnr_pr,
.bnr_ldst{
	width: 300px;
	height: 26px;
	overflow: hidden;
}
.bnr_pr:hover img,
.bnr_ldst:hover img{
	margin-top: -26px;
}
