@charset "utf-8";

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


/* ==========================================================================
 背景等 */
body {
	background: #2a434f url("bg.jpg");
	text-align:center;		/* エリア内align・IE対策 */
	color: #a06f44;

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

strong {
	font-weight: bold;
}

#bg {
	background: url("bg_top.jpg") repeat-x;
}

#areaBase {
	margin:0 auto;
	padding-top: 7px;
	width:924px;
	background:#deceb5 url("bg_base.jpg") repeat-y;
	text-align:center; /* centering forIE */
}

a		{ color: #548994; }
a:hover	{ color: #72432c; }


/* ==========================================================================
 ヘッダー・フッター */
#header ,
#footer {
	width: 924px;
	margin: 0 auto;
}

#header {
	position :relative;
	height: 104px;
	background: url("bg_header.gif") no-repeat;
}

/*フッター*/
#footer {
	height: 21px;
	background: url("bg_footer.gif") no-repeat;
}

#aquaplus {
	position :relative;	/*IE:alpha上リンク対策*/
	display: block;
	float: left;
	width: 88px;
	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 {
	margin: 0 auto;
	width: 846px;
	line-height: 16px;
	text-align: right;
}


#btnTop ,
#btnLogo {
	position: absolute;
	top: 15px;
	display: block;
	text-align: left;
	text-indent: -9999px;
	overflow-x: hidden;
}

#btnTop { left: 43px; width: 67px; height: 23px; }
#btnLogo { right: 40px; width: 144px; height: 76px; }
#btnTop:hover { background: url("btn_top.gif") no-repeat; }
#btnLogo:hover { background: url("btn_logo.gif") no-repeat; }



/* ==========================================================================
 グローバルナビゲーション */
#globalNavi {
	position :absolute;
	left: 68px;
	top: 38px;
	display: block;
	width: 637px;
	height: 46px;
	list-style: none;
}

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

#globalNavi a ,
#globalNavi span {
	display: block;
	width: 88px;
	height: 46px;
	margin-right: 3px;

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

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


/*on*/
#story		#gn-stor a	{ background-position:    0px   0px !important; }
#character	#gn-char a	{ background-position:  -88px   0px !important; }
#system		#gn-syst a	{ background-position: -176px   0px !important; }
#product	#gn-prod a	{ background-position: -264px   0px !important; }
#publicity	#gn-publ a	{ background-position: -352px   0px !important; }
#download	#gn-down a	{ background-position: -440px   0px !important; }
#special	#gn-spec a	{ background-position: -528px   0px !important; }
#banner		#gn-spec a	{ background-position: -528px   0px !important; }

/*hover*/
#gn-stor a:hover		{ background-position:    0px -46px; }
#gn-char a:hover		{ background-position:  -88px -46px; }
#gn-syst a:hover		{ background-position: -176px -46px; }
#gn-prod a:hover		{ background-position: -264px -46px; }
#gn-publ a:hover		{ background-position: -352px -46px; }
#gn-down a:hover		{ background-position: -440px -46px; }
#gn-spec a:hover		{ background-position: -528px -46px; }



/* ==========================================================================
 メイン */

#areaMain {
	position: relative;
	margin: 0px auto 7px;
	width: 844px;
	background: url("bg_main_loop.jpg") repeat-y;
}

/* 個別 */
#top				#areaMain { background: url("main_top.jpg") no-repeat; height: 566px; }
#story				#areaMain { background: url("main_story.jpg") no-repeat; height: 566px; }
#character			#areaMain { height: 568px; }	/*詳細は以後*/



#areaMainUpper {
	width: 844px;
	min-height: 530px;
	height: auto !important;height: 530px;	/*Gekko:IE差対応*/
	background: url("bg_main_upper.jpg") no-repeat;
}

#areaMainFooter {
	position: relative;
	width: 844px;
	height: 36px;
	background: url("bg_main_footer.gif") no-repeat;
}

/* 個別 */
#areaMainFooter span {
	display: block;
	position: absolute;
	right: 44px;
	top: 0px;
	width: 150px;
	height: 25px;

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

