/* CSS Document */

body,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,div,p,form,fieldset { margin:0; padding:0; }
li {list-style:none}
th {font-weight:normal}
em {font-style:normal}

.Spacer{clear:both; margin:0px; padding:0px}

/* 印刷時　	visibility: hidden;*/

@media print {	
}

/*	TEXT	*/
/*	A	*/

A { color:#038E8C; text-decoration:none}
A:hover { color:#CE59A1; text-decoration:underline}


.PanLink{
	font-size:10px;
	width:auto;
	height:30px;
	vertical-align:top;
	padding-left:5px;
	margin:0px
}

.PanLink A{
	color:#FFFD0D
}

.TxtArea{
	clear:both;
	width:auto;
	height:auto;
	padding-top:10px;
	margin:0px
}

.TxtAreaBottom15{
	clear:both;
	width:auto;
	height:auto;
	padding-bottom:15px;
	padding-top:10px;
	margin:0px
}

.TxtAreaDotBottom{
	clear:both;
	background-image:url(../images/dotline01.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	width:auto;
	height:auto;
	padding-bottom:16px;
	padding-top:10px;
	margin-bottom:15px
}

/*	Table	*/


/* 注記時	*/

.AtentionArea{
	font-size:75%;
	line-height:120%;
	clear:both;
	padding-bottom:15px;
	padding-top:5px;
	margin:0px
}

/* 注記 ボーダーなし時	*/

/* 注記 12pxボーダーなし時	*/

/* Title設定	*/

h1.entry-title{
	background-image:url(../images/blog/icon_h1.gif);
	background-repeat:no-repeat;
	font-size:14px;
	padding-left:35px;
	padding-top:7px;
	padding-bottom:5px
}

h2.entry-title{
	background-image:url(../images/blog/icon_h1.gif);
	background-repeat:no-repeat;
	font-size:14px;
	padding-left:35px;
	padding-top:7px;
	padding-bottom:5px
}

/* img設定	*/

img{
	border:0px
}

.ImgArea_Both{
	clear:both;
	text-align:center;
	width:auto;
	height:auto;
	padding:0px;
	margin:0px
}

.ImgArea_BothBotm10{
	clear:both;
	text-align:center;
	width:auto;
	height:auto;
	padding-bottom:10px;
	margin:0px
}

.ImgArea_Left{
	float:left;
	width:auto;
	height:auto;
	padding:0px;
	margin:0px
}


.txt14{
	font-size:14px;
	padding:0px;
	margin:0px
}

.txt14or{
	color:#FB9816;
	font-weight:bold;
	padding:0px;
	margin:0px
}

.txt14Blk{
	color:#000000;
	font-weight:bold;
	padding:0px;
	margin:0px
}

.txt12Red{
	color:#FF2430;
	font-weight:bold;
	padding:0px;
	margin:0px
}


/*	Flash設定	*/

/* -------------------------------------
   Body
---------------------------------------- */

body{
	background-color:#000000;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:80%;
	line-height:150%;
	color:#FFFFFF;
	margin:0px;
	padding:0px
}

.BodyBackOut{
	background-image:url(../images/back_body.gif);
	background-repeat:repeat-x;
	width:100%;
	height:auto;
	padding:0px;
	margin:0px
}

.BodyBackIn{
	background-image:url(../images/back_body02.gif);
	background-repeat:repeat;
	width:100%;
	height:auto;
	padding:0px;
	margin:0px
}

/* -------------------------------------
  Index
---------------------------------------- */

.IndexBodyBackOut{
	background-image:url(../images/back_indexbody.gif);
	background-repeat:repeat-x;
	width:100%;
	height:auto;
	padding:0px;
	margin:0px
}

.IntroBodyBackOut{
	background-image:url(../images/back_introbody.gif);
	background-repeat:repeat-x;
	width:100%;
	height:auto;
	padding:0px;
	margin:0px
}


#IndexBack{
	background-image:url(../images/back_index.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	width:100%;
	height:auto;
	padding:0px;
	margin:0px
}

#IntroBack{
	background-image:url(../images/back_intro.gif);
	background-repeat:no-repeat;
	background-position:top center;
	width:100%;
	height:auto;
	margin:0px
}


#IndexArea{
	line-height:130%;
	width:990px;
	height:117px;
	padding-top:524px;
	margin:0px;
}

.IndexMenuArea{
	clear:both;
	width:874px;
	height:41px;
	padding-right:1px;
	padding-bottom:15px;
	margin-left:auto;
	margin-right:auto
}

.IndexMenuArea li{
	float:left;
	display:block;
	width:auto;
	height:41px;
	padding:0px;
	margin:0px
}

/*INTRO*/

.FlashArea{
	background-image:url(../images/back_flash.gif);
	background-repeat:no-repeat;
	width:940px;
	height:500px;
	margin-left:auto;
	margin-right:auto
}

.SkipBtn{
	text-align:right;
	width:940px;
	height:69px;
	margin-left:auto;
	margin-right:auto
}
	

/*TOP*/

.TopicArea li span{
	color:#DD0E09
}

/* -------------------------------------
  PageBack
---------------------------------------- */

#ContentIndexBody{
	width:940px;
	height:auto;
	padding-top:72px;
	padding-left:75px;
	padding-right:70px;
	margin-left:auto;
	margin-right:auto
}

