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

/* shared css ------------------------------------*/
body,div,
h1,h2,h3,h4,
p {
	margin:0px;
	padding:0px;
}

img {
	border:0px;
}

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

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

.clear {
	clear:both;
}


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

body {
	background-color:#FDEF00;
	background: url("../img/test.jpg") #FDEF00 no-repeat 0px 340px fixed;

}

#page_start {
	width:750px;
	margin:0px auto 0px auto;

  border-left:5px solid #8F7B11;
  border-right:5px solid #8F7B11;
	background:#EEEADA;
}

#contents {
	width:750px;
	margin:0px auto 0px auto;
}

#header {
	width:750px;
	margin:0px auto 0px auto;
	height:50px;
	background:#EEEADA;

}

#header #teny_logo {
	float:left;
	height:50px;
	width:112px;
  margin:0 0 0 10px;
}

#header div.global_nav {
  float:left;
  width:600px;
  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:#000000;
}

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


#title_img{
	width:750;
	hight:270px;
}

#title_img div.main {
	width:740px;
	height:270px;
	margin:0px auto 0px auto;
	padding:0px 0 10px 0;
 	background-color:#FFFFFF;
}

#title_img div.title_column {
	float:left;
	width:740px;
	height:270px;
}

#title_img div.title_column h1 {
	float:left;
	margin:0 0 0 0;
	width:750px;
	height:270px;
	background:url(../img/title.jpg) no-repeat;
}

#title_img div.title_column h6 {
	float:left;
	margin:0 0 0 0px;
	height:45px;
}


#content {
	clear:both;
  padding-top:10px;
  background-color:#FFFFFF;
}

#content div.left_column {
	float:left;
	width:200px;
	padding:15px 0 20px 17px;
}


#content div.right_column {
	float:right;
	width:490px;
	padding:0px 0px 10px 0;
	margin:0 17px 10px 0;
	background:#CFC8A8;}

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

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

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

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

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

#menu li.quiz a {
	display:block;
	width:180px;
	height:30px;
	background-image:url(../img/menu_quiz.jpg);
	margin-top:5px;
}

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

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

#menu li.story div {
	width:180px;
	height:30px;
	background-image:url(../img/menu_story.jpg);
	margin-top:5px;
}

#menu li.story ul {
  width:178px;
  padding:5px 0;
  background: #FFFBEF;
  border-bottom:1px solid #999999;
  border-right:1px solid #999999;
  border-left:1px solid #999999;
  line-height:1.6em;
}

/*ストーリーの破線*/
#menu li.story ul li {
  display:block;
  padding-bottom:3px;
  color:#FFF;
  text-indent:1em;
}

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

#menu li.story ul li a:hover {
	display:block;
	width:178px;
  color:#6F6953;
  background:#EFE3C2;
}

#menu li.cast a {
	display:block;
	width:180px;
	height:30px;
	background-image:url(../img/menu_cast.jpg);
	margin-top:5px;
}

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

#menu li.official a {
	display:block;
	width:180px;
	height:30px;
	background-image:url(../img/menu_official.jpg);
	margin-top:5px;
}

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

#main_content {
  width:470px;
  margin-left:10px;
  margin-top:10px;
  background:#EFECE0;
  color:#2F2F2F;
}

#main_content div.intro_rect {
  width:460px;
  margin:0px auto;
  padding:4px 0 0 5px;
  font-size:15px;
  line-height:1.6em;
}

#main_content div.story_rect {
  width:460px;
  height:420px;
  overflow:auto;
  padding-top:4px;
  text-indent:1em;
}

#main_content div.cast_rect {
  width:460px;
  margin:0px auto;
  padding:10px 0 0 0;
  font-size:18px;
}

#content div.right_column h2 {
	padding:0px;
	width:480px;
}

#content div.right_column div.main {
	width:440px;
	margin:10px 0px 10px 10px;
}

#content div.right_column div.main h3 {
  margin-top:20px;
  padding-left:10px;
  border-right:3px solid #9F886D;
  border-left:3px solid #9F886D;
  border-bottom:1px solid #CFBDA8;
  border-top:1px solid #CFBDA8;
  background:#EFE1D1;
  font-size:1.1em;
}

#content div.right_column div.main p {
	margin:0.3em 0px;
	line-height:2.0em;
}

#content div.right_column div.main p span {
	border-bottom:1px #CCC dashed;
}

#content div.right_column div.main ol#answer_list {
}

#content div.right_column div.main ul#quiz_button {
  height:51px;
  width:344px;
  margin:0px auto 10px auto;
}
#content div.right_column div.main ul#quiz_button li {
  float:left;
  display:block;
  margin:0px 10px;
}

#content div.right_column div.main ul#quiz_button li a {
  display:block;
  width:147px;
  height:51px;
}

#content div.right_column div.main ul#quiz_button li.apply a {
	background-image:url(../img/bt_apply.jpg);
}

#content div.right_column div.main ul#quiz_button li.apply a:hover {
	background-position:0px -51px;
}

#content div.right_column div.main ul#quiz_button li.regist a {
	background-image:url(../img/bt_regist.jpg);
}

#content div.right_column div.main ul#quiz_button li.regist a:hover {
	background-position:0px -51px;
}

#content div.right_column div.main div.notice {
  color:#666;
}
/*------------------------------------------------*/

/* footer ----------------------------------------*/
#footer {

	width:750px;
	margin:0px auto 0px auto;
	height:60px;
	background:#EEEADA;
	clear:both;
}


#footer div.global_nav ul {
  width:415px;
	display:block;
  margin:0px auto 0px auto;
  padding:15px 0 8px 0;
}

#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.global_nav li a {
  color:#000000;
}

#footer div.global_nav li a:hover {
  color:#AFA58E;
}

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

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