body {
	margin: 0px;
	padding: 0px;
	text-align: center;
}
a,a:visited {
	color: #29abe2;
	text-decoration: underline;
}
a:hover {
	color: #ff6fae;
	text-decoration: none;
}
.js12 {
	font-size: 12px;
	line-height: 18px;
	color: #333333;
}
.js12pinkb {
	font-size: 12px;
	line-height: 18px;
	color: #ff6fae;
	font-weight: bold;
}
#headline {
	background: #7ebdff;
	margin: 0px;
	padding: 0px;
	height: 8px;
}
#header {
	margin: 0px;
	padding: 0px;
	height: 150px;
	background: url(../images/headerimg.jpg) no-repeat center center;
	border-bottom: 1px solid #D6F4FF;
}
#header #header-box {
	margin: 0px auto;
	padding: 0px;
	height: 150px;
	text-align: left;
	width: 850px;
}
#header h1 {
	padding: 0px;
	float: left;
	height: 117px;
	width: 171px;
	margin: 15px 0px 0px;
	clear: both;
}
#container {
	background: #F2F2F2 url(../images/bg_check.gif) repeat;
	margin: 0px;
	padding: 0px;
}
#contents {
	background: url(../images/bg_maskwhite.png) repeat-x;
	margin: 0px;
	padding: 10px 0px;
}
#contents-field {
	margin: 0px auto;
	padding: 0px;
	width: 800px;
	background: #FFFFFF;
	height: auto;
	text-align: center;
	border: 1px solid #D6F4FF;
}
#menu {
	margin: 5px auto;
	padding: 0px;
	height: 25px;
	width: 772px;
}
#menu h2 {
	font-size: 9px;
	margin: 0px 12px 0px 0px;
	padding: 0px;
	float: left;
}
#menu h2 em {
	visibility: hidden;
}
#menu h2#top {
	text-decoration: none;
	background: url(../images/menu_top2.gif);
	display: block;
	margin: 0px 12px 0px 0px;
	padding: 0px;
	height: 25px;
	width: 100px;
}
#menu h2#top a,#menu h2#top a:visited {
	text-decoration: none;
	background: url(../images/menu_top1.gif);
	display: block;
	margin: 0px 12px 0px 0px;
	padding: 0px;
	height: 25px;
	width: 100px;
}
#menu h2#top a:hover {
	text-decoration: none;
	background: url(../images/menu_top2.gif);
	display: block;
	margin: 0px 12px 0px 0px;
	padding: 0px;
	height: 25px;
	width: 100px;
}
#menu h2#story {
	text-decoration: none;
	background: url(../images/menu_story2.gif);
	display: block;
	margin: 0px 12px 0px 0px;
	padding: 0px;
	height: 25px;
	width: 100px;
}
#menu h2#story a,#menu h2#story a:visited {
	text-decoration: none;
	background: url(../images/menu_story1.gif);
	display: block;
	margin: 0px 12px 0px 0px;
	padding: 0px;
	height: 25px;
	width: 100px;
}
#menu h2#story a:hover {
	text-decoration: none;
	background: url(../images/menu_story2.gif);
	display: block;
	margin: 0px 12px 0px 0px;
	padding: 0px;
	height: 25px;
	width: 100px;
}
#menu h2#character {
	text-decoration: none;
	background: url(../images/menu_character2.gif);
	display: block;
	margin: 0px 12px 0px 0px;
	padding: 0px;
	height: 25px;
	width: 100px;
}
#menu h2#character a,#menu h2#character a:visited {
	text-decoration: none;
	background: url(../images/menu_character1.gif);
	display: block;
	margin: 0px 12px 0px 0px;
	padding: 0px;
	height: 25px;
	width: 100px;
}
#menu h2#character a:hover {
	text-decoration: none;
	background: url(../images/menu_character2.gif);
	display: block;
	margin: 0px 12px 0px 0px;
	padding: 0px;
	height: 25px;
	width: 100px;
}
#menu h2#cast {
	text-decoration: none;
	background: url(../images/menu_cast2.gif);
	display: block;
	margin: 0px 12px 0px 0px;
	padding: 0px;
	height: 25px;
	width: 100px;
}
#menu h2#cast a,#menu h2#cast a:visited {
	text-decoration: none;
	background: url(../images/menu_cast1.gif);
	display: block;
	margin: 0px 12px 0px 0px;
	padding: 0px;
	height: 25px;
	width: 100px;
}
#menu h2#cast a:hover {
	text-decoration: none;
	background: url(../images/menu_cast2.gif);
	display: block;
	margin: 0px 12px 0px 0px;
	padding: 0px;
	height: 25px;
	width: 100px;
}
#menu h2#spec {
	text-decoration: none;
	background: url(../images/menu_spec2.gif);
	display: block;
	margin: 0px 12px 0px 0px;
	padding: 0px;
	height: 25px;
	width: 100px;
}
#menu h2#spec a,#menu h2#spec a:visited {
	text-decoration: none;
	background: url(../images/menu_spec1.gif);
	display: block;
	margin: 0px 12px 0px 0px;
	padding: 0px;
	height: 25px;
	width: 100px;
}
#menu h2#spec a:hover {
	text-decoration: none;
	background: url(../images/menu_spec2.gif);
	display: block;
	margin: 0px 12px 0px 0px;
	padding: 0px;
	height: 25px;
	width: 100px;
}
#menu h2#shop {
	text-decoration: none;
	background: url(../images/menu_shop2.gif);
	display: block;
	margin: 0px 12px 0px 0px;
	padding: 0px;
	height: 25px;
	width: 100px;
}
#menu h2#shop a,#menu h2#shop a:visited {
	text-decoration: none;
	background: url(../images/menu_shop1.gif);
	display: block;
	margin: 0px 12px 0px 0px;
	padding: 0px;
	height: 25px;
	width: 100px;
}
#menu h2#shop a:hover {
	text-decoration: none;
	background: url(../images/menu_shop2.gif);
	display: block;
	margin: 0px 12px 0px 0px;
	padding: 0px;
	height: 25px;
	width: 100px;
}
#menu h2#link {
	text-decoration: none;
	background: url(../images/menu_link2.gif);
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: 25px;
	width: 100px;
}
#menu h2#link a,#menu h2#link a:visited {
	text-decoration: none;
	background: url(../images/menu_link1.gif);
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: 25px;
	width: 100px;
}
#menu h2#link a:hover {
	text-decoration: none;
	background: url(../images/menu_link2.gif);
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: 25px;
	width: 100px;
}
#pagetop {
	width: 770px;
	margin: 10px auto;
	padding: 0px;
	text-align: right;
	font-size: 11px;
}
#pagetop a,#pagetop a:visited {
	color: #29abe2;
	text-decoration: underline;
}
#pagetop a:hover {
	color: #ff6fae;
	text-decoration: none;
}
#footer {
	clear:both;
	background: #7ebeff;
	margin: 0px;
	padding: 0px;
	height: 35px;
}
#footer #footer-box {
	font-size: 10px;
	text-align: center;
	margin: auto;
	padding: 0px;
	height: 30px;
	width: 400px;
}
#footer-logo {
	margin: 3px 0px 0px;
	padding: 0px;
	float: left;
	height: 28px;
	width: 147px;
}
#footer-logo h1{
	margin: 0px;
	padding: 0px;
}
#footer-text {
	margin: 10px 0px 0px;
	padding: 0px;
	float: right;
	font-size: 10px;
	color: #FFFFFF;
}
.clear {
  clear: both;/*floatの影響をクリアします*/
}