/* CSS Document */
/*縦スクロールバーを常に表示*/
html>/**/body{
	overflow-y:scroll;
}
html:first-child body{
  min-height:100%;
  padding-bottom:1px;
} 

/*ページ全体*/
body {
margin:0px;
background-image:url(images/bg.gif);
background-color:#000000;
color:#FFFFFF;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size:12px;
line-height:140%;
text-align:center;
}

/*リンク関係*/
a:link {color:#cc0033;}
a:visited {color:#cc0033;}
a:active {color:#cc0033;border:none;}
a:hover {color:#cc0033;border:none;}

/*基本コンテナ*/
#Base{
	width: 740px;
	height: 800px;/*仮*/
	margin: auto;
}

#Head{
	width: 740px;
	height: 93px;
	background-image:url(images/head.jpg);
	background-repeat:no-repeat;
	margin: auto;
}

#Fotter{
	width: 740px;
	height: 34px;
	background-image:url(images/fotter.jpg);
	background-repeat:no-repeat;
	padding-top: 10px;
	color:#FFFFFF;
}

#Fotter2{
	width: 740px;
	height: 34px;
	background-image:url(images/fotter2.jpg);
	background-repeat:no-repeat;
	padding-top: 10px;
	color:#FFFFFF;
}

/*ヘッダメニュー*/

#Head ul{
	display: block;
	width: 692px;
	height: 41px;
	margin: 0px 31px auto 23px;
	padding: 29px 0px 0px 0px;
}

#Head li{
	display: block;
	float: left;
	height: 41px;
	margin: 0px;
	padding: 0px;
}


#Head li a{
  overflow:hidden; display:block; height: 41px;
  background-color:transparent; background-position:left top;
  background-repeat:no-repeat;
  text-decoration:none;margin-bottom:-1px;
}

#Head li a span {
  display:block; margin-bottom:-1px; width:1px; height:1px;
  text-indent:-9999px;
}
	

#Head li a:hover { background-position:0px -41px; }

#Head li#top a{
	width: 63px;
}

#Head li#story a{
	width:103px;
	background-image:url(images/btn_st.jpg)
}

#Head li#character a{
	width: 117px;
	background-image:url(images/btn_cha.jpg)
}

#Head li#about a{
	width: 137px;
	background-image:url(images/btn_about.jpg)
}

#Head li#cg a{
	width: 113px;
	background-image:url(images/btn_cg.jpg)
}

#Head li#spec a{
	width: 90px;
	background-image:url(images/btn_spec.jpg)
}

#Head li#buy a{
	width: 66px;
	background-image:url(images/btn_buy.jpg)
}
/*ストーリー*/
#StoryCont{
	width: 740px;
	height: 610px;
	background-image:url(images/bg_st.jpg);
	background-repeat:no-repeat;
}
#StoryCont h1{
	margin: 0px;
	padding: 0px;
}
#StoryCont .ContTxt{
	width: 440px;
	margin-left: 300px;
	padding-top: 20px;
}

#StoryCont .ContTxt .text{
	margin: 0px 0px 0px 40px;
	text-align: left;
	height: 580px;
	overflow: auto;
}

#StoryCont .ContTxt .text p{
	width: 360px;
	padding: 0px;
	margin-top: 7px;
}
/*キャラクター*/
#ChaCont{
	width: 740px;
	height: 610px;
	background-image:url(images/bg_cha.jpg);
	background-repeat:no-repeat;
}

#ChaCont .Cha2nd{
	width: 690px;
	padding: 20px auto auto auto;
	margin: auto;
}

#ChaCont .Cha2nd .left{
	float: left;
	margin-top: 20px;
	margin-left: 13px;	
}
#ChaCont .Cha2nd .right{
	float: left;
	margin-top: 20px;
	margin-left: 10px;
}

#ChaCont .Cha2nd .right ul{
	display: block;
	margin: 0px;
	padding: 0px;
}
#ChaCont .Cha2nd .right li{
	display: block;
	float: left;
	margin: 2px;
	padding: 2px;
}

#ChaCont .Cha2nd .right li a{
  overflow:hidden; display:block; width: 70px; height: 70px;
  background-color:transparent; background-position:left top;
  background-repeat:no-repeat;
  text-decoration:none;margin-bottom:-1px;
}

#ChaCont .Cha2nd .right li a span {
  display:block; margin-bottom:-1px; width:1px; height:1px;
  text-indent:-9999px;
}

#ChaCont .Cha2nd .right li a:hover { background-position:0px -70px; }

#ChaCont .Cha2nd .right li#cha01 a{
	background-image:url(images/cha/s_01.jpg);
}
#ChaCont .Cha2nd .right li#cha02 a{
	background-image:url(images/cha/s_02.jpg);
}
#ChaCont .Cha2nd .right li#cha03 a{
	background-image:url(images/cha/s_03.jpg);
}
#ChaCont .Cha2nd .right li#cha03 a{
	background-image:url(images/cha/s_03.jpg);
}
#ChaCont .Cha2nd .right li#cha04 a{
	background-image:url(images/cha/s_04.jpg);
}
#ChaCont .Cha2nd .right li#cha05 a{
	background-image:url(images/cha/s_05.jpg);
}
#ChaCont .Cha2nd .right li#cha06 a{
	background-image:url(images/cha/s_06.jpg);
}
#ChaCont .Cha2nd .right li#cha07 a{
	background-image:url(images/cha/s_07.jpg);
}
#ChaCont .Cha2nd .right li#cha08 a{
	background-image:url(images/cha/s_08.jpg);
}
#ChaCont .Cha2nd .right li#cha09 a{
	background-image:url(images/cha/s_09.jpg);
}
#ChaCont .Cha2nd .right li#cha10 a{
	background-image:url(images/cha/s_10.jpg);
}
#ChaCont .Cha2nd .right li#cha11 a{
	background-image:url(images/cha/s_11.jpg);
}
#ChaCont .Cha2nd .right li#cha12 a{
	background-image:url(images/cha/s_12.jpg);
}
#ChaCont .Cha2nd .right li#cha13 a{
	background-image:url(images/cha/s_13.jpg);
}
#ChaCont .Cha2nd .right li#cha14 a{
	background-image:url(images/cha/s_14.jpg);
}

