@charset "utf-8";

/* colorbox */
/*--#cboxLoadedContent {
  padding: 2px;
  background: #ccc;
} --*/

/*----------------------------------------------------
  header
----------------------------------------------------*/
#hd_container {
	position: absolute;
    top: 0px;
    width: 100%;
    height: 92px;
	margin: 0 auto;
    z-index: 4000;
}

#hd_box  {
	position: relative;
	width: 1024px;
	height: 92px;
	margin: 0 auto;	
    z-index: 1000;
}




#hd_base {
	position: absolute;
    top: 0px;
    width: 100%;
    min-width: 700px;
	margin: 0 auto;
	height: 140px;
    z-index: 20;
	background-image: url(../../img/hd_base.jpg);
    background-position: center center;
    background-color: #000;
}

#sab_logo {
  position: relative;
  margin: 0 auto;
  top: 5px;
  z-index: 3000;
}

#me_box  {
  position: relative;
  width: 700px;
  margin: 0 auto;
  top: 5px;
  z-index: 3000;
}

#me_box ul {
  list-style: none outside none;
  float: left;
  margin: 0 0 0 0;
  padding: 0;
  position: relative;
  left: 50%;
}

#me_box ul li {
  float: left;
  position: relative;
  left: -50%;
}

#me_base  {
  position: absolute;
  width: 700px;
  height: 93px;
  left: 320px;  
  top: 10px;  
  z-index: 2000;
}

#hd_top  {
    position: absolute;  
    left: 270px;  
    top: 68px;  
    z-index: 1100;
}



/*----------------------------------------------------
  sub_footer
----------------------------------------------------*/
#sub_ft_container {
	position: absolute;
    bottom: 0px;
    width: 100%;
    height: 36px;
	margin: 0 auto;
    z-index: 3000;
}

#sub_ft_box  {
	position: relative;
	width: 1024px;
	height: 36px;
	margin: 0 auto;	
    z-index: 1000;
}

#ft_y  {
    position: absolute;  
    left: 0px;  
    z-index: 4190;
}

#ft_f  {
    position: absolute;  
    left: 105px;  
    z-index: 4200;
}

#ft_t  {
    position: absolute;  
    left: 130px;  
    z-index: 4200;
}

#ft_copy  {
	position: absolute;
	left: 660px;
	top: 0px;
	z-index: 1;
}

#sound_btn  {
    position: absolute;  
    left: 160px;  
    width: 297px;
    height: 39px;
    z-index: 4000;
    overflow: hidden;
}

#sound_box  {
    position: absolute;  
    left: 0px;  
    top: 0px;  
    width: 208px;
    height: 30px;
}

#off_page #sound_on_btn  {
    position: absolute;  
    left: 0px;  
    top: 0px;  
    z-index: 20;
    display: none;
}

#sound_on_btn  {
    position: absolute;  
    left: 0px;  
    top: 0px;  
    z-index: 20;
}

#sound_off_btn  {
    position: absolute;  
    left: 0px;  
    top: 0px;  
    z-index: 10;
}

#ft_obj_l {
	position: absolute;
    right: 50%;
    bottom: 0px;
    width: 50%;
    height: 221px;
    min-width: 750px;
    z-index: 40;
    background-image: url(../../img/ft_obj_l.png);
    background-position: left bottom;
    background-repeat: no-repeat;
}

#ft_obj_r {
	position: absolute;
    left: 50%;
    bottom: 0px;
    width: 50%;
    height: 221px;
    min-width: 750px;
    z-index: 40;
    background-image: url(../../img/ft_obj_r.png);
    background-position: right bottom;
    background-repeat: no-repeat;
}

#sub_ft_emboss {
	position: absolute;
    bottom: 0px;
    width: 100%;
	margin: 0 auto;
	height: 36px;
    z-index: 30;
	background: url(../../img/sub_ft_emboss.png) scroll repeat-x 0% 0%;
}

#sub_ft_base {
	position: absolute;
    bottom: 0px;
    width: 100%;
    min-width: 1024px;
	margin: 0 auto;
	height: 8px;
    z-index: 20;
	background: url(../../img/sub_ft_base.jpg) scroll no-repeat 0% 0%;
    background-position: center center;
    background-color: #000;
}

#sub_ft_shadow {
	position: absolute;
    bottom: 0px;
    width: 100%;
	margin: 0 auto;
	height: 79px;
    z-index: 10;
	background: url(../../img/ft_shadow.png) scroll repeat-x 0% 0%;
}