#ContentBody{
	width:900px;
	height:auto;
	padding-left:95px;
	padding-right:90px;
	margin-left:auto;
	margin-right:auto
}


#ContentsOverFlow{
	width:653px;
	height:430px;
	overflow:auto;
}


#ContentsBack00{
	background-image:url(../images/back_contents00.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	width:100%;
	height:auto;
	padding:0px;
	margin:0px
}

#ContentsBack01{
	background-image:url(../images/back_contents01.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	width:100%;
	height:auto;
	padding:0px;
	margin:0px
}

#ContentsBack02{
	background-image:url(../images/back_contents02.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	width:100%;
	height:auto;
	padding:0px;
	margin:0px
}

#ContentsBack03{
	background-image:url(../images/back_contents03.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	width:100%;
	height:auto;
	padding:0px;
	margin:0px
}

#ContentsBack04{
	background-image:url(../images/back_contents04.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	width:100%;
	height:auto;
	padding:0px;
	margin:0px
}

#ContentsBack05{
	background-image:url(../images/back_contents05.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	width:100%;
	height:auto;
	padding:0px;
	margin:0px
}

#ContentsBack06{
	background-image:url(../images/back_contents06.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	width:100%;
	height:auto;
	padding:0px;
	margin:0px
}

#ContentsBack07{
	background-image:url(../images/back_contents07.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	width:100%;
	height:auto;
	padding:0px;
	margin:0px
}

#ContentsBack08{
	background-image:url(../images/back_contents08.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	width:100%;
	height:auto;
	padding:0px;
	margin:0px
}

#ContentsBack09{
	background-image:url(../images/back_contents09.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	width:100%;
	height:auto;
	padding:0px;
	margin:0px
}

#ContentsBack10{
	background-image:url(../images/back_contents10.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	width:100%;
	height:auto;
	padding:0px;
	margin:0px
}

#ContentsBack11{
	background-image:url(../images/back_contents11.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	width:100%;
	height:auto;
	padding:0px;
	margin:0px
}

#ContentsBack12{
	background-image:url(../images/back_contents12.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	width:100%;
	height:auto;
	padding:0px;
	margin:0px
}

#ContentsBack13{
	background-image:url(../images/back_contents13.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	width:100%;
	height:auto;
	padding:0px;
	margin:0px
}

#ContentsBack14{
	background-image:url(../images/back_contents14.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	width:100%;
	height:auto;
	padding:0px;
	margin:0px
}

/*LeftMenu*/

