@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;
}

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

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

body {
}

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

/* header -------------------------------------------*/
#header div#teny_logo {
  float:left;
}

#header div.global_nav ul {
  float:right;
  display:block;
  list-style:none;
  margin:0px;
  padding:0px 10px 0px 0px;
  border-right:1px solid #CCC;
  position:relative;
  right:0px;
  top:20px;
}

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

#header div.global_nav li.tail {
  padding-right:10px;
  border-right:1px solid #CCC;
}

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

#header div.global_nav li a:hover {
  color:#FF0067;
}
/*------------------------------------------------*/


#content {
  clear:both;
  width:800px;
  margin-left:auto;
  margin-right:auto;
  padding-bottom:10px;
	background:url(../img/bg.gif) no-repeat;
}

#content div#title {
	width:800px;
	height:95px;
  margin-bottom:10px;
}

#content div#title .left_column {
	width:360px;
	height:95px;
}

#content div#title .right_column {
	width:430px;
	height:95px;
}

#content div#title h1 {
	width:330px;
	height:95px;
  margin-left:20px;
	background:url(../img/title.gif) no-repeat;
}

#content div#title h2 {
	width:430px;
	height:95px;
  background-image:url(../img/oa.gif);
}
/*------------------------------------------------*/

/* menu ------------------------------------------*/
#menu {
	width:220px;
	margin:0px auto 0px auto;
  padding:5px 0px;
	background:tranceparent;
}

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

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

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

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

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

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

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

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

#menu li.story ul {
  width:170px;
  margin-bottom:10px;
}
#menu li.story ul li {
  display:block;
  padding-bottom:3px;
	margin-bottom:3px;
  border-bottom:1px dotted #666;
  color:#000099;
}
#menu li.story ul li a {
  color:#000099;
  text-decoration:none;
}
#menu li.story ul li a:hover {
  color:#7c5b20;
}

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

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

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

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

#content div.left_column {
  float:left;
  width:250px;
}

#content div.right_column {
  float:left;
  width:550px;
}

div#main {
  width:535px;
  background:tranceparent;
}

div#main h2 {
  width:515px;
  margin:5px auto 0px auto;
  padding-bottom:5px;
  border-bottom:2px solid #ff0000;
}

div#main .box {
  margin:10px;
	height:440px;
	overflow:auto;
  padding-bottom:5px;
}

div#main .box p {
  margin:0px 0px 1em 10px;
  line-height:1.6em;
	color:#333;
}

div#main .box p span {
  padding-bottom:2px;
}

div#main .box_quiz {
  margin:10px;
	height:470px;
	overflow:auto;
  padding-bottom:5px;
}

div#main .box_quiz p {
  margin:0px 0px 1em 10px;
	color:#333;
}

div#main .box_quiz p span {
  line-height:1.6em;
  padding-bottom:2px;
}



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

/* footer ----------------------------------------*/

#footer div.global_nav ul {
	display:block;
	height:18px;
  list-style:none;
  margin:0;
  padding:16px 10px 10px 170px;
  position:relative;
	background:#ff0000 url(../img/footer_bg.gif) repeat-x;
}

#footer div.global_nav li {
  display:block;
  float:left;
  margin-left:10px;
  padding-left:10px;
}

#footer div.global_nav li.tail {
  padding-right:10px;
}

#footer div.global_nav li a {
  color:#fff;
	text-decoration:none;
}

#footer div.global_nav li a:hover {
  color:#fff;
	text-decoration:underline;
}


#footer {
  clear:both;
  width:810px;
}

#footer div.copyright p {
  clear:both;
  margin:10px 0px 10px 0px;
  text-align:center;
  color:#999;
}
/*------------------------------------------------*/