@charset "utf-8";

@import url("../up.css");
@import url("init.css");
@import url("list1.css");


/* ==========================================================================
 背景等 */
body {
	padding-top: 10px;
	background: #444348 url("bg.jpg") center repeat-y;
	text-align: center;		/* エリア内align・IE対策 */
	color: #fff;

	text-align:center; /* centering forIE */
}

strong {
	font-weight: bold;
}

a { color: #fff899;}
a:hover { color: #ec6100;}


/* ==========================================================================
 ボディ・ヘッダ・フッタ */
#body ,
#header ,
#footer {
	width: 788px;
	margin: 0 auto;
}

#body {
	background: url("bg_body.jpg") repeat-y;
	min-height: 540px;
	height: auto !important; height: 540px;
}

/*ヘッダ*/
#header {
	position :relative;
	height: 70px;
	background: url("bg_header.jpg") no-repeat;
	text-align: left;
}

/*フッタ*/
#footer {
	height: 52px;
	padding-top: 3px; 
	background: url("bg_footer.jpg") no-repeat;
	text-align: left;
}

#aquaplus {
	position :relative;	/*IE:alpha上リンク対策*/
	display: block;

	margin-left: 34px;
	width: 96px;
	height: 16px;
	background: url("aquaplus.png") no-repeat !important; background:none;		/*Gekko用+IE対策*/
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/aquaplus.png",sizingMethod="clop");		/*IE用*/

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

#copyright ,
#copyright2 {
	margin-top: 12px;
	width: 250px;
	height: 16px;
	font-size: 8pt;
}

#copyright  { float: left; text-indent: 7px;}
#copyright2 { float: right; text-align: right;}

/* ==========================================================================
 エリア・メイン */
.areaMain {
	position: relative;
	margin: 0 auto; 
	width: 758px;
	min-height: 540px;
	height: auto !important; height: 540px;
	background: url("bg_main_body.jpg") repeat-y;
}

.areaMainHead,
.areaMainFoot {
	min-height: 430px;
	height: auto !important; height: 540px;
}

.areaMainFoot {
	padding-top: 60px;
	padding-bottom: 50px;
}

body.top .areaMain { background: url("bg_main_top.jpg") no-repeat; }
body.sto .areaMain { background: url("bg_main_sto.jpg") no-repeat; text-align: left; text-indent: -9999px; }

body.cha .areaMain { text-align: left; }
body.c01 .areaMain { background: url("bg_main_chr01.jpg") no-repeat; }
body.c02 .areaMain { background: url("bg_main_chr02.jpg") no-repeat; }
body.c03 .areaMain { background: url("bg_main_chr03.jpg") no-repeat; }
body.c04 .areaMain { background: url("bg_main_chr04.jpg") no-repeat; }
body.c05 .areaMain { background: url("bg_main_chr05.jpg") no-repeat; }
body.c06 .areaMain { background: url("bg_main_chr06.jpg") no-repeat; }
body.c07 .areaMain { background: url("bg_main_chr07.jpg") no-repeat; }
body.c08 .areaMain { background: url("bg_main_chr08.jpg") no-repeat; }
body.c09 .areaMain { background: url("bg_main_chr09.jpg") no-repeat; }
body.c10 .areaMain { background: url("bg_main_chr10.jpg") no-repeat; }
body.c11 .areaMain { background: url("bg_main_chr11.jpg") no-repeat; }
body.c12 .areaMain { background: url("bg_main_chr12.jpg") no-repeat; }
body.c13 .areaMain { background: url("bg_main_chr13.jpg") no-repeat; }
body.c14 .areaMain { background: url("bg_main_chr14.jpg") no-repeat; }
body.c15 .areaMain { background: url("bg_main_chr15.jpg") no-repeat; }


body.pro .areaMainHead { background: url("bg_main_head_prd.jpg") no-repeat; }
body.pro .areaMainFoot { background: url("bg_main_foot_prd.jpg") bottom no-repeat; }

body.pub .areaMainHead { background: url("bg_main_head_pub.jpg") no-repeat; }
body.pub .areaMainFoot { background: url("bg_main_foot_pub.jpg") bottom no-repeat; }

body.spe .areaMainHead { background: url("bg_main_head_spe.jpg") no-repeat; }
body.spe .areaMainFoot { background: url("bg_main_foot_spe.jpg") bottom no-repeat; }

