/*------------------------------------------------
	FRAME 
--------------------------------------------------*/
body {
	background: url(../images/bg_body.gif) left top repeat;
}
#wrapper > header {
	margin-bottom: 24px;
}
#wrapper > header p img {
	display: block;
	padding-left: 27px;
}
#wrapper {
	min-width: 960px;
	overflow: hidden;
	background: url(../images/bg_s-top.gif) center top no-repeat;
}
#main {
	margin: 0 auto;
	min-width: 960px;
	background: url(../images/bg_s-btm.gif) center bottom no-repeat;
}


/*------------------------------------------------
	CONTACT
--------------------------------------------------*/
#contact {
	margin: 0 auto;
	width: 1000px;
	height: 406px;
	z-index: 3;
}
#contact nav {
	position: relative;
	display: block;
	background: url(../images/contact.png) left top no-repeat;
	height: 406px;
}
#contact a {
	display: block;
	width: 212px;
	height: 150px;
	position: absolute;
}
#contact a.btn1 {
	left: 70px;
	top: 193px;
}
#contact a.btn2 {
	left: 290px;
	top: 180px;
}
#contact a.btn3 {
	left: 510px;
	top: 170px;
}
#contact a.btn4 {
	left: 730px;
	top: 158px;
}


/*------------------------------------------------
	RELATION
--------------------------------------------------*/
#relation {
	padding-top: 180px;
	z-index: 1;
	background: url(../images/bg_relation.gif) center top no-repeat;
}
#relation .inner {
	margin: 0 auto;
	width: 980px;
}
#relation .title {
	margin: -110px 0 10px;
	text-align: center;
}
#relation ul {
	margin: 0 auto;
	width: 900px;
}
#relation ul.clearfix {
	overflow: visible;
}
#relation ul li {
	float: left;
	width: 180px;
	text-align: center;
}


/*------------------------------------------------
	SCENE COMMON
--------------------------------------------------*/
.line {
	display: block;
	position: relative;
	margin: 0 auto;
	width: 940px;
	z-index: 5;
}
.line img {
	display: block;
}
.scene {
	position: relative;
	margin: 0 auto;
	width: 980px;
	min-height: 700px;
	z-index: 3;
	display: block;
}
.scene:after {
	content:".";display:block;height:0;clear: both;visibility:hidden;font-size:0;line-height:0;
}
.scene .balloon,
.scene figure {
	position: absolute;
	display: block;
	left: 0;
	top: 0;
}

/* title */
#title {
	position: relative;
	margin: 0 auto;
	width: 980px;
	z-index: 3;
	text-align: center;
}

.hidden {
display: none;
}


/*------------------------------------------------
	story01 SCENE STYLE
--------------------------------------------------*/

/* scene 
--------------------------------------------------*/

/* s01 */
.story01 #s01 {
	margin-top: -140px;
}
.story01 #s01 .balloon {
	left: 32px;
	top: 96px;
}
.story01 #s01 figure {
	left: 452px;
	top: 218px;
}
.story01 .l01 {
	margin-top: -233px;
}
/* s02 */
.story01 #s02 {
	margin-top: -124px;
}
.story01 #s02 .balloon {
	left: 420px;
	top: 78px;
}
.story01 #s02 figure {
	left: 55px;
	top: 92px;
}
.story01 .l02 {
	margin-top: -174px;
}
/* s03 */
.story01 #s03 {
	margin-top: -142px;
}
.story01 #s03 .balloon {
	left: 56px;
	top: 113px;
}
.story01 #s03 figure {
	left: 486px;
	top: 156px;
}
.story01 .l03 {
	margin-top: -194px;
}
/* s04 */
.story01 #s04 {
	margin-top: -116px;
}
.story01 #s04 .balloon {
	left: 398px;
	top: 70px;
}
.story01 #s04 figure {
	left: 6px;
	top: 80px;
}
.story01 .l04 {
	margin-top: -185px;
}
/* s05 */
.story01 #s05 {
	margin-top: -20px;
}
.story01 #s05 .balloon {
	left: 120px;
	top: 140px;
}
.story01 #s05 figure.s05-01 {
	left: 184px;
	top: 480px;
}
.story01 #s05 figure.s05-02 {
	left: 522px;
	top: 214px;
}
.story01 .l05 {
	position: relative;
	height: 1000px;
	margin-top: -248px;
}
.story01 .l05 .img {
	display: block;
	position: absolute;
	top: 653px;
	left: 104px;
}

