@charset "Shift_JIS";

object{outline: none;}

#header{position:relative;width:100%; height:56px; background:#000;}

#header .p1{position:absolute;left:10px;top:18px;*top:17px; background:#000000}
#header .p2{position:absolute;right:10px;top:12px;*top:12px; background:#000;}

#navi{
	width:920px;
	position:absolute;
	top:56px;
	left:50%;
	margin-left:-460px;
}

#navi div{
	display: block;
	width: 138px; height: 44px;
	position: relative;
}

#navi .p1{position:absolute;left:0px;top:61px;}
#navi .p2{position:absolute;left:218px;top:104px;}
#navi .p3{position:absolute;left:359px;top:104px;}
#navi .p4{position:absolute;left:500px;top:104px;}
#navi .p5{position:absolute;left:641px;top:104px;}
#navi .p6{position:absolute;left:782px;top:104px;}
#navi .p7{position:absolute;left:618px;top:40px;_right:0px;}
#navi .p8{position:absolute;right:0px;top:40px;}

#map #navi .p1{top:21px;}
#map #navi .p2{top:64px;}
#map #navi .p3{top:64px;}
#map #navi .p4{top:64px;}
#map #navi .p5{top:64px;}
#map #navi .p6{top:64px;}
#map #navi .p7{top:0px;_right:0px;}


#navi .p2 .over_btn{
position: absolute;
top:0px; left: 0px;
display: none;
}

#navi .p3 .over_btn{
position: absolute;
top:0px; left: 0px;
display: none;
}

#navi .p4 .over_btn{
position: absolute;
top:0px; left: 0px;
display: none;
}

#navi .p5 .over_btn{
position: absolute;
top:0px; left: 0px;
display: none;
}

#navi .p6 .over_btn{
position: absolute;
top:0px; left: 0px;
display: none;
}

#navi .hit{position: absolute; left: 0px; top:0px; width: 140px; height: 45px; z-index: 1000;}

#navi .p2 .item{display:none;position:absolute;left:51px;top:-27px;}
#navi .p3 .item{display:none;position:absolute;left:51px;top:-28px;}
#navi .p4 .item{display:none;position:absolute;left:51px;top:-28px;}
#navi .p5 .item{display:none;position:absolute;left:51px;top:-17px;}
#navi .p6 .item{display:none;position:absolute;left:51px;top:-23px;}

#navi .item{_display:none !important;}

body#about #bg,
body#story #bg,
body#action #bg,
body#mode #bg{
	background:url(../images/common/bg.jpg) no-repeat top center;
	width:100%;
	height:500px;
	position:absolute;
	top:96px;
}

body#about #main,
body#story #main,
body#action #main,
body#mode #main{
	position:absolute;
	top:244px;
	left:50%;
	width:862px;
	margin-left:-431px;
}

body#about #main_top,
body#story #main_top,
body#action #main_top,
body#mode #main_top{
	background:url(../images/common/bg_top.png) no-repeat center top;
	width:862px;
	height:30px;
}

body#about #main_middle,
body#story #main_middle,
body#action #main_middle,
body#mode #main_middle{
	background:url(../images/common/bg_middle.png) repeat-y center top;
}

body#about #main_bottom,
body#story #main_bottom,
body#action #main_bottom,
body#mode #main_bottom{
	background:url(../images/common/bg_bottom.png) no-repeat center top;
	width:862px;
	height:50px;
}

#footer{
	width:100%;
	height:30px;
	background:url(../images/common/footer_bg.jpg) repeat-x;
	position:relative;
}

#footer .left{float:left;}
#footer .right{float:right;}

#footer .left p,
#footer .right p{
	float:left;
	margin-left:10px;
	padding-left:10px;
	background:url(../images/common/footer_line.gif) no-repeat;
}

#footer .left .p1,
#footer .right .p8{
	padding-left:0;
	background:none;
}

#footer .right .p9{
	margin-right:10px;
}

#footer .right .p9b{
	margin-right:0px;
}

#footer .right .p10{
	padding-left:0;
	background:none;
	margin-right:10px;
}

#footer #pagetop{
	position:absolute;
	right:15px;
	top:-55px;
}

@media screen and (max-device-width: 1024px) {
	body#about #main_top,
	body#story #main_top,
	body#action #main_top,
	body#mode #main_top{
		margin-bottom:-1px;
	}
}

@media screen and (max-device-width: 1024px) {
	body#about #main_bottom,
	body#story #main_bottom,
	body#action #main_bottom,
	body#mode #main_bottom{
	margin-top:-1px;
	}
}