/*----------------------------------------------------
  01story
----------------------------------------------------*/
#container_st {
	position: absolute;
	width: 100%;
	height: 100%;
	min-width: 1024px;
	min-height: 2520px;
	margin: 0;
	padding: 0;
	z-index: 3;
	overflow: hidden;
	background-image: url(../../img/st_back.jpg);
	background-position: center center;
	background-attachment: fixed;
	-moz-background-size: cover;
	background-size: cover;
	background-color: #fff;
	background-repeat: repeat;
}

#container_st #body_box {
  position: absolute;
  margin-left:-512px;
  margin-top:0px;
  left: 50%;
  top: 160px;
  width: 1024px;
  height: 2520px;
}

#st_contents01  {
  position: absolute;
  left: 19px;
  top: 0px;
  z-index: 200;
}

#st_contents02  {
  position: absolute;
  left: 19px;
  top: 170px;
  z-index: 200;
}

#st_contents03  {
  position: absolute;
  left: 16px;
  top: 1365px;
  z-index: 200;
}


/*----------------------------------------------------
  02spec
----------------------------------------------------*/
#container_sp {
  position: absolute;
  width: 100%;
  height: 100%;
  min-width: 1024px;
  min-height:  1030px;
  margin: 0;
  padding: 0;
  z-index: 3;
  overflow: hidden;
  background-image: url(../../img/sp_back.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -moz-background-size:cover;
  background-size: cover;
  background-color: #000;
}

/*--サブメニュー--*/
#sp_sub_base  {
  position: absolute;
  width: 939px;
  height: 60px;
  left: 40px;  
  top: 160px; 
  z-index: 2100;
  background: url(../../img/sp_sub_base.png) scroll no-repeat 0% 0%;
}

#sp_sub1_on, #sp_sub2_on  {
	position: absolute;
    left: 0px;  
    top: 60px;
}

#sp_sub1_off, #sp_sub2_off  {
	position: absolute;
    left: 0px;  
    top: 0px;
}

#sp_sub1_box  {
	position: absolute;
    width: 242px;
	height: 60px;
    left: 0px;  
    top: -60px;
    z-index: 30;
}

#sp_sub2_box  {
	position: absolute;
    width: 242px;
	height: 60px;
    left: 250px; 
    top: 0px;
    z-index: 20;
}

#sp_subs_box  {
	position: absolute;
    width: 600px;
	height: 60px;
    left: 230px;  
    top: 0px;
    z-index: 1000;
    overflow: hidden;
}

/*--コンテンツA--*/
#container_sp_a {
  position: absolute;
  width: 100%;
  height: 100%;
  min-width: 1024px;
  min-height:  846px;
  margin: 0;
  padding: 0;
  z-index: 1020;
  overflow: hidden;
}

#container_sp_a #body_box {
  position: absolute;
  margin-left:-512px;
  margin-top:-423px;
  left: 50%;
  top: 50%;
  width: 1024px;
  height: 1000px;
}

#sp_contents  {
  position: absolute;
  left: 100px;
  top: 100px;
  z-index: 200;
}

/*--コンテンツB--*/
#container_sp_b {
  position: absolute;
  width: 100%;
  height: 100%;
  min-width: 1024px;
  min-height:  846px;
  margin: 0;
  padding: 0;
  z-index: 1010;
  overflow: hidden;
}

#container_sp_b #body_box {
  position: absolute;
  margin-left:-512px;
  margin-top:-403px;
  left: 50%;
  top: 50%;
  width: 1024px;
  height: 846px;
}

#sp_contents2  {
  position: absolute;
  left: 43px;
  top: 80px;
  z-index: 200;
}




/*----------------------------------------------------
  03flow
----------------------------------------------------*/
#container_fl {
  position: absolute;
  width: 100%;
  height: 100%;
  min-width: 1024px;
  min-height:  970px;
  margin: 0;
  padding: 0;
  z-index: 3;
  overflow: hidden;
  background-image: url(../../img/fl_back.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -moz-background-size:cover;
  background-size: cover;
  background-color: #000;
}

#container_fl #body_box {
  position: absolute;
  margin-left:-512px;
  margin-top:-454px;
  left: 50%;
  top: 50%;
  width: 1024px;
  height: 970px;
}

#fl_contents1  {
  position: absolute;
  left: 10px;
  top: 120px;
  z-index: 200;
}



/*----------------------------------------------------
  04gimmick
----------------------------------------------------*/
#container_gi {
  position: relative;
  width: 100%;
  height: 100%;
  min-width: 1024px;
  min-height: 970px;
  margin: 0;
  padding: 0;
  z-index: 1000;
  overflow: hidden;
  background-image: url();
  background-position: center top;
  background-repeat: no-repeat;
  -moz-background-size:cover;
  background-size: cover;
  background-color: #ffffff;
}

#container_gi #body_box {
  position: absolute;
  margin-left:-512px;
  margin-top:-539px;
  left: 50%;
  top: 50%;
  width: 1024px;
  height: 1078px;
}

