@charset "utf-8";

/* loading
---------------------------------------------------------- */
#loader {
	width: 100%;
	height: 100%;
	background-color: #000000;
	position: fixed;
	z-index: 5000;
}
#loader img {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -250px; /* heightの半分のマイナス値 */
	margin-left: -512px; /* widthの半分のマイナス値 */
}

#wrapper_outer {
	position: relative;
	overflow: hidden;
}

/* cloud
---------------------------------------------------------- */
.bg_cloud {
	position: absolute;
}
#move_cloud01 {
	background: url(../img/bg_move_cloud01.png) 0 0;
	width: 1600px;
	height: 3440px;
	top: 11000px;
	left: 50%;
	margin-left: -800px;
	z-index: 10;
}
#move_cloud02_01 {
	background: url(../img/bg_move_cloud02.png) 0 0;
	width: 1600px;
	height: 1920px;
	top: 12000px;
	left: 0;
	z-index: 20;
}
#move_cloud02_02 {
	background: url(../img/bg_move_cloud02.png) 0 0;
	width: 1600px;
	height: 1920px;
	left: 600px;
	top: 9600px;
	z-index: 20;
}
#move_cloud03 {
	background: url(../img/bg_move_cloud03.png) 0 0;
	width: 1600px;
	height: 2718px;
	left: 50%;
	margin-left: -800px;
	top: 7450px;
	z-index: 10;
}


/* history_top
---------------------------------------------------------- */
#history_top {
		margin: 179px 0 0 0;
	}
	#history_top p {
		text-align: center;
		margin: 14px auto 0;
	}
			
/* !history_main
---------------------------------------------------------- */
#history_main {
	margin-top: 60px;
	position: relative;
	z-index: 500;
}
	#history_main h2 p {
		text-align: center;
	}

/* 飛行物体 */
#move_shuttle02 {
	background: url(../img/move_shuttle02.png) no-repeat;
	width: 469px;
	height: 304px;
	position: absolute;
	left: 1140px;
	top: 540px;
	display: none;
}
#move_shuttle01 {
	background: url(../img/move_shuttle01.png) no-repeat;
	width: 231px;
	height: 946px;
	position: absolute;
	left: 210px;
	top: 2040px;
	display: none;
}
#move_concorde {
	background: url(../img/move_concorde.png) no-repeat;
	width: 550px;
	height: 204px;
	position: absolute;
	left: -960px;
	top: 4720px;
	display: none;
}
#move_passenger {
	background: url(../img/move_passenger.png) no-repeat;
	width: 528px;
	height: 255px;
	position: absolute;
	left: 1400px;
	top: 7360px;
	display: none;
}
#move_propeller {
	background: url(../img/move_propeller.png) no-repeat;
	width: 404px;
	height: 204px;
	position: absolute;
	left: 540px;
	top: 9430px;
	display: none;
}
/*	#move_propeller img {
		width: 0;
		height: 0;
		display: block;
		margin-left: 202px;
		margin-top: 102px;
	}
*/
#move_airship {
	background: url(../img/move_airship.png) no-repeat;
	width: 511px;
	height: 172px;
	position: absolute;
	left: -900px;
	top: 11310px;
	display: none;
}
#move_balloon {
	background: url(../img/move_balloon.png) no-repeat;
	width: 296px;
	height: 386px;
	position: absolute;
	left: 0;
	top: 12720px;
	display: none;
}
#move_humanpowered {
	background: url(../img/move_humanpowered.png) no-repeat;
	width: 375px;
	height: 310px;
	position: absolute;
	left: 1600px;
	top: 12940px;
	display: none;
}

/* 年ごとのセクション */
#sec_next {
	position: relative;
	height: 963px;
}
#sec_2016 {
	position: relative;
	height: 1000px;
}
#sec_2015 {
	position: relative;
	height: 1385px;
}
#sec_2014 {
	position: relative;
	height: 2055px;
	margin-top: 350px;
}
#sec_2013 {
	position: relative;
	height: 3585px;
}
#sec_2012 {
	position: relative;
	height: 1900px;
}
#sec_2011 {
	position: relative;
	height: 850px;
}
#sec_2010 {
	position: relative;
	height: 880px;
}
#sec_2009 {
	position: relative;
	height: 1680px; 
}
	.bg_pic {
		position: absolute;
		width: 1024px;
	}
	#stratosphere {
		background: url(../img/bg_history_stratosphere.png) no-repeat 0 0;
		height: 670px;
		top: 180px;
		z-index: -1;
	}
	#launch {
		background: url(../img/bg_history_launch.png) no-repeat 0 0;
		height: 608px;
		bottom: 50px;
		z-index: -1;
	}
	#start {
		background: url(../img/bg_history_start.png) no-repeat 0 0;
		height: 982px;
		bottom: 0;
	}

