@charset "utf-8";
/* font setting ----------------------------------*/
* {
	font-family:"ＭＳ Ｐゴシック";
	font-size:13px;
}
/*------------------------------------------------*/

/* shared css ------------------------------------*/
body {
	background-color:#FFF;
	background:url(../img/bg.gif);
}

body,div,
h1,h2,h3,h4,
p {
	margin:0px;
	padding:0px;
}

h5{
	margin:0px;
	padding:0 0 8px 0;
}

img {
	border:0px;
}

ul {
	list-style:none;
	margin:0px;
	padding:0px;
}

.xalt {
	position:absolute;
	left:-999px;
	top:-4000px;
}

.clear {
	clear:both;
}
/*------------------------------------------------*/

#container {
  width:810px;
  margin:10px auto 10px auto;
}

/* header ----------------------------------------*/
#header {
	width:810px;
  height:50px;
}

#header #teny_logo {
	float:left;
	height:50px;
	width:112px;
  margin-right:7px;
}

#header div.global_nav {
  float:left;
  width:680px;
  height:50px;
}

#header div.global_nav ul {
  float:right;
  position:relative;
  top:20px;
  right:10px;
}

#header div.global_nav li {
	float:left;
	display:block;
  margin-left:5px;
  padding-left:5px;
  border-left:1px solid #CCC;
}

#header div.global_nav li a {
  color:#0000EE;
}

#header div.global_nav li a:hover {
  color:#FF4F4F;
}

/*------------------------------------------------*/

/* contents --------------------------------------*/
#contents {
	clear:both;
  padding:5px 0px 5px 0px;
  background:#FF4F4F;
}
/*------------------------------------------------*/

/* content ---------------------------------------*/
#content {
  width:800px;
  margin:0px auto 0px auto;
  background:#FFF;
}

#content #title {
 width:800px;
 height:200px;
 padding:25px 0 20px 0;
}

#content div.main {
  clear:both;
  width:770px;
  margin:0px auto 0px auto;
}

#content div.left_column {
  float:left;
  width:230px;
  padding-right:5px;
}

#content div.right_column {
	float:right;
  width:520px;
  padding-bottom:15px;
}

#content div.right_column div.main ol#answer_list {
  list-style-type:upper-alpha;
}

#title h1 {
	float:left;
	width:401px;
	height:200px;
	background:url(../img/title.jpg) no-repeat;
}

#title h2 {
	float:left;
	width:396px;
  height:200px;
	background:url(../img/oa.jpg) no-repeat;
}

/* menu ------------------------------------------*/
#menu {
	width:230px;
	margin:0px auto 10px auto;
  padding:5px 0px;
	background-color:#FFFFCF;
}

#menu ul.main {
	width:220px;
	margin:0px auto 0px auto;
	padding-bottom:10px;
}

#menu ul.main li {
	display:block;
	padding:0px;
	margin:0px;
}

#menu li.top a {
	display:block;
	width:220px;
	height:45px;
	background-image:url(../img/menu_top.jpg);
}

#menu li.top a:hover {
	background-position:0px -45px;
}

#menu li.quiz a {
	display:block;
	width:220px;
	height:45px;
	background-image:url(../img/menu_quiz.jpg);
}

#menu li.quiz a:hover {
	background-position:0px -45px;
}

#menu li.jinbutsu a {
	display:block;
	width:220px;
	height:45px;
	background-image:url(../img/menu_jinbutsu.jpg);
}

#menu li.jinbutsu a:hover {
	background-position:0px -45px;
}

#menu li.story {
	display:block;
	width:220px;
}

#menu li.story div {
	width:220px;
	height:35px;
	background-image:url(../img/menu_story.jpg);
}

#menu li.story ul {
  width:150px;
  margin-left:45px;
  margin-bottom:10px;
}

/*ストーリーの破線*/
#menu li.story ul li {
  display:block;
  padding:10px 0px 0px 0px;
  border-bottom:1px dotted #666;
  color:#333;
}

#menu li.story ul li a {
  color:#666;
  text-decoration:none;
}

#menu li.story ul li a:hover {
  color:#DF0000;
}

#menu li.cast a {
	display:block;
	width:220px;
	height:45px;
	background-image:url(../img/menu_cast.jpg);
}

#menu li.cast a:hover {
	background-position:0px -45px;
}

#menu li.official a {
	display:block;
	width:220px;
	height:45px;
	background-image:url(../img/menu_official.jpg);
}

#menu li.official a:hover {
	background-position:0px -45px;
}

/*------------------------------------------------*/
#main_content {
  width:520px;
  background:#FFEFEF;
  color:#2F2F2F;
}

#main_content div.rect {
  width:500px;
  margin:0px auto;
  padding:10px 9px;
	overflow:auto;
}

#main_content div.intro_rect {
  width:500px;
  margin:0px auto;
  overflow:auto;
  margin:0.3em 0px;
  padding:10px 20px 30px 20px;
  line-height:2.0em;
  font-size:15px;
  indent:1em;
}


#main_content div.story_rect {
  width:500px;
  margin:0px auto;
  padding:10px 9px;
	height:420px;
	overflow:auto;
  text-indent:1em;
}

#main_content div.jinbutsu_rect {
  width:500px;
  margin:0px auto;
  padding:10px 9px;
	overflow:auto;
	margin:0.3em 0px;
	line-height:1.5em;
}


#main_content div.image {
  width:250px;
  height:167px;
  padding:3px;
  background:#FFF;
  border:1px solid #999;
}

#main_content p {
	margin:0.3em 0px;
	line-height:1.5em;
}

#main_content p span {
	border-bottom:1px #FF8F8F dashed;
  padding:10px 0px 2px 0px;
	line-height:2.5em;
	indent:1em;
}

#main_content div.cast {
	margin:0.3em 0px;
	line-height:1.5em;
}

#main_content div.cast ul {
  list-style-image:url(../img/list-icon.gif);
  margin-bottom:20px;
  padding-left:20px;
}

#main_content div.cast li {
  margin:5px;
  color:#000;
}
#main_content div.cast li span {
  color:#639127;
}

#main_content div.quiz {
	margin:0.2em 0px;
	line-height:2.0em;
}
/*------------------------------------------------*/

/* footer ----------------------------------------*/
#footer {
	clear:both;
}

#footer div.global_nav {
}

#footer div.global_nav ul {
  width:415px;
	display:block;
  margin:10px auto 10px auto;
  padding-bottom:10px;
}

#footer div.global_nav li {
	float:left;
	display:block;
  margin-left:5px;
  padding-left:5px;
  border-left:1px solid #CCC;
}

#footer div.global_nav li.tail {
  margin-right:5px;
  padding-right:5px;
  border-right:1px solid #CCC;
}

#footer div.copyright {
  clear:both;
  margin:10px 0px 10px 0px;
  text-align:center;
}

#footer div.global_nav li a {
  color:#0000EE;
}

#footer div.global_nav li a:hover {
  color:#FF4F4F;
}
/*------------------------------------------------*/