@charset "utf-8";
@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:#fbe4ee url("bg.jpg") repeat-x;
	text-align: center;
	color: #000;
}

a {
	color: #ea6176;
	text-decoration: none;
}
a:hover {color: #fff;background:#ea6176;}


strong {
	color: #ea6176;
	font-weight: bold;
}


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


.new {
	color: #fb0399;
}


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

.areaMainBg {
	width: 765px;
	min-height: 720px;
	height: auto !important; height: 720px;
}

#top		.areaMainBg {background: url("bg_top.jpg") 85px 0px no-repeat !important;}
#str		.areaMainBg {background: url("bg_str.jpg") 198px 0px no-repeat !important; z-index: 3;}



/* ---------------------------------------------------------------------------
エリア右側 */


#areaRight {
	z-index: 3;
	position: absolute;
	top: 0px;
	left: 0px;
}


/**/
#areaRight {
	left: 198px;
	width: 536px;
	text-align: left;
}

#areaRbody {
	width: 536px;
	background: url("area_body.png") repeat-y !important; background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/area_body.png",sizingMethod="scale");		/*IE用*/
}

#areaRtop {
	background: url("area_top.jpg") no-repeat;
	text-align: left;
	padding-top: 57px;	/*h2まで*/
	padding-left: 26px;
	padding-right: 35px;
	width: 471px !important; width: 536px;

	min-height:561px;
	height: auto !important; height: 618px;/*IE*/
}


/*IE対策：png上のa*/
#areaRtop a {
	position: relative;
}



#areaRbottom {
	position: relative;
	width: 536px;
	height: 19px;
	background: url("area_bottom.png") no-repeat !important; background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/area_bottom.png",sizingMethod="crop");		/*IE用*/
	overflow-y: hidden;
}



/*登場人物*/
#chr #areaRight {
	left: 194px;
	width: 529px;
	height: 657px;
	text-align: left;
	text-indent: -9999px;
}

#chr.c00 #areaRight { background: url("bg_chr00.jpg") no-repeat; }
#chr.c01 #areaRight { background: url("bg_chr01.jpg") no-repeat; }
#chr.c02 #areaRight { background: url("bg_chr02.jpg") no-repeat; }
#chr.c03 #areaRight { background: url("bg_chr03.jpg") no-repeat; }
#chr.c04 #areaRight { background: url("bg_chr04.jpg") no-repeat; }
#chr.c05 #areaRight { background: url("bg_chr05.jpg") no-repeat; }
#chr.c06 #areaRight { background: url("bg_chr06.jpg") no-repeat; }
#chr.c07 #areaRight { background: url("bg_chr07.jpg") no-repeat; }
#chr.c08 #areaRight { background: url("bg_chr08.jpg") no-repeat; }
#chr.c09 #areaRight { background: url("bg_chr09.jpg") no-repeat; }
#chr.c10 #areaRight { background: url("bg_chr10.jpg") no-repeat; }






/* ---------------------------------------------------------------------------
ロゴ */

#logo_th2p {
	z-index: 4;
	position: absolute;
	left: 36px;
	top: 20px;

	width: 173px;
	height: 94px;
	background: url("logo_th2p.gif") no-repeat;

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



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

#globalNavi {
	z-index: 2;
	position: absolute;
	left: 0;
	top: 101px;

	width: 228px;
/*	width: 198px;*/
	height: 554px;
	background: url("globalNavi_bg.png") no-repeat !important; background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/globalNavi_bg.png",sizingMethod="image");		/*IE用*/
/*	background: url("globalNavi_bg.gif") 6px 0px no-repeat;*/
	text-align: left;
}

#globalNavi ul {
	padding-top: 33px;
}

#globalNavi li {
	list-style: none;
	display: block;
	width: 209px;
	margin-bottom: 5px;
}

#globalNavi li a {
	display: block;
	margin-left: 40px;
	width: 154px;
	height: 31px;

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

	background-image: url("globalNavi.gif");
	background-repeat: no-repeat;
}

#gn-chr { margin-bottom: 209px !important; }

