@charset "utf-8";

/*----------------------------------------------------
  sub_header
----------------------------------------------------*/
#sub_header {
  position: absolute;
  width: 100%;
  height: 98px;
  top: 0;
  margin: 0;
  padding: 0;
  background: #000;
  z-index: 2000;
  /*overflow: hidden;*/
}

#sub_header_box {
  position: relative;
  width: 1024px;
  height: 98px;
  margin: 0 auto;
  z-index: 20;
}

#sub_header_base {
  position: absolute;
  width: 1500px;
  height: 157px;
  left: -238px;
  top: 0px;
  background: url(../images/sub_header_base.png) scroll no-repeat 50% 0%;
  z-index: 10;
}

#sub_menu_base {
  position: absolute;
  width: 1009px;
  height: 130px;
  left: 8px;
  top: 7px;
  background: url(../images/to_menu_base.png) scroll no-repeat 50% 0%;
  z-index: 20;
}

#sub_top_btn {
  position: absolute;
  left: 76px;
  top: 0px;
  z-index: 4000;
}

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

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

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

#sub1 {
  position: absolute;
  left: 140px;
  top: 105px;
  z-index: 5000;
}

#sub2 {
  position: absolute;
  left: 441px;
  top: 105px;
  z-index: 5000;
}

#sub3 {
  position: absolute;
  left: 682px;
  top: 105px;
  z-index: 5000;
}


/*----------------------------------------------------
  container
----------------------------------------------------*/
#container {
  position: relative;
  width: 100%;
  padding: 0;
  z-index: 2;
  overflow: hidden;
}

#body_box  {
  position: relative;
  width: 1024px;
  height: 100%;
  margin: 0 auto;
  /*z-index: 3;*/
}

#bl_mat2  {
  position: fixed;
  width:100%;
  height:100%;
  background: #000;
  z-index: 1000;
}

#wh_mat  {
  position: absolute;
  width:100%;
  height:100%;
  background: #fff;
  z-index: 1010;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
}


/*----------------------------------------------------
  01feature
----------------------------------------------------*/
#fe_word1 {
  position: absolute;
  left: 61px;
  top: 98px;
  z-index: 100;
}

#fe_word2 {
  position: absolute;
  left: 87px;
  top: 193px;
  z-index: 90;
}

#fe_grt {
  position: absolute;
  left: 664px;
  top: 137px;
  z-index: 50;
}

#fe_grt_over {
  position: absolute;
  left: 664px;
  top: 137px;
  z-index: 55;
}

#fe_grt_light {
  position: absolute;
  left: 560px;
  top: 50px;
  z-index: 40;
  mix-blend-mode: screen;
}

#fe_ball_1 {
  position: absolute;
  left: 367px;
  top: 644px;
  z-index: 30;
}

#fe_ball_2 {
  position: absolute;
  left: 552px;
  top: 593px;
  z-index: 40;
}

#fe_ball_3 {
  position: absolute;
  left: 735px;
  top: 644px;
  z-index: 50;
}

#fe_ball_light {
  position: absolute;
  left: 272px;
  top: 503px;
  z-index: 10;
  mix-blend-mode: screen;
}



/*----------------------------------------------------
  02flow
----------------------------------------------------*/
#fl_title {
  position: absolute;
  left: 65px;
  top: 149px;
  z-index: 100;
}

#fl_arrow1 {
  position: absolute;
  left: 367px;
  top: 281px;
  z-index: 200;
}

#fl_arrow2 {
  position: absolute;
  left: 680px;
  top: 466px;
  z-index: 200;
}

#fl_arrow3 {
  position: absolute;
  left: 584px;
  top: 466px;
  z-index: 200;
}

#fl_arrow4 {
  position: absolute;
  left: 367px;
  top: 583px;
  z-index: 200;
}

#fl_tujo {
  position: absolute;
  left: 59px;
  top: 202px;
  z-index: 100;
}

#fl_rt {
  position: absolute;
  left: 367px;
  top: 444px;
  z-index: 110;
}

#fl_bonus {
  position: absolute;
  left: 408px;
  top: 56px;
  z-index: 50;
}



/*----------------------------------------------------
  03bonus
----------------------------------------------------*/
#bo_word {
  position: absolute;
  left: 78px;
  top: 126px;
  z-index: 100;
}

#bo_kaiou {
  position: absolute;
  left: 384px;
  top: -31px;
  z-index: 90;
}

#bo_01 {
  position: absolute;
  left: 89px;
  top: 257px;
  z-index: 100;
}

#bo_02 {
  position: absolute;
  left: 89px;
  top: 420px;
  z-index: 100;
}

#bo_03 {
  position: absolute;
  left: 89px;
  top: 755px;
  z-index: 100;
}

#bo_04 {
  position: absolute;
  left: 79px;
  top: 1136px;
  z-index: 100;
}



/*----------------------------------------------------
  04rt
----------------------------------------------------*/
#rt_word {
  position: absolute;
  left: 78px;
  top: 140px;
  z-index: 100;
}

#rt_select {
  position: absolute;
  left: 87px;
  top: 154px;
  z-index: 90;
}

