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



/* tag_start */

body{
	margin:0;
	padding:0;
	color:#fff;
	font-size:80%;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	line-height:130%;
	background:url(../img/body_bg.gif) repeat-y #333;
	background-position:50% 0
}

h1,h2{
	margin:0;
	padding:0;
	text-indent:-9999px;
}

a{color:#f33;}

a:link{outline:none;}
a:visited{outline:none;}
a:hover{color:#fc0;outline:none;}
a:active{outline:none;}

address{
	padding:10px 0 0 0;
	font-style:normal;
}

/* tag_end */



/* container_start */

#container{
	margin:0 auto;
	padding:0;
	width:800px;
}

/* container_end */



/* head_start */

#head{
	margin:0;
	padding:0;
	width:800px;
	height:105px;
	background:url(../img/head_bg.gif) no-repeat #111;
}

#head a{
	margin:0;
	padding:0;
	width:404px;
	height:100px;
	display:block;
}

/* head_end */



/* pankuzu_start */

#pankuzu{
	margin:0;
	padding:0 5px 0 0;
	width:795px;
	height:15px;
	font-size:12px;
	text-align:right;
	background:#111;
}

/* pankuzu_end */



/* main_start */

#main{
	margin:0;
	padding:0;
	width:800px;
	height:630px;
	background:url(../img/main_bg.gif) repeat-x #300;
}

/* main_end */



/* main_left_start */

#main_left{
	margin:0;
	padding:0;
	width:200px;
	height:630px;
	float:left;
	overflow:hidden;
}

#main_left dl,#main_left dt,#main_left dd{
	margin:0;
	padding:0;
	text-indent:-9999px;
}

#main_left dt{
	width:200px;
	height:45px;
	background:url(../img/menu_bt.gif) no-repeat;
}

#main_left a{
	margin:0;
	padding:0;
	width:200px;
	height:45px;
	display:block;
	background:url(../img/menu_bt.gif) no-repeat;
}

#main_left .menu_st a{background-position:0 -45px;}
#main_left .menu_ch a{background-position:0 -90px;}
#main_left .menu_cg a{background-position:0 -135px;}
#main_left .menu_dl a{background-position:0 -180px;}
#main_left .menu_sp a{background-position:0 -225px;}

#main_left .menu_st a:hover{background-position:-200px -45px;}
#main_left .menu_ch a:hover{background-position:-200px -90px;}
#main_left .menu_cg a:hover{background-position:-200px -135px;}
#main_left .menu_dl a:hover{background-position:-200px -180px;}
#main_left .menu_sp a:hover{background-position:-200px -225px;}

#main_left dd.mov{
	margin:74px 0 0 0;
	width:250px;
	height:188px;
	text-indent:0;
}

#main_left .mov_txt a{
	width:auto;
	height:auto;
	display:inline;
	background:none;
}

/* main_left_end */



/* main_right_start */

#main_right{
	margin:0;
	padding:0;
	width:600px;
	height:630px;
	float:right;
}

.title_to,.title_st,.title_ch,.title_cg,.title_dl,.title_sp{
	margin:0;
	padding:0;
	width:600px;
	height:40px;
	background:url(../img/title_bg.png) no-repeat;
}

.title_st{background-position:0 -40px;}
.title_ch{background-position:0 -80px;margin:0 0 20px 0;}
.title_cg{background-position:0 -120px;margin:0 0 20px 0;}
.title_dl{background-position:0 -160px;margin:0 0 20px 0;}
.title_sp{background-position:0 -200px;}

#contents{
	margin:0;
	padding:0;
	width:600px;
	height:590px;
}

/* main_right_end */



/* top_start */

#contents.cont_to{
	margin:0;
	padding:0;
	background:url(../img/to_bg.jpg) no-repeat;
}

#news{
	margin:0;
	padding:20px 0 0 430px;
	width:160px;
	height:200px;
}

#news_head{
	margin:0;
	padding:0;
	width:160px;
	height:20px;
	color:#c00;
	font-weight:bold;
	text-align:center;
}