#LeftmenuArea{
	float:left;
	width:207px;
	height:462px;
	padding-right:18px;
	padding-top:155px;
	padding-bottom:5px;
	margin:0px
}

#LeftmenuArea .LeftBackOut{
	background-image:url(../images/menu/back_leftmenu_bottom.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	width:207px;
	height:auto;
	padding-bottom:74px;
	margin:0px
}

.LeftBackOut .LeftBackIn{
	background-image:url(../images/menu/back_leftmenu_top.gif);
	background-repeat:no-repeat;
	width:192px;
	height:auto;
	padding-left:7px;
	padding-right:8px;
	padding-top:76px;
	margin:0px
}

.LeftBackIn li{
	background-image:url(../images/menu/back_leftmenu_line.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	width:192px;
	height:34px;
	padding-bottom:1px;
	margin:0px
}

.LeftBackIn li.Head{
	height:33px
}

/*MainContensArea*/

#MainContensArea{
	float:right;
	width:675px;
	height:auto;
	padding-top:78px;
	margin:0px
}

#MainContensArea .MainContntsBackOut{
	background-image:url(../images/back_maincontens_bottom.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	width:675px;
	height:auto;
	padding-bottom:12px;
	margin:0px
}

/*Chara*/

.MainContntsBackOut .MainContntsBackIn01{
	background-image:url(../images/back_contents_table01.jpg);
	background-repeat:no-repeat;
	background-color:#000000;
	width:656px;
	height:auto;
	padding-top:68px;
	padding-left:19px;
	padding-right:0px;
	margin:0px
}

.CharaIndex{
	width:624px;
	height:auto;
}

.CharaIndex li{
	float:left;
	display:block;
	width:208px;
	height:206px;
	padding:0px;
	margin:0px
}

.Chara01{
	clear:both;
	background-image:url(../images/character/img_chara01.jpg);
	background-repeat:no-repeat;
	width:624px;
	height:613px;
	padding:0px;
	margin-left:1px
}


.Chara02{
	clear:both;
	background-image:url(../images/character/img_chara02.jpg);
	background-repeat:no-repeat;
	width:624px;
	height:613px;
	padding:0px;
	margin-left:1px
}


.Chara03{
	clear:both;
	background-image:url(../images/character/img_chara03.jpg);
	background-repeat:no-repeat;
	width:624px;
	height:613px;
	padding:0px;
	margin-left:1px
}


.Chara04{
	clear:both;
	background-image:url(../images/character/img_chara04.jpg);
	background-repeat:no-repeat;
	width:624px;
	height:613px;
	padding:0px;
	margin-left:1px
}


.Chara05{
	clear:both;
	background-image:url(../images/character/img_chara05.jpg);
	background-repeat:no-repeat;
	width:624px;
	height:613px;
	padding:0px;
	margin-left:1px
}


.Chara06{
	clear:both;
	background-image:url(../images/character/img_chara06.jpg);
	background-repeat:no-repeat;
	width:624px;
	height:613px;
	padding:0px;
	margin-left:1px
}


.Chara07{
	clear:both;
	background-image:url(../images/character/img_chara07.jpg);
	background-repeat:no-repeat;
	width:624px;
	height:613px;
	padding:0px;
	margin-left:1px
}


.Chara08{
	clear:both;
	background-image:url(../images/character/img_chara08.jpg);
	background-repeat:no-repeat;
	width:624px;
	height:613px;
	padding:0px;
	margin-left:1px
}

.Chara09{
	clear:both;
	background-image:url(../images/character/img_chara09.jpg);
	background-repeat:no-repeat;
	width:624px;
	height:613px;
	padding:0px;
	margin-left:1px
}


.Chara10{
	clear:both;
	background-image:url(../images/character/img_chara10.jpg);
	background-repeat:no-repeat;
	width:624px;
	height:613px;
	padding:0px;
	margin-left:1px
}

