@charset "utf-8";
#contentsArea h2 {
	height: 190px;
	width: 900px;
}

#contentsArea_chara h2 {
	
}


/* ------------------------------------------------ 
SPEC 
------------------------------------------------ */

#title_spec {
	background-image: url(../images/spec/spec_title01.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#content_spec {
	background-image: url(../images/spec/spec_bg.jpg);
	background-repeat: no-repeat;
	height: 655px;
}
#content_spec .tb_spec {
	width: 370px;
	margin-left: 255px;
	margin-top: 80px;
}
#content_spec .tb_spec th {
	line-height: 2em;
	vertical-align: top;
	width: 110px;
}
#content_spec .tb_spec td {
	width: 260px;
	line-height: 2em;
	vertical-align: top;
}



/* ------------------------------------------------ 
STORY
------------------------------------------------ */

#title_story {
	background-image: url(../images/story/story_title01.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#content_story {
	background-image: url(../images/story/story_bg.jpg);
	background-repeat: no-repeat;
	height: 655px;
}#content_story .text_story {
	line-height: 1.5em;
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	text-align: center;
}





/* ------------------------------------------------ 
SYSTEM
------------------------------------------------ */

#title_system {
	background-image: url(../images/system/system_title01.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#content_system {
	background-image: url(../images/system/system_bg.jpg);
	background-repeat: no-repeat;
	height: 1950px;
	
}
#content_system .container {
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
}




/* ------------------------------------------------ 
CHARACTOR
------------------------------------------------ */

#naviArea {
	float: left;
	width: 277px;
}

#title_chara {
	background-image: url(../images/chara/chara_title01.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 155px;
	width: 1000px;
}

#detailArea {
	float: left;
	width: 580px;
	padding-left: 32px;
}
#detailArea .textArea {
	float: left;
	width: 260px;
	padding-top: 75px;
}
#detailArea .imgArea {
	float: left;
	width: 320px;
}
#detailArea .textArea .detail_text {
	width: 240px;
	padding-right: 10px;
	padding-left: 10px;
	line-height: 1.5em;
}
#detailArea .textArea table.serif {
	margin-left: auto;
	margin-right: auto;
}
#detailArea .textArea table.serif td {
	vertical-align: top;
	line-height: 1.5em;
	padding-bottom: 10px;
}


#detailArea .textArea .name {
	text-align: center;
	width: 260px;
	font-size: 16px;
	font-weight: bold;
	padding-top: 30px;
	padding-bottom: 8px;
}




/* ------------CHARACTOR NAVIGATION ----------- */


#chara_navi li , #chara_navi li a {
	text-indent: -9999px;
	margin: 0px;
	overflow:hidden;
	display: block;
	vertical-align: text-top;
	height: 45px;
	width: 277px;
	
}

.cNavi_01 {
	background-position:left top;
	background-image: url(../images/chara/cNavi_01.jpg);
	background-repeat: no-repeat;
	padding-bottom:3px;
	
}

.cNavi_02 {
	background-position:left top;
	background-image: url(../images/chara/cNavi_02.jpg);
	background-repeat: no-repeat;
	padding-bottom:3px;
}
.cNavi_03 {
	background-position:left top;
	background-image: url(../images/chara/cNavi_03.jpg);
	background-repeat: no-repeat;
	padding-bottom:3px;
}

.cNavi_04 {
	background-position:left top;
	background-image: url(../images/chara/cNavi_04.jpg);
	background-repeat: no-repeat;
	padding-bottom:3px;
}
.cNavi_05 {
	background-position:left top;
	background-image: url(../images/chara/cNavi_05.jpg);
	background-repeat: no-repeat;
	padding-bottom:3px;
}

.cNavi_06 {
	background-position:left top;
	background-image: url(../images/chara/cNavi_06.jpg);
	background-repeat: no-repeat;
	padding-bottom:3px;
}
.cNavi_07 {
	background-position:left top;
	background-image: url(../images/chara/cNavi_07.jpg);
	background-repeat: no-repeat;
	padding-bottom:3px;
}

.cNavi_08 {
	background-position:left top;
	background-image: url(../images/chara/cNavi_08.jpg);
	background-repeat: no-repeat;
	padding-bottom:3px;
}

.cNavi_09 {
	background-position:left top;
	background-image: url(../images/chara/cNavi_09.jpg);
	background-repeat: no-repeat;
}



.cNavi_01 a {  background: transparent url(../images/chara/cNavi_01.jpg) 0px 0px no-repeat; }
.cNavi_02 a {  background: transparent url(../images/chara/cNavi_02.jpg) 0px 0px no-repeat; }
.cNavi_03 a {  background: transparent url(../images/chara/cNavi_03.jpg) 0px 0px no-repeat; }
.cNavi_04 a {  background: transparent url(../images/chara/cNavi_04.jpg) 0px 0px no-repeat; }
.cNavi_05 a {  background: transparent url(../images/chara/cNavi_05.jpg) 0px 0px no-repeat; }
.cNavi_06 a {  background: transparent url(../images/chara/cNavi_06.jpg) 0px 0px no-repeat; }
.cNavi_07 a {  background: transparent url(../images/chara/cNavi_07.jpg) 0px 0px no-repeat; }
.cNavi_08 a {  background: transparent url(../images/chara/cNavi_08.jpg) 0px 0px no-repeat; }
.cNavi_09 a {  background: transparent url(../images/chara/cNavi_09.jpg) 0px 0px no-repeat; }