/* 丸のサイズ */
.pic_small {
	position: absolute;
/*	width: 306px; height: 306px; */
}
.pic_large {
	position: absolute;
/*	width: 458px; height: 458px; */
}
.pic_ss {
	position: absolute;
/*	width: 86px; height: 86px; */
}
	.pic_small img, .pic_large img, .pic_ss img {
		width: 0;
		height: 0;
		display: block;
	}
	.pic_small img {
		margin-left: 153px;
		margin-top: 153px;
	}
	.pic_large img {
		margin-left: 229px;
		margin-top: 229px;
	}
	.pic_ss img {
		margin-left: 43px;
		margin-top: 43px;
	}

/* それぞれの丸の画像・位置 */
#pic_201601 {
	left: 472px;
	top: 100px;
}
#pic_201502 {
	left: 76px;
	top: 100px;
}
#pic_201501 {
	left: 605px;
	top: 456px;
}

#pic_201406 {
	left: 144px;
	top: 88px;
}
#pic_201405 {
	left: 269px;
	top: 310px;
}
#pic_201404 {
	left: 481px;
	top: 417px;
}
#pic_201403 {
	left: 618px;
	top: 963px;
}
#pic_201402 {
	left: 288px;
	top: 1233px;
}
#pic_201401 {
	left: 102px;
	top: 1467px;
}

#pic_201310 {
	left: 480px;
	top: 87px;
}
#pic_201309 {
	left: 220px;
	top: 563px;
}
#pic_201308 {
	left: 82px;
	top: 803px;
}
#pic_201307 {
	left: 156px;
	top: 1029px;
}
#pic_201306 {
	left: 94px;
	top: 1645px;
}
#pic_201305 {
	left: 542px;
	top: 1943px;
}
#pic_201304 {
	left: 116px;
	top: 2216px;
}
#pic_201303 {
	left: 492px;
	top: 2583px;
}
#pic_201302 {
	left: 96px;
	top: 2761px;
}
#pic_201301 {
	left: 82px;
	top: 3166px;
}

#pic_201206 {
	left: 96px;
	top: 90px;
}
#pic_201205 {
	left: 310px;
	top: 404px;
}
#pic_201204 {
	left: 90px;
	top: 553px;
}
#pic_201203 {
	left: 462px;
	top: 897px;
}
#pic_201202 {
	left: 96px;
	top: 1095px;
}
#pic_201201 {
	left: 242px;
	top: 1500px;
}

#pic_201103 {
	left: 476px;
	top: 84px;
}
#pic_201102 {
	left: 438px;
	top: 612px;
}
#pic_201101 {
	left: 414px;
	top: 451px;
}

#pic_201003 {
	left: 110px;
	top: 90px;
}
#pic_201002 {
	left: 119px;
	top: 627px;
}
#pic_201001 {
	left: 104px;
	top: 484px;
}

#pic_200903 {
	left: 80px;
	top: 90px;
}
#pic_200902 {
	left: 336px;
	top: 460px;
}
#pic_200901 {
	left: 596px;
	top: 432px;
}

/* h3とテキストセット */
.comment {
	position: absolute;
	opacity: 0;
}
.comment p {
	margin-top: 12px;
}