#system		#areaMainFooter span { background: url("footer_system.gif") right 0 no-repeat; }
#product	#areaMainFooter span { background: url("footer_product.gif") right 0 no-repeat; }
#publicity	#areaMainFooter span { background: url("footer_publicity.gif") right 0 no-repeat; }
#download	#areaMainFooter span { background: url("footer_download.gif") right 0 no-repeat; }
#special	#areaMainFooter span ,
#banner		#areaMainFooter span { background: url("footer_special.gif") right 0 no-repeat; }



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

/* --------------------------------------------------------------------------
 ローカルナビ - character */
#character #localNavi {
	position: absolute;
	left: 45px;
	top: 514px;
	width: 756px;
	height: 84px;
}
#character #localNavi li {
	float: left;
	margin: 0;
	padding: 0;
	background: none;
}
#character #localNavi a ,
#character #localNavi span {
	display: block;
	width: 106px;
	height: 20px;
	margin-right: 2px;
	margin-bottom: 2px;

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

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

/*通常*/
#ln-c01 a { background-position:    0px   0px; }
#ln-c02 a { background-position: -106px   0px; }
#ln-c03 a { background-position: -212px   0px; }
#ln-c04 a { background-position: -318px   0px; }
#ln-c05 a { background-position: -424px   0px; }
#ln-c06 a { background-position: -530px   0px; }
#ln-c07 a { background-position: -636px   0px; }
#ln-c08 a { background-position:    0px -20px; }
#ln-c09 a { background-position: -106px -20px; }
#ln-c10 a { background-position: -212px -20px; }
#ln-c11 a { background-position: -318px -20px; }
#ln-c12 a { background-position: -424px -20px; }
#ln-c13 a { background-position: -530px -20px; }
#ln-c14 a { background-position: -636px -20px; }

/*hover*/
#ln-c01 a:hover { background-position:    0px  -80px; }
#ln-c02 a:hover { background-position: -106px  -80px; }
#ln-c03 a:hover { background-position: -212px  -80px; }
#ln-c04 a:hover { background-position: -318px  -80px; }
#ln-c05 a:hover { background-position: -424px  -80px; }
#ln-c06 a:hover { background-position: -530px  -80px; }
#ln-c07 a:hover { background-position: -636px  -80px; }
#ln-c08 a:hover { background-position:    0px -100px; }
#ln-c09 a:hover { background-position: -106px -100px; }
#ln-c10 a:hover { background-position: -212px -100px; }
#ln-c11 a:hover { background-position: -318px -100px; }
#ln-c12 a:hover { background-position: -424px -100px; }
#ln-c13 a:hover { background-position: -530px -100px; }
#ln-c14 a:hover { background-position: -636px -100px; }

/*on*/
#c01 #ln-c01 a { background-position:    0px  -40px; }
#c02 #ln-c02 a { background-position: -106px  -40px; }
#c03 #ln-c03 a { background-position: -212px  -40px; }
#c04 #ln-c04 a { background-position: -318px  -40px; }
#c05 #ln-c05 a { background-position: -424px  -40px; }
#c06 #ln-c06 a { background-position: -530px  -40px; }
#c07 #ln-c07 a { background-position: -636px  -40px; }
#c08 #ln-c08 a { background-position:    0px  -60px; }
#c09 #ln-c09 a { background-position: -106px  -60px; }
#c10 #ln-c10 a { background-position: -212px  -60px; }
#c11 #ln-c11 a { background-position: -318px  -60px; }
#c12 #ln-c12 a { background-position: -424px  -60px; }
#c13 #ln-c13 a { background-position: -530px  -60px; }
#c14 #ln-c14 a { background-position: -636px  -60px; }

/* --------------------------------------------------------------------------
 ローカルナビ - system */
#system h2 ul {
	position: absolute;
	right: 63px;
	top: 36px;
	width: 563px;
	height: 39px;
	background: url("localNavi_system_bg.gif") no-repeat;
}
#system h2 li {
	float: right;
	margin: 0;
	padding: 0;
	background: none;
}
#system h2 a ,
#system h2 span {
	display: block;
	width: 110px;
	height: 32px;
	margin-left: 2px;

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

