@charset "Shift_JIS";

object{outline: none;}

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

#Header .nlogo{position:absolute;left:10px;top:18px;*top:17px; background:#000000}
#Header .wlogo{position:absolute;right:10px;top:12px;*top:12px; background:#000;}

#Footer{
	width:100%;
	height:20px;
	margin-top:61px;
	padding-top:55px;
	background:url(../images/footer_bg.jpg) repeat-x center top;
	position:relative;
	
	text-align: left;
}

#Footer .left{
	float:left;
	margin-left:10px;
	height:10px;
	display: inline;
	width:80px;
}
#Footer .right{
	float:right;
	margin-right: 10px;
	display: inline;
	
	width:180px;
}

#Footer .right p{
	float:left;
	height: 10px;
	display: inline;
}

#Footer .right p.separator{
	margin-left:5px;
	padding-left:5px;
	background:url(../images/footer_line.gif) no-repeat;
}


#Footer #Pagetop{
	position:absolute;
	top:-13px;
	left:50%;
	margin-left:360px;
}


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