@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:-5000px;
}

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

body {
  background:url(../img/body_bg.gif) repeat-x;
}

.global_nav ul {
  list-style:none;
  margin:0px;
  padding:0px 10px 0px 0px;
  padding-right:10px;
  border-right:1px solid #CCC;
}

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

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

.global_nav li a {
  color:#999;
}

.global_nav li a:hover {
  color:#23B3EF;
}

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

#header {
  width:810px;
  height:50px;
}

#header #teny_logo {
  float:left;
}

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

#content {
  clear:both;
  width:800px;
  margin-left:auto;
  margin-right:auto;
  padding:4px;
  background-color:#FFF;
  border:1px solid #CCC;
}

#content div#title h1 {
	width:800px;
	height:148px;
	background:url(../img/header.jpg) no-repeat;
}

#momoka{
	float:right;
	padding-top:95px;
	padding-bottom:4px;
	padding-right:10px;
	margin-top:20px;
}

#content01 {
clear:both;
	float:right;
	line-height:1.4em;
	color:#7F3F3F;
	width:335px;
	height:110px;
	overflow:auto;
	margin:30px 12px 0 0;
	padding:0 10px 10px;
}


#content01 p {
	letter-spacing:0.1em;
	padding-left:12px;
	border-bottom:1px solid #ff0000;
	background:url(../img/heart.gif) no-repeat;
}


/* menu ------------------------------------------*/
#menu {
  overflow:hidden;
  width:800px;
  height:40px;
  background:transparent url(../img/menu.jpg) no-repeat;
}

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

#menu ul li {
  float:left;
}

#menu li a {
  display:block;
  height:40px;
  background:transparent url(../img/menu.jpg) no-repeat;
}

#menu li.top a {
  width:100px;
  background-position:0px 0px;
}

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

#menu li.story a {
  width:137px;
  background-position:-100px 0px;
}

#menu li.story a:hover {
  width:137px;
  background-position:-100px -40px;
}

#menu li.cast a {
  width:117px;
  background-position:-237px 0px;
}

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

#menu li.official a {
  width:217px;
  background-position:-354px 0px;
}

#menu li.official a:hover {
  width:217px;
  background-position:-354px -40px;
}

#menu li.quiz a {
  width:200px;
  background-position:-571px 0px;
}

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

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

#content_top {
  width:800px;
  height:557px;
  background-image:url(../img/main.jpg);
}

#content_top h1 {
  width:390px;
  height:140px;
  background-image:url(../img/title.jpg);
}

#content_top h2 {
  width:430px;
  height:45px;
  background-image:url(../img/oa.jpg);
}

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

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

#content div#text_title h1 {
	width:800px;
	height:148px;
	background:url(../img/text_header.jpg) no-repeat;
}

#content div.report_column {
  width:600px;
  padding:0 0 0 105px}

div#content_cast,
div#content_story {
  margin-top:15px;
}

div.left_column h2 {
  padding:5px 0px 5px 10px;
  border-left:5px solid #54C1FF;
  font-size:20px;
  font-weight:bold;
  color:#666;
}
/*------------------------------------------------*/

/* relational_link -------------------------------*/
#relational_link {
  width:810px;
  height:59px;
  margin-top:10px;
  padding-top:10px;
  background:url(../img/relational_bg.jpg) no-repeat;
}

#relational_link ul {
  clear:both;
  list-style:none;
  margin:0px;
  padding:0px;
}

#relational_link li {
  float:left;
  display:block;
  margin-left:5px;
}
/*------------------------------------------------*/

/* footer ----------------------------------------*/
#footer {
  clear:both;
  width:810px;
}

#footer div.global_nav {
  clear:both;
  width:500px;
  margin:0px auto 0px auto;
  border-right:1px solid #CCC;
}

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