@charset "shift_jis";

/*------------------------------------------------------------*/
/* selector (#main) */
.open_campus_walker {
  width: auto;
  color: #777777;
}


/*== parallax wrapper ========================*/
#parallax_wrap {
  position: relative;
  width: 944px;
  height: 3236px;
}


/*== onload fadein mask ========================*/
/* animation.js generate element */

#parallax_mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  z-index: 100;
}

#parallax_loader {
  position: absolute;
  z-index: 200;
  top: 80px;
  left: 50%;
  width: 32px;
  height: 32px;
  /*background: url(../common_img/ajax-loader.gif);*/
}


/*== parallax title ========================*/
#parallax_wrap #title {
  position: absolute;
  top: 0;
  left: 0;
  width: 944px;
  height: 244px;
}

#title_obj {
  position: absolute;
  top: 0;
  left: 756px;
  width: 134px;
  height: 246px;
  background: url(../event/images/open_campus_walker/title_obj.png) no-repeat center top;
}



/*== parallax scene 1 ========================*/
#scene01 {
  position: absolute;
  top: 246px;
  left: 0;
}

/*-- bg pointer --*/
#scene01point {
  position: absolute;
  z-index: 1;
  top: 197px;
  left: 0;
  width: 944px;
  height: 153px;
  background: url(../event/images/open_campus_walker/scene01point.png) no-repeat center top;
}


/*-- image --*/
#scene01image {
  position: absolute;
  z-index: 2;
  top: 20px;
  left: 370px;
  width: 398px;
  height: 282px;
}


/*-- lead text --*/
#scene01lead {
  position: absolute;
  z-index: 2;
  top: 10px;
  left: 50px;
  width: 300px;
  text-align: left;
}

#scene01lead .text {
  overflow: hidden;
  height: 80px;
  padding: 15px 0 0 8px;
  text-align: left;
  line-height: 1.7;
}

#scene01lead .text p {
  height: 80px;
}

#scene01btn {
  position: absolute;
  z-index: 3;
  top: 294px;
  left: 23px;
}


/*-- obj --*/
#scene01obj01 {
  position: absolute;
  z-index: 3;
  top: 150px;
  left: 630px;
  width: 184px;
  height: 200px;
  display: block;
  visibility: visible;
}


/*-- balloon --*/
#scene01balloon01 {
  position: absolute;
  z-index: 4;
  top: 70px;
  left: 790px;
  transform-origin: left bottom;
  -webkit-transform-origin: left bottom;
  -moz-transform-origin: left bottom;
  -o-transform-origin: left bottom;
  -ms-transform-origin: left bottom;
}

#scene01balloon02 {
  position: absolute;
  z-index: 4;
  top: 200px;
  left: 0;
  transform-origin: right bottom;
  -webkit-transform-origin: right bottom;
  -moz-transform-origin: right bottom;
  -o-transform-origin: right bottom;
  -ms-transform-origin: right bottom;
}



/*== parallax scene 2 ========================*/
#scene02 {
  position: absolute;
  top: 596px;
  left: 0;
}

/*-- bg pointer --*/
#scene02point01 {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 944px;
  height: 200px;
  background: url(../event/images/open_campus_walker/scene02point.png) no-repeat 0 0;
}

#scene02point02 {
  position: absolute;
  z-index: 1;
  top: 200px;
  left: 0;
  width: 944px;
  height: 160px;
  background: url(../event/images/open_campus_walker/scene02point.png) no-repeat 0 -200px;
}

#scene02point03 {
  position: absolute;
  z-index: 1;
  top: 360px;
  left: 0;
  width: 944px;
  height: 220px;
  background: url(../event/images/open_campus_walker/scene02point.png) no-repeat 0 -360px;
}


/*-- image --*/
#scene02image01 {
  position: absolute;
  z-index: 2;
  top: 60px;
  left: 120px;
  width: 402px;
  height: 292px;
}

#scene02image02 {
  position: absolute;
  z-index: 2;
  top: 280px;
  left: 520px;
  width: 208px;
  height: 156px;
}