#gn-top a { background-position: 0px    0px; }
#gn-prd a { background-position: 0px  -31px; }
#gn-prv a { background-position: 0px  -62px; }
#gn-str a { background-position: 0px  -93px; }
#gn-chr a { background-position: 0px -124px; }
#gn-scr a { background-position: 0px -155px; }
#gn-pub a { background-position: 0px -186px; }
/*#gn-spe a { background-position: 0px -217px; }*/
#gn-spe { display: none !important; }

#gn-top a:hover , #gn-top .on { background-position: -154px    0px; }
#gn-prd a:hover , #gn-prd .on { background-position: -154px  -31px; }
#gn-prv a:hover , #gn-prv .on { background-position: -154px  -62px; }
#gn-str a:hover , #gn-str .on { background-position: -154px  -93px; }
#gn-chr a:hover , #gn-chr .on { background-position: -154px -124px; }
#gn-scr a:hover , #gn-scr .on { background-position: -154px -155px; }
#gn-pub a:hover , #gn-pub .on { background-position: -154px -186px; }
/*#gn-spe a:hover , #gn-spe .on { background-position: -154px -217px; }*/


/* ---------------------------------------------------------------------------
ローカルナビゲーション */
#localNavi {
	z-index: 3;
	position: absolute;
	left: 50px;
	top: 315px;
	width: 134px;
}


#localNavi li {
	list-style: none;
	display: block;
	margin-bottom: 3px;
}

#localNavi a,
#localNavi span {
	display: block;
	text-indent: -9999px;
	overflow-x: hidden;
	width: 134px;
	height: 17px;
}

#localNavi a {
	background-image: url("localNavi.gif");
	background-repeat: no-repeat;
	background-position: -134px 0px;
}

#ln01 a:hover, #ln01 .on {  background-position: 0px    0px; }
#ln02 a:hover, #ln02 .on {  background-position: 0px  -17px; }
#ln03 a:hover, #ln03 .on {  background-position: 0px  -34px; }
#ln04 a:hover, #ln04 .on {  background-position: 0px  -51px; }
#ln05 a:hover, #ln05 .on {  background-position: 0px  -68px; }
#ln06 a:hover, #ln06 .on {  background-position: 0px  -85px; }
#ln07 a:hover, #ln07 .on {  background-position: 0px -102px; }
#ln08 a:hover, #ln08 .on {  background-position: 0px -119px; }
#ln09 a:hover, #ln09 .on {  background-position: 0px -136px; }
#ln10 a:hover, #ln10 .on {  background-position: 0px -153px; }


/* ---------------------------------------------------------------------------
発売予定 */
#release {
display: none;
	position: absolute;
	left: 42px;
	top: 652px;
	width: 150px;
	height: 38px;
	background: url("release.gif") no-repeat;
	text-align: left;
	text-indent: -9999px;

}

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

/*ソリッドデザイン*/
#top #footer,
#str #footer,
#chr #footer,
#chr #footer
{
	z-index: 5;
	position: absolute;
	left: 210px;
	top: 656px;
}

/*リキッドデザイン*/
#prd #footer,
#scr #footer,
#mov #footer,
#pub #footer,
#spe #footer
{
	position: relative;
	margin-left: 12px;
	margin-top: 19px;
}


#footer {
	width: 500px;
	background: url("footer.png") no-repeat !important; background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/footer.png",sizingMethod="image");		/*IE用*/

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

#aquaplus {
	display: block;

	margin-left: 403px;
	margin-top: 29px;
	
	width: 96px;
	height: 16px;

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



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

