@charset "shift_jis";

/* ========================================
	about
======================================== */
/*--- main-inner01 ---*/
#header,
#footer,
#wrapper  {
width: expression(document.body.clientWidth < 962? "960px" : "auto");
}

#about #wrapper {
	background: url(../about/images/bg01.png) 0 0 repeat-x;
	width: 100%;
}

#about #header {
	background: url(../common/bg02.png) center 0 no-repeat;
	width: 100%;
	min-width: 960px;
	margin: 0 auto;
	text-align: center;
}

.main-inner01 {
	background: url(../about/images/bg03.png) center 293px no-repeat;
	width: 100%;
	height: 562px;
	width: expression(document.body.clientWidth < 962? "960px" : "auto");
}

.main-inner03 {
	background: url(../about/images/bg04.png) center 463px no-repeat;
	width: 100%;
	height: 562px;
	width: expression(document.body.clientWidth < 962? "960px" : "auto");
}

.main-inner01 .ttl {
	position: absolute;
	top: 34px;
}

.main-inner01 .copy {
	position: absolute;
	top: 161px;
	left: 93px;
}

/* mario */
.adventure-img01 {
	position: absolute;
	top: -267px;
	left: 477px;
	
}

.adventure-img02 {
	position: absolute;
	top: 339px;
	left: 43px;
}

.adventure-img03 {
	position: absolute;
	top: 298px;
	left: 254px;
}

.adventure-img04 {
	position: absolute;
	top: 188px;
	left: 811px;
}

.adventure-img05 {
	position: absolute;
	top: -62px;
	left: 890px;
}

.adventure-img06 {
	position: absolute;
	top: 257px;
	left: -103px;
}

.adventure-img07 {
	position: absolute;
	top: 276px;
	left: 878px;
}

.adventure-img08 {
	position: absolute;
	top: 753px;
	left: -115px;
}

.adventure-img09 {
	position: absolute;
	top: 753px;
	left: 910px;
}

.adventure-img10 {
	position: absolute;
	top: 292px;
	left: 565px;
}

.adventure-img11 {
	position: absolute;
	top: 304px;
	left: 739px;
}

.adventure-img12 {
	position: absolute;
	top: 270px;
	left: 450px;
}

.adventure-img13 {
	position: absolute;
	top: 189px;
	left: -20px;
}

/*--- main-inner02 ---*/
.main-inner02 {
	width: 100%;
	width: expression(document.body.clientWidth < 960? "960px" : "auto");
	background: url(../about/images/bg05.gif) 0 0 repeat;
}

/* scene */
.scene {
	background: url(../about/images/bg_scene.jpg) 0 0 repeat-x;
	height: 297px;
}

.scene .inner {
	width: 920px;
	margin: 0 auto;
	padding-top: 9px;
}

.scene .inner li {
	float: left;
}

/* movie */
.movie {
	background: url(../about/images/bg_movie.png) 0 0 no-repeat;
	width: 964px;
	height: 563px;
	margin: 42px auto 0 auto;
}

.movie ul {
	padding: 32px 0 0 33px;
}

.movie li {
	float: left;
	margin-right: 23px;
	text-align: center;
}

.movie li p {
	margin-bottom: 6px;
}


/* page-top */
#about .pagetop {
	padding-top: 50px;
	}

/* ========================================
	#footer
======================================== */
#about #footer {
	background: #E7F8F7 url(../common/bg_footer2.png) 0 0 repeat-x;
}

/* --- js flip animation --- */
.animImg {
	position: absolute;
}

.hide {
	display: none;
}