@charset "utf-8";
/* CSS Document */

/*全体 //////////// */

*{
	margin:0;
	padding:0;
	list-style:none;
	border:none;
}
body{
	color:#eeeeee;
	font-size:80%;
	font-family:"Verdana","Osaka";
	line-height:150%;
	background:url(../img/bg2.png) repeat-x bottom #12141d fixed;
}
a{
	color:#00e8e0;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
p{
	padding-bottom:13px;
}
h3{
	margin-bottom:5px;
}
h4{
	margin-bottom:15px;
}
td{
	vertical-align:top;
}
.hr{
	width:850px;
	height:18px;
	background:url(../img/hr.png) no-repeat top;
}
.entry-box{ /*複数項目の間隔をとる*/
	padding-bottom:20px;
}
.center{ /*中央に配置する*/
	text-align:center;
	width:100%
}
.center .text{ /*中央配置・テキスト左寄せ(widthを指定すること)*/
	text-align:left;
	margin:0 auto;
}
.dl-float{ /*項目＋説明のテーブル*/
	width:850px;
	overflow:hidden;
}
.dl-float dt{
	float:left;
	width:220px;
	margin-bottom:6px;
	padding-left:5px;
	border-left:1px dotted #eee;
}
.dl-float dd{
	float:right;
	width:620px;
	margin-bottom:6px;
}

ul.download{
	margin: 0 0 0 2em;
	padding: 0;
}

/*各ページ用class //////////// */

/*-------------------------news.html*/
.ul_news{
	width:850px;
	overflow:hidden;
	margin-bottom:20px;
}
.ul_news .date{
	width:100px;
	float:left;
}
.ul_news .title{
	width:750px;
	float:right;
	padding-bottom:3px;
	border-bottom:1px solid #deffd9;
	color:#deffd9;
}
.ul_news .caption{
	width:750px;
	float:right;
	margin:20px 0;
}
/*-------------------------chara.html*/
.ul_chara{ 
	overflow:hidden;
	margin:10px 0;
}
.ul_chara .image{
	width:200px;
	float:left;
}
.ul_chara .name , .ul_chara .voice , .ul_chara .sample , .ul_chara .caption{
	width:630px;
	float:right;
	margin-left:20px;
}
.ul_chara .name{
	margin-bottom:10px;
}
.ul_chara .sample{
	margin-bottom:10px;
}

.R .image{ /*キャラ一覧、右寄り用*/
	float:right;
}
.R .name , .R .caption{
	float:left;
	margin-left:0px;
	margin:right:20px;
}
/*-------------------------system.html*/
.ul_key{
	overflow:hidden;
}
.ul_key .table{
	width:500px;
	float:left;
}
.ul_key .table table{
	width:520px;
	margin:20px 0;
	border-collapse:collapse;
}
.ul_key .table th{
	background-color:#666;
	border:1px dotted #eee;
}
.ul_key .table td{
	padding:3px 10px;
	border:1px dotted #eee;
}
.ul_key .image{
	width:300px;
	float:right;
}

.ul_accel{
	overflow:hidden;
	margin-bottom:20px;
}
.ul_accel .image{
	width:400px;
	float:right;
}
.ul_accel .caption{
	width:440px;
	float:left;
	margin-right:10px;
}

.ul_type{
	overflow:hidden;
	margin-right:-20px;
	text-align:center;
}
.ul_type li{
	width:270px;
	float:left;
	margin-right:20px;
	text-align:left;
}

/*レイアウト　各ページ用id //////////// */
#header-top{ /*インデックス専用ヘッダ*/
	padding:20px 0 10px;
	width:850px;
	margin:0 auto;
}
#header-top #top_img{
	width:850px;
	height:471px;
	background:url(../img/top.jpg) no-repeat;
	padding-bottom:7px;
}
#header-top #top_img a{
	display:block;
	width:423px;
	height:134px;
	position: relative;
	top: 337px;
	left: 427px;
	background:url(../img/top_dl.png) no-repeat;
}
#header-top #top_img a:hover{
	background:url(../img/top_dl_o.png) no-repeat;
}
#header-top #ul_sslist{ /*トップのSS用*/
	overflow:hidden;
	margin-top:7px;
	margin-right:-25px;
}
#header-top #ul_sslist li{
	margin-right:25px;
	float:left;
}

#header{
	width:850px;
	margin:auto;
	padding-top:10px;
	text-align:right;
}
#g-nav_BG{
	background:url(../img/gnav_BG.png) repeat-x center;
	width:100%;
	margin:auto;
}
#g-nav{
	position:relative;
	width:850px;
	height:44px;
	margin:auto;
}
#g-nav li{
	float:left;
}

#main{
	width:850px;
	min-height:150px;
	margin:auto;
	padding-top:5px;
	overflow:hidden;
}
#main #recentnews{ /*トップ専用*/
	width:450px;
	float:left;
	padding-right:20px;
}

#main #events{ /*トップ専用*/
	width:380px;
	float:right;
}

#footer{
	width:100%;
	width:850px;
	margin:30px auto 10px;
	text-align:right;
}

/*clearfixの指定 //////////// */

/*
.clearfix:after {
	content:"";
	display:block;
	clear:both;
}
*/