#chara_navi li a:hover , #chara_navi li a.here{background-position:right top;}



/* ------------------------------------------------ 
LINK
------------------------------------------------ */



#title_link {
	background-image: url(../images/links/link_title01.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#content_link {
	background-image: url(../images/links/link_bg.jpg);
	background-repeat: no-repeat;
	height: 655px;
	position: relative;
}
#content_link .tb_link {
	width: 180px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 50px;
}
#content_link .tb_link th {
	line-height: 2em;
	vertical-align: top;
	width: 30px;
}
#content_link .tb_link td {
	width: 150px;
	line-height: 1.5em;
	vertical-align: top;
	padding-bottom: 20px;
}
#content_link .link_imgLeft {
	background-image: url(../images/links/link_img01.jpg);
	background-repeat: no-repeat;
	height: 454px;
	width: 313px;
	position: absolute;
	top: 131px;
	left: -37px;
}
#content_link .link_imgRight {
	height: 454px;
	width: 320px;
	background-image: url(../images/links/link_img02.jpg);
	background-repeat: no-repeat;
	top: 131px;
	position: absolute;
	left: 454px;
}




/* ------------------------------------------------ 
LINK
------------------------------------------------ */


#title_news {
	background-image: url(../images/news/news_title01.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#content_news {
	background-image: url(../images/news/news_bg.jpg);
	background-repeat: no-repeat;
	height: 660px;
}


.text_area {
	width:400px;
	height: 520px;
	overflow: auto;
	scrollbar-face-color: #D8CBDD;
	scrollbar-track-color: #ffffff;
	scrollbar-arrow-color: #ffffff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-shadow-color: #ffffff;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-darkshadow-color: #ffffff;
	padding-right: 10px;
	margin-right: auto;
	margin-left: auto;
}

.text_area p {
	line-height: 150%;
	padding-bottom: 40px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding-top: 10px;
}



.date {
	font-weight: bold;
	font-size: 14px;
	color: #333333;
}








/* ------------------------------------------------ 
SPECIAL
------------------------------------------------ */

#naviArea2 {
	float: left;
	width: 200px;
	padding-top:10px;
}

#title_special {
	background-image: url(../images/special/special_title01.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 155px;
	width: 1000px;
}




/* ------------SPECIAL NAVIGATION ----------- */


#special_navi li , #special_navi li a {
	text-indent: -9999px;
	margin: 0px;
	overflow:hidden;
	display: block;
	vertical-align: text-top;
	padding-bottom:24px;
	height: 17px;
	width: 166px;
	
}

.sNavi_01 {
	background-position:left top;
	background-image: url(../images/special/sNavi_01.jpg);
	background-repeat: no-repeat;
	
}

.sNavi_02 {
	background-position:left top;
	background-image: url(../images/special/sNavi_02.jpg);
	background-repeat: no-repeat;
}
.sNavi_03 {
	background-position:left top;
	background-image: url(../images/special/sNavi_03.jpg);
	background-repeat: no-repeat;
}

.sNavi_04 {
	background-position:left top;
	background-image: url(../images/special/sNavi_04.jpg);
	background-repeat: no-repeat;
}
.sNavi_05 {
	background-position:left top;
	background-image: url(../images/special/sNavi_05.jpg);
	background-repeat: no-repeat;
}



.sNavi_01 a {  background: transparent url(../images/special/sNavi_01.jpg) 0px 0px no-repeat; }
.sNavi_02 a {  background: transparent url(../images/special/sNavi_02.jpg) 0px 0px no-repeat; }
.sNavi_03 a {  background: transparent url(../images/special/sNavi_03.jpg) 0px 0px no-repeat; }
.sNavi_04 a {  background: transparent url(../images/special/sNavi_04.jpg) 0px 0px no-repeat; }
.sNavi_05 a {  background: transparent url(../images/special/sNavi_05.jpg) 0px 0px no-repeat; }



#special_navi li a:hover , #special_navi li a.here{background-position:right top;}
#contsArea {
	float: left;
	height: 370px;
	width: 540px;
	padding: 10px 40px 30px;
}
#contsArea .soundBox {
	float: left;
	width: 250px;
	padding-right: 10px;
}
#contsArea .soundBox dt {
	font-size: 12px;
	line-height: 150%;
}
#contsArea .soundBox dd {
	font-size: 12px;
	line-height: 150%;
	padding-bottom: 15px;
}
#contsArea .cgBox {
	margin-right: auto;
	margin-left: auto;
}

#contsArea .movieBox {
	height: 288px;
	width: 475px;
	background-image: url(../images/special/movie_bg.jpg);
	background-repeat: no-repeat;
	padding-top: 58px;
	padding-left: 55px;
}
.d_text li {
	line-height: 1.8em;
	padding-left: 10px;
	background-image: url(../images/common/arrow2.gif);
	background-repeat: no-repeat;
	background-position: left 8px;
}
.interviewBox {
	height: 350px;
	overflow: auto;
	padding-right: 20px;
}
.question {
	line-height: 1.5em;
	color: #656501;
	font-weight: bold;
	padding-bottom: 10px;
}
.answer {
	line-height: 1.5em;
	padding-bottom: 25px;
}