@charset "utf-8";

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

/*----------------------------------------------------
  container
----------------------------------------------------*/
#container {
  position: relative;
  width: 100%;
  height: 100%;
  min-height:  760px;
  min-width:  1024px;
  margin: 0;
  padding: 0;
  z-index: 1;
  overflow: hidden;
  background-image: url(../../img/to_back.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -moz-background-size:cover;
  background-size: cover;
  background-color: #000;
}

#body_box  {
  position: relative;
  width: 1024px;
  height: 100%;
  min-height:  720px;
  margin: 0 auto;
  z-index: 2000;
}


#to_logo {
  position: absolute;
  left: 10px;  
  bottom: 30px;  
  z-index: 4000;
}

/*キャラ用-------------------*/

#to_chara1_2 {
    position: absolute;
	margin-left: 0%;
    height: 100%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate(-50%, -50%);
    transform: translate3d(-50%, -50%, 0);
    z-index: 90;
}

#to_chara3_4 {
    position: absolute;
    margin-left: 0%;
    height: 100%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate(-50%, -50%);
    transform: translate3d(-50%, -50%, 0);
    z-index: 100;
}

#to_chara7 {
    position: absolute;
    margin-left: 400px;
    height: 450px;
    left: 50%;
    bottom: -78px;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate(-50%, -50%);
    transform: translate3d(-50%, -50%, 0);
    z-index: 100;
}


/*----------------------------------------------------
  footer
----------------------------------------------------*/
#ft_container {
	position: absolute; 
    bottom: 0px;
    width: 100%;
    height: 140px;
	margin: 0 auto;
    z-index: 3000;
}

#to_banner  {
	position: absolute;  
    left: 207px;  
    top: -140px;  
    z-index: 2000;
    display: none;
}

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

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

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

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

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

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

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

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

#me_base  {
  position: absolute;
  width: 700px;
  height: 100px;
  left: 310px;  
  top: -15px;  
  z-index: 2000;
}

#sound_btn  {
    position: absolute;  
    left: 160px;  
    top: 104px;  
    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: 2600;
    background-image: url(../../img/ft_obj_l.png);
    background-position: left bottom;
    background-repeat: no-repeat;
}


#ft_base {
	position: absolute;
	bottom: 0px;
	width: 100%;
	margin: 0 auto;
	height: 180px;
	z-index: 10;
	background-repeat: repeat-x;
	background-image: url(../../img/ft_base.jpg);
	background-attachment: scroll;
	background-position: center center;
	background-color: #fff000;
}


#mov_box  {
  position: relative;
  margin-left: 290px;
  left: 50%;
  top: -100%;
  z-index: 3000;
}

#to_bn  {
  position: relative;
  margin-left: 300px;
  left: 50%;
  top: -100%;
  z-index: 3000;
}


#maruhi_box  {
  position: relative;
  margin-left: 195px;
  left: 50%;
  bottom: 465px;
  z-index: 9000;
}


/*----------------------------------------------------
  cowntdown
----------------------------------------------------*/
#countdown {
  position: absolute;
  width: 480px;
  height: 70px;
  left: 385px;  
  bottom: 148px;
  z-index: 900;
  background: url(../../img/cd_base.png) scroll no-repeat 0% 0%;
  background-position: left top;
}

#cd_word  {
    position: absolute;  
    left: 70px;  
    top: 53px; 
    z-index: 20; 
}

#countdown-unit  {
    position: absolute;  
    left: -60px;  
    top: 65px; 
    z-index: 10; 
}

#countdown-unit div {
	position: relative;
	float: left;
	width: 110px;
	height: 100px;
	overflow: hidden;
    margin-right: -55px
}

#countdown-unit div img {
	position: absolute;
	top: 0;
	left: 0;
}

#cd_base {
  position: absolute;
  width: 269px;
  height: 174px;
  overflow: hidden;
  z-index: 10; 
}

#to_search1  {
  position: absolute;  
  left: 15px;  
  top: 10px; 
  z-index: 10; 
}

#to_search2  {
  position: absolute;  
  left: 20px;  
  top: 40px; 
  z-index: 10; 
}

#selecter {
	position: absolute;
	left: 140px;
	top: 15px;
    z-index: 3000; 
}