@charset "shift_jis";
@import url("../up.css");

/* --------------------------------------------------------------------------
 初期設定 */
* {
	margin: 0;
	padding: 0;
	border: none;
	font-weight: normal;
	font-size: 9pt;
	font-family: Meiryo,'メイリオ','ＭＳ Ｐゴシック' !important;	font-family: 'ＭＳ Ｐゴシック';
	line-height: 12pt;
}


/* --------------------------------------------------------------------------
 Gekko 縦スクロールバー強制表示 */
html {
	overflow-y:scroll;
}



/* --------------------------------------------------------------------------
 自動改行なし */
th {
	white-space: nowrap;
}


/* --------------------------------------------------------------------------
*/
body {
	margin: 0;
	height: 100%;
	background:#000 url("bg.jpg") repeat-x;
	text-align: center;
	color: #d6e1e3;
}

a {
	color: #fbc4fb;
}


strong {
	font-weight: bold !important;
	color: #fc5;
}


#areaMain {
	position: relative;
	margin: 0 auto;
	width: 935px;
	height: 100%;
}


.new {
	color: #f71d00;
}



/* ---------------------------------------------------------------------------
背景画像 */

.areaMainBg {
	width: 935px;
	height: 100%;
	background: url("bg_other.png") no-repeat !important; background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/bg_other.png",sizingMethod="crop");		/*IE用*/
}

#top .areaMainBg {
	background: url("bg_top.png") no-repeat !important; background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/bg_top.png",sizingMethod="crop");		/*IE用*/
}

#str .areaMainBg {
	background: url("bg_str.png") no-repeat !important; background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/bg_str.png",sizingMethod="crop");		/*IE用*/
}

#chr .areaMainBg {
	background: url("bg_chr.png") no-repeat !important; background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/bg_chr.png",sizingMethod="crop");		/*IE用*/
}

#chr.c1 .areaMainBg {
	background: url("bg_chr1.png") no-repeat !important; background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/bg_chr1.png",sizingMethod="crop");		/*IE用*/
}

#chr.c2 .areaMainBg {
	background: url("bg_chr2.png") no-repeat !important; background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/bg_chr2.png",sizingMethod="crop");		/*IE用*/
}

#chr.c3 .areaMainBg {
	background: url("bg_chr3.png") no-repeat !important; background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/bg_chr3.png",sizingMethod="crop");		/*IE用*/
}

#chr.c4 .areaMainBg {
	background: url("bg_chr4.png") no-repeat !important; background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/bg_chr4.png",sizingMethod="crop");		/*IE用*/
}

#chr.c5 .areaMainBg {
	background: url("bg_chr5.png") no-repeat !important; background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/bg_chr5.png",sizingMethod="crop");		/*IE用*/
}




/* ---------------------------------------------------------------------------
グローバルナビゲーション */


#globalNavi {
	z-index: 3;
	margin-top: 562px;
	padding-top: 19px;

	width: 935px;
	height: 66px !important;	height: 85px;
	background: url("globalNavi_bg.png") no-repeat !important; background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/globalNavi_bg.png",sizingMethod="image");		/*IE用*/
}

#globalNavi ul {
	margin: 0 50px;
}

#globalNavi li {
	display: block;
	float: left;
	height: 46px;
}

#globalNavi li a {
	position: relative;
	display: block;
	height: 46px;
	text-align: left;
	text-indent: -9999px;
	overflow-x: hidden;
}

#gn-top a { width: 85px; }
#gn-top a:hover , #top .on {
		background: url("gn_top.png") no-repeat !important; background: none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/gn_top.png",sizingMethod="image");		/*IE用*/
}

#gn-prd a { width: 121px; }
#gn-prd a:hover , #prd .on {
		background: url("gn_prd.png") no-repeat !important; background: none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/gn_prd.png",sizingMethod="image");		/*IE用*/
}

#gn-str a { width: 117px; }
#gn-str a:hover , #str .on {
		background: url("gn_str.png") no-repeat !important; background: none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/gn_str.png",sizingMethod="image");		/*IE用*/
}

#gn-chr a { width: 121px; }
#gn-chr a:hover , #chr .on {
		background: url("gn_chr.png") no-repeat !important; background: none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/gn_chr.png",sizingMethod="image");		/*IE用*/
}

#gn-scr a { width: 135px; }
#gn-scr a:hover , #scr .on {
		background: url("gn_scr.png") no-repeat !important; background: none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/gn_scr.png",sizingMethod="image");		/*IE用*/
}

