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: 250px;
  height: 250px;
  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: 1165px;
  margin: 0;
  padding: 0;
  z-index: 2;
  overflow: hidden;
  background-color:#000;
  background-position: center top;
  background-repeat: no-repeat;
  -moz-background-size: auto 100%;
  background-size: auto 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: 7;
}



#back{
    position:absolute;
        width:100%;
        height:100%;
        left: -400px;
        top: 0px;
        margin-left: -60px;
        margin-top: -80px;
    min-width: 1152px;
  min-height: 864px;
    opacity:1;
        user-select:none
}
      

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

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

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

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

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

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

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

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

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

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

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

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

#navback1{
   position:absolute;
        width:0%;
        height:0%;
       left: -400px;
        top: 925px;
        margin-left: -60px;
        margin-top: -65px; 
     opacity: 1;
    z-index: 6;
     user-select:none
}
#twitter{
   position:absolute;
        width:0%;
        height:0%;
        left: 70px;
        top:1038px;
        margin-left: -60px;
        margin-top: -65px; 
        opacity: 1;
     z-index: 6;
     user-select:none
}

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


.tokucyou{ border: 0px solid #000;
    width: 100%;
    height: 100%;
    min-width: 1020px;
    min-height: 858px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: relative;
    overflow: auto;
    overflow-x: hidden;
    margin: auto;
        width:0%;
        height:0%;
        left: 55px;
        top: 145px;
        margin-left: -60px;
        margin-top: -80px;
     opacity: 1;
    z-index: 4;
}
.tokucyou::-webkit-scrollbar{width:10px;}/*バーの太さ*/
.tokucyou::-webkit-scrollbar-track{background:#000;}/*バーの背景色*/
.tokucyou::-webkit-scrollbar-thumb{background:#24babb;}/*バーの色*/

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


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



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



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


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

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

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


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

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


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