@charset "utf-8";
/* CSS Document */

/* =================Eric Meyer Reset CSS================= */

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ====================================================== */

.clearfix:after{
	content:".";
	display: block;
	height:0px;
	clear:both;
	line-height:0;
	visibility:hidden;
}

.clearfix{
	zoom:1;/*for IE 5.5-7*/
}

body {
	background-color: #000000;
}

#bg {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 100%;
}

#bg img {
	position: absolute;
	top: 0;
	z-index: 0;
}

#wrapper {
	/* position: absolute;
	top: 0;
	left: 0; */
	width: 100%;
	z-index: 2;
	background: url(../img/in/in_common/bg_2.jpg) center bottom no-repeat;
}

#punch {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 100%;
	z-index: 1;
}

#punch img {
	position: absolute;
}

#center {
	width: 952px;
	margin: 0 auto;
}

#header {
	position: relative;
	height: 177px;
}

#navi {
	width: 952px;
	height: 144px;
	background: url(../img/common/menu/menu_base.png) top center no-repeat;
	position: relative;
}

#header #navi {
	width: 952px;
	height: 144px;
	background: url(../img/common/menu/menu_base.png) top center no-repeat;
	position: absolute;
	top: 33px;
}

#headerleft {
	position: absolute;
	left: 45px;
	top: 0px;
}

#headerright {
	position: absolute;
	right: 25px;
	top: 50px;
}

#navi p a {
	position: absolute;
	display: block;
	text-indent: -9999px;
	background-repeat: no-repeat;
}

#topics a {
	top: 22px;
	left: 37px;
	width: 90px;
	height: 102px;
	background-image: url(../img/common/menu/topicsOff.png);
	background-position: 0 38px;
}

#story a {
	top: 10px;
	left: 145px;
	width: 113px;
	height: 113px;
	background-image: url(../img/common/menu/storyOff.png);
	background-position: 9px 50px;
}

#staffcast a {
	top: 10px;
	left: 269px;
	width: 123px;
	height: 113px;
	background-image: url(../img/common/menu/staffcastOff.png);
	background-position: 2px 50px;
}

#character a {
	top: 26px;
	left: 571px;
	width: 127px;
	height: 91px;
	background-image: url(../img/common/menu/characterOff.png);
	background-position: 11px 34px;
}

#arasuji a {
	top: 3px;
	left: 705px;
	width: 98px;
	height: 137px;
	background-image: url(../img/common/menu/arasujiOff.png);
	background-position: 9px 57px;
}

#dvd a {
	top: 3px;
	left: 799px;
	width: 101px;
	height: 137px;
	background-image: url(../img/common/menu/dvdOff.png);
	background-position: 16px 57px;
}

#top a {
	top: 18px;
	left: 385px;
	width: 185px;
	height: 108px;
}

#past {
	width: 312px;
}

#past p {
	float: left;
	margin: 0 9px;
	display: inline;
}

#copylogo p {
	float: left;
	padding: 0 0 30px;
	display: inline;
}

#copy {
	margin: 15px auto 0;
	width: 242px;
}

#footer {
	width: 450px;
	margin: 40px auto 0;
	padding: 0 0 30px;
}

#footerleft {
	float: left;
	width: 312px;
}

#shueisha {
	float: right;
	margin: 10px 0 0;
}

.totop img {
	cursor: pointer;
}