@charset "shift_jis";

/* ========================================
	#mainvisual
======================================== */
.mainvisual-wrap1 {
	background: url(../images/bg_page01.png) center top no-repeat;
}

.mainvisual-wrap2 {
	background: url(../images/bg_page02.png) center 240px no-repeat;
}

.mainvisual-wrap3 {
	background: url(../images/bg_page03.png) center 480px no-repeat;
}

.mainvisual-wrap4 {
	background: url(../images/bg_page04.png) center 720px no-repeat;
}

#mainvisual {
	margin: 0 auto;
	min-width: 960px;
	overflow: hidden;
	max-width: 2000px;
	/*height: 1140px;*/
}

#mainvisual .inner {
	position: relative;
	margin: 0 auto;
	width: 960px;
	height: 972px;
}

#mainvisual .ttl {
	position: absolute;
	top: 202px;
	left: 29px;
}

#mainvisual .movie {
	position: absolute;
	top: 435px;
	left: 84px;
}

#mainvisual .up-mv {
	position: absolute;
	top: 295px;
	left: 780px;
}

#flashcontent {
	height: 1370px;
	background: url(../common/bg.jpg) 0 0 repeat;
}
@media screen and (max-width: 767px) {
	#flashcontent {
		height: 1430px;
	}
}

#mainvisual .inner {
	position: relative;
	margin: 0 auto;
	width: 960px;
	height: 843px;
}

#mainvisual .topnavi {
	position: absolute;
	top: 586px;
	left: 0;
}

#mainvisual .topnavi01 {
	position: absolute;
	top: 0;
	left: 0;
}

#mainvisual .topnavi02 {
	position: absolute;
	top: 25px;
	left: 201px;
}

#mainvisual .topnavi03 {
	position: absolute;
	top: 0;
	left: 406px;
}

#mainvisual .topnavi04 {
	position: absolute;
	top: 25px;
	left: 610px;
}

#mainvisual .topnavi05 {
	position: absolute;
	top: 0;
	left: 813px;
}

#mainvisual .up-navi {
	position: absolute;
	top: 783px;
	left: 629px;
}

/* --------------------------------
	#spec
-------------------------------- */
#spec {
	width: 960px;
	height: 125px;
	margin: 0 auto;
}

#spec .spec-inner {
	position: relative;
	margin-left: 88px;
}

#spec .spec-pack {
	position: absolute;
	top: 6px;
	left: 0;
}

#spec .spec-ico {
	position: absolute;
	top: 6px;
	left: 72px;
}

#spec .spec-cero {
	position: absolute;
	top: 6px;
	left: 127px;
}

#spec .spec-network {
	position: absolute;
	top: 65px;
	left: 72px;
}

#spec .spec-img01 {
	position: absolute;
	top: 6px;
	left: 189px;
}

#spec .spec-img02 {
	position: absolute;
	top: 32px;
	left: 189px;
}

#spec .spec-img03 {
	position: absolute;
	top: 55px;
	left: 189px;
}

#spec .spec-img04 {
	position: absolute;
	top: 0;
	left: 387px;
}

#spec .spec-guidebook {
	position: absolute;
	top: 83px;
	left: 387px;
}

#spec .spec-update {
	position: absolute;
	top: 73px;
	left: 187px;
}

#spec .spec-update2 {
	position: absolute;
	top: 100px;
	left: 187px;
}

#spec .hard {
	position: absolute;
	top: 1px;
	left: 530px;
	z-index: 1;
}
#spec .hard-chara {
	position: absolute;
	top: -57px;
	left: 707px;
}
#spec .hard-yes {
	position: absolute;
	top: 67px;
	left: 562px;
	z-index: 2;
}
#spec .hard-no {
	position: absolute;
	top: 66px;
	left: 660px;
	z-index: 2;
}


/* ========================================
	#footer
======================================== */
#bg-foot {
	background: none;
	height: 167px;
	position: relative;
	margin-top: -167px;
}
#footer01 {
	background: url(../images/bg_foot_ind_01.png) repeat-x center top;
	height: 111px;
}

.footer-inner {
	width: 960px;
	margin: 0 auto;
}

#footer01 .foot-gnavi {
	padding-top: 89px;
}
#footer01 .foot-gnavi li {
	float: left;
	padding: 0 9px;
	border-right: #FFF 1px solid;
}
#footer01 .foot-gnavi li.rightend {
	border-right: none;
}

#footer02 {
	background: url(../images/bg_foot_ind_02.gif) repeat-x center top;
	height: 56px;
}

#footer02 .footer-inner .footer-navi ul {
	float: right;
	padding: 32px 9px 0 0;
}

#footer02 .footer-inner .footer-navi li {
	float: left;
}

#footer02 .footer-inner .footer-navi .copyright {
	float: left;
	padding: 32px 0 0 7px;
}

@media print{
#wrapper { display:none; }
}