#rt_ken {
  position: absolute;
  left: 79px;
  top: 482px;
  z-index: 100;
}

#rt_syachi {
  position: absolute;
  left: 518px;
  top: 482px;
  z-index: 100;
}

#rt_kaiou {
  position: absolute;
  left: 79px;
  top: 756px;
  z-index: 100;
}

#rt_rin {
  position: absolute;
  left: 518px;
  top: 765px;
  z-index: 100;
}

#rt_guide {
  position: absolute;
  left: 87px;
  top: 1058px;
  z-index: 100;
}



/*----------------------------------------------------
  05guide1
----------------------------------------------------*/
#gu1_word {
  position: absolute;
  left: 78px;
  top: 166px;
  z-index: 100;
}

#gu1_1 {
  position: absolute;
  left: 89px;
  top: 282px;
  z-index: 100;
}

#gu1_2 {
  position: absolute;
  left: 353px;
  top: 274px;
  z-index: 100;
}

#gu1_3 {
  position: absolute;
  left: 353px;
  top: 670px;
  z-index: 110;
}



/*----------------------------------------------------
  05guide2
----------------------------------------------------*/
#gu2_word {
  position: absolute;
  left: 77px;
  top: 167px;
  z-index: 100;
}

#gu2_1a {
  position: absolute;
  left: 79px;
  top: 283px;
  z-index: 100;
}

#gu2_1b {
  position: absolute;
  left: 88px;
  top: 283px;
  z-index: 1;
}

#gu2_2 {
  position: absolute;
  left: 352px;
  top: 274px;
  z-index: 10;
}

#gu2_3 {
  position: absolute;
  left: 360px;
  top: 598px;
  z-index: 20;
}

#gu2_ken {
  position: absolute;
  left: 435px;
  top: 920px;
  z-index: 90;
}



/*----------------------------------------------------
  05guide3
----------------------------------------------------*/
#gu3_word {
  position: absolute;
  left: 77px;
  top: 167px;
  z-index: 100;
}

#gu3_1 {
  position: absolute;
  left: 81px;
  top: 230px;
  z-index: 50;
}

#gu3_2 {
  position: absolute;
  left: 81px;
  top: 528px;
  z-index: 60;
}

#gu3_3 {
  position: absolute;
  left: 81px;
  top: 827px;
  z-index: 70;
}

#gu3_4 {
  position: absolute;
  left: 530px;
  top: 219px;
  z-index: 80;
}



/*----------------------------------------------------
  06spec
----------------------------------------------------*/
#sp_machine {
  position: absolute;
  left: 88px;
  top: 147px;
  z-index: 5;
}

#sp_reel {
  position: absolute;
  left: 376px;
  top: 147px;
  z-index: 5;
}

#sp_yaku {
  position: absolute;
  left: 632px;
  top: 147px;
  z-index: 5;
}

#sp_spec {
  position: absolute;
  left: 85px;
  top: 664px;
  z-index: 5;
}



/*----------------------------------------------------
  99digibook
----------------------------------------------------*/
#dg_title {
  position: absolute;
  left: 58px;
  top: 148px;
  z-index: 100;
}

#dg_word {
  position: absolute;
  left: 70px;
  top: 409px;
  z-index: 200;
}

#dg_caution {
  position: absolute;
  left: 65px;
  top: 751px;
  z-index: 100;
}

#dg_box {
  position: absolute;
  left: 59px;
  top: 617px;
  z-index: 100;
}

#dg_sp {
  position: absolute;
  left: 624px;
  top: 112px;
  z-index: 60;
}

#dg_screen {
  position: absolute;
  left: 58px;
  top: 258px;
  z-index: 50;
}



/*----------------------------------------------------
  sub_footer
----------------------------------------------------*/
#sub_footer {
  position: absolute;
  width: 100%;
  height: 156px;
  bottom: 0px;
  margin: 0;
  padding: 0;
  background: #000;
  z-index: 2000;
  /*overflow: hidden;*/
}

#sub_footer_box  {
  position: relative;
  width: 1024px;
  height: 156px;
  margin: 0 auto;
  z-index: 20;
}

#sub_footer_base {
  position: absolute;
  width: 1500px;
  height: 183px;
  left: -238px;
  bottom: 0px;
  background: url(../images/sub_footer_base.png) scroll no-repeat 50% 0%;
  z-index: 10;
}

#sub_copyright {
  position: absolute;
  left: 427px;
  top: 22px;
  z-index: 100;
}

#p_gabu {
  position: absolute;
  left: 684px;
  top: 56px;
  z-index: 2000;
}

#town_pc {
  position: absolute;
  left: 352px;
  top: 56px;
  z-index: 2000;
}

#h_gotoku {
  position: absolute;
  left: 20px;
  top: 56px;
  z-index: 2000;
}

.socialArea  {
  position:absolute;
  left: 230px;
  top: 21px;
  z-index: 2000;
 }

.socialArea ul {
  list-style: none outside none;
  float: left;
  margin: 0 0 0 0;
  padding: 0;
}

 .socialArea li  {
  float:left;
  margin-left:10px;
}