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

/* shared css ------------------------------------*/
body {
	background-color:#FFFBEF;
	font-size:13px;
}

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

h5{
	margin:0px;
	padding:0 50px 0 0px;
	float:right;
}

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:#000;
}

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

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

/* content ---------------------------------------*/
#content {
  width:810px;
  margin:0px auto 0px auto;
  background:url(../img/bg.gif) repeat-y;
}

#content #title {
 width:810px;
 height:280px;
 padding:10px 0 10px 0;
}

#main {
  clear:both;
  width:800px;
}

#content div.left_column {
  float:left;
  width:200px;
  padding-left:30px;
  padding-top:10px;

}

#content div.right_column {
  float:right;
  width:530px;
  padding-right:30px;
}

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

#title h1 {
	float:left;
	width:810px;
	height:240px;
	background:url(../img/title.gif) no-repeat;
}

#title h2 {
	float:left;
	width:810px;
  height:37px;
	background:url(../img/bg_bottom.gif) no-repeat;
}

/* menu ------------------------------------------*/
#menu {
	width:190px;
	margin:0px auto 0px auto;
	padding:0px 0px;

}

#menu ul.main {
	width:180px;
	margin:0px auto 0px auto;
	padding-top:11px;
}

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

#menu li.top a {
	display:block;
	width:165px;
	height:27px;
	background-image:url(../img/menu_top.gif);
	margin-bottom:10px;
}

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

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

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

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

#menu li.story div {
	width:165px;
	height:27px;
	background-image:url(../img/menu_story.gif);
}

#menu li.story ul {
  width:150px;
  margin-left:15px;
  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:#EF2C2C;
}

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

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

#menu li.official a {
	display:block;
	width:165px;
	height:27px;
	background-image:url(../img/menu_official.gif);
	margin-top:10px;
}

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

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

#main_content {
  width:520px;
  color:#2F2F2F;
  background:url(../img/intro_bg.gif) repeat-y;
  height:390px;
  padding:10px;
}

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

#main_content div.intro_rect {
  width:495px;
  margin:0px auto;
  padding:10px 0 0 0;
  padding-right:5px;
  height:380px;
  overflow:auto;
  font-size:13px;
  line-height:2.0em;
}

#main_content div.story_rect {
  width:495px;
  margin:0px auto;
  padding:10px 0 0 0;
  padding-right:5px;
  height:380px;
  overflow:auto;
  font-size:13px;
  text-indent:1em;
  line-height:2.0em;
}

#main_content div.cast {
  width:495px;
  margin:0px auto;
  padding:10px 0 0 0;
  height:380px;
  font-size:15px;
  line-height:2.0em;
}

#main_content div.cast ul {
  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.image {
  width:250px;
  height:167px;
  padding:3px;
  background:#FFF;
  border:1px solid #999;
}

#main_content p {
	margin:0 0 20px 0;
}

#main_content p span {
	border-bottom:1px #DFDFDF solid;
	padding:10px 0px 2px 0px;
}

#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;
}
/*------------------------------------------------*/