body.sys .areaMainHead { background: url("bg_main_head_sys.jpg") no-repeat; }
body.sys .areaMainFoot { background: url("bg_main_foot_sys.jpg") bottom no-repeat; }

body.ban .areaMainHead { background: url("bg_main_head_ban.jpg") no-repeat; }
body.ban .areaMainFoot { background: url("bg_main_foot_ban.jpg") bottom no-repeat; }

/* ==========================================================================
 グローバルナビゲーション */
#globalNavi {
	position: absolute;
	margin: 0;
	padding: 0;
	left: 179px;
	top: 25px;
	display: block;
	width: 576px;
	height: 26px;
	list-style: none;
}

#globalNavi li {
	float: left;
	margin: 0;
	padding: 12px 0 0 0;
	background: none;
}

#globalNavi a ,
#globalNavi span {
	display: block;
	width: 70px;
	height: 26px;
	margin-right: 2px;

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

#globalNavi a			{ background: url("globalNavi.jpg") 0px 26px no-repeat; }
#globalNavi span		{ background: url("globalNavi_uc.jpg") no-repeat; }	/*準備中*/


/*hover*/
#gn-top a:hover ,.top	#gn-top a	{ background-position:    0px 0px; }
#gn-sto a:hover ,.sto	#gn-sto a	{ background-position:  -72px 0px; }
#gn-cha a:hover ,.cha	#gn-cha a	{ background-position: -144px 0px; }
#gn-sys a:hover ,.sys	#gn-sys a	{ background-position: -216px 0px; }
#gn-pro a:hover ,.pro	#gn-pro a	{ background-position: -288px 0px; }
#gn-pub a:hover ,.pub	#gn-pub a	{ background-position: -360px 0px; }
#gn-ban a:hover ,.ban	#gn-ban a	{ background-position: -432px 0px; }
#gn-spe a:hover ,.spe	#gn-spe a	{ background-position: -504px 0px; }



/* ==========================================================================
 ローカルナビゲーション */

/* --------------------------------------------------------------------------
 ローカルナビ - character */
.cha #localNavi {
	position: absolute;
	left: 12px;
	top: 10px;
	width: 736px;
	height: 60px;
}
.cha #localNavi li {
	float: left;
	margin: 0;
	padding: 0;
	background: none;
}
.cha #localNavi a ,
.cha #localNavi span {
	display: block;
	width: 90px;
	height: 26px;
	margin-right: 2px;
	margin-bottom: 4px;

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

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

/*通常*/
#ln-c01 a { background-position:     0px 0px; }
#ln-c02 a { background-position:   -92px 0px; }
#ln-c03 a { background-position:  -184px 0px; }
#ln-c04 a { background-position:  -276px 0px; }
#ln-c05 a { background-position:  -368px 0px; }
#ln-c06 a { background-position:  -460px 0px; }
#ln-c07 a { background-position:  -552px 0px; }
#ln-c08 a { background-position:  -644px 0px; }
#ln-c09 a { background-position:  -736px 0px; }
#ln-c10 a { background-position:  -828px 0px; }
#ln-c11 a { background-position:  -920px 0px; }
#ln-c12 a { background-position: -1012px 0px; }
#ln-c13 a { background-position: -1104px 0px; }
#ln-c14 a { background-position: -1196px 0px; }
#ln-c15 a { background-position: -1288px 0px; }

/*hover*/
#ln-c01 a:hover, .c01 #ln-c01 a { background-position:     0px -26px; }
#ln-c02 a:hover, .c02 #ln-c02 a { background-position:   -92px -26px; }
#ln-c03 a:hover, .c03 #ln-c03 a { background-position:  -184px -26px; }
#ln-c04 a:hover, .c04 #ln-c04 a { background-position:  -276px -26px; }
#ln-c05 a:hover, .c05 #ln-c05 a { background-position:  -368px -26px; }
#ln-c06 a:hover, .c06 #ln-c06 a { background-position:  -460px -26px; }
#ln-c07 a:hover, .c07 #ln-c07 a { background-position:  -552px -26px; }
#ln-c08 a:hover, .c08 #ln-c08 a { background-position:  -644px -26px; }
#ln-c09 a:hover, .c09 #ln-c09 a { background-position:  -736px -26px; }
#ln-c10 a:hover, .c10 #ln-c10 a { background-position:  -828px -26px; }
#ln-c11 a:hover, .c11 #ln-c11 a { background-position:  -920px -26px; }
#ln-c12 a:hover, .c12 #ln-c12 a { background-position: -1012px -26px; }
#ln-c13 a:hover, .c13 #ln-c13 a { background-position: -1104px -26px; }
#ln-c14 a:hover, .c14 #ln-c14 a { background-position: -1196px -26px; }
#ln-c15 a:hover, .c15 #ln-c15 a { background-position: -1288px -26px; }





