@charset "shift_jis";
body {
	min-width: 960px;
	max-width: 2000px;
	background: none;
	_zoom: 1;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
}

#headInner1 {
	background: url(../about/images/bg_top1.jpg) white center top repeat-x;
	width: 100%;
	min-width: 960px;
	max-width: 2000px;
	zoom: 1;
	overflow: hidden;
}
#headInner2 {
	background: url(../about/images/bg_top2.jpg) center 254px no-repeat;
	width: 100%;
	min-width: 960px;
	max-width: 2000px;
	zoom: 1;
}
#headInner3 {
	background: url(../about/images/bg_top3.jpg) center 518px no-repeat;
	width: 100%;
	min-width: 960px;
	max-width: 2000px;
	zoom: 1;
}
#headInner4 {
	background: url(../about/images/bg_top4.png) center bottom no-repeat;
	height: 798px;
	min-width: 960px;
	zoom: 1;
}

#ttl-area {
	margin: 0 auto;
	width: 960px;
	position: relative;
}
#ttl-area h1 {
	position: absolute;
	top: 0;
	left: 180px;
}
#ttl-area #titleImg {
	position: absolute;
	top: 96px;
	left: 30px;
}
#main {
	margin-top: -168px;
	padding-top: 168px;
	padding-bottom: 0;
	height: 1515px;
	zoom: 1;
	
}

#main-inner {
	position: relative;
	height: 1515px;
	background: url(../common/bg_main01.jpg) center top;
	min-width: 960px;
	max-width: 2000px;
	zoom: 1;
}
#contents {
	position: relative;
	top: -168px;
	height: 1585px;
	padding-bottom: 0;
	zoom: 1;
}
#contentsback1 {
	position: relative;
	width: 960px;
	margin: 0 auto;
	background: url(../about/images/root1.png) 239px 31px no-repeat;
	margin-bottom: 0;
	zoom: 1;
}

#contentsback2 {
	background: url(../about/images/root2.png) 550px 390px no-repeat;
	margin-bottom: 0;
	zoom: 1;
}
#contentsback3 {
	background: url(../about/images/root3.png) 25px 780px no-repeat;
	height: 1585px;
	padding-bottom: 0;
	margin-bottom: 0;
	min-width: 960px;
	zoom: 1;
}
#contents li {
	position: absolute;
}
#contents li img {
	display: block;
}
#contents .slideBgWrap li{
	position: static;
	float: left
}

.sceneParent {
	position: relative;
}
#contents .slide {
	padding: 5px 8px 8px 5px;
	background: url(../about/images/slide_back.png) top left no-repeat;
	zoom: 1;
}
#contents .slideInner {
	width: 230px;
	height: 130px;
	overflow: hidden;
}
#contents .slide ul{
	width: 690px;
}

#contents .slide li{
	position: static;
	float: left;
	width: 230px;
	height: 130px;
	padding-bottom: 8px;
}
.slideBgWrap {
	display: none;
	width: 194px;
	height: 114px;
	overflow: hidden;
	position: absolute;
}
.slideBgArea {
	width: 582px;
	margin-left: 0;
}
.slideBgArea li {
	float: left;
	width: 194px;
}
#scene {
	z-index: 1;
	width: 960px;
}
#chara {
	z-index: 5;
}
#scene1 {
	top: -185px;
	left: 527px;
}
#scene1 .slide {
	position: absolute;
	top: 250px;
	left: 95px;
}
#scene1 .bgwrap {
	width: 282px;
	overflow:hidden;
}
#scene1 .img{
	position: absolute;
	top: 265px;
	left: 80px;
	width:786px;
}
#scene1 .bg  {
	width: 282px;
	height: 114px;
	overflow: hidden;
	position: absolute;
	top: 260px;
	left: 75px;
	
}

#scene1 .slideBgWrap{
	top: 260px;
	left: 80px;
}
#scene1 .slideBgWrap.bgClone {
	left: 155px;
}
#scene2 {
	top: 52px;
	left: 8px;
	width: 627px;
	height: 583px;
}
#scene2zoom {
	position: absolute;
	top: 297px;/* scene2内では245px */
	left: 190px;/* scene2内では182px */
	padding: 6px 10px 10px 7px;
	width: 386px;
	height: 216px;
	background: url(../about/images/zoom_back.png) top left no-repeat;
}
#scene2zoom li{
	position: static;
	float: left;
	width: 127px;
	height: 72px;
	margin-right: 1px;
	margin-top: 1px;
}