.Chara11{
	clear:both;
	background-image:url(../images/character/img_chara11.jpg);
	background-repeat:no-repeat;
	width:624px;
	height:613px;
	padding:0px;
	margin-left:1px
}

.Chara12{
	clear:both;
	background-image:url(../images/character/img_chara12.jpg);
	background-repeat:no-repeat;
	width:624px;
	height:613px;
	padding:0px;
	margin-left:1px
}

.Chara13{
	clear:both;
	background-image:url(../images/character/img_chara13.jpg);
	background-repeat:no-repeat;
	width:624px;
	height:613px;
	padding:0px;
	margin-left:1px
}

.Chara14{
	clear:both;
	background-image:url(../images/character/img_chara14.jpg);
	background-repeat:no-repeat;
	width:624px;
	height:613px;
	padding:0px;
	margin-left:1px
}


.Charanavi{
	clear:both;
	padding-top:550px;
	padding-left:7px;
	padding-bottom:10px
}

.Charanavi li{
	float:left;
	width:60px;
	height:60px;
	padding-bottom:10px;
	padding-right:1px;
	margin:0px
}

/*.Charanavi li.R{
	text-align:right
}*/


/*SPEC*/

.MainContntsBackOut .MainContntsBackIn02{
	background-image:url(../images/back_contents_table02.jpg);
	background-repeat:no-repeat;
	background-color:#000000;
	width:656px;
	height:auto;
	padding-top:68px;
	padding-left:19px;
	margin:0px
}

.SpecArea Table{
	border-right:1px solid #0E0704;
	border-top:1px solid #0E0704;
	width:600px;
	height:auto;
	padding:0px;
	margin-left:auto;
	margin-right:auto
}

.SpecArea TH{
	width:20%;
	text-align:left;
	border-left:1px solid #0E0704;
	border-bottom:1px solid #0E0704;
	background-color:#31406E;
	color:#FFFFFF;
	padding:5px;
	margin:0px
}

.SpecArea TD{
	width:80%;
	border-left:1px solid #0E0704;
	border-bottom:1px solid #0E0704;
	background-color:#FFFFFF;
	color:#0E0704;
	padding:5px;
	margin:0px
}

.SpecArea Table Table{
	border-right:0px;
	border-top:0px;
	width:auto;
	height:auto;
	padding:0px;
	margin:0px
}

.SpecArea Table Table TD{
	border-left:0px;
	border-bottom:0px;
	width:auto;
	height:auto;	
	padding:5px;
	margin:0px
}

.SpecArea h2{
	color:#FFFE0D;
	width:620px;
	border-bottom:dotted 1px #FFFE0D;
	border-left:solid 4px #FFFE0D;
	font-size:14px;
	font-weight:bold;
	padding-top:3px;
	padding-left:4px;
	padding-bottom:6px;
	margin-bottom:10px
}

.Soec0301Table TD{
	width:33%;
	color:#FFFFFF;
	background-color:#000000
}


/*INFO*/

.MainContntsBackOut .MainContntsBackIn03{
	background-image:url(../images/back_contents_table03.jpg);
	background-repeat:no-repeat;
	background-color:#000000;
	width:656px;
	height:auto;
	padding-top:68px;
	padding-left:19px;
	margin:0px
}

.InfoArea Table{
	border-right:1px solid #0E0704;
	border-top:1px solid #0E0704;
	width:600px;
	height:auto;
	padding:0px;
	margin-left:auto;
	margin-right:auto
}

.InfoArea TH{
	width:20%;
	text-align:left;
	border-left:1px solid #0E0704;
	border-bottom:1px solid #0E0704;
	background-color:#31406E;
	color:#FFFFFF;
	padding:5px;
	margin:0px
}

.InfoArea TD{
	width:80%;
	border-left:1px solid #0E0704;
	border-bottom:1px solid #0E0704;
	background-color:#FFFFFF;
	color:#0E0704;
	padding:5px;
	margin:0px
}