#system h2 a	{ background: url("localNavi_system.gif") 0px 32px no-repeat; }
#system h2 span	{ background: none; }	/*準備中*/

/*on*/
#system #ln-adv  a.on	{ background-position:    0px   0px !important; }
#system #ln-sr1  a.on	{ background-position: -110px   0px !important; }
#system #ln-sr2  a.on	{ background-position: -220px   0px !important; }
#system #ln-base a.on	{ background-position: -330px   0px !important; }
#system #ln-man  a.on	{ background-position: -440px   0px !important; }

/*hover*/
#system #ln-adv  a:hover	{ background-position:    0px -32px; }
#system #ln-sr1  a:hover	{ background-position: -110px -32px; }
#system #ln-sr2  a:hover	{ background-position: -220px -32px; }
#system #ln-base a:hover	{ background-position: -330px -32px; }
#system #ln-man  a:hover	{ background-position: -440px -32px; }

#system h3 {
	width: 379px !important;
	margin-left: 0px;
	text-align: left;
	text-indent: -9999px;
	overflow-x: hidden;
}

#system h3.adv {
	background: url("h3_adv.png") no-repeat !important; background:none;		/*Gekko用+IE対策*/
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/h3_adv.png",sizingMethod="scale");		/*IE用*/
}

#system h3.sr1 {
	background: url("h3_sr1.png") no-repeat !important; background:none;		/*Gekko用+IE対策*/
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/h3_sr1.png",sizingMethod="scale");		/*IE用*/
}

#system h3.sr2 {
	background: url("h3_sr2.png") no-repeat !important; background:none;		/*Gekko用+IE対策*/
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/h3_sr2.png",sizingMethod="scale");		/*IE用*/
}

#system h3.base {
	background: url("h3_base.png") no-repeat !important; background:none;		/*Gekko用+IE対策*/
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/h3_base.png",sizingMethod="scale");		/*IE用*/
}

#system h3.man {
	background: url("h3_man.png") no-repeat !important; background:none;		/*Gekko用+IE対策*/
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/h3_man.png",sizingMethod="scale");		/*IE用*/
}


#system #textHeader {
	margin-bottom: 16px;
	width: 635px;
	height: 23px;
	background: url("text_systemHeader.png") no-repeat !important; background:none;		/*Gekko用+IE対策*/
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/text_systemHeader.png",sizingMethod="scale");		/*IE用*/
	text-align: left;
	text-indent: -9999px;
	overflow-x: hidden;
}
#system #textFooter {
	margin-top: 16px;
	width: 228px;
	height: 22px;
	background: url("text_systemFooter.png") no-repeat !important; background:none;		/*Gekko用+IE対策*/
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/text_systemFooter.png",sizingMethod="scale");		/*IE用*/
	text-align: left;
	text-indent: -9999px;
	overflow-x: hidden;
}

/* ==========================================================================
 h2 */

h2 {
	position: relative;
	margin: 0px auto;
	padding-top: 46px;
	height: 32px !important; height: 78px;	/*Gekko:IE差対応*/
	background-repeat: no-repeat;
	background-position: 79px 42px;
	font-size: 10pt;
	color: #fff;

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

/* 個別 */
#system		h2 { background-image: url("h2_system.gif"); }
#product	h2 { background-image: url("h2_product.gif"); }
#publicity	h2 { background-image: url("h2_publicity.gif"); }
#download	h2 { background-image: url("h2_download.gif"); }
#special	h2 { background-image: url("h2_special.gif"); }
#banner		h2 { background-image: url("h2_special.gif");	text-indent: 180px; }
#other		h2 { text-indent: 80px; font-weight: bold; }


/* ==========================================================================
 h3 */
h3 {
	margin: 8px auto 0;
	width: 739px;
	padding-top: 7px;
	height: 29px !important; height: 36px;	/*Gekko:IE差対応*/

	background: url("h3.png") no-repeat !important; background:none;		/*Gekko用+IE対策*/
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/h3.png",sizingMethod="scale");		/*IE用*/

	text-indent: 28px;
	text-align: left;
	font-weight: bold;
	color: #fff;
}

h3.short {
	width: 500px !important;
	background: url("h3s.png") no-repeat !important; background:none;		/*Gekko用+IE対策*/
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/h3s.png",sizingMethod="scale");		/*IE用*/
}


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

/* --------------------------------------------------------------------------
 共通 */
table ,
.detail {
	margin: 3px auto 20px;
	width: 716px;
	color: #444;
	text-align: left;
}

th {
	padding: 1px;
	background: #c4b39f;
	text-align: left;
	font-weight:normal;
}

td {
	padding: 1px;
	border-bottom: 1px solid #c4b39f;
}
#special td {border-bottom:none;}



/* --------------------------------------------------------------------------
 top */
#top #right {
	position: absolute;
	right: 22px;
	top: 65px;
	width: 289px;
	height: 461px;
}