/* s06 */
.story01 #s06 {
	margin-top: 0px;
}
.story01 #s06 .balloon {
	left: 544px;
	top: 160px;
}
.story01 #s06 figure.s06-01 {
	left: 196px;
	top: 204px;
}
.story01 #s06 figure.s06-02 {
	left: 260px;
	top: 302px;
}
.story01 .l06 {
	margin-top: -100px;
}
/* s07 */
.story01 #s07 {
	margin-top: -182px;
	z-index: 5;
	overflow: visible;
}
.story01 #s07 .inner {
	margin: 0 auto;
	width: 1600px;
	min-height: 720px;
	background: url(../images/bg_circle.gif) center top no-repeat;
}
.story01 #s07 .balloon {
	left: 50px;
	top: 106px;
	z-index: 5;
}
.story01 #s07 figure {
	padding-top: 64px;
	width: 730px;
	height: 670px;
	left: 400px;
	top: 38px;
	text-align: center;
	z-index: 7;
}
.story01 .l07 {
	margin-top: -265px;
}

/* contact */
.story01 .contact {
	margin-top: -186px;
}
.story01 #contact {
	position: relative;
	margin-top: -50px;
	height: 250px;
	overflow: visible;
	z-index: 5;
}


/* overseas 
--------------------------------------------------*/
.story01 #overseas-wrapper {
	margin-top: -160px;
	width: 100%;
	height: 800px;
	overflow: hidden;
}
.story01 #overseas {
	height: 840px;
	/* overflow: hidden; */
	overflow: auto;
	background: url(../images/s01/bg_overseas.png) center 8px no-repeat;
}
.story01 #scroll-cols {
	/* overflow: scroll; */
	width: 2050px !important;
	height: 820px;
}
.story01 #s05.scene,
.story01 #s06.scene {
	margin: 0 0;
	position: relative;
	padding-right: 30px;
	float: left;
	z-index: 7;
}
#overseas_frame {
	width: 100%;
	height: 820px;
	border: none;
}




/*------------------------------------------------
	story02 SCENE STYLE
--------------------------------------------------*/

/* scene 
--------------------------------------------------*/
.story02 #title {
	margin: -31px auto 0;
}
.story02 #title img {
	margin-left: -72px;
}

/* s01 */
.story02 #s01 {
	margin-top: -140px;
}
.story02 #s01 .balloon {
	left: 32px;
	top: 96px;
}
.story02 #s01 figure {
	left: 493px;
	top: 218px;
}
.story02 .l01 {
	margin-top: -233px;
}
/* s02 */
.story02 #s02 {
	margin-top: -124px;
}
.story02 #s02 .balloon {
	left: 420px;
	top: 78px;
}
.story02 #s02 figure {
	left: 87px;
	top: 83px;
}
.story02 .l02 {
	margin-top: -174px;
}
/* s03 */
.story02 #s03 {
	margin-top: -142px;
}
.story02 #s03 .balloon {
	left: 56px;
	top: 113px;
}
.story02 #s03 figure {
	left: 448px;
	top: 69px;
}
.story02 .l03 {
	margin-top: -194px;
}
/* s04 */
.story02 #s04 {
	margin-top: -116px;
}
.story02 #s04 .balloon {
	left: 398px;
	top: 70px;
}
.story02 #s04 figure {
	left: 89px;
	top: 84px;
}
.story02 .l04 {
	margin-top: -185px;
}
/* s05 */
.story02 #s05 {
	margin-top: -20px;
}
.story02 #s05 .balloon {
	left: 120px;
	top: 128px;
}
.story02 #s05 figure.s05-01 {
	left: 94px;
	top: 464px;
}
.story02 #s05 figure.s05-02 {
	left: 580px;
	top: 197px;
}
.story02 .l05 {
	position: relative;
	height: 1000px;
	margin-top: -248px;
}
.story02 .l05 .img {
	display: block;
	position: absolute;
	top: 653px;
	left: 104px;
}

