@charset "utf-8";


html{
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  min-width: 960px;
  overflow-y:scroll;
}

body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background: #000000;
}

a {
  outline: none;
}

img  {
  vertical-align: top;
}

/*----------------------------------------------------
  TAG Reset
----------------------------------------------------*/
h1, h2, h3, h4, h5, h6, p, address, ul, ol, li, dl, dt, dd, table, th, td, caption, img, form, blockquote, u, em, i {
	padding: 0px;
	margin: 0px;
	border: none;
	font-size:inherit;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	list-style-type: none;
}

/*----------------------------------------------------
  #loader
----------------------------------------------------*/
#loader {
  position: fixed;
  top: 0px;
  left: 0;
  z-index: 10000;
  width: 100%;
  height: 100%;
  background: #000000 url(../../img/preloader2.gif) scroll no-repeat 50% 50%;
}

/*----------------------------------------------------
  #wrapper
----------------------------------------------------*/
#wrapper {
  position: relative;
  z-index: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

/*----------------------------------------------------
  #header
----------------------------------------------------*/
#header {
  position: relative;
  z-index: 100;
  width: 100%;
  height: 140px;
  margin: 0 auto;
  background: #003F7E url(../../img/header_bg.jpg) scroll no-repeat 50% 0%;
  overflow: hidden;
}

#header_box  {
  position: relative;
  width: 960px;
  height: 140px;
  margin: 0 auto;
}

#s_logo {
  position: absolute;
  top: 10px;
  left: 10px;
}

#logo {
  position: absolute;
  top: 6px;
  left: 654px;
}

#top_btn {
  position: absolute;
  top: 59px;
  left: 9px;
  z-index: 2000;
}

/*----------------------------------------------------
  #navi
----------------------------------------------------*/
#navi {
  position: relative;
  z-index: 100;
  width: 100%;
  margin: 0 auto;
  height: 60px;
  background: #000000 url(../../img/navi_bg.jpg) scroll no-repeat 50% 50%;
}

#navi_BOX  {
  position: relative;
   width: 920px;
  height: 60px;
  margin: 0 auto;
  z-index: 100;
}

#navi ul.navi_menu {
  margin: 0;
  padding: 0;
  list-style-type: none;
  z-index: 100;
}

#navi ul.navi_menu li {
  float: left;
  z-index: 100;
}

#page01 {position: absolute;  bottom : 1px;  left: 10px;}
#page02 {position: absolute;  bottom : 1px;  left: 108px;}
#page03 {position: absolute;  bottom : 1px;  left: 274px;}
#page04 {position: absolute;  bottom : 1px;  left: 456px;}
#page05 {position: absolute;  bottom : 1px;  left: 625px;}
#page06 {position: absolute;  bottom : 1px;  left: 780px;}
#page07 {position: absolute;  bottom : 1px;  left: 894px;}

.clearLeft { 
  clear: left; 
}


/*----------------------------------------------------
  01_feature
----------------------------------------------------*/
#feature_body {
  position: relative;
  height: 950px;
  z-index: 1000;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  background: url(../../img/01_bg.jpg) scroll no-repeat 50% 50%;
}

#fe_catch {position: absolute;  left: 75px;  top: 10px;}
#fe_a {position: absolute;  left: 630px;  top: 10px;}
#fe_b {position: absolute;  left: 309px;  top: 323px;}
#fe_c {position: absolute;  left: 379px;  top: 516px;}
#fe_machine {position: absolute;  left: -18px;  top: 431px;}
#fe_name {position: absolute;  left: 328px;  top: 844px;}


/*----------------------------------------------------
  02_flow
----------------------------------------------------*/
#flow_body {
  position: relative;
  height: 1057px;
  z-index: 1000;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  background: url(../../img/fl_bg.jpg) scroll no-repeat 50% 50%;
}

#fl_1a {position: absolute;  left: 1px;  top: 10px; z-index: 700;}
#fl_1b {position: absolute;  left: 480px;  top: 24px; z-index: 800;}
#fl_arrow1 {position: absolute;  left: 301px;  top: 257px; z-index: 1200;}
#fl_mat {position: absolute;  left: 10px;  top: 338px; z-index: 800;}
#fl_hien {position: absolute;  left: 105px;  top: 228px; z-index: 900;}
#fl_erika {position: absolute;  left: 718px;  top: 230px; z-index: 900;}
#fl_syukumei {position: absolute;  left: 19px;  top: 350px; z-index: 1000;}
#fl_gekitou {position: absolute;  left: 19px;  top: 645px; z-index: 1000;}
#fl_tenju {position: absolute;  left: 605px;  top: 350px; z-index: 1000;}
#fl_arrow2 {position: absolute;  left: 148px;  top: 577px; z-index: 900;}
#fl_info1 {position: absolute;  left: 906px;  top: 54px; z-index: 1300;}
#fl_info2 {position: absolute;  left: 541px;  top: 348px; z-index: 1300;}
#fl_info3 {position: absolute;  left: 541px;  top: 951px; z-index: 1300;}
#fl_info4 {position: absolute;  left: 881px;  top: 348px; z-index: 1300;}
#info_m {position: absolute;  left: 0px;  top: 0px; z-index: 1400;}