.InfoArea h1{
	text-align:center
}

.InfoArea h2{
	color:#FFFE0D;
	width:620px;
	border-bottom:dotted 1px #FFFE0D;
	border-left:solid 4px #FFFE0D;
	font-size:14px;
	font-weight:bold;
	padding-top:3px;
	padding-left:4px;
	padding-bottom:6px;
	margin-bottom:10px
}

/*SYSTEM*/

.MainContntsBackOut .MainContntsBackIn04{
	background-image:url(../images/back_contents_table04.jpg);
	background-repeat:no-repeat;
	background-color:#000000;
	width:656px;
	height:auto;
	padding-top:68px;
	padding-left:19px;
	margin:0px
}

.SystemArea h2{
	clear:both;
	width:623px;
	height:50px;
	padding-bottom:10px;
	margin:0px
}

.SystemArea .TxtArea{
	width:600px;
	height:auto;
	padding:0px;
	margin-left:auto;
	margin-right:auto
}

.SystemArea Table{
	width:600px;
	height:auto;
	padding:0px;
	margin-left:auto;
	margin-right:auto
}

.SystemArea TH{
	width:161px;
	line-height:120%;
	vertical-align:top;
	text-align:left;
	padding-right:15px;
	padding-left:15px;
	margin:0px
}

.SystemArea TD{
	width:409px;
	padding-bottom:10px;
	margin:0px
}

/*STORY*/

.MainContntsBackOut .MainContntsBackIn05{
	background-image:url(../images/back_contents_table05.jpg);
	background-repeat:no-repeat;
	background-color:#000000;
	width:656px;
	height:auto;
	padding-top:68px;
	padding-left:19px;
	margin:0px
}

/*SPECIAL*/

.MainContntsBackOut .MainContntsBackIn06{
	background-image:url(../images/back_contents_table06.jpg);
	background-repeat:no-repeat;
	background-color:#000000;
	width:656px;
	height:auto;
	padding-top:68px;
	padding-left:19px;
	margin:0px
}

.Info020102Table TD{
	width:20%;
	background-color:#000000
}

.Info020103Table TD{
	width:15%;
	color:#FFFFFF;
	background-color:#000000
}

.Info020104Table TD{
	width:15%;
	color:#FFFFFF;
	background-color:#000000
}

.Info020105Table TD{
	width:50%;
	color:#FFFFFF;
	background-color:#000000
}

.Info020106Table TD{
	width:80px;
	color:#FFFFFF;
	background-color:#000000
}


/*MOVIE*/

.MainContntsBackOut .MainContntsBackIn07{
	background-image:url(../images/back_contents_table07.jpg);
	background-repeat:no-repeat;
	background-color:#000000;
	width:656px;
	height:auto;
	padding-top:68px;
	padding-left:19px;
	margin:0px
}

/*SPECIAL*/

.MainContntsBackOut .MainContntsBackIn08{
	background-image:url(../images/back_contents_table08.jpg);
	background-repeat:no-repeat;
	background-color:#000000;
	width:656px;
	height:auto;
	padding-top:68px;
	padding-left:19px;
	margin:0px
}

/* -------------------------------------
   Footer
---------------------------------------- */

#FooterArea{
	clear:both;
	background-image:url(../images/back_footer.gif);
	background-repeat:repeat-x;
	width:100%;
	height:150px;
	text-align:center;
	padding:0px;
	margin-left:auto;
	margin-right:auto
}

#FooterArea .TopLinkArea{
	width:990px;
	height:25px;
	padding-top:20px;
	margin-left:auto;
	margin-right:auto
}

.Copy{
	background-image:url(../images/img_footer.gif);
	background-repeat:no-repeat;
	width:584px;
	height:63px;
	padding:0px;
	margin-left:auto;
	margin-right:auto
}

.Copy li{
	float:left
}

.Copy li.xbox{
	padding-left:20px;
	padding-top:12px
}