#scene2zoom li img {
	width: 100%;
	height: 100%;
}
#scene2 #flashcontent {
	position: absolute;
	top: 480px;
	left: 100px;
	background: transparent;
}
#scene3 {
	top: 660px;
	left: 479px;
}
#scene3 .bg  {
	width: 282px;
	height: 114px;
	overflow: hidden;
	position: absolute;
	top: 200px;
	left: 55px;
	
}
#scene3 .slide {
	position: absolute;
	top: 185px;
	left: 75px;
}
#scene3 .slideBgWrap{
	top: 200px;
	left: 60px;
}
#scene3 .slideBgWrap.bgClone {
	left: 135px;
}
#scene4 {
	top: 956px;
	left: 143px;
}
#scene4 .bg  {
	width: 282px;
	height: 114px;
	overflow: hidden;
	position: absolute;
	top: 200px;
	left: 55px;
	
}
#scene4 .slide {
	position: absolute;
	top: 190px;
	left: 78px;
}

#scene4 .slideBgWrap{
	top: 205px;
	left: 60px;
}
#scene4 .slideBgWrap.bgClone {
	left: 140px;
}
#scene5 {
	top: 1200px;
	left: 0px;
}
#rootImg1 {
	top: 282px;
	left: 658px;
}
#rootImg2 {
	top: 620px;
	left: 8px;
}

#step1 {
	top: 50px;
	left: 461px;
}
#step2 {
	top: 76px;
	left: 366px;
}
#step3 {
	top: 433px;
	left: 629px;
}
#step4 {
	top: 500px;
	left: 696px;
}
#step5 {
	top: 595px;
	left: 722px;
}
#step6 {
	top: 799px;
	left: 236px;
}
#step7 {
	top: 823px;
	left: 108px;
}
#step8 {
	top: 923px;
	left: 48px;
}
#step9 {
	top: 1026px;
	left: 78px;
}
#flower {
	width: 960px;
}

#flower1 {
	top: 108px;
	left: 951px;
}
#flower2 {
	top: 125px;
	left: 1109px;
}
#flower3 {
	top: 147px;
	left: 1169px;
}
#flower4 {
	top: 168px;
	left: 1146px;
}
#flower5 {
	top: 165px;
	left: 1033px;
}
#flower6 {
	top: 171px;
	left: 1200px;
}
#flower7 {
	top: 98px;
	left: -24px;
}
#flower8 {
	top: 123px;
	left: -205px;
}
#flower9 {
	top: 154px;
	left: -260px;
}
#flower10 {
	top: 137px;
	left: -109px;
}
#flower11 {
	top: 195px;
	left: -207px;
}
#flower12 {
	top: 173px;
	left: 478px;
}
#flower13 {
	top: 222px;
	left: 540px;
}

#flower14 {
	top: 440px;
	left: -76px;
}

#flower15 {
	top: 474px;
	left: 935px;
}
#flower16 {
	top: 570px;
	left: 652px;
}
#flower17 {
	top: 623px;
	left: 1024px;
}
#flower18 {
	top: 672px;
	left: 346px;
}
#flower19 {
	top: 742px;
	left: 893px;
}
#flower20 {
	top: 731px;
	left: -134px;
}
#flower21 {
	top: 785px;
	left: -4px;
}
#flower22 {
	top: 992px;
	left: 942px;
}
#flower23 {
	top: 1073px;
	left: -40px;
}
#flower24 {
	top: 1153px;
	left: 1030px;
}
#flower25 {
	top: 1212px;
	left: -122px;
}
#flower26 {
	top: 1325px;
	left: 185px;
}
#flower27 {
	top: 1356px;
	left: 884px;
}
#flower28 {
	top: 1408px;
	left: 961px;
}
#flower29 {
	top: 1453px;
	left: -48px;
}
#chara {
	width: 960px;
}

#kino {
	top: 250px;
	left: -45px;
	z-index: 5;
}
#bom {
	top:742px;
	left: 309px;
}
#star {
	top:1002px;
	left: 752px;
	width: 245px;
	height: 250px;
	overflow: hidden;
}
#jr {
	top:1081px;
	left: 479px;
}
#kuppa {
	top:1086px;
	left: 575px;
	width: 296px;
	height: 297px;
}
#more {
	position: absolute;
	top:1400px;
	z-index:100;
}
#more p {
	padding-top: 15px;
}
#more .clearfix{
	width: 960px;
	margin: 0 auto;
	text-align: center;
}

.leftImg {
	float: left;
	padding-right: 10px;
}
.rightImg {
	float: right;
	padding-left: 10px;
}
#contents  #footer {
	position: relative;
	Xmargin-bottom: -168px;
	overflow: hidden;
	height: 50px;
}
#contents  #footer li{
	position: static;
}
#contents  #footer a {
	display: inline;
}
#popImg {
	zoom: 1;
}
#popImg img{
	zoom: 1;
}