#scene02image03 {
  position: absolute;
  z-index: 2;
  top: 490px;
  left: 530px;
  width: 334px;
  height: 250px;
}


/*-- lead text --*/
#scene02lead {
  position: absolute;
  z-index: 2;
  top: 70px;
  left: 600px;
  width: 310px;
  text-align: left;
}

#scene02lead h3 {
  overflow: hidden;
  width: 310px;
  height: 88px;
}

#scene02lead_text {
  overflow: hidden;
  padding: 15px 22px 0 8px;
  line-height: 1.7;
}

#scene02lead_text p{
  height: 120px;
}

/*-- obj --*/
#scene02obj01 {
  position: absolute;
  z-index: 3;
  top: 200px;
  left: 40px;
  width: 114px;
  height: 214px;
}

#scene02obj02 {
  position: absolute;
  z-index: 3;
  top: 420px;
  left: 750px;
  width: 160px;
  height: 124px;
}

#scene02obj03 {
  position: absolute;
  z-index: 3;
  top: 570px;
  left: 804px;
  width: 140px;
  height: 200px;
}


/*-- balloon --*/
#scene02balloon01 {
  position: absolute;
  z-index: 4;
  top: 360px;
  left: 160px;
  width: 164px;
  height: 98px;
  transform-origin: left top;
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -o-transform-origin: left top;
  -ms-transform-origin: left top;
}

#scene02balloon02 {
  position: absolute;
  z-index: 4;
  top: 470px;
  left: 480px;
  width: 164px;
  height: 110px;
  transform-origin: right bottom;
  -webkit-transform-origin: right bottom;
  -moz-transform-origin: right bottom;
  -o-transform-origin: right bottom;
  -ms-transform-origin: right bottom;
}



/*== parallax scene 3 ========================*/
#scene03 {
  position: absolute;
  top: 1176px;
  left: 0;
}


/*-- bg pointer --*/
#scene03point {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 944px;
  height: 210px;
  background: url(../event/images/open_campus_walker/scene03point.png) no-repeat center top;
}


/*-- image --*/
#scene03image01 {
  position: absolute;
  z-index: 2;
  top: 180px;
  left: 330px;
  width: 416px;
  height: 304px;
}


/*-- lead text --*/
#scene03lead {
  position: absolute;
  z-index: 2;
  top: 20px;
  left: 30px;
  width: 340px;
  text-align: left;
}

#scene03lead h3 {
  overflow: hidden;
  width: 340px;
  height: 84px;
}

#scene03lead .text {
  overflow: hidden;
  height: 100px;
  padding: 15px 40px 0 10px;
  text-align: left;
  line-height: 1.7;
}

#scene03lead .text p {
  height: 100px;
}

/*-- obj --*/
#scene03obj01 {
  position: absolute;
  z-index: 3;
  top: 260px;
  left: 230px;
  width: 130px;
  height: 220px;
}


/*-- balloon --*/
#scene03balloon01 {
  position: absolute;
  z-index: 4;
  top: 240px;
  left: 70px;
  width: 174px;
  height: 96px;
  transform-origin: right bottom;
  -webkit-transform-origin: right bottom;
  -moz-transform-origin: right bottom;
  -o-transform-origin: right bottom;
  -ms-transform-origin: right bottom;
}



/*== parallax scene 4 ========================*/
#scene04 {
	position: absolute;
	top: 1740px;
	left: 0px;
}

/*-- title --*/

#scene04title_ornmnt01,
#scene04title_ornmnt02 {
  position: absolute;
  z-index: 2;
  width: 206px;
  height: 74px;
  background: url(../event/images/open_campus_walker/scene04title_ornmnt.png) no-repeat center top;
}

#scene04title_ornmnt01 {
  top: 20px;
  left: 20px;
}

#scene04title_ornmnt02 {
  top: 20px;
  left: 720px;
}

#scene04title {
  position: absolute;
  z-index: 3;
  top: 20px;
  left: 250px;
  width: 444px;
  height: 80px;
}


