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


/* all */

* {
		font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}


/* page */

#page {
	margin: 0 auto;
	background-color:#380107;
	color: #000;
	
}


a:link { color: #000; }
a:visited { color: #000; }
a:hover { color: #ccc; }
a:active { color: #1a76ff; }


/* main */

.wrapper-title {
	width: 800px;
	margin: 0 auto;
}


.wrapper-main {
	margin: 0 auto;
}

.title {
	width: 800px;
	margin: 0 auto;
}

.title-font {
	color: #fff;
	size: 14px;
}


.title-1 {
	color: #ac3125;
	font-size: 18px;
	width: 800px;
	margin: 0 auto;
}


.title-2 {
	color: #f1c318;
	font-size: 18px;
	width: 800px;
	margin: 0 auto;
}

.title-3 {
	color: #2c70af;
	font-size: 18px;
	width: 800px;
	margin: 0 auto;
}


.title-4 {
	color: #5a7765;
	font-size: 18px;
	width: 800px;
	margin: 0 auto;
}

.title-5 {
	color: #1a3553;
	font-size: 18px;
	width: 800px;
	margin: 0 auto;
}

.title-5-2 {
	color: #e7a33e;
	font-size: 18px;
	width: 800px;
	margin: 0 auto;
}


.title-7 {
	color: #95372b;
	font-size: 18px;
	width: 800px;
	margin: 0 auto;
}

.title-8 {
	color: #a07e45;
	font-size: 18px;
	width: 800px;
	margin: 0 auto;
}

.title-9 {
	color: #fff;
	font-size: 18px;
	width: 800px;
	margin: 0 auto;
}

.title-13 {
	color: #66F;
	font-size: 18px;
	width: 800px;
	margin: 0 auto;
}


.title-14 {
	color: #CCC;
	font-size: 18px;
	width: 800px;
	margin: 0 auto;
}

.title-r1 {
	color: #fff;
	font-size: 18px;
	width: 800px;
	margin: 0 auto;
}




.next {
	width: 700px;
	margin: 0 auto;
}

.next table td {
	padding: 5px;
}


.stage {
	width: 800px;
	color: #fff;
	margin: 0 auto;
}


.stage table td {
	text-align: center;
}


.chara-ex {
	width: 700px;
	margin: 0 auto;
	color: #fff;
	font-size:14px;
}

.chara-ex td, th {
padding: 5px 20px;
}
	

.contents {
	width: 600px;
	margin: 0 auto;
	color: #fff;
}


.gaiyo {
	width:800px;
	margin: 0 auto;
}


.photo ul {
	margin: 0 auto;
	width: 800px;
	list-style-type: none;
	overflow: hidden;
}

.photo li {
	float: left;
	padding: 0px 40px 20px 0px;
	
}
	
	
.next-title {
	font-size: 24px;
}


.comment {
	font-size: 20px;
}


#p1 {
	font-size: 20px;
	line-height: 50%;
}

p {
	font-size: 16px;
}



#main-text {
	font-size: 20px;
	margin-top: 0;	
	color: #fff;
}


/* header */

.wrapper-header {
	background-color:#FFF;
}



/* Gnavi */

.wrapper-gnavi {
	background-color:#ac3023;
	height: 100px;
	
}


ul.cast-menu {
	margin: 0 auto 0 auto;
	padding: 10px;
	width: 800px;
	list-style-type: none;
	overflow: hidden;
}

.cast-menu li {
	float: left;
}

ul.gnavi {
	margin: 0 auto 0 auto;
	padding: 10px;
	width: 900px;
	height: 100px;
	list-style-type: none;
	overflow: hidden;
}


.gnavi li {
	float: left;
}

.chara {
	width: 800px;
	margin: 0 auto;
	padding-top: 0;
}


.chara p {
	font-size: 14px;
}


.chara table td {
	text-align: center;
}


.stage {
	width: 800px;
	margin: 0 auto;
}

.stage-contents {
	width: 760px;
	margin: 0 auto;
}

.stage-contents td {
	text-align: center;
}



.stage-title {
	width: 800px;
	padding: 20px;
	color: #fff; 
	display: inline-block;      /* インラインブロック要素にする */
    background-color:  #720303;    /* 背景色指定 */
	text-align: center;
	vertical-align: middle;
}


/* fotter */

.footer {
	color: #fff;
	background-color:#ac3023;
	height: 70px;	
}