/* h3とテキストの個別位置 */
#cmnt_201601 {
	left: 96px;
	top: 280px;
}
#cmnt_201502 {
	left: 536px;
	top: 245px;
}
#cmnt_201501 {
	left: 200px;
	top: 640px;
}
#cmnt_201406 {
	left: 450px;
	top: 112px;
}
#cmnt_201405 {
	left: 536px;
	top: 269px;
}
#cmnt_201404 {
	left: 89px;
	top: 713px;
}
#cmnt_201403 {
	left: 252px;
	top: 1050px;
}
#cmnt_201402 {
	left: 600px;
	top: 1420px;
}
#cmnt_201401 {
	left: 570px;
	top: 1737px;
}
#cmnt_201310 {
	left: 140px;
	top: 233px;
}
#cmnt_201309 {
	left: 533px;
	top: 640px;
}
#cmnt_201308 {
	left: 396px;
	top: 876px;
}
#cmnt_201307 {
	left: 618px;
	top: 1245px;
}
#cmnt_201306 {
	left: 472px;
	top: 1751px;
}
#cmnt_201305 {
	left: 139px;
	top: 2127px;
}
#cmnt_201304 {
	left: 414px;
	top: 2348px;
}
#cmnt_201303 {
	left: 97px;
	top: 2596px;
}
#cmnt_201302 {
	left: 347px;
	top: 3129px;
}
#cmnt_201301 {
	left: 393px;
	top: 3317px;
}
#cmnt_201206 {
	left: 555px;
	top: 283px;
}
#cmnt_201205 {
	left: 584px;
	top: 511px;
}
#cmnt_201204 {
	left: 353px;
	top: 748px;
}
#cmnt_201203 {
	left: 185px;
	top: 959px;
}
#cmnt_201202 {
	left: 513px;
	top: 1387px;
}
#cmnt_201201 {
	left: 550px;
	top: 1583px;
}
#cmnt_201102 {
	left: 80px;
	top: 308px;
}
#cmnt_201101 {
	left: 120px;
	top: 538px;
}
#cmnt_201002 {
	left: 570px;
	top: 345px;
}
#cmnt_201001 {
	left: 390px;
	top: 609px;
}
#cmnt_200901 {
	left: 528px;
	top: 260px;
}

/* startボタン upボタン */
#btn_start {
	position: absolute;
	bottom: 50px;
	left: 50%;
	margin-left: -162px;
}
	#btn_start p {
		text-align: center;	
	}
p.attention {
	margin-top: 15px;
}

/* !gNavi_fixed
---------------------------------------------------------- */
#gNavi_fixed {
	position: fixed;
	right: 50px;
	bottom: 50px;
	background: rgba(255,255,255,0.50);
	border-radius: 13px;
	width: 188px;
	height: 188px;
	z-index: 1000;
	padding: 7px 7px;
}
	#gNavi_fixed div {
		opacity: 0.5;
		position: relative;
		z-index:1010;
		width: 188px;
		height: 188px;
	}
	#gNavi_fixed div:hover {
		opacity: 1;
	}
	#gNavi_fixed02, #gNavi_fixed05, #gNavi_fixed08 {
		margin: 0 7px 0 7px;
	}
	.ul_icon li{
		float: left;
		margin-bottom: 7px;
		width: 58px;
	}

/* !lNavi
---------------------------------------------------------- */
#lNavi {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 80px;
	height: 100%;
	background: #FFFFFF;
	opacity: 0.6;
	z-index: 1000;
}
	#year {
		position: relative;
		top: 50%;
		margin-top: -200px;
	}
		#year li {
		overflow: hidden;
		position: absolute;
		left: 0;
		top: 0;
		width: 80px;
		height: 50px;
		}
			#year #lNavi09 { top: 0px; left: 0; height: 50px;}
			#year #lNavi08 { top: 50px;}
			#year #lNavi07 { top: 100px;}
			#year #lNavi06 { top: 150px;}
			#year #lNavi05 { top: 200px;}
			#year #lNavi04 { top: 250px;}
			#year #lNavi03 { top: 300px;}
			#year #lNavi02 { top: 350px;}
			#year #lNavi01 { top: 400px;}
			
				#year #lNavi09 a { top: 0px; left: 0; height: 50px;}
				#year #lNavi08 a { margin-top: -50px;}
				#year #lNavi07 a { margin-top: -100px;}
				#year #lNavi06 a { margin-top: -150px;}
				#year #lNavi05 a { margin-top: -200px;}
				#year #lNavi04 a { margin-top: -250px;}
				#year #lNavi03 a { margin-top: -300px;}
				#year #lNavi02 a { margin-top: -350px;}
				#year #lNavi01 a { margin-top: -400px;}
		
		#year li a:hover,
		#year li a:focus {
			margin-left: -80px;
		}
		#year .current a {
			margin-left: -80px;
		}