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;
  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: 2730px;
  margin: auto;
  padding: 0;
  z-index: 2;
   overflow: hidden;
  background-image: url(img/background.jpg) ;    
  background-color:#000;
  background-attachment: fixed;
  background-position: center top;
  background-repeat: no-repeat;
  -moz-background-size: 100%;
  background-size: 100%;
   
}

.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:30px;
        margin-left: -60px;
        margin-top: -65px;  
     z-index: 9;
}


#deji{
   position:absolute;
        width:0%;
        height:0%;
        left: 460px;
        top:-160px;
        margin-left: -60px;
        margin-top: -65px;  
     z-index: 8;
}






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




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

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

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

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

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

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


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

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

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

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

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




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



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

#nav02 img {
	display: block;
    transform: scale(1);　/*追加 元々の大きさ */
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
#nav02 img:hover {
	transform: scale(1.1);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}


#movie2 img {
	display: block;
    transform: scale(1);　/*追加 元々の大きさ */
	transition-duration: 0.25s;	/*変化に掛かる時間*/
}
#movie2 img:hover {
	transform: scale(1.03);	/*画像の拡大率*/
	transition-duration: 0.25s;	/*変化に掛かる時間*/
}

#movie1 img {
	display: block;
    transform: scale(1);　/*追加 元々の大きさ */
	transition-duration: 0.25s;	/*変化に掛かる時間*/
}
#movie1 img:hover {
	transform: scale(1.03);	/*画像の拡大率*/
	transition-duration: 0.25s;	/*変化に掛かる時間*/
}

#LPlink img {
	display: block;
    transform: scale(1);　/*追加 元々の大きさ */
	transition-duration: 0.25s;	/*変化に掛かる時間*/
}
#LPlink img:hover {
	transform: scale(1.03);	/*画像の拡大率*/
	transition-duration: 0.25s;	/*変化に掛かる時間*/
}

#kalink img {
	display: block;
    transform: scale(1);　/*追加 元々の大きさ */
	transition-duration: 0.25s;	/*変化に掛かる時間*/
}
#kalink img:hover {
	transform: scale(1.03);	/*画像の拡大率*/
	transition-duration: 0.25s;	/*変化に掛かる時間*/
}



#nav07 img {
	display: block;
    transform: scale(1);　/*追加 元々の大きさ */
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
#nav07 img:hover {
	transform: scale(1.1);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}