@charset "UTF-8";

/*	全ページ共通CSS
	
		■初期設定・初期化
			：body設定
			：ブラウザのマージンとパディング初期化
			：タグ毎のマージンとパディング初期化
			：リンク設定
			：float対策
			：イメージ初期化
		■ヘッダー設定
		■メニュー設定
		■コンテンツ設定
		■フッター設定
----------------------------------------------------------------------------------------------------------------------------------*/

/* IE HOVER FIX */
a {
	behavior: url(/Common/Css/csshover3.htc);
}


/*	初期設定・初期化
----------------------------------------------------------------------------------------------------------------------------------*/
/*-- body設定 -------------*/
body {
	font-family: meiryo, "ＭＳ Ｐゴシック","Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Geneva,Arial,Verdana,sans-serif;
	font-size: 12px;
	color: #878b89;
	line-height: 160%;
	background-color: #131b18;
	background-image: url(../Images/main_bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}





/*-- ブラウザのマージンとパディング初期化 -------------*/
*{
	padding: 0;
	margin: 0;
}

/*-- タグ毎のマージンとパディング初期化 -------------*/
body,div,p,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,table,tr,td {
	padding: 0;
	margin: 0;
}

/*-- リンク設定 --------*/
a {
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

a img{
	border: none;
}

a:focus{
	overflow: hidden;
	outline: none;
}


/*-- float対策 --------*/
.clear {
	zoom: 100%;
}

.clear:after {
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	content: " ";
}

/*-- イメージ初期化 --------*/
img {
	padding: 0;
	margin: 0;
	vertical-align: middle;
}








/*	ヘッダー設定
----------------------------------------------------------------------------------------------------------------------------------*/

h1#header {
	position: relative;
	height: 245px;
	width: 971px;
	margin: 0 auto;
	z-index: 20;
	font-weight: normal;
	display: block;
	background-image: url(../Images/header_bg.jpg);
	background-repeat: no-repeat;
}


h1#header div.onstore,
h1#header div.logo,
h1#header div.store {
	position: absolute;
}


h1#header div.onstore {
	top: 50px;
	right: 58px;
}


h1#header div.logo {
	left: 70px;
	top: 10px;
}


h1#header div.ps3 {
	top: 7px;
	right: 57px;
}


h1#header div.xbox {
	top: 5px;
	right: 172px;
}



/*	メニュー設定
----------------------------------------------------------------------------------------------------------------------------------*/

h2#menu {
	position: absolute;
	left: 50%;
	top: 178px;
	height: 75px;
	width: 730px;
	margin: 0 auto;
	margin-left: -363px;
	z-index: 30;
	display: block;
	background-image: url(../Images/menu_bg.gif);
	background-repeat: no-repeat;
}


h2#menu div.mainMenu {
	position: absolute;
	left: 9px;
	top: 13px;
	width: 710px;
}


h2#menu div.mainMenu a,
h2#menu div.mainMenu span { /* メインメニュー共通項目 */
display:block;
float:left;
height:25px;
font-size:1px;
font-weight:normal;
text-indent:-9999px;
background-repeat:no-repeat;
}


h2#menu div.mainMenu a { /*IE6 */
cursor:pointer;
}


/* top */
h2#menu div.mainMenu .top {
	width: 81px;
	background-image: url(../Images/menu_top.png);
	background-position: top;
}


/* story */
h2#menu div.mainMenu .story {
	width: 82px;
	background-image: url(../Images/menu_story.png);
	background-position: top;
}


/* character */
h2#menu div.mainMenu .character {
	width: 130px;
	background-image: url(../Images/menu_character.png);
	background-position: top;
}


/* system */
h2#menu div.mainMenu .system {
	width: 93px;
	background-image: url(../Images/menu_system.png);
	background-position: top;
}


/* multi */
h2#menu div.mainMenu .multi {
	width: 85px;
	background-image: url(../Images/menu_multi.png);
	background-position: top;
}


/* media */
h2#menu div.mainMenu .media {
	width: 93px;
	background-image: url(../Images/menu_media.png);
	background-position: top;
}


/* download */
h2#menu div.mainMenu .download {
	width: 139px;
	background-image: url(../Images/menu_download.png);
	background-position: top;
}


/* カレント処理 */
h2#menu div.mainMenu span.on {
	background-position: bottom !important;
}



/* サブメニュー ------------------------------------ */

h2#menu div.subMenu {
	position: absolute;
	left: 30px;
	top: 39px;
	width: 680px;
}


h2#menu div.subMenu a,
h2#menu div.subMenu span { /* サブメニュー共通項目 */
display:block;
float:left;
height:20px;
font-size:1px;
font-weight:normal;
text-indent:-9999px;
background-repeat:no-repeat;
background-position:top;
}


h2#menu div.subMenu a { /* IE6 */
cursor:pointer;
}


