a {outline:none;}

#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #000;
  z-index: 10;
}
#loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin-top: -100px;
  margin-left: -100px;
  text-align: center;
  color: #ff0000;
  z-index: 11;
}

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

.base{
    position: absolute;
    width:100%;
    top: 480px;
}

body {
  position: relative;
  width: 100%;
  height: 100%;
  min-width: 1080px;
  min-height: 1580px;
  margin: 0;
  padding: 0;
  z-index: 2;
  overflow: hidden;
  background-image: url(img/background.jpg) ;
  background-color:#000000;
  background-attachment: fixed;
  background-position: center top;
  background-repeat: no-repeat;
  -moz-background-size:  cover;
  background-size:  cover;
   
}

.box{  border: 0px solid #00fa9a;
    width: 1080px;
    height: 864px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    margin: auto;

}

/*表示物の位置制御*/





#s_logo{
   position:absolute;
        width:0%;
        height:0%;
        left: 60px;
        top:50px;
        margin-left: -60px;
        margin-top: -65px;  
     z-index: 7;
}

#feature {
         position:absolute;
        width:0%;
        height:0%;
        left: 150px;
        top:220px;
        margin-left: -60px;
        margin-top: -80px;
    z-index: 5;
}


#twitter{
   position:absolute;
        width:0%;
        height:0%;
        left: 170px;
        top:1400px;
        margin-left: -60px;
        margin-top: -65px; 
        opacity: 1;
     z-index: 7;
     user-select:none
}

#sns{
   position:absolute;
        width:0%;
        height:0%;
        left: 250px;
        top:1400px;
        margin-left: -60px;
        margin-top: -65px; 
        opacity: 1;
     z-index: 6;
     user-select:none
}

#copyright {
        position:absolute;
        width:0%;
        height:0%;
        left:350px;
        top: 1400px;
        margin-left: -60px;
        margin-top: -80px;
        opacity: 1;
     z-index: 7;
     user-select:none
}

#nav{ 
position:absolute;
        width:0%;
        height:0%;
        left: 80px;
        top: 125px;
        margin-left: -60px;
        margin-top: -80px;
     opacity: 1;
    z-index: 7;
     user-select:none
}

#nav01{ 
position:absolute;
        width:0%;
        height:0%;
        left: 0px;
        top: 0px;
        margin-left: 0px;
        margin-top: 0px;
    opacity: 1;
     z-index: 7;
     user-select:none
}

#nav02{ 
position:absolute;
        width:0%;
        height:0%;
        left: 140px;
        top: 0px;
        margin-left: 0px;
        margin-top: 0px;
    opacity: 1;
     z-index: 7;
     user-select:none
}

#nav04{ 
position:absolute;
        width:0%;
        height:0%;
        left: 450px;
        top: 0px;
        margin-left: 0px;
        margin-top: 0px;
    opacity: 1;
     z-index: 7;
     user-select:none
}

#nav07{ 
position:absolute;
        width:0%;
        height:0%;
        left: 280px;
        top: 0px;
        margin-left: 0px;
        margin-top: 0px;
    opacity: 1;
     z-index: 7;
     user-select:none
}

#nav08{ 
position:absolute;
        width:0%;
        height:0%;
        left: 750px;
        top: 10px;
        margin-left: 0px;
        margin-top: 0px;
    opacity: 1;
     z-index: 7;
     user-select:none
}

#bnr1{ 
position:absolute;
        width:0%;
        height:0%;
        left:70px;
        top: 1485px;
        margin-left: -60px;
        margin-top: -80px;
        opacity: 1;
     z-index: 7;
     user-select:none
}

#bnr3{ 
position:absolute;
        width:0%;
        height:0%;
        left: 400px;
        top: 1485px;
        margin-left: -60px;
        margin-top: -80px;
        opacity: 1;
     z-index: 7;
     user-select:none
}

#bnr4{ 
position:absolute;
        width:0%;
        height:0%;
        left: 730px;
        top: 1485px;
        margin-left: -60px;
        margin-top: -80px;
        opacity: 1;
     z-index: 7;
     user-select:none
}

#bnr5{ 
position:absolute;
        width:0%;
        height:0%;
        left: 70px;
        top: 1540px;
        margin-left: -60px;
        margin-top: -80px;
        opacity: 1;
     z-index: 7;
     user-select:none
}

#bnr6{ 
position:absolute;
        width:0%;
        height:0%;
        left: 400px;
        top: 1540px;
        margin-left: -60px;
        margin-top: -80px;
        opacity: 1;
     z-index: 7;
     user-select:none
}


#obi{
   position:absolute;
        width:0%;
        height:0%;
       left: -500px;
        top: 1440px;
        margin-left: -60px;
        margin-top: -65px; 
     opacity: 1;
    z-index: 6;
     user-select:none
}


/*ここまで位置制御*/



/*こっから下は選択ボタンのアニメーション*/


#nav01 img {
	display: block;
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
#nav01 img:hover {
	transform: scale(1.05);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}

#nav03 img {
	display: block;
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
#nav03 img:hover {
	transform: scale(1.05);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}

#nav04 img {
	display: block;
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}

#nav04 img:hover {
	transform: scale(1.05);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}



#nav05 img {
	display: block;
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
#nav05 img:hover {
	transform: scale(1.05);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}

#nav06 img {
	display: block;
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
#nav06 img:hover {
	transform: scale(1.05);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}

#nav07 img {
	display: block;
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
#nav07 img:hover {
	transform: scale(1.05);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}