/*-- obj --*/
#scene04_01image,
#scene04_02image,
#scene04_03image,
#scene04_04image,
#scene04_05image,
#scene04_06image,
#scene04_07image,
#scene04_08image {
  position: absolute;
  z-index: 2;
  width: 170px;
  height: 160px;
}

#scene04_01image {
  top: 140px;
  left: 200px;
}
#scene04_02image {
  top: 140px;
  left: 370px;
}
#scene04_03image {
  top: 140px;
  left: 555px;
}
#scene04_04image {
  top: 140px;
  left: 741px;
}
#scene04_05image {
  top: 364px;
  left: 200px;
}
#scene04_06image {
  top: 364px;
  left: 370px;
}
#scene04_07image {
  top: 364px;
  left: 563px;
}
#scene04_08image {
  top: 364px;
  left: 741px;
}

/*-- text --*/
#scene04_01text,
#scene04_02text,
#scene04_03text,
#scene04_04text,
#scene04_05text,
#scene04_06text,
#scene04_07text,
#scene04_08text {
  position: absolute;
  z-index: 3;
  height: 20px;
}

#scene04_01text {
  width: 94px;
  top: 305px;
  left: 234px;
}
#scene04_02text {
  width: 114px;
  top: 305px;
  left: 399px;
}
#scene04_03text {
  width: 70px;
  top: 305px;
  left: 605px;
}
#scene04_04text {
  width: 135px;
  top: 305px;
  left: 757px;
}
#scene04_05text {
  width: 70px;
  top: 529px;
  left: 246px;
}
#scene04_06text {
  width: 112px;
  top: 529px;
  left: 401px;
}
#scene04_07text {
  width: 130px;
  top: 529px;
  left: 583px;
}
#scene04_08text {
  width: 70px;
  top: 529px;
  left: 789px;
}

/*-- date --*/
#scene04_01date,
#scene04_02date,
#scene04_03date,
#scene04_04date,
#scene04_05date,
#scene04_06date,
#scene04_07date,
#scene04_08date {
  position: absolute;
  z-index: 3;
  width: 90px;
  height: 41px;
}

#scene04_01date {
  top: 130px;
  left: 290px;
}
#scene04_02date {
  top: 130px;
  left: 465px;
}
#scene04_03date {
  top: 130px;
  left: 660px;
}
#scene04_04date {
  top: 130px;
  left: 833px;
}
#scene04_05date {
  top: 357px;
  left: 285px;
}
#scene04_06date {
  top: 357px;
  left: 422px;
}
#scene04_07date {
  top: 357px;
  left: 660px;
}
#scene04_08date {
  top: 357px;
  left: 832px;
}


/*-- attentionText --*/
#scene04_attentionText {
	position: absolute;
	z-index: 4;
	width: 450px;
	top: 580px;
	left: 480px;
}


/*-- balloon --*/
#scene04balloon01 {
	position: absolute;
	z-index: 4;
	top: 380px;
	left: 0px;
	width: 184px;
	height: 132px;
	transform-origin: center bottom;
	-webkit-transform-origin: center bottom;
	-moz-transform-origin: center bottom;
	-o-transform-origin: center bottom;
	-ms-transform-origin: center bottom;
}


/*== parallax scene 5 ========================*/
#scene05 {
  position: absolute;
  top: 2326px;
  left: 0;
}


/*-- title --*/
#scene05title {
  position: absolute;
  z-index: 4;
  top: -130px;
  left: 20px;
  width: 904px;
  height: 270px;
}


/*-- date --*/
#scene05date {
  position: absolute;
  top: 146px;
  left: 23px;
  width: 716px;
  height: 480px;
}

#scene05date li {
  float: left;
  width: 173px;
  height: 158px;
  padding: 0 6px 7px 0;
}


/*-- access map --*/
#scene05map {
  position: absolute;
  z-index: 4;
  top: 428px;
  left: 750px;
  width: 178px;
  height: 210px;
}


/*== parallax scene end ========================*/
#scene06 {
  position: absolute;
  top: 3036px;
  left: 0;
}


/* === */

#indicator {
  position: absolute;
  z-index: 100;
  width: 943px;
}