#top #right #banners { margin-top: 10px; margin-bottom: 10px;}

#top #right img { margin: 0 auto 5px;}

#wn_header ,
#wn_body ,
#wn_footer { width: 289px; }

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

#wn_body {
	background: url("wn_body.png") repeat-y !important; background:none;		/*Gekko用+IE対策*/
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/wn_body.png",sizingMethod="scale");		/*IE用*/

/*	padding: 0 12px;
	width: 265px!important; width: 289px;	/*Gekko:IE差対応*/
	text-align: left;
/*高さ設定*/
	height: 110px;
}

#wn_body div {
	position: relative;
	margin-left: 12px;
	width: 267px; 
	height: 106px;/*-4*/
	overflow-y: scroll;
	text-align: left;
}
#wn_body div span.new {
	display: block;
	background: #fda;
	color: #933;
}


#top #right #wn_footer {
	background: url("wn_footer.png") no-repeat !important; background:none;		/*Gekko用+IE対策*/
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/wn_footer.png",sizingMethod="scale");		/*IE用*/
	height: 6px;
	overflow-y: hidden;
}



.bn_bc ,
.bn_bn ,
.bn_pv ,
.bn_bp {
	display: block;
	margin: 0 auto 5px 0;
	width: 285px;
	height: 50px;
	text-align: left;
	text-indent: -9999px;
	overflow-x: hidden;
}
.bn_bc { background: url(bn_bc.jpg) no-repeat; }
.bn_bn { background: url(bn_bn.jpg) no-repeat; }
.bn_pv { background: url(bn_pv.jpg) no-repeat; }
.bn_bp { background: url(bn_bp.jpg) no-repeat; }

a.bn_bc:hover ,
a.bn_bn:hover ,
a.bn_pv:hover ,
a.bn_bp:hover {
	display: block;
	background-position: 0px -50px;
}

.bn_tr {
	display:block;
	width:281px!important; width:285px;
	height:21px!important; height:30px;
	padding-top:5px;
	border:2px solid #fff;
	margin-bottom:5px;
	background:#BD2B53;
	color:#fff;
}

a.bn_tr:hover{
	color: #fdd;
}


/* --------------------------------------------------------------------------
 character */

#character	#c01	#areaMain { background: url("../images/character01.jpg") no-repeat; }
#character	#c02	#areaMain { background: url("../images/character02.jpg") no-repeat; }
#character	#c03	#areaMain { background: url("../images/character03.jpg") no-repeat; }
#character	#c04	#areaMain { background: url("../images/character04.jpg") no-repeat; }
#character	#c05	#areaMain { background: url("../images/character05.jpg") no-repeat; }
#character	#c06	#areaMain { background: url("../images/character06.jpg") no-repeat; }
#character	#c07	#areaMain { background: url("../images/character07.jpg") no-repeat; }
#character	#c08	#areaMain { background: url("../images/character08.jpg") no-repeat; }
#character	#c09	#areaMain { background: url("../images/character09.jpg") no-repeat; }
#character	#c10	#areaMain { background: url("../images/character10.jpg") no-repeat; }
#character	#c11	#areaMain { background: url("../images/character11.jpg") no-repeat; }
#character	#c12	#areaMain { background: url("../images/character12.jpg") no-repeat; }
#character	#c13	#areaMain { background: url("../images/character13.jpg") no-repeat; }
#character	#c14	#areaMain { background: url("../images/character14.jpg") no-repeat; }