#gn-pub a { width: 121px; }
#gn-pub a:hover , #pub .on {
		background: url("gn_pub.png") no-repeat !important; background: none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/gn_pub.png",sizingMethod="image");		/*IE用*/
}

#gn-spe a { width: 128px; }
#gn-spe a:hover , #spe .on {
		background: url("gn_spe.png") no-repeat !important; background: none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/gn_spe.png",sizingMethod="image");		/*IE用*/
}



/* ---------------------------------------------------------------------------
フッター */

#footer {
	margin: 0 auto;
	width: 760px;
	text-align: left;
	font-size: 8pt;
}

#leaf {
	display: block;
	float: left;
	width: 86px;
	height: 27px;
	margin-right: 12px;

	background: url("leaf.png") no-repeat !important; background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/leaf.png",sizingMethod="image");		/*IE用*/
	
	text-align: left;
	text-indent: -9999px;
	overflow-x: hidden;
}



/* ---------------------------------------------------------------------------
内容 */

h2 {
	position: absolute;
	left: 106px;
	top: 0px;

	width: 188px;
	height: 91px;

	text-align: left;
	text-indent: -9999px;
}

#prd h2 { background: url("h2_prd.jpg") no-repeat; }
#scr h2 { background: url("h2_scr.jpg") no-repeat; }
#pub h2 { background: url("h2_pub.jpg") no-repeat; }
#spe h2 { background: url("h2_spe.jpg") no-repeat; }


.detail {
	top: 160px;
	left: 60px;
	position: absolute;
	text-align: left;
}


.rmv {
	width:0;
	height:0;
	text-align: left;
	text-indent: -9999px;
	overflow: hidden;
}


/*--------------------------------------------------------------------------------------
「トップ」 */

#whatsnew ,
.detail {
	scrollbar-face-color:		#09365f;
	scrollbar-track-color:		#09365f;
	scrollbar-arrow-color:		#e5c267;

	scrollbar-darkshadow-color:	#e5c267;
	scrollbar-3dlight-color:	#e5c267;

	scrollbar-shadow-color:		#09365f;
	scrollbar-highlight-color:	#09365f;
}

#whatsnew {
	position: absolute;
	left: 55px;
	top: 405px;
	width: 250px;
	height: 60px;
	overflow-y: scroll;
	text-align: left;
}

#whatsnew table { color: #e5c267; }
#whatsnew th { width: 65px; vertical-align: top;}


/*--------------------------------------------------------------------------------------
「製品情報」 */
#prd .detail.left {
	top: 119px;
	width: 356px;
	padding-top: 166px !important; padding-top: 150px;
	height: 196px !important; height: 356px;

	background: url("limited1.png") no-repeat !important; background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/limited1.png",sizingMethod="crop");		/*IE用*/

}

#prd .rmv {height: 1px; overflow-y: hidden;}
#prd .text { width: 200px;	margin-left: 20px; font-family: 'ＭＳ Ｐゴシック' !important; }

#orig16c {
	text-align: left;

	padding-left: 20px;
	width: 330px !important; width: 350px;

	padding-top: 53px;
	padding-bottom: 5px;

	background: url("limited2.png") no-repeat !important; background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/limited2.png",sizingMethod="crop");		/*IE用*/
	font-family: 'ＭＳ Ｐゴシック' !important;

}

#szkLink {
	text-align: left;

	padding-left: 20px;
	width: 298px !important; width: 318px;
	
	padding-top: 60px;
	height: 30px !important; hight: 90px;

	background: url("include.png") no-repeat !important; background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/include.png",sizingMethod="crop");		/*IE用*/
	font-family: 'ＭＳ Ｐゴシック' !important;
}

#szkLink a {
	position: relative;
	font-weight: bold;
}

#prd .detail.right {
	width: 448px;
	left: 420px;
	top: 140px;
}

#prd h3 {
	text-align: left;
	text-indent: -9999px;
}

#prd h3.include { width: 0; height: 0;}
#prd h3.product,
#prd h3.spec { width: 143px; height: 49px; }

#prd h3.product {
	background: url("h3_prd_product.png") no-repeat !important; background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/h3_prd_product.png",sizingMethod="image");		/*IE用*/
}
#prd h3.spec {
	background: url("h3_prd_spec.png") no-repeat !important; background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/h3_prd_spec.png",sizingMethod="image");		/*IE用*/
}