/*----------------------------------------------------
  03_syukumei
----------------------------------------------------*/
#syukumei_body {
  position: relative;
  height: 1069px;
  z-index: 1000;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  background: url(../../img/sy_bg.jpg) scroll no-repeat 50% 50%;
}

#sy_title {position: absolute;  left: 10px;  top: 22px; z-index: 1000;}
#sy_1 {position: absolute;  left: -31px;  top: 0px; z-index: 900;}
#sy_arrow1 {position: absolute;  left: 368px;  top: 335px; z-index: 800;}
#sy_2 {position: absolute;  left: 3px;  top: 436px; z-index: 1000;}
#sy_arrow2 {position: absolute;  left: 519px;  top: 403px; z-index: 800;}


/*----------------------------------------------------
  04_gekitou
----------------------------------------------------*/
#gekitou_body {
  position: relative;
  height: 976px;
  z-index: 1000;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  background: url(../../img/ge_bg.jpg) scroll no-repeat 50% 50%;
}

#ge_g1 {position: absolute;  left: -15px;  top: 23px; z-index: 1000;}
#ge_g2 {position: absolute;  left: -13px;  top: 284px; z-index: 1000;}
#ge_g3 {position: absolute;  left: -66px;  top: 496px; z-index: 1000;}
#ge_sub_left {position: absolute;  left: 560px;  top: 40px; z-index: 1000;}
#ge_sub_right {position: absolute;  left: 749px;  top: 40px; z-index: 1000;}


/*----------------------------------------------------
  04_uwanose
----------------------------------------------------*/
#uwanose_body {
  position: relative;
  height: 741px;
  z-index: 1000;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  background: url(../../img/uw_bg.jpg) scroll no-repeat 50% 50%;
}

#uw_title {position: absolute;  left: 4px;  top: 24px; z-index: 1000;}
#uw_1 {position: absolute;  left: -66px;  top: 93px; z-index: 1000;}
#uw_2 {position: absolute;  left: 485px;  top: 94px; z-index: 1000;}
#uw_sub_left {position: absolute;  left: 560px;  top: 40px; z-index: 1000;}
#uw_sub_right {position: absolute;  left: 749px;  top: 40px; z-index: 1000;}


/*----------------------------------------------------
  05_tenju
----------------------------------------------------*/
#tenju_body {
  position: relative;
  height: 1129px;
  z-index: 1000;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  background: url(../../img/te_bg.jpg) scroll no-repeat 50% 50%;
}

#te_title {position: absolute;  left: 2px;  top: 24px; z-index: 1000;}
#te_1 {position: absolute;  left: 239px;  top: 137px; z-index: 1000;}
#te_2 {position: absolute;  left: 170px;  top: 513px; z-index: 1000;}


/*----------------------------------------------------
  06_action
----------------------------------------------------*/
#action_body {
  position: relative;
  height: 1285px;
  z-index: 1000;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  background: url(../../img/ac_bg.jpg) scroll no-repeat 50% 50%;
}

#ac_title {position: absolute;  left: 3px;  top: 24px; z-index: 1000;}
#ac_1 {position: absolute;  left: 6px;  top: 100px; z-index: 1000;}
#ac_2 {position: absolute;  left: 6px;  top: 685px; z-index: 1000;}
#ac_3 {position: absolute;  left: 529px;  top: 684px; z-index: 1000;}


/*----------------------------------------------------
  07_spec
----------------------------------------------------*/
#spec_body {
  position: relative;
  height: 1174px;
  z-index: 1000;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  background: url(../../img/sp_bg2.jpg) scroll no-repeat 50% 50%;
}

#sp_machine {position: absolute;  left: 7px;  top: 31px; z-index: 1000;}
#sp_reel {position: absolute;  left: 324px;  top: 27px; z-index: 1000;}
#sp_yaku {position: absolute;  left: 496px;  top: 27px; z-index: 1000;}
#sp_rare {position: absolute;  left: 501px;  top: 292px; z-index: 1000;}
#sp_caution {position: absolute;  left: 501px;  top: 479px; z-index: 1000;}
#sp_guide {position: absolute;  left: 8px;  top: 528px; z-index: 1000;}

#body_BOX  {
  position: relative;
  width: 960px;
  margin: 0 auto;
}

/*----------------------------------------------------
  footer
----------------------------------------------------*/
#footer {
  position: relative;
  width: 100%;
  text-align : center;
  margin: 0 auto;
}
 
#footer_BOX  {
  position: relative;
  width: 960px;
  height: 60px;
  margin: 0 auto;
}

#copy1 {
  position: absolute;
  right: 10px;
  top: 12px;
}

#footer #footer_BOX .socialArea  {
  position:absolute;
  left: 10px;
  top: 15px;
}

#footer #footer_BOX .socialArea li  {
  float:left;
  width:110px;
  margin-right:2px;
}


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