/*アバウト*/
#AboutCont{
	width: 740px;
	height: 610px;
	background-image:url(images/bg_about.jpg);
	background-repeat:no-repeat;
}

#AboutCont .Ab2nd{
	width: 690px;
	padding: 10px auto auto auto;
	margin: auto;
}

#AboutCont .Ab2nd .left{
	float: left;
	margin-left: 5px;
	width: 250px;	
}

#AboutCont .Ab2nd .left h1{
	margin: 0px;
	padding: 0px;
}
#AboutCont .Ab2nd .Ableft{
	width: 250px;
	margin: 10px 0px 0px 0px;
}

#AboutCont .Ab2nd .Ableft p{
	width: 240px;
	margin: 5px 0px 5px 7px;
	padding: 0px;
	text-align: left;
}

#AboutCont .Ab2nd .right{
	float: left;
	margin-left: 10px;
}


.abText{
	text-align: left;
}


.abText .abImg{
	margin: 3px 0px 0px 0px;
}

.ab_txt{
	width: 400px;
	margin-left: 18px;
}

.ab_txt h2{
	margin: 0px;
	padding: 0px 0px 0px 0px;
}


.ab_txt .ab_img{
	padding: 0px 0px 0 0px;
	margin: 8px 2px 0px 0px;
	float: left;
}


.ab_txt .ab_intxt{
	width: 189px;
	float: left;
	margin-top: 32px;
	padding: 0px 2px 0 5px;
}

.ab_txt .ab_intxt p{
	margin: 0px 0px 3px 0px;
	padding: 0px;
}

.ab_txt2{
	width: 400px;
	margin-left: 18px;
}

.ab_txt2 .ab_img{
	padding: 0px 0px 0 0px;
	margin: 0px 2px 0px 0px;
	float: left;
}

.ab_txt2 .ab_intxt{
	width: 189px;
	float: left;
	margin-top: 32px;
	padding: 0px 2px 0 5px;
}

.ab_txt2 .ab_intxt p{
	margin: 0px 0px 3px 0px;
	padding: 0px;
}

.ab_txt2 h2{
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

/*CG*/
#CgCont{
	width: 740px;
	height: 610px;
	background-image:url(images/bg_cg.jpg);
	background-repeat:no-repeat;
}

#CgCont .Cg2nd{
	padding-left: 300px;
	padding-top: 20px;
}

#CgCont .Cg2nd h1{
	margin: 0px 0px 10px 0px;
	padding: 0;
}

#CgCont .Cg2nd img{
	border: 0px;
}

#CgCont .Cg2nd ul{
	display: block;
	margin: 5px 0px 0px 0px;
	padding: 0px;
}

#CgCont .Cg2nd li{
	display: inline;
	margin: 0px;
	padding: 0px;
}

/*Spec*/
#SpecCont{
	width: 740px;
	height: 610px;
	background-image:url(images/bg_spec.jpg);
	background-repeat:no-repeat;
}

#SpecCont .Spec2ud{
	padding-left: 270px;
	padding-top: 20px;
}

#SpecCont .Spec2ud dl{
	margin: 10px 10px 10px 100px;
	text-align: left;
	width: 350px;
}

#SpecCont .Spec2ud dt{
	display: block;
	float: left;
	width: 5em;
	padding: 5px; 
	font-weight: bold;
}
#SpecCont .Spec2ud dd{
	display: block;
	margin-left: 5em;
	padding: 5px; 	
}

#SpecCont .Spec2ud .Btn{
	width: 400px;
	text-align:right;
	position: relative;
}

#SpecCont .Spec2ud .SpBuy{
	width: 186px;
	height: 67px;
	position:absolute;
	right: 0px;
}

#SpecCont .Spec2ud .SpBuy a{
  overflow:hidden; display:block; height: 67px; width: 186px;
  background-image:url(images/btn_spbuy.gif);
  background-color:transparent; background-position:left top;
  background-repeat:no-repeat;
  text-decoration:none;margin-bottom:-1px;
}

#SpecCont .Spec2ud .SpBuy a span {
  display:block; margin-bottom:-1px; width:1px; height:1px;
  text-indent:-9999px;
}

#SpecCont .Spec2ud .SpBuy a:hover {
 background-position:0px -67px; }
 
/* ==========================================================================
 * @名前@ .clearfix
 * @説明@ float解除
 * ========================================================================== */
.clearfix {
	display:inline-block;
}
.clearfix:after {
	content:" ";
	clear:both;
	overflow:hidden;
	display:block;
	visibility:hidden;
	margin-bottom:-1px;
	height:1px;
	font-size:1px;
	line-height:1px;
}
/* \*/
.clearfix {
	display:block;
	height:1px;
}
html>body .clearfix {
	height:auto;
}
/* */