@charset "UTF-8";
/* CSS Document */

.bg1{
	background-color: #8ED2F4;
	}


.bg2{
	background-color: #F63;
	}
	
.bg3{
	background-color: #006;
	}
	
		#loader {
	    width: 100%;
	    height: 100%;
	    display: none;
	    position: fixed;
	    _position: absolute; /* IE6対策 */
	    top: 50%;
	    left: 50%;
	    margin-top: -24px; /* heightの半分のマイナス値 */
	    margin-left: -24px; /* widthの半分のマイナス値 */
	    z-index: 9999;
	}
	 
	#fade {
	    width: 100%;
					min-width:1300px;
	    height: 2000px;
	    display: none;
	    background-color: #FFE100;
	    position: absolute;
	    top: 0px;
	    left: 0px;
	    z-index: 9900;
	}
	

#usaimg01{
	background: url(../images/usaimg01.png) left top no-repeat;
	height:105px;
	width:194px;
	margin:200px 0 0 470px;
	position:absolute;
	top:320px;
	z-index:20;

}
#usaimg02{
background: url(../images/usaimg02.png) left top no-repeat;
	height:65px;
	width:116px;
	margin:35px 0 0 630px;
	top:440px;
	position:absolute;
	z-index:100;

}
#usaimg03{
	background: url(../images/usaimg03.png) left top no-repeat;
	height:81px;
	width:100px;
margin:0px 0 0 820px;
	position:absolute;
	top:540px;
	z-index:100;

}
#usaimg04{
background: url(../images/usaimg04.png) left top no-repeat;
	height:83px;
	width:102px;
	margin:-20px 0 0 190px;
	position:absolute;
	z-index:50;

}
#usaimg05{
	background: url(../images/usaimg05.png) left top no-repeat;
	height:55px;
	width:65px;
	margin:380px 0 0 620px;
	position:absolute;
	z-index:80;

}
#usaimg06{
	background: url(../images/usaimg06.png) left top no-repeat;
	height:71px;
	width:118px;
	margin:250px 0 0 800px;
	position:absolute;
	z-index:100;

}
#usaimg07{
	background: url(../images/usaimg07.png) left top no-repeat;
	height:51px;
	width:294px;
	margin:170px 0 0 650px;
	position:absolute;
	z-index:100;

}
#usaimg08{
	background: url(../images/usaimg08.png) left top no-repeat;
	height:58px;
	width:75px;
	margin:165px 0 0 410px;
	position:absolute;
	z-index:100;

}
#usaimg09{
	background: url(../images/usaimg09.png) left top no-repeat;
	height:33px;
	width:84px;
	margin:375px 0 0 1050px;
	position:absolute;
	z-index:100;

}
#usaimg10{
	background: url(../images/usaimg10.png) left top no-repeat;
	height:80px;
	width:96px;
	margin:45px 0 0 1210px;
	position:absolute;
	z-index:100;

}



#par{
    position:absolute;
    overflow:hidden;
   
    min-width:1300px;
    height:693px;
}
.layer{
    position:absolute;
				z-index:10;
				min-width:1400px;
    height:100%;
			
}



#parallax-layer1{
  background:url(../images/bgimg01.png) repeat-x 70% 0;
				top: 0px!important;	
				z-index:50;
}

#parallax-layer2{
   background:url(../images/bgimg02.png) repeat-x 70% 0;
				top: 0px!important;	
				z-index:40;	
}
#parallax-layer3{
	margin-top:5px;
	z-index:30;
}

.bgurl4{
	background:url(../images/bgimg03.png) repeat-x 70% 0;
}
.bgurl5{
	background:url(../images/bgimg03_3.png) repeat-x 70% 0;
}
   
#parallax-layer4{
				margin-top:5px;	
				z-index:20;
}
.bgurl1{
	background:url(../images/bgimg04.png) repeat-x 70% 0;
	
	
}
.bgurl2{
	background:url(../images/bgimg04_2.png) repeat-x 70% 0;
	
}
.bgurl3{
	background:url(../images/bgimg04_3.png) repeat-x 70% 0;
	
}
#parallax-layer5{
	top: 0px!important;
	z-index:60;
	}

#parallax-layer6{
	top: 0px!important;
	z-index:70;
}

#parallax-layer8{
	top: 0px!important;
	z-index:50;
}
#parallax-layer7{
	top: 0px!important;
	z-index:70;
}
#parallax-layer9{
	top: 0px!important;
	z-index:70;
}
#parallax-layer10{
	top: 0px!important;
	z-index:70;
}
#parallax-layer11{
	top: 0px!important;
	z-index:70;
}
#parallax-layer0{
	position:absolute;
	top: 0px!important;
	z-index:200;
		width:1300px;
    height:693px;
}


#imagecontainer{
	margin:0 auto;  width:100%; height:100%; position:relative;
}
.hotspot{
	/*background:url(../images/hotspot_plus.png) 50% 50% no-repeat;*/
 position:absolute;
}



.hs01{
top:380px; left:150px; width:60px; height:80px;
}
.hs02{
top:165px; left:600px; width:270px; height:50px;
}
.hs03{
top:520px; left:400px; width:120px; height:105px;
}
.hs04{
top:460px; left:950px; width:70px; height:60px;
}