/* s06 */
.story02 #s06 {
	margin-top: 0px;
}
.story02 #s06 .balloon {
	left: 544px;
	top: 160px;
}
.story02 #s06 figure.s06-01 {
	left: 276px;
	top: 324px;
}
.story02 #s06 figure.s06-02 {
	left: 150px;
	top: 222px;
}
.story02 .l06 {
	margin-top: -100px;
}
/* s07 */
.story02 #s07 {
	margin-top: -182px;
	z-index: 5;
	overflow: visible;
}
.story02 #s07 .inner {
	margin: 0 auto;
	width: 1600px;
	min-height: 720px;
	background: url(../images/bg_circle.gif) center top no-repeat;
}
.story02 #s07 .balloon {
	left: 50px;
	top: 106px;
	z-index: 5;
}
.story02 #s07 figure {
	padding-top: 64px;
	width: 730px;
	height: 670px;
	left: 400px;
	top: 38px;
	text-align: center;
	z-index: 7;
}
.story02 .l07 {
	margin-top: -265px;
}

/* contact */
.story02 .contact {
	margin-top: -186px;
}
.story02 #contact {
	position: relative;
	margin-top: -50px;
	height: 250px;
	overflow: visible;
	z-index: 5;
}


/* overseas 
--------------------------------------------------*/
.story02 #overseas-wrapper {
	margin-top: -160px;
	width: 100%;
	height: 800px;
	overflow: hidden;
}
.story02 #overseas {
	height: 840px;
	/* overflow: hidden; */
	overflow: auto;
	background: url(../images/s02/bg_overseas.png) center 8px no-repeat;
}
.story02 #scroll-cols {
	/* overflow: scroll; */
	width: 2050px !important;
	height: 820px;
}
.story02 #s05.scene,
.story02 #s06.scene {
	margin: 0 0;
	position: relative;
	padding-right: 30px;
	float: left;
	z-index: 7;
}


/*------------------------------------------------
	story03 SCENE STYLE
--------------------------------------------------*/

/* scene 
--------------------------------------------------*/
.story03 #title {
	margin: -31px auto 0;
}
.story03 #title img {
	margin-left: -32px;
}

/* s01 */
.story03 #s01 {
	margin-top: -140px;
}
.story03 #s01 .balloon {
	left: 40px;
	top: 96px;
}
.story03 #s01 figure {
	left: 401px;
	top: 144px;
}
.story03 .l01 {
	margin-top: -233px;
}
/* s02 */
.story03 #s02 {
	margin-top: -124px;
}
.story03 #s02 .balloon {
	left: 420px;
	top: 78px;
}
.story03 #s02 figure {
	left: 65px;
	top: 143px;
}
.story03 .l02 {
	margin-top: -174px;
}
/* s03 */
.story03 #s03 {
	margin-top: -142px;
}
.story03 #s03 .balloon {
	left: 56px;
	top: 113px;
}
.story03 #s03 figure {
	left: 500px;
	top: 133px;
}
.story03 .l03 {
	margin-top: -194px;
}
/* s04 */
.story03 #s04 {
	margin-top: -116px;
}
.story03 #s04 .balloon {
	left: 432px;
	top: 75px;
}
.story03 #s04 figure {
	left: 86px;
	top: 155px;
}
.story03 .l04 {
	margin-top: -185px;
}
/* s05 */
.story03 #s05 {
	margin-top: -20px;
}
.story03 #s05 .balloon {
	left: 85px;
	top: 156px;
}
.story03 #s05 figure.s05-01 {
	left: 650px;
	top: 264px;
}
.story03 #s05 figure.s05-02 {
	left: 238px;
	top: 313px;
}
.story03 .l05 {
	position: relative;
	height: 1000px;
	margin-top: -248px;
}
.story03 .l05 .img {
	display: block;
	position: absolute;
	top: 642px;
	left: 104px;
}

/* s06 */
.story03 #s06 {
	margin-top: 0px;
}
.story03 #s06 .balloon {
	left: 544px;
	top: 160px;
}
.story03 #s06 figure.s06-01 {
	left: 96px;
	top: 200px;
}
.story03 #s06 figure.s06-02 {
	left: 116px;
	top: 282px;
}
.story03 .l06 {
	margin-top: -100px;
}
/* s07 */
.story03 #s07 {
	margin-top: -182px;
	z-index: 5;
	overflow: visible;
}
.story03 #s07 .inner {
	margin: 0 auto;
	width: 1600px;
	min-height: 720px;
	background: url(../images/bg_circle.gif) center top no-repeat;
}
.story03 #s07 .balloon {
	left: 76px;
	top: 96px;
	z-index: 5;
}
.story03 #s07 figure {
	padding-top: 64px;
	width: 730px;
	height: 670px;
	left: 480px;
	top: 38px;
	text-align: center;
	z-index: 7;
}
.story03 .l07 {
	margin-top: -265px;
}