/* ??? */
h2#menu div.subMenu .blank {
	width: 34px;
	background-image: url(../Images/sub_blank.png);
}


/* media screenshots */
h2#menu div.subMenu .mediaScreenshots {
	width: 94px;
	background-image: url(../Images/sub_media_screenshots.png);
}


/* media movies */
h2#menu div.subMenu .mediaMovies {
	width: 65px;
	background-image: url(../Images/sub_media_movies.png);
}


/* top about */
h2#menu div.subMenu .aboutIndex {
	width: 118px;
	background-image: url(../Images/sub_top_about.png);
}


/* top bonus */
h2#menu div.subMenu .aboutBonus {
	width: 128px;
	background-image: url(../Images/sub_top_bonus.png);
}


/* system howto */
h2#menu div.subMenu .systemAbout {
	width: 89px;
	background-image: url(../Images/sub_system_about.png);
	background-position: 0 0;
}


/* system howto */
h2#menu div.subMenu .systemHowto {
	width: 89px;
	background-image: url(../Images/sub_system_howtoplay.png);
	background-position: 0 0;
}


/* system interface */
h2#menu div.subMenu .systemInterface {
	width: 74px;
	background-image: url(../Images/sub_system_interface.png);
}


/* system weapons */
h2#menu div.subMenu .systemWeapons {
	width: 76px;
	background-image: url(../Images/sub_system_weapons.png);
}


/* system plazmid */
h2#menu div.subMenu .systemPlasmid {
	width: 60px;
	background-image: url(../Images/sub_system_plasmid.png);
}


/* system plazmid */
h2#menu div.subMenu .systemGenetonics {
	width: 97px;
	background-image: url(../Images/sub_system_genetonics.png);
}


/* character subject */
h2#menu div.subMenu .characterSubject {
	width: 175px;
	background-image: url(../Images/sub_character_subject.png);
}


/* character bigsister */
h2#menu div.subMenu .characterBigsister {
	width: 82px;
	background-image: url(../Images/sub_character_bigsister.png);
}


/* character bigdaddy */
h2#menu div.subMenu .characterBigdaddy {
	width: 87px;
	background-image: url(../Images/sub_character_bigdaddy.png);
}


/* character splicers */
h2#menu div.subMenu .characterSplicers {
	width: 75px;
	background-image: url(../Images/sub_character_splicers.png);
}


/* multi about */
h2#menu div.subMenu .multiAbout {
	width: 126px;
	background-image: url(../Images/sub_multi_about.png);
}


/* multi rules */
h2#menu div.subMenu .multiRules {
	width: 120px;
	background-image: url(../Images/sub_multi_rules.png);
}



/* カレント処理 */

h2#menu div.subMenu span.on {
	background-position: 0 -40px !important;
}





/*	コンテンツ設定（デフォルト設定。コンテンツにより上書き変更）
----------------------------------------------------------------------------------------------------------------------------------*/

div#content {
	position: relative;
	width: 820px;
	padding: 40px 0 0 0;
	margin: 0 auto;
	z-index: 10;
	font-weight: normal;
}



/* ページネーション */

div.pagenater {
	height: 43px;
	width: 100%;
	padding: 6px 0;
	margin: 15px 0 0 0;
	background-image: url(/Common/Images/pagenation_bg.gif);
	background-repeat: repeat-x;
}


div.pagenater div.body {
margin:0 auto;
width:315px; /* 6ページ用。ページ数によって上書き */
border:1px soid #FF0000;
}


div.pagenater a,
div.pagenater span { /* ボタン共通設定 */
display:block;
float:left;
height:43px;
text-indent:-9999px;
background-repeat:no-repeat;
}


div.pagenater span.spc { /* スペーサー */
width:55px;
}


div.pagenater span.sep { /* セパレーター */
width:13px;
background:url(/Common/Images/pagenation_sep.gif);
}


/* allow */
div.pagenater .left,
div.pagenater .right {
behavior:url(/Common/Css/csshover3.htc);	/* IE HOVER FIX */
cursor: pointer;
width:55px;
height:43px;
}


div.pagenater .left {
	background: url(/Common/Images/pagenation_left.gif) no-repeat center;
}


div.pagenater .right {
	float: right;
	background: url(/Common/Images/pagenation_right.gif) no-repeat center;
}



div.pagenater .left:hover,
div.pagenater .right:hover {
	background-position: bottom;
	cursor: pointer;
}


div.pagenater .disabled,
div.pagenater .disabled:hover {
	background-position: top;
	cursor: default;
}



/* number */
div.pagenater .p1{
	background: url(/Common/Images/pagenation_1.gif);
}


div.pagenater .p2{
	background: url(/Common/Images/pagenation_2.gif);
}


div.pagenater .p3{
	background: url(/Common/Images/pagenation_3.gif);
}