#fullShot {
	position: absolute;
	left: 142px;
	top: -27px;
	width: 382px;
	height: 548px;
	text-align: left;
	text-indent: -9999px;
	overflow-x: hidden;
}

#c01	#fullShot { background: url("../images/fullshot01.png") no-repeat !important; background:none;/*Gekko用+IE対策*/	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/fullshot01.png",sizingMethod="scale");/*IE用*/ }
#c02	#fullShot { background: url("../images/fullshot02.png") no-repeat !important; background:none;/*Gekko用+IE対策*/	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/fullshot02.png",sizingMethod="scale");/*IE用*/ left: 134px !important;}
#c03	#fullShot { background: url("../images/fullshot03.png") no-repeat !important; background:none;/*Gekko用+IE対策*/	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/fullshot03.png",sizingMethod="scale");/*IE用*/ }
#c04	#fullShot { background: url("../images/fullshot04.png") no-repeat !important; background:none;/*Gekko用+IE対策*/	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/fullshot04.png",sizingMethod="scale");/*IE用*/ }
#c05	#fullShot { background: url("../images/fullshot05.png") no-repeat !important; background:none;/*Gekko用+IE対策*/	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/fullshot05.png",sizingMethod="scale");/*IE用*/ }
#c06	#fullShot { background: url("../images/fullshot06.png") no-repeat !important; background:none;/*Gekko用+IE対策*/	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/fullshot06.png",sizingMethod="scale");/*IE用*/ }
#c07	#fullShot { background: url("../images/fullshot07.png") no-repeat !important; background:none;/*Gekko用+IE対策*/	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/fullshot07.png",sizingMethod="scale");/*IE用*/ }
#c08	#fullShot { background: url("../images/fullshot08.png") no-repeat !important; background:none;/*Gekko用+IE対策*/	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/fullshot08.png",sizingMethod="scale");/*IE用*/ }
#c09	#fullShot { background: url("../images/fullshot09.png") no-repeat !important; background:none;/*Gekko用+IE対策*/	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/fullshot09.png",sizingMethod="scale");/*IE用*/ }
#c10	#fullShot { background: url("../images/fullshot10.png") no-repeat !important; background:none;/*Gekko用+IE対策*/	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/fullshot10.png",sizingMethod="scale");/*IE用*/ }
#c11	#fullShot { background: url("../images/fullshot11.png") no-repeat !important; background:none;/*Gekko用+IE対策*/	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/fullshot11.png",sizingMethod="scale");/*IE用*/ left: 134px !important;}
#c12	#fullShot { background: url("../images/fullshot12.png") no-repeat !important; background:none;/*Gekko用+IE対策*/	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/fullshot12.png",sizingMethod="scale");/*IE用*/ left: 122px !important;}
#c13	#fullShot { background: url("../images/fullshot13.png") no-repeat !important; background:none;/*Gekko用+IE対策*/	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/fullshot13.png",sizingMethod="scale");/*IE用*/ }
#c14	#fullShot { background: url("../images/fullshot14.png") no-repeat !important; background:none;/*Gekko用+IE対策*/	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/fullshot14.png",sizingMethod="scale");/*IE用*/ }

#vis1 {
	position: absolute;
	left: 412px;
	width: 275px;
	height: 155px;
	background: url("frame_vis1.png") no-repeat !important; background:none;		/*Gekko用+IE対策*/
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/frame_vis1.png",sizingMethod="scale");		/*IE用*/
}

#vis1		{ top: 215px; }
#c02 #vis1 ,
#c07 #vis1 ,
#c10 #vis1 ,
#c11 #vis1	{ top: 227px; }
#c13 #vis1	{ top: 239px; }

#vis1 .img { width: 252px; height: 140px; margin: 3px 11px 12px 12px; background-repeat: no-repeat;}