#gi_contents {
  position: absolute;
  left: -238px;  
  top: -50px;  
  z-index: 100;
}




/*----------------------------------------------------
  05stage01
----------------------------------------------------*/
#container_stg01 {
  position: absolute;
  width: 100%;
  height: 100%;
  min-width: 1024px;
  min-height:  1400px;
  margin: 0;
  padding: 0;
  z-index: 3;
  overflow: hidden;
  background-image: url(../../img/stg01_back.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -moz-background-size:cover;
  background-size: cover;
  background-color: #000;
}

/*--サブメニュー--*/
#stg01_sub_base  {
  position: absolute;
  width: 939px;
  height: 60px;
  left: 40px;  
  top: 160px; 
  z-index: 2100;
  background: url(../../img/sp_sub_base.png) scroll no-repeat 0% 0%;
}

#stg01_sub1_on, #stg01_sub2_on  {
	position: absolute;
    left: 0px;  
    top: 60px;
}

#stg01_sub1_off, #stg01_sub2_off  {
	position: absolute;
    left: 0px;  
    top: 0px;
}

#stg01_sub1_box  {
	position: absolute;
    width: 242px;
	height: 60px;
    left: 0px;  
    top: -60px;
    z-index: 30;
}

#stg01_sub2_box  {
	position: absolute;
    width: 242px;
	height: 60px;
    left: 250px; 
    top: 0px;
    z-index: 20;
}

#stg01_subs_box  {
	position: absolute;
    width: 600px;
	height: 60px;
    left: 230px;  
    top: 0px;
    z-index: 1000;
    overflow: hidden;
}

/*--コンテンツA--*/
#container_stg01_a {
  position: absolute;
  width: 100%;
  height: 100%;
  min-width: 1024px;
  min-height:1100px;
  top: -70px;
  margin: 0;
  padding: 0;
  z-index: 1020;
  overflow: hidden;
}

#container_stg01_a #body_box {
  position: absolute;
  margin-left:-512px;
  margin-top:-423px;
  left: 50%;
  top: 50%;
  width: 1024px;
  height: 1050px;
}

#stg01_contents  {
  position: absolute;
  left: 120px;
  top: 20px;
  z-index: 200;
}

/*--コンテンツB--*/
#container_stg01_b {
  position: absolute;
  width: 100%;
  height: 100%;
  min-width: 1024px;
  min-height:1100px;
  top: -70px;
  margin: 0;
  padding: 0;
  z-index: 1020;
  overflow: hidden;
}

#container_stg01_b #body_box {
  position: absolute;
  margin-left:-512px;
  margin-top:-423px;
  left: 50%;
  top: 50%;
  width: 1024px;
  height: 1050px;
}

#stg01_contents2  {
  position: absolute;
  left: 120px;
  top: 20px;
  z-index: 200;
}

#stg01_txt  {
  position: absolute;
  left: 120px;
  top: 215px;
  z-index: 222;
}

/*----------------------------------------------------
  05stage02
----------------------------------------------------*/
#container_stg02 {
  position: absolute;
  width: 100%;
  height: 100%;
  min-width: 1024px;
  min-height:  1400px;
  margin: 0;
  padding: 0;
  z-index: 3;
  overflow: hidden;
  background-image: url(../../img/stg02_back.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -moz-background-size:cover;
  background-size: cover;
  background-color: #000;
}

/*--サブメニュー--*/
#stg02_sub_base  {
  position: absolute;
  width: 939px;
  height: 60px;
  left: 40px;  
  top: 160px; 
  z-index: 2100;
  background: url(../../img/sp_sub_base.png) scroll no-repeat 0% 0%;
}

#stg02_sub1_on, #stg02_sub2_on  {
	position: absolute;
    left: 0px;  
    top: 60px;
}

#stg02_sub1_off, #stg02_sub2_off  {
	position: absolute;
    left: 0px;  
    top: 0px;
}

#stg02_sub1_box  {
	position: absolute;
    width: 242px;
	height: 60px;
    left: 0px;  
    top: -60px;
    z-index: 30;
}

#stg02_sub2_box  {
	position: absolute;
    width: 242px;
	height: 60px;
    left: 250px; 
    top: 0px;
    z-index: 20;
}

#stg02_subs_box  {
	position: absolute;
    width: 600px;
	height: 60px;
    left: 230px;  
    top: 0px;
    z-index: 1000;
    overflow: hidden;
}

/*--コンテンツA--*/
#container_stg02_a {
  position: absolute;
  width: 100%;
  height: 100%;
  min-width: 1024px;
  min-height:1100px;
  top: -70px;
  margin: 0;
  padding: 0;
  z-index: 1020;
  overflow: hidden;
}