div.pagenater .p4{
	background: url(/Common/Images/pagenation_4.gif);
}


div.pagenater .p5{
	background: url(/Common/Images/pagenation_5.gif);
}


div.pagenater .p6{
	background: url(/Common/Images/pagenation_6.gif);
}


div.pagenater .page {
	height: 43px;
	width: 21px;
	background-position: top;
	cursor: pointer;
}


div.pagenater .page:hover {
	background-position: bottom;
}


div.pagenater .on,
div.pagenater .on:hover {
	background-position: center;
	cursor: default;
}






/*	フッター設定
----------------------------------------------------------------------------------------------------------------------------------*/

div#footer {
	position: relative;
	height: 120px;
	width: 830px;
	margin: 0 auto;
}


div#footer a,
div#footer span {
	position: absolute;
	font-size: 1px;
	display: block;
	text-indent: -9999px;
	background-repeat: no-repeat;
}


div#footer .xbox {
	left: 0;
	top: 58px;
	height: 14px;
	width: 83px;
	background-image: url(../Images/footer_xbox360.gif);
}


div#footer .ps3 {
	left: 103px;
	top: 55px;
	height: 21px;
	width: 62px;
	background-image: url(../Images/footer_ps3.gif);
}


div#footer .twokgames {
	left: 185px;
	top: 44px;
	height: 39px;
	width: 48px;
	background-image: url(../Images/footer_2kgames.gif);
}


div#footer .d3 {
	left: 247px;
	top: 44px;
	height: 39px;
	width: 39px;
	background-image: url(../Images/footer_d3.gif);
}


div#footer span.copy {
	left: 322px;
	top: 30px;
	height: 70px;
	width: 517px;
	background-image: url(../Images/footer_copy.gif);
}
























/*	ズームウインドウ設定
----------------------------------------------------------------------------------------------------------------------------------*/




/* based on jquery.superbox.css */

/* Base Superbox Styles */
#superbox-overlay{
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	z-index: 9998;
}

#superbox-wrapper{
	position: fixed;
	top: 0;
	height: 100%;
	width: 100%;
	z-index: 9999;
	display: table;
}

#superbox-container{
	position: relative;
	height: 100%;
	width: 100%;
	padding: 0;
	margin: 0;
	display: table-cell;
	vertical-align: middle;
}

#superbox{
	padding: 0;
	margin: 0 auto;
}

#superbox-container .loading{
	margin: 0;
	text-align: center;
}


/* IE7 */
*:first-child+html #superbox-container{
	position: absolute;
	top: 50%;
	height: auto;
	display: block;
}

*:first-child+html #superbox{
	position: relative;
	top: -50%;
	display: block;
}

/* IE6 - Thanks to Thickbox for IE expressions */
* html #superbox-container{
	position: absolute;
	top: 50%;
	height: auto;
	display: block;
}

* html #superbox{
	position: relative;
	top: -50%;
	display: block;
}

* html #superbox-overlay{
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight + 'px' : document.body.offsetHeight + 'px');
}

* html #superbox-wrapper{
	position: absolute;
	margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}




/* フレーム */
#superbox {
	height: 595px;
	width: 858px;
}


div.zoomFrame {
	position: relative;
	height: 595px;
	width: 858px;
	padding: 0;
	margin: 0;
	background-image: url(../Images/zoom_frame.gif);
}


/* 写真 */
div.zoomFrame .zoomImg {
	position: absolute;
	left: 29px;
	top: 16px;
	height: 500px;
	width: 800px;
	cursor: pointer;
}


/* ボタン類初期設定 */

div.zoomFrame .zoomBack,
div.zoomFrame .zoomClose,
div.zoomFrame .zoomNext {
	position: absolute;
	font-size: 10px;
	line-height: normal;
	display: block;
	text-indent: -9999px;
	background-position: top;
	background-repeat: no-repeat;
	cursor: pointer;
}


/* 戻るボタン */
div.zoomFrame .zoomBack {
	left: 50px;
	top: 531px;
	height: 50px;
	width: 55px;
	background-image: url(../Images/zoom_back.gif);
}


/* 次へボタン */
div.zoomFrame .zoomNext {
	left: 754px;
	top: 531px;
	height: 50px;
	width: 55px;
	background-image: url(../Images/zoom_next.gif);
}


/* 閉じるボタン */
div.zoomFrame .zoomClose {
	left: 354px;
	top: 540px;
	height: 38px;
	width: 142px;
	background-image: url(../Images/zoom_close.gif);
}


/* マウスオーバー処理 */
div.zoomFrame .zoomBack:hover,
div.zoomFrame .zoomClose:hover,
div.zoomFrame .zoomNext:hover {
	background-position: bottom;
}


div.zoomFrame .disabled {
	display: none;
	cursor: default;
}