#c01 #vis1 .img { background-image: url("../images/chrvis1_01.jpg"); }
#c02 #vis1 .img { background-image: url("../images/chrvis1_02.jpg"); }
#c03 #vis1 .img { background-image: url("../images/chrvis1_03.jpg"); }
#c04 #vis1 .img { background-image: url("../images/chrvis1_04.jpg"); }
#c05 #vis1 .img { background-image: url("../images/chrvis1_05.jpg"); }
#c06 #vis1 .img { background-image: url("../images/chrvis1_06.jpg"); }
#c07 #vis1 .img { background-image: url("../images/chrvis1_07.jpg"); }
#c08 #vis1 .img { background-image: url("../images/chrvis1_08.jpg"); }
#c09 #vis1 .img { background-image: url("../images/chrvis1_09.jpg"); }
#c10 #vis1 .img { background-image: url("../images/chrvis1_10.jpg"); }
#c11 #vis1 .img { background-image: url("../images/chrvis1_11.jpg"); }
#c12 #vis1 .img { background-image: url("../images/chrvis1_12.jpg"); }
#c13 #vis1 .img { background-image: url("../images/chrvis1_13.jpg"); }
#c14 #vis1 .img { background-image: url("../images/chrvis1_14.jpg"); }

#vis2 {
	position: absolute;
	left: 597px;
	top: 342px;
	width: 211px;
	height: 118px;
	background-repeat: no-repeat;
	background-position: 12px 2px;
}

#vis2 a {
	display:block;
	width: 211px;
	height: 118px;
	background: url("frame_vis2.png") no-repeat !important; background:none;		/*Gekko用+IE対策*/
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/frame_vis2.png",sizingMethod="scale");		/*IE用*/
	
	text-align: left;
	text-indent: -9999px;
	overflow-x: hidden;
}

#c01 #vis2 { background-image: url("../images/chrvis2_01.gif"); }
#c02 #vis2 { background-image: url("../images/chrvis2_02.gif"); }
#c03 #vis2 { background-image: url("../images/chrvis2_03.gif"); }
#c04 #vis2 { background-image: url("../images/chrvis2_04.gif"); }
#c05 #vis2 { background-image: url("../images/chrvis2_05.gif"); }
#c06 #vis2 { background-image: url("../images/chrvis2_06.gif"); }
#c07 #vis2 { background-image: url("../images/chrvis2_07.gif"); }
#c08 #vis2 { background-image: url("../images/chrvis2_08.gif"); }
#c09 #vis2 { background-image: url("../images/chrvis2_09.gif"); }
#c10 #vis2 { background-image: url("../images/chrvis2_10.gif"); }
#c11 #vis2 { background-image: url("../images/chrvis2_11.gif"); }
#c12 #vis2 { background-image: url("../images/chrvis2_12.gif"); }
#c13 #vis2 { background-image: url("../images/chrvis2_13.gif"); }
#c14 #vis2 { background-image: url("../images/chrvis2_14.gif"); }


/* --------------------------------------------------------------------------
イメージ・拡大 */
#alpha {
	z-index:4;
	visibility:hidden;
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
}

#alpha div {
	padding-top:250px;
	width:100%;
	height:100%;
	background: url("bg_alpha40.png") !important; background:none;		/*Gekko用+IE対策*/
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/bg_alpha40.png",sizingMethod="scale");		/*IE用*/
}

#char_visZm {
	position: relative;
	z-index:5;
	visibility:hidden;
	display: block;

	margin: 0 auto;
	width:554px;
	height:314px;
}