#news_cont{
	margin:0;
	padding:5px;
	width:148px;
	height:168px;
	display:block;
	overflow:auto;
	border:solid 1px #c00;
}

#news dt{
	margin:0;
	padding:0;
}

#news dd{
	margin:0 0 5px 0;
	padding:0 0 0 1em;
}

/* top_end */



/* story_start */

#contents.cont_st{
	margin:0;
	padding:0;
	background:url(../img/st_bg.jpg) no-repeat;
	background-position:100% 100%;
}

#contents.cont_st p{
	margin:20px 0 0 0;
	padding:0 10px;
}

/* story_end */



/* character_start */

#contents.cont_ch ul,#contents.cont_ch li{
	margin:0;
	padding:0;
	list-style:none;
}

#contents.cont_ch{
	margin:20px 0 0 30px;
	padding:0;
	width:470px;
}

#contents.cont_ch #ch_menu{
	margin:0;
	padding:0;
	width:80px;
	float:left;
}

#contents.cont_ch .ch_01 a,#contents.cont_ch .ch_02 a,#contents.cont_ch .ch_03 a{
	padding:0;
	width:80px;
	height:50px;
	text-indent:-9999px;
	background:#fff;
	background:url(../img/ch_menu_bt.jpg) no-repeat;
	display:block;
}

#contents.cont_ch .ch_04 a{
	padding:0;
	width:80px;
	height:111px;
	text-indent:-9999px;
	background:#fff;
	background:url(../img/ch_menu_bt.jpg) no-repeat;
	display:block;
}

#contents.cont_ch .ch_01 a{margin:0;}
#contents.cont_ch .ch_02 a,#contents.cont_ch .ch_03 a,#contents.cont_ch .ch_04 a{margin:5px 0 0 0;}

#contents.cont_ch .ch_01 a{background-position:0 0;}
#contents.cont_ch .ch_02 a{background-position:0 -50px;}
#contents.cont_ch .ch_03 a{background-position:0 -100px;}
#contents.cont_ch .ch_04 a{background-position:0 -150px;}
#contents.cont_ch .ch_01 a:hover{background-position:-80px 0;}
#contents.cont_ch .ch_02 a:hover{background-position:-80px -50px;}
#contents.cont_ch .ch_03 a:hover{background-position:-80px -100px;}
#contents.cont_ch .ch_04 a:hover{background-position:-80px -150px;}


#contents.cont_ch #ch_main{
	margin:0;
	padding:0 0 0 190px;
	width:200px;
	height:500px;
	text-align:right;
	float:left;
}

#contents.cont_ch #ch_main h3{
	margin:10px 0;
	padding:0;
	width:220px;
	font-size:20px;
	line-height:normal;
}

#contents.cont_ch #ch_main p{
	margin:3px 0;
	padding:0;
	width:220px;
	text-align:left;
}

#contents.cont_ch .ch_other{height:125px;}

#contents.cont_ch .ch_main_01{background:url(../img/chara/ch_bg_01.jpg) no-repeat;}
#contents.cont_ch .ch_main_02{background:url(../img/chara/ch_bg_02.jpg) no-repeat;}
#contents.cont_ch .ch_main_03{background:url(../img/chara/ch_bg_03.jpg) no-repeat;}
#contents.cont_ch .ch_main_04{background:url(../img/chara/ch_bg_04.jpg) no-repeat;}

/* character_end */



/* cg_start */

#contents.cont_cg{
	margin:20px 0 0 0;
	padding:0;
}

#cg_img{
	margin:0 auto 10px auto;
	padding:0;
	width:500px;
	height:300px;
}

#cg_main{
	margin:0 10px;
	padding:0;
	width:400px;
	height:300px;
	background:#999;
	position:relative;
	float:left;
}

#cg_main .mo_dl_bt a{
	width:78px;
	height:38px;
	border:solid 1px #c00;
	position:absolute;
	bottom:10px;
	left:10px;
	background:url(../img/mo_dl_bt.gif) no-repeat;
}