/* contact */
.story03 .contact {
	margin-top: -186px;
}
.story03 #contact {
	position: relative;
	margin-top: -50px;
	height: 250px;
	overflow: visible;
	z-index: 5;
}


/* overseas 
--------------------------------------------------*/
.story03 #overseas-wrapper {
	margin-top: -190px;
	width: 100%;
	height: 800px;
	overflow: hidden;
}
.story03 #overseas {
	height: 840px;
	/* overflow: hidden; */
	overflow: auto;
	background: url(../images/s03/bg_overseas.png) center 8px no-repeat;
}
.story03 #scroll-cols {
	/* overflow: scroll; */
	width: 2050px !important;
	height: 820px;
}
.story03 #s05.scene,
.story03 #s06.scene {
	margin: 0 0;
	position: relative;
	padding-right: 30px;
	float: left;
	z-index: 7;
}


/*------------------------------------------------
	story04 SCENE STYLE
--------------------------------------------------*/

/* scene 
--------------------------------------------------*/
.story04 #title {
	margin: -31px auto 0;
}
.story04 #title img {
	margin-left: -30px;
}

/* s01 */
.story04 #s01 {
	margin-top: -140px;
}
.story04 #s01 .balloon {
	left: 32px;
	top: 96px;
}
.story04 #s01 figure {
	left: 333px;
	top: 173px;
}
.story04 .l01 {
	margin-top: -233px;
}
/* s02 */
.story04 #s02 {
	margin-top: -124px;
}
.story04 #s02 .balloon {
	left: 420px;
	top: 78px;
}
.story04 #s02 figure {
	left: 60px;
	top: 202px;
}
.story04 .l02 {
	margin-top: -174px;
}
/* s03 */
.story04 #s03 {
	margin-top: -142px;
}
.story04 #s03 .balloon {
	left: 56px;
	top: 113px;
}
.story04 #s03 figure {
	left: 528px;
	top: 242px;
}
.story04 .l03 {
	margin-top: -194px;
}
/* s04 */
.story04 #s04 {
	margin-top: -116px;
}
.story04 #s04 .balloon {
	left: 398px;
	top: 70px;
}
.story04 #s04 figure {
	left: 39px;
	top: 107px;
}
.story04 .l04 {
	margin-top: -185px;
}
/* s05 */
.story04 #s05 {
	margin-top: -20px;
}
.story04 #s05 .balloon {
	left: 120px;
	top: 147px;
}
.story04 #s05 figure.s05-01 {
	left: 160px;
	top: 404px;
}
.story04 #s05 figure.s05-02 {
	left: 530px;
	top: 144px;
}
.story04 .l05 {
	position: relative;
	height: 1000px;
	margin-top: -248px;
}
.story04 .l05 .img {
	display: block;
	position: absolute;
	top: 653px;
	left: 104px;
}

/* s06 */
.story04 #s06 {
	margin-top: 0px;
}
.story04 #s06 .balloon {
	left: 544px;
	top: 160px;
}
.story04 #s06 figure.s06-01 {
	left: 180px;
	top: 210px;
}
.story04 #s06 figure.s06-02 {
	left: 225px;
	top: 404px;
}
.story04 .l06 {
	margin-top: -100px;
}
/* s07 */
.story04 #s07 {
	margin-top: -182px;
	z-index: 5;
	overflow: visible;
}
.story04 #s07 .inner {
	margin: 0 auto;
	width: 1600px;
	min-height: 720px;
	background: url(../images/bg_circle.gif) center top no-repeat;
}
.story04 #s07 .balloon {
	left: 68px;
	top: 104px;
	z-index: 5;
}
.story04 #s07 figure {
	padding-top: 64px;
	width: 730px;
	height: 670px;
	left: 440px;
	top: 38px;
	text-align: center;
	z-index: 7;
}
.story04 .l07 {
	margin-top: -265px;
}

/* contact */
.story04 .contact {
	margin-top: -186px;
}
.story04 #contact {
	position: relative;
	margin-top: -50px;
	height: 250px;
	overflow: visible;
	z-index: 5;
}