#c01 #char_visZm { background-image: url("../images/chrvis2_01.jpg"); }
#c02 #char_visZm { background-image: url("../images/chrvis2_02.jpg"); }
#c03 #char_visZm { background-image: url("../images/chrvis2_03.jpg"); }
#c04 #char_visZm { background-image: url("../images/chrvis2_04.jpg"); }
#c05 #char_visZm { background-image: url("../images/chrvis2_05.jpg"); }
#c06 #char_visZm { background-image: url("../images/chrvis2_06.jpg"); }
#c07 #char_visZm { background-image: url("../images/chrvis2_07.jpg"); }
#c08 #char_visZm { background-image: url("../images/chrvis2_08.jpg"); }
#c09 #char_visZm { background-image: url("../images/chrvis2_09.jpg"); }
#c10 #char_visZm { background-image: url("../images/chrvis2_10.jpg"); }
#c11 #char_visZm { background-image: url("../images/chrvis2_11.jpg"); }
#c12 #char_visZm { background-image: url("../images/chrvis2_12.jpg"); }
#c13 #char_visZm { background-image: url("../images/chrvis2_13.jpg"); }
#c14 #char_visZm { background-image: url("../images/chrvis2_14.jpg"); }



#voice {
	position: absolute;
	right: 52px;
	top: 57px;
	display: block;
	width: 71px;
	height: 71px;
	background: url("btn_sv.gif") no-repeat;
	
	text-align: left;
	text-indent: -9999px;
	overflow-x: hidden;
}

a#voice:hover {
	background-position: 0px -71px;
}



/* --------------------------------------------------------------------------
 system */

#h3_system_adv {
	margin-left: 0;
	width: 379px;
	height: 34px;
	background: url("h3_system_adv.gif") no-repeat !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="",sizingMethod="scale");		/*IE用*/

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


#system #capt0 ,
#system #capt1 ,
#system #capt2 {
	display: block;
	margin-left: 25px;
	text-align: left;
	text-indent: -9999px;
	overflow-x: hidden;
}

#system #capt0 {
	width: 661px;
	height: 62px;
	background: url("capt_system0.png") no-repeat !important; background:none;		/*Gekko用+IE対策*/
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/capt_system0.png",sizingMethod="scale");		/*IE用*/
}

/*#system #capt1 {
	width: 635px;
	height: 23px;
	background: url("capt_system1.png") no-repeat !important; background:none;		/*Gekko用+IE対策*/
/*	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/capt_system1.png",sizingMethod="scale");		/*IE用*/
/*}*/

/*#system #capt2 {
	margin-top: 5px;
	width: 666px;
	height: 42px;
	background: url("capt_system2.png") no-repeat !important; background:none;		/*Gekko用+IE対策*/
/*	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/capt_system2.png",sizingMethod="scale");		/*IE用*/
/*}*/

#system .detail {
	width: 750px;
}

.detail2 {
	margin: 0 auto 0 12px;
}


#system .frame349 {
	float: left;
	margin-right: 5px;
	margin-bottom: 4px;
	width: 363px;
	height: 211px;
	background: url("frame349.png") no-repeat !important; background:none;		/*Gekko用+IE対策*/
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/frame349.png",sizingMethod="scale");		/*IE用*/
}

.frame349 img {
	margin: 4px 9px 10px 5px;
	width: 349px;
	height: 197px; 
}


#system .frame230 {
	float: left;
	width: 244px;
	height: 144px;
	background: url("frame230.png") no-repeat !important; background:none;		/*Gekko用+IE対策*/
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/frame230.png",sizingMethod="scale");		/*IE用*/
}

.frame230 img {
	margin: 4px 9px 10px 5px;
	width: 230px;
	height: 130px; 
}


#system #btn_ca {
	margin: 10px 180px;
	width: 340px;
	height: 36px;
	background: url("bg_btn_ca.png") no-repeat !important; background:none;		/*Gekko用+IE対策*/
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/bg_btn_ca.png",sizingMethod="scale");		/*IE用*/
	
}
#system #btn_ca a {
	position: relative;
	display: block;

	margin: 1px 27px;
	width: 286px;
	height: 28px;
	background: url("btn_ca.gif") 0px -28px no-repeat;

	text-align: left;
	text-indent: -9999px;
	overflow-x: hidden;
}
#system #btn_ca a:hover { background-position: 0px 0px; }


/* --------------------------------------------------------------------------
 publicity */
#publicity	tr.new { background: #fda; }
#publicity	tr.new td { color: #933; }




/* --------------------------------------------------------------------------
 special */
a.fp { margin: 0 auto; }



/* [EOF] */