#container_stg02_a #body_box {
  position: absolute;
  margin-left:-512px;
  margin-top:-423px;
  left: 50%;
  top: 50%;
  width: 1024px;
  height: 1050px;
}

#stg02_contents  {
  position: absolute;
  left: 120px;
  top: 20px;
  z-index: 200;
}

/*--コンテンツB--*/
#container_stg02_b {
  position: absolute;
  width: 100%;
  height: 100%;
  min-width: 1024px;
  min-height:1100px;
  top: -70px;
  margin: 0;
  padding: 0;
  z-index: 1020;
  overflow: hidden;
}

#container_stg02_b #body_box {
  position: absolute;
  margin-left:-512px;
  margin-top:-423px;
  left: 50%;
  top: 50%;
  width: 1024px;
  height: 1050px;
}

#stg02_contents2  {
  position: absolute;
  left: 120px;
  top: 20px;
  z-index: 200;
}

#stg02_txt  {
  position: absolute;
  left: 120px;
  top: 215px;
  z-index: 222;
}

/*----------------------------------------------------
  05stage03
----------------------------------------------------*/

#container_stg03 {
  position: absolute;
  width: 100%;
  height: 100%;
  min-width: 1024px;
  min-height:  1700px;
  margin: 0;
  padding: 0;
  z-index: 3;
  overflow: hidden;
  background-image: url(../../img/stg03_back.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -moz-background-size:cover;
  background-size: cover;
  background-color: #000;
}

/*--サブメニュー--*/
#stg03_sub_base  {
  position: absolute;
  width: 939px;
  height: 60px;
  left: 40px;  
  top: 160px; 
  z-index: 2100;
  background: url(../../img/sp_sub_base.png) scroll no-repeat 0% 0%;
}

#stg03_sub1_on, #stg03_sub2_on  {
	position: absolute;
    left: 0px;  
    top: 60px;
}

#stg03_sub1_off, #stg03_sub2_off  {
	position: absolute;
    left: 0px;  
    top: 0px;
}

#stg03_sub1_box  {
	position: absolute;
    width: 242px;
	height: 60px;
    left: 0px;  
    top: -60px;
    z-index: 30;
}

#stg03_sub2_box  {
	position: absolute;
    width: 242px;
	height: 60px;
    left: 250px; 
    top: 0px;
    z-index: 20;
}

#stg03_subs_box  {
	position: absolute;
    width: 600px;
	height: 60px;
    left: 230px;  
    top: 0px;
    z-index: 1000;
    overflow: hidden;
}

/*--コンテンツA--*/
#container_stg03_a {
  position: absolute;
  width: 100%;
  height: 100%;
  min-width: 1024px;
  min-height:1100px;
  top: -70px;
  margin: 0;
  padding: 0;
  z-index: 1020;
  overflow: hidden;
}

#container_stg03_a #body_box {
  position: absolute;
  margin-left:-512px;
  margin-top:-423px;
  left: 50%;
  top: 50%;
  width: 1024px;
  height: 1050px;
}

#stg03_contents  {
  position: absolute;
  left: 120px;
  top: -130px;
  z-index: 200;
}

/*--コンテンツB--*/
#container_stg03_b {
  position: absolute;
  width: 100%;
  height: 100%;
  min-width: 1024px;
  min-height:1100px;
  top: -70px;
  margin: 0;
  padding: 0;
  z-index: 1020;
  overflow: hidden;
}

#container_stg03_b #body_box {
  position: absolute;
  margin-left:-512px;
  margin-top:-423px;
  left: 50%;
  top: 50%;
  width: 1024px;
  height: 1050px;
}

#stg03_contents2  {
  position: absolute;
  left: 120px;
  top: -130px;
  z-index: 200;
}

#stg03_txt  {
  position: absolute;
  left: 120px;
  top: 215px;
  z-index: 222;
}

#stg03_contents3  {
  position: absolute;
  left: 120px;
  top: 1070px;
  z-index: 222;
}


/*----------------------------------------------------
  06secret
----------------------------------------------------*/
#container_sec {
  position: absolute;
  width: 100%;
  height: 100%;
  min-width: 1024px;
  min-height:  1300px;
  margin: 0;
  padding: 0;
  z-index: 3;
  overflow: hidden;
  background-image: url(../../img/sec_back.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -moz-background-size:cover;
  background-size: cover;
  background-color: #000;
}

#container_sec #body_box {
  position: absolute;
  margin-left:-500px;
  margin-top:-620px;
  left: 50%;
  top: 50%;
  width: 1024px;
  height: 970px;
}

#sec_contents1  {
  position: absolute;
  left: 10px;
  top: 120px;
  z-index: 200;
}