/* 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.jpg);
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: 55px;
	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:#f41d8d;
}

#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: 714px;
	height: 30px;
	margin: 0px 13px 0px 13px;
	padding: 12px 0px 0px 0px;
}

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


#Head li a{
  overflow:hidden; display:block; height: 30px;
  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 -30px; }

#Head li#top a{
	width: 97px;
	background-image:url(images/btn_top.jpg)	
}

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

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

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

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

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

#Head li#buy a{
	width: 78px;
	background-image:url(images/btn_buy.jpg)
}

#Cont{
	margin-top: 10px;
}

/*ストーリー*/
#StoryCont{
	width: 740px;
	height: 680px;
	margin: 10px auto auto auto;	
	background-image:url(images/bg_str.jpg);
	background-repeat:no-repeat;
	text-align: left;
}
#StoryCont h1{
	margin: 0px;
	padding: 0px;
}
#StoryCont .ContTxt{
	width: 440px;
	margin-left: 40px;
	padding-top: 50px;
}

#StoryCont .ContTxt .txt{
	width: 400px;
	margin: 7px 0px 0px 20px;
	text-align: left;
	height: 570px;
	overflow: auto;
}

#StoryCont .ContTxt .txt p{
	padding: 0px;
	margin: 7px 0px 0px 0px;
}
/*キャラクター*/
#ChaCont{
	width: 740px;
	height: 680px;
	margin: 10px auto auto auto;
	padding: 50px 0px 0px 0px;
	background-image:url(images/bg_cha.jpg);
	background-repeat:no-repeat;
}
#ChaCont .Cha2nd{
	width: 690px;
	margin: auto;
}

#ChaCont .Cha2nd h1{
	margin: 0px;
}

#ChaCont .Cha2nd .left{
	float: left;
	margin-top: 20px;
	margin-left: 30px;	
}
#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: 640px;
	margin: 10px auto auto auto;
	padding: 40px 0px 0px 0px;	
	background-image:url(images/bg_cha.jpg);
	background-repeat:no-repeat;
	overflow:auto;
}
#AboutCont h1{
	margin: 0px;
	padding: 0px;
}
#AboutCont .ContTxt{
	width: 635px;
	margin: auto;
}

#AboutCont .ContTxt .txt{
	width: 570px;
	margin: 5px auto 10px auto;
	text-align: left;
}

#AboutCont .ContTxt .txt p{
	padding: 0px;
	margin: 4px 0px 0px 0px;
}


/*CG*/
#CgCont{
	width: 740px;
	height: 680px;
	margin: 10px auto auto auto;	
	background-image:url(images/bg_cha.jpg);
	background-repeat:no-repeat;
}

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

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

#CgCont .EvCg{
	width: 584px;
	margin: auto;
}
#CgCont .EvCg .CgLeft{
	float: left;
}

#CgCont .EvCg .CgRight{
	float: right;
	margin-top: 20px;
}

#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: 680px;
	margin: 10px auto auto auto;
	padding: 50px 0px 0px 0px;		
	background-image:url(images/bg_cha.jpg);
	background-repeat:no-repeat;
	color: #f7339a;
}
#SpecCont .Spec2ud{
	margin: auto;
}

#SpecCont .Spec2ud h1{
	margin: 0px;
}

#SpecCont .Spec2ud #SpecBox h2{
	margin: 0px;
	padding: 0px;
}

#SpecCont .Spec2ud #SpecBox{
	width: 620px;
	height: 458px;
	margin: 30px auto auto auto;
	padding: 60px 0px 0px 0px;
	background-image:url(images/bg_spec.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	overflow:auto;	
}

#SpecCont .Spec2ud #SpecBox .Spectxt{
	margin-left: 210px;
}

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

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

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

#SpecCont .Spec2ud #SpecBox .SpBuy{
	width: 131px;
	height: 36px;
	position:absolute;
	right: 30px;
	top: 0px;
}

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

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

#SpecCont .Spec2ud #SpecBox .SpBuy a:hover {
 background-position:0px -36px; }
 
#SpecCont .Spec2ud #SpecBox .SpecEtc_top{
	width: 349px;
	height: 4px;
	margin: 40px auto auto auto;
	background-image: url(images/spec_etctop.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}
#SpecCont .Spec2ud #SpecBox .SpecEtc_main{
	width: 339px;
	padding: 5px;
	margin: auto;
	text-align:left;
	background-color: #ffe0ff;
	font-size: small;
}
#SpecCont .Spec2ud #SpecBox .SpecEtc_main .tokuten_red{
	font-weight: bold;
}

#SpecCont .Spec2ud #SpecBox .SpecEtc_main .tokuten{
	margin: 5px;
	color: #330066;
}

#SpecCont .Spec2ud #SpecBox .SpecEtc_main p{
	margin: 3px 0px 0px 0px;
	padding: 0px;
	line-height: 1em;
}
#SpecCont .Spec2ud #SpecBox .SpecEtc_bottom{
	width: 349px;
	height: 4px;
	margin: auto;
	background-image: url(images/spec_etcbottom.gif);
	background-position: top;
	background-repeat: no-repeat;
}
 
/* ==========================================================================
 * @名前@ .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;
}
/* */