#cg_main .mo_dl_bt a:hover{
	background-position:0 -38px;
	border-color:#fc0;
	}

#cg_prev{
	margin:0;
	padding:0;
	width:40px;
	height:300px;
	float:left
}

#cg_next{
	margin:0;
	padding:0;
	width:40px;
	height:300px;
	background:#666;
	float:left;
}

#cg_img a{
	margin:0;
	padding:0;
	width:40px;
	height:300px;
	text-indent:-9999px;
	display:block;
	background:url(../img/img_arrow.jpg) no-repeat;
}

#cg_img #cg_prev a{background-position:0 0;}
#cg_img #cg_next a{background-position:0 -300px;}
#cg_img #cg_prev a:hover{background-position:-40px 0;}
#cg_img #cg_next a:hover{background-position:-40px -300px;}

#cg_menu{
	margin:0 auto;
	padding:0;
	width:500px;
	height:160px;
	background:#333;
	clear:both
}

#cg_menu ul,#cg_menu li{
	margin:0;
	padding:0;
	list-style:none;
}

#cg_menu ul{
	width:498px;
	height:158px;
	border:solid 1px #c00;
}

#cg_menu li{
	width:166px;
	height:79px;
	float:left;
}

#cg_menu li a{
	width:166px;
	height:79px;
	text-indent:-9999px;
	display:block;
	background:url(../img/cg_menu_bt.jpg) no-repeat;
}

#cg_menu li.cg_01 a{background-position:0 0;}
#cg_menu li.cg_02 a{background-position:-166px 0;}
#cg_menu li.cg_03 a{background-position:-332px 0;}
#cg_menu li.cg_04 a{background-position:0 -79px;}
#cg_menu li.cg_05 a{background-position:-166px -79px;}
#cg_menu li.cg_06 a{background-position:-332px -79px;}

#cg_menu li.cg_01 a:hover{background-position:0 -158px;}
#cg_menu li.cg_02 a:hover{background-position:-166px -158px;}
#cg_menu li.cg_03 a:hover{background-position:-332px -158px;}
#cg_menu li.cg_04 a:hover{background-position:0 -237px;}
#cg_menu li.cg_05 a:hover{background-position:-166px -237px;}
#cg_menu li.cg_06 a:hover{background-position:-332px -237px;}

#mo_info{
	margin:10px auto 0 auto;
	padding:0;
	width:500px;
}

/* cg_end */



/* download_start */

#main.long,#main.long main_left,#main.long #main_right{height:950px;}

#contents.cont_dl{
	margin:20px 0 0 20px;
	padding:0;
}

#contents.cont_dl p{
	margin:0;
	padding:0;
	width:550px;
	text-align:center;
}

#contents.cont_dl dl,#contents.cont_dl dt,#contents.cont_dl dd{
	width:200px;
	text-align:center;
}

#contents.cont_dl dl{
	margin:0;
	padding:10px 40px;
	float:left;
}

#contents.cont_dl dt{
	margin:0;
	padding:0;
}

#contents.cont_dl dd{
	margin:0;
	padding:0;
}

/* download_end */



/* spec_start */

#contents.cont_sp{
	margin:0;
	padding:0;
	background:url(../img/sp_bg.jpg) no-repeat;
	background-position:100% 100%;
}

#contents.cont_sp dl{
	margin:20px 0 0 10px;
	padding:0 0 0 3px;

	border-left:solid 3px #c00;
}

#contents.cont_sp dt{
	margin:0 5px 0 0;
	padding:0;
	width:75px;
	float:left;
	clear:both;
	border-right:solid 1px #c00;
}

#contents.cont_sp dd{
	margin:0;
	padding:0;
}

/* spec_end */



/* foot_start */

#foot{
	margin:0;
	padding:0;
	width:800px;
	height:50px;
	font-size:12px;
	text-align:center;
	background:url(../img/foot_bg.gif) repeat-x #300;
	clear:both;
}

/* foot_end */