#prd table { width: 430px; margin: 0 0 10px 18px; color: #e5c267; border-top: 1px dashed #e5c267; }
#prd th,
#prd td { border-bottom: 1px dashed #e5c267; }
#prd th { width: 85px; text-align: left; vertical-align: top;}

#prd .package { position: absolute; right: 0px; top: 40px; display: block;}



/* ---------------------------------------------------------------------------
「登場人物」 */
#localNavi {
	z-index: 3;
	position: absolute;
	left: 0px;
	top: 510px;
	width: 935px;
}

#localNavi ul {
	padding-left: 108px;
	width: 827px !important;	width: 935px;

	padding-top: 19px;
	height: 69px !important;	height: 88px;

	background: url("localNavi_bg.png") no-repeat !important; background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/localNavi_bg.png",sizingMethod="image");		/*IE用*/
}

#localNavi li {
	display: block;
	float: left;
	height: 50px;
	text-align: left;/*IE*/
}

#localNavi a {
	position: relative;
	display: block;
	height: 50px;
	text-align: left;
	text-indent: -9999px;
	overflow-x: hidden;
}

#ln1 { width: 140px;  }
#ln3 { width: 121px;  }
#ln4 { width: 141px;  }
#ln2 { width: 231px;  }

#ln1 a { width: 102px; }
#ln3 a { width:  85px; }
#ln4 a { width: 102px; }
#ln2 a { width:  84px; }
#ln5 a { width: 101px; }

#ln1 a:hover ,#ln1 .on { background: url("ln1.png") no-repeat !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/ln1.png",sizingMethod="image"); }
#ln3 a:hover ,#ln3 .on { background: url("ln3.png") no-repeat !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/ln3.png",sizingMethod="image"); }
#ln4 a:hover ,#ln4 .on { background: url("ln4.png") no-repeat !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/ln4.png",sizingMethod="image"); }
#ln2 a:hover ,#ln2 .on { background: url("ln2.png") no-repeat !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/ln2.png",sizingMethod="image"); }
#ln5 a:hover ,#ln5 .on { background: url("ln5.png") no-repeat !important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/ln5.png",sizingMethod="image"); }



#sv {
	position: absolute;
	left: 98px;
	top: 358px;
	width: 225px;
	height: 37px;
}

#sv a {
	position: relative;
	width: 225px;
	height: 37px;
	display: block;
	background: url("btn_sv.png") repeat-x !important; background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/btn_sv.png",sizingMethod="scale");		/*IE用*/

	text-align: left;
	text-indent: -9999px;
	overflow: hidden;
}

#sv a:hover {
	background: url("btn_sv_hover.png") repeat-x !important; background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/btn_sv_hover.png",sizingMethod="scale");		/*IE用*/
}

#vis1, #vis2 { position: absolute; top: 412px; }
#vis1 { left:71px; }
#vis2 { left:226px; }


/*--------------------------------------------------------------------------------------
「ゲーム画面」 */
#scr .detail {
	left: 25px;
	top: 180px;
	width: 900px;
	height: 400px;
/*	overflow-y: scroll;*/
}

#scr .ss {
	float: left;
	width: 220px;
	height: 170px;
	background: url("bg_ss.png") repeat-x !important; background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/bg_ss.png",sizingMethod="scale");		/*IE用*/
}

#scr .ss img {
	margin: 8px auto auto 8px;
}



/*--------------------------------------------------------------------------------------
「雑誌掲載」 */
#pub .detail {
	width: 840px;
	height: 400px;
	overflow-y: scroll;
}

#pub table {
	margin: 0 auto 30px;
	width: 810px;
	text-align: left;
}

#pub th {
	background: url("th.png") repeat-x !important; background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/th.png",sizingMethod="scale");		/*IE用*/
}

th , td {
	padding: 1px;
	vertical-align: top;
}



/*--------------------------------------------------------------------------------------
「スペシャル」 */

#globalNavi.spe {margin-top: 910px;}


#spe table {
	width: 640px;
	margin-left: 80px;
}

#spe th {
	font-weight: bold;
	text-align: left;
	border-bottom: 1px solid #fff;
}

#spe h3 {
	width: 810px;
	margin-bottom: 3px;
	text-indent: 3px;
	background: url("th.png") repeat-x !important; background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/th.png",sizingMethod="scale");		/*IE用*/
}

#spe .item {
	width: 804px;
	margin-left: 3px;
	margin-bottom: 20px;
}


#spe .detail {
	width: 840px;
/*	overflow-y: scroll;*/
}

.fp { margin-left: 80px !important; }


/* [EOF] */