/* h2 ---------------------------------*/
h2 {
	z-index: 4;
	margin-left: 59px;
	margin-bottom: 48px;	/*150-57-45*/

	width: 188px;
	height: 45px;

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

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



/* h3 ---------------------------------*/
h3 {
	z-index: 4;
	width: 469px;
	padding-top: 8px;
	height: 30px !important; height: 38px;

	background: url("h3s.gif") no-repeat;
	color: #fff;
	font-weight: bold;
	text-indent: 34px;
}

h3.long {
	background: url("h3l.png") no-repeat !important; background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/h3l.png",sizingMethod="image");		/*IE用*/
	text-indent: 34px
}


#prd h3 { background: url("h3_prd.gif") no-repeat;	text-align: left; 	text-indent: -9999px; }
#prv h3 { background: url("h3_prv.gif") no-repeat;	text-align: left; 	text-indent: -9999px; }
#prv h3.long {
	background: url("h3_prv.png") no-repeat !important; background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/h3_prv.png",sizingMethod="image");		/*IE用*/
	text-align: left;
	text-indent: -9999px !important;
}
#prv h3.long2 {
	background: url("h3_prv2.png") no-repeat !important; background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/h3_prv2.png",sizingMethod="image");		/*IE用*/
	text-align: left;
	text-indent: -9999px !important;
}



/* detail */
#areaRtop div {
	margin: 0px 5px 0px 5px;
	padding-bottom: 8px;
}


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


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

#whatsnew ,
.detail {
	scrollbar-face-color:		#fff;
	scrollbar-track-color:		#fff;
	scrollbar-arrow-color:		#e26d76;

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

	scrollbar-shadow-color:		#fff;
	scrollbar-highlight-color:	#fff;
}

#whatsnew {
	position: absolute;
	left: 223px;
	top: 499px;
	width: 144px;
/*	left: 466px;
	top: 499px;
	width: 155px;*/
	height: 126px;
	overflow-y: scroll;
	text-align: left;
}

#whatsnew table { color: #000; }
#whatsnew td {
	width: 123px;
	border-top: 1px dotted #e26d76;
	font-family: 'ＭＳ Ｐゴシック' !important;
}

#whatsnew a {
	font-weight: bold;
}

/*--------------------------------------------------------------------------------------
「製品情報」 */

#prd * { font-family: 'ＭＳ Ｐゴシック' !important; }

#prd table {
	width: 443px !important;
	margin: 0px 12px 8px 10px;
}

#prd th,
#prd td {
	border-bottom: 1px dotted #f57084;
	padding-left:3px;
}
#prd th { width: 75px; text-align: left; vertical-align: top;}

.kind {
	background: #FDE1E6;
}
#prd td.v {
	border-right: 1px solid #f57084;
}


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

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

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



h4 { width: 469px;	height:33px;	text-align: left; 	text-indent: -9999px; }

#prd #areaRtop ul { margin-left: 26px; }

/*--------------------------------------------------------------------------------------
「製品情報」 */

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



/* ---------------------------------------------------------------------------
「登場人物」 */
/*a#sv {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 44px;
	height: 48px;
	background-image: url("btn_sv.gif");
	background-repeat: no-repeat;
	text-align: left;
	text-indent: -9999px;
	overflow: hidden;
}


a#sv:hover {
	background-position: -44px 0px;
}*/


/*--------------------------------------------------------------------------------------
「ゲーム画面」 */

#scr h2 { margin-bottom: 35px !important; }

#scr .ss {
	float: left;
	width: 208px;
	height: 120px;
	margin-left: 12px;
	padding-bottom: 0 !important;
	background: url("frame_scr.png") repeat-x !important; background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/frame_scr.png",sizingMethod="crop");		/*IE用*/
}

#scr .ss a { position: relative; display: block; background: none;}

#scr .ss img {
	margin: 2px 0 0 3px;
}

.clear { float:left; height: 1px; line-height: 1px; overflow: hidden; clear: both;}


/*--------------------------------------------------------------------------------------
「雑誌掲載」 */

#prd table ,
#pub table {
	width: 100%;
	text-align: left;

	background: url("alpha.png") !important; background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/alpha.png",sizingMethod="scale");		/*IE用*/
}

#pub th {
	border-bottom: 1px solid #ea6176;
}

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

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

.pv {
	position: absolute;
	left: 19px;
	margin: 0 !important;
	padding: 0!important;

	width: 488px;
	height: 306px;
/*	background: url("frame_mov.png") !important; background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/frame_mov.png",sizingMethod="scale");		/*IE用*/
}

.pv a.fp {
	margin: 0 auto;
}


/* [EOF] */