/* ==========================================================================
 個別 - 詳細デザイン */

/* --------------------------------------------------------------------------
 共通 */
table {
	margin: 0 auto;
	width: 622px;
	text-align: left;
}

th, td {
	position: relative;
	padding-left: 7px;
	text-align: left;
	font-weight: normal;
	font-family: 'ＭＳ Ｐゴシック' !important;
	vertical-align: top;
}

.new td { color: #ec6100; }



/* --------------------------------------------------------------------------
 top */
#release {
	position: absolute;
	width: 363px;
	height: 39px;
	left: 15px;
	top: 30px;
	background: url("release.jpg") no-repeat;

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

#whatsnew {
	position: absolute;
	left: 28px;
	top: 406px;
	width: 232px;
	height: 103px;
	text-align: left;
	overflow-y: scroll;
}

#whatsnew span.new {
	color: #ebde8e;
}






/* --------------------------------------------------------------------------
 character */
#sv {
	position: absolute;
	top: 110px;
	width: 167px;
	height: 28px;
}

#sv a {
	width: 167px;
	height: 28px;
	background: url("sv.png") no-repeat !important; background:none;		/*Gekko用+IE対策*/
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/sv.png",sizingMethod="image");		/*IE用*/
}

#sv a,
#sv span {
	display: block;
	text-align: left;
	text-indent: -9999px;
	overflow-x: hidden;
}


#sv a:hover ,
#sv a[data-status="play"] {
	background: url("sv_hover.png") no-repeat !important; /*background:none;		/*Gekko用+IE対策*/
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/sv_hover.png",sizingMethod="image");		/*IE用*/
}

.c01	#sv,
.c03	#sv,
.c09	#sv,
.c11	#sv,
.c13	#sv,
.c15	#sv { left: 234px;  }

.c05	#sv,
.c07	#sv { left: 244px;  }

.c02	#sv,
.c04	#sv,
.c06	#sv,
.c08	#sv,
.c10	#sv,
.c12	#sv,
.c14	#sv { left: 534px; }



/* --------------------------------------------------------------------------
 product */
.pro th,
.pro td {
	padding-top: 2px;
	border-bottom: 1px solid #001833;
}

/* --------------------------------------------------------------------------
 publicity */
.pub th {
	background: url("th.gif") repeat-x;
	padding-top: 1px;
	padding-bottom: 2px;
	color: #7ecef4;
}



.sys .arrow88 {
	margin: 0 2px 34px;
}
.sys .arrow130 {
	margin: 0 2px 55px;
}


/* --------------------------------------------------------------------------
 banner */
.ban textarea {
	margin-top: 3px;
	padding: 2px;
	overflow-y: scroll;
}


.ban form {
 	background: #00284d;
 	padding:10px;
 	line-height: 18pt;
 	border: 2px solid #000;
}

.ban form input ,
.ban form select {
	border: 1px solid #FFB9FA;
}

.ban form select { width: 90px; }

.ban #submitArea {
	text-align: center;
	margin-top: 8px;
	padding: 4px;
	background: #17386A;
}

.submit {
	border:2px outset !important;
	height:22px;
}

#submitArea .submit {
	width: 200px;
	background: #FFE6FD;
}



/* --------------------------------------------------------------------------
 共通 */

.detail {
	width: 640px;
	margin: 0 auto 20px;
	text-align: left;
}

h2 {
	margin: 0 auto 5px;
	width: 648px;
	height: 30px !important; height: 39px;
	padding-top: 9px !important; padding-top: 10px;
	background: url("h2.png") no-repeat !important; background:none;		/*Gekko用+IE対策*/
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/h2.png",sizingMethod="image");		/*IE用*/
	font-family: "ＭＳ Ｐゴシック" !important;
	font-weight: bold;
}

.fp {
	margin: 0 auto 16px !important;
}





/* [EOF] */