/* CSS Document */

/* ==========================================================================
 * ---------->>>ベース設定
 * ========================================================================== */
/*縦スクロールバーを常に表示*/
html>/**/body{
	overflow-y:scroll;
}
html:first-child body{
  min-height:100%;
  padding-bottom:1px;
} 
/*ページ全体*/
body {
margin:0px;
padding: 0px;
background-color:#000000;
color:#ffffe6;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size:12px;
line-height:140%;
text-align:center;
}
/*リンク関係*/
a:link {color:#ffffe6;}
a:visited {color:#ffffe6;}
a:active {color:#ffffe6; text-decoration:none;}
a:hover {color:#ffffe6; text-decoration:none;}

img{
	border: 0px;
	}

/* ==========================================================================
 * ---------->>>基本コンテナ
 * ========================================================================== */
/*ベースコンテナ w:740px*/
#Base{
	width: 740px;
	margin: auto;
}
/*ヘッダ*/
#Head{
	width: 740px;
	height: 264px;
	background-image: url(../images/head.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	margin: auto;
}

#Head .buy{
	text-align: right;
	margin: 0px 250px auto auto;
	padding-top: 210px;
	}
	
/*ナビゲーションメニュー*/
#Navi{
	width: 740px;
	height: 31px;
	background-image: url(../images/menu_bg.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	margin: auto;
	text-align:left;
}
/*-->ナビゲーション内　リスト*/
#Navi ul{
	margin: 0px 0px 0px 66px;
	padding: 0px;
	}
#Navi ul li{
	list-style: none;
	display: inline;
	margin: 0px 2px 0px 0px;
	padding: 0px;
	}
	
.pagetop{
	width: 593px;
	text-align: right;
	margin: auto;
	}	
	
/* ==========================================================================
 * ---------->>>各コンテンツ
 * ========================================================================== */
/*アバウト*/
#About{
	width: 740px;
	background-image:url(../images/about_bg.jpg);
	background-repeat: no-repeat;
	padding: 50px 0px 10px 0px;
	}
	
#About .ContBox{
	width: 593px;
	margin: auto;
	}
#About .ContBox .left{
	float: left;
	width: 210px;
	}
#About .ContBox .right{
	float: left;
	text-align: left;
	margin: 0px 0px 0px 15px;
	}
#About .ContBox .right .about_txt{
	margin: 15px 0px 15px 0px;
	}	
#About .ContBox .right .about_txt p{	
	display: block;
	width: 330px;
	margin: 5px 0px 5px 10px;
	line-height: 1.2em;
}
/*システム*/
#System{
	width: 740px;
	background-image: url(../images/cont_bg.jpg);
	background-repeat: no-repeat;
	background-position:center 36px;
	padding: 0px 0px 10px 0px;	
	}
	
#System .ContBox{
	width: 593px;
	margin: auto;
	padding: 20px 0px 0px 0px;
	}
	
#System .ContBox.ContBox2{
	width: 593px;
}

#System .ContBox .ContBox2 .left{
	float: left;
	width: 210px;
	}
#System .ContBox .ContBox2 .right{
	float: left;
	text-align: left;
	margin: 0px 0px 0px 15px;
	}
	
#System .ContBox .ContBox2 .right ol{
	display: block;
	margin: 0.1em 0px;
	padding: 0px 0px 0px 2.5em;
	width: 300px;
	list-style:decimal;
	}
#System .ContBox .ContBox2 .right ol li{
	margin:  1px 0px;
	padding: 0px;
	}
	
#System .ContBox p{
	clear: both;
	display: block;
	width: 500px;
	margin: 10px auto;
	text-align:left;
	text-indent:-1em; 
	line-height: 1.2em;
	}
/*ストーリー*/
#Story{
	width: 740px;
	background-image: url(../images/str_bg.jpg);
	background-repeat: no-repeat;
	background-position:center 36px;
	padding: 0px 0px 10px 0px;		
	}
#Story .title2{
	margin: 15px auto 15px 80px;
	text-align:left;
	}	
#Story .ContBox{
	width: 310px;
	margin: 5px auto auto 100px;
	text-align:left;
	}
#Story .ContBox p{
	display: block;
	margin: 0px 0px 10px 0px;
	}
/*キャラクター*/
#Chara{
	width: 740px;
	background-image: url(../images/cha_bg.jpg);
	background-repeat: no-repeat;
	background-position:center 36px;
	padding: 0px 0px 10px 0px;
	overflow: hidden;
	}

#Chara:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #Chara {
    height: 1em;
    overflow: visible;
}
/**/	
	
#Chara ul{
	display: block;
	margin: 25px 0px 10px 100px;
	}
	
#Chara ul li{
	display: block;
	float: left;
	list-style: none;
	margin: 0px 2px 0px 2px;
	border-right: 1px solid #000;
	}
	
/*CG*/
#CG{
	width: 740px;
	background-image: url(../images/cont_bg.jpg);
	background-repeat: no-repeat;
	background-position:center 36px;
	padding: 0px 0px 10px 0px;		
	}
	
#CG ul{
	display: block;
	margin: 25px 80px 10px 80px;
	}
	
#CG ul li{
	display: inline;
	list-style: none;
	margin: 0px 2px 0px 2px;
	}
	
/*スペック*/
#Spec{
	width: 740px;
	background-image: url(../images/cont_bg.jpg);
	background-repeat: no-repeat;
	background-position:center 36px;
	padding: 0px 0px 10px 0px;		
	}
#Spec .ContBox{
	width: 593px;
	margin: auto;
	padding-top: 20px;
	}
	
#Spec .ContBox .sp_title{
		display: block;
		margin: 10px;
		font-weight:bold;
		color: #F60;
		font-size: large;
	}
	
#Spec dl{
	 margin: 0 auto;
	 padding :0;
	 line-height: 1.6em;
	 width: 400px;
	}
	
#Spec dl{
	text-align: left;
	}

#Spec dl dt{
  clear: left;
  float: left;
  margin: 0 0 0.2em;
  width: 7em;
  padding-left: 5px;
	}
	
#Spec dl dd{
  margin-bottom: 0.2em;
  margin-left: 7em;;
	}	
	
#Spec .buy{
	text-align: right;
	margin: auto 20px 10px auto;
	}

.copy{
	color: #F60;
	padding: 10px;
	}

/* ==========================================================================
 * ------>>>汎用クラス
 * @名前@ .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;
}
/* */