@charset "utf-8";
@import url("reset.css");
/* CSS Document */
a{
    overflow: hidden;
    outline: none;
}
body{
	background:url(../img/bg_all.gif);
	text-align:center;
	margin:0px;
	font-family:"ＭＳ Ｐゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size:62.5%;
}
#header h1 a{/*タイトル*/
	display:block;
	background:url(../img/header.gif) no-repeat;
	width:776px;
	height:96px;
	margin:0px auto;
	text-indent:-9999px;
}
#contentWrap{/*コンテンツ包み*/
	width:776px;
	margin:0px auto;
	background:url(../img/img_content_bg.gif) repeat-y;
	text-align:left;
}
#content{/*コンテンツ*/
	width:750px;
	margin:0px 13px;
	text-align:left;
}
#gnavi{/*ナビUL*/
	margin:10px 0 15px 0;
	width:750px;
	height:90px;
}
#gnavi li{/*ナビLIST*/
	float:left;
}
#gnavi li a{/*ナビLISTの中身*/
	display:block;
	width:142px;
	height:90px;
	text-indent:-9999px;
}
.navi0,
.navi1,
.navi2,
.navi3{
	margin-right:10px;
}
.navi4{
	margin:0px;
}
.navi0{
	background:url(../img/btn_chara0.gif) no-repeat;
}
.navi1{
	background:url(../img/btn_chara1.gif) no-repeat;
}
.navi2{
	background:url(../img/btn_chara2.gif) no-repeat;
}
.navi3{
	background:url(../img/btn_chara3.gif) no-repeat;
}
.navi4{
	background:url(../img/btn_chara4.gif) no-repeat;
}
.navi0:hover{
	background:url(../img/btn_chara0_on.gif) no-repeat;
}
.navi1:hover{
	background:url(../img/btn_chara1_on.gif) no-repeat;
}
.navi2:hover{
	background:url(../img/btn_chara2_on.gif) no-repeat;
}
.navi3:hover{
	background:url(../img/btn_chara3_on.gif) no-repeat;
}
.navi4:hover{
	background:url(../img/btn_chara4_on.gif) no-repeat;
}
#infoWrap{/*インフォ包み*/
	width:750px;
	margin-bottom:15px;
}
#info{
	width:470px;
	float:left;
}
#info_title{
	width:470px;
	height:42px;
	background:url(../img/img_newstitle.gif) no-repeat;
	text-indent:-9999px;
}
#info_text{
	width:470px;
	height:181px;
	background:url(../img/bg_news.gif) no-repeat;
}
#contact a{
	background:url(../img/bnr_contact.gif) no-repeat;
	width:274px;
	height:66px;
	float:right;
	text-indent:-9999px;
	margin-top:16px;
}
#recent_news{
	font-size:1em;
	margin-left: 20px;
	padding-top:28px;
}
#recent_news li{
	line-height:26px;
	background:url(../img/list_head.gif) no-repeat left;
	padding-left:1.2em;
}
#recent_news li a{
	color:#3a5075;
	text-decoration:none;
}
#recent_news li a:hover{
	color:#637aa1;
	text-decoration:underline;
}
#contetn_footer{/*コンテンツフッタ*/
	background:url(../img/content_footer.gif) no-repeat;
	width:776px;
	height:10px;
	text-indent:-9999px;
	font-size:10px;
	line-height:10px;
}
#footer{
	background:url(../img/footer.gif) no-repeat;
	width:776px;
	height:53px;
	margin:10px auto;
	text-indent:-9999px;
}
/*active*/
#chara0 .navi0{
	background:url(../img/btn_chara0_on.gif) no-repeat;
}
#chara1 .navi1{
	background:url(../img/btn_chara1_on.gif) no-repeat;
}
#chara2 .navi2{
	background:url(../img/btn_chara2_on.gif) no-repeat;
}
#chara3 .navi3{
	background:url(../img/btn_chara3_on.gif) no-repeat;
}
#chara4 .navi4{
	background:url(../img/btn_chara4_on.gif) no-repeat;
}

/*Illust List*/
illust_list{
	margin-top:10px;	
}
#illust_list li{
	float:left;
}
#illust_list li a{
	display:block;
	width:85px;
	height:85px;
	text-indent:-9999px;
}
.d_line{
	border-bottom:1px dotted #ccc;
	padding-bottom:1.7em;
}