/* overseas 
--------------------------------------------------*/
.story04 #overseas-wrapper {
	margin-top: -160px;
	width: 100%;
	height: 800px;
	overflow: hidden;
}
.story04 #overseas {
	height: 840px;
	/* overflow: hidden; */
	overflow: auto;
	background: url(../images/s04/bg_overseas.png) center 8px no-repeat;
}
.story04 #scroll-cols {
	/* overflow: scroll; */
	width: 2050px !important;
	height: 820px;
}
.story04 #s05.scene,
.story04 #s06.scene {
	margin: 0 0;
	position: relative;
	padding-right: 30px;
	float: left;
	z-index: 7;
}



/*------------------------------------------------
	story05 SCENE STYLE
--------------------------------------------------*/

/* scene 
--------------------------------------------------*/
.story05 #title {
	margin: -31px auto 0;
}
.story05 #title img {
	margin-left: -30px;
}

/* s01 */
.story05 #s01 {
	margin-top: -140px;
}
.story05 #s01 .balloon {
	left: 32px;
	top: 96px;
}
.story05 #s01 figure {
	left: 505px;
	top: 205px;
}
.story05 .l01 {
	margin-top: -233px;
}
/* s02 */
.story05 #s02 {
	margin-top: -124px;
}
.story05 #s02 .balloon {
	left: 420px;
	top: 78px;
}
.story05 #s02 figure {
	left: 50px;
	top: 110px;
}
.story05 .l02 {
	margin-top: -174px;
}
/* s03 */
.story05 #s03 {
	margin-top: -142px;
}
.story05 #s03 .balloon {
	left: 56px;
	top: 113px;
}
.story05 #s03 figure {
	left: 433px;
	top: 258px;
}
.story05 .l03 {
	margin-top: -194px;
}
/* s04 */
.story05 #s04 {
	margin-top: -116px;
}
.story05 #s04 .balloon {
	left: 398px;
	top: 70px;
}
.story05 #s04 figure {
	left: 235px;
	top: 117px;
}
.story05 .l04 {
	margin-top: -185px;
}
/* s05 */
.story05 #s05 {
	margin-top: -20px;
}
.story05 #s05 .balloon {
	left: 134px;
	top: 147px;
}
.story05 #s05 figure.s05-01 {
	left: 200px;
	top: 546px;
}
.story05 #s05 figure.s05-02 {
	left: 528px;
	top: 242px;
}
.story05 .l05 {
	position: relative;
	height: 1000px;
	margin-top: -248px;
}
.story05 .l05 .img {
	display: block;
	position: absolute;
	top: 653px;
	left: 104px;
}

/* s06 */
.story05 #s06 {
	margin-top: 0px;
}
.story05 #s06 .balloon {
	left: 544px;
	top: 160px;
}
.story05 #s06 figure.s06-01 {
	left: 174px;
	top: 206px;
}
.story05 #s06 figure.s06-02 {
	left: 260px;
	top: 387px;
}
.story05 .l06 {
	margin-top: -100px;
}
/* s07 */
.story05 #s07 {
	margin-top: -182px;
	z-index: 5;
	overflow: visible;
}
.story05 #s07 .inner {
	margin: 0 auto;
	width: 1600px;
	min-height: 720px;
	background: url(../images/bg_circle.gif) center top no-repeat;
}
.story05 #s07 .balloon {
	left: 72px;
	top: 106px;
	z-index: 5;
}
.story05 #s07 figure {
	padding-top: 64px;
	width: 730px;
	height: 670px;
	left: 416px;
	top: 38px;
	text-align: center;
	z-index: 7;
}
.story05 .l07 {
	margin-top: -265px;
}

/* contact */
.story05 .contact {
	margin-top: -186px;
}
.story05 #contact {
	position: relative;
	margin-top: -50px;
	height: 250px;
	overflow: visible;
	z-index: 5;
}


/* overseas 
--------------------------------------------------*/
.story05 #overseas-wrapper {
	margin-top: -160px;
	width: 100%;
	height: 800px;
	overflow: hidden;
}
.story05 #overseas {
	height: 840px;
	/* overflow: hidden; */
	overflow: auto;
	background: url(../images/s05/bg_overseas.png) center 8px no-repeat;
}
.story05 #scroll-cols {
	/* overflow: scroll; */
	width: 2050px !important;
	height: 820px;
}
.story05 #s05.scene,
.story05 #s06.scene {
	margin: 0 0;
	position: relative;
	padding-right: 30px;
	float: left;
	z-index: 7;
}



#overseas_frame {
	width: 100%;
	height: 820px;
	border: none;
}