@charset "utf-8";
/* リセット
---------------------------------------------------------- */

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, table, th, td, button {
    margin: 0;
	padding: 0;
	font-size: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}

img {
	display: block;
	border: 0;
	max-width:100%;
}

div img {
	display: inline;
}

ol ,
ul {
	list-style: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}

address {
	font-style: normal;
}


/*clearfix
----------------------------------------*/
.clearfix { zoom:1; }

.clearfix:after {
	content: "";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	font-size: 0.1em;
	line-height: 0;
}

/* レイアウト
----------------------------------------*/

html {
	height: 100%;
}

body {
	position:relative;
	color: #000000;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	*font-size: small;
	*font: x-small;
	line-height: 150%;
	height: 100%;	
	border-left:20px solid #ffffff;
	border-right:20px solid #ffffff;
	z-index:109;
}

body a {
	color: #000000;
	text-decoration: none;
}

a:hover,
a:hover img {
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

img {
	max-width:100%;
}

#container {
	height:100%;
}

/* 詳細
----------------------------------------*/

header {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:20px;
	background:#ffffff;
	z-index:110;
}

header h1 {
	position:absolute;
	top:0;
	left:50%;
	width:30.29%;
	margin-left:-15.14%;
	z-index:11;
}

header h1 img{
	margin:0 auto;
}

footer {
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	height:20px;
	background:#ffffff;
	z-index:110;
}

footer p {
	position:absolute;
	bottom:0;
	left:50%;
	width:14.58%;
	margin-left:-7.29%;
	z-index:11;
}

footer p img{
	margin:0 auto;
}

.linkBox {
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	width:50px;
	height:160px;
	margin:auto;
	padding:44px 0;
	text-align:center;
	background:#ffffff;
	z-index:111;
}

.linkBox li {
	overflow:hidden;
}

.linkBox li a {
	display:block;
	width:9px;
	height:1px;
	margin:6.5px auto;
	padding:3px 3px;
	text-indent:-9999px;
	background:url(../img/air_anc_off.gif) no-repeat center center;
}

.linkBox li.active a {
	width:15px;
	height:3px;
	margin:6.5px auto;
	padding:2px 0;
	background:url(../img/air_anc_on.gif) no-repeat center center;
}

.mask {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	overflow:hidden;
	z-index:100;
}

#area01_before {
	display:table-cell;
	width:9999px;
	vertical-align:middle;
	text-align:center;
	background:url(../img/air_01_bg.jpg) no-repeat left top;
	background-size:cover;
}

#area01_before h2 {
	display:none;
	margin:2.5% 0 3%;
	line-height:100%;
}

#area01_before h2 .txt01 {
	display:inline-block;
	width: 23.823%;
	margin:0 0 1.57%;
}

#area01_before h2 .txt02 {
	display:inline-block;
	width: 30.294%;
	margin:0 0 1.57%;
}

#area01_before h2 .txt03 {
	display:inline-block;
	width: 34.264%;
	margin:0 0 1.57%;
	opacity:0;
}

#area01_before h2 img ,
#area01 h2 img {
	vertical-align:top;
}

#area01_before p {
	opacity:0;
}

#area01 {
	text-align:center;
	background:url(../img/air_02_bg.jpg) no-repeat left top;
	background-size:cover;
}

#area01 h2 {
	position:relative;
	margin:2.5% 0 3%;
	line-height:100%;
	z-index:3
}

#area01 h2 .txt01 {
	display:inline-block;
	width: 23.823%;
	margin:0 0 1.57%;
}

#area01 h2 .txt02 {
	display:inline-block;
	width: 30.294%;
	margin:0 0 1.57%;
}

#area01 h2 .txt03 {
	display:inline-block;
	width: 34.264%;
	margin:0 0 1.57%;
	opacity:0;
}

#area01 p.anc {
	position:relative;
	opacity:0;
	z-index:3;
}

#area01 .img_txt {
	position: absolute;
	right: 35px;
	bottom: 32px;
}

#area01 p.dust {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0;
	z-index:2;
}

#area01 p.dust img {
	width:100%;
	height:100%;
}

.stage .outer {
	width:100%;
	overflow:hidden;
}


.stage .inner {
	max-width:1400px;
	margin:1.6% auto 0;
}

.stage .outer.active img {
	max-width:inherit;
}

#area02 {
	text-align:center;
	background:url(../img/air_03_bg.jpg) no-repeat left top;
	background-size:cover;
}

#area02 h2 {
	float:left;
	width: 43.898%;
	margin:9.43% 0 0 9.2%;
	line-height:100%;
	text-align:left;
}

h2 span {
	display:inline-block;
	vertical-align:top;
}

h2 .outer {
	margin:0 0 3.64%;
}

#area02 h2 .txt01 {
	width: 100%;
}

#area02 h2 .txt02 {
	width: 100%;
}

#area02 h2 .txt03 {
	width: 97.881%;
}

#area02 .txtBox {
	float:right;
	width:37.15%;
	margin:0 9.2% 0 0;
	text-align:right;
	line-height:100%;
}

.txtBox img {
	vertical-align:top;
}

#area03 {
	text-align:center;
	background:url(../img/air_04_bg.jpg) no-repeat left top;
	background-size:cover;
}

#area03 h2 {
	float:left;
	width:40.8%;
	margin:6.07% 0 0 9.2%;
	line-height:100%;
	text-align:left;
}

#area03 h2 .txt01 {
	width: 74.418%;
}

#area03 h2 .txt02 {
	width: 71.162%;
}

#area03 h2 .txt03 {
	width: 93.255%;
}

#area03 h2 .txt04 {
	width: 72.325%;
}

#area03 .txtBox {
	float:right;
	width:37.15%;
	margin:0 9.07% 0 0;
	text-align:right;
	line-height:100%;
}

#area04 {
	text-align:center;
	background:url(../img/air_05_bg.jpg) no-repeat left top;
	background-size:cover;
}

#area04 h2 {
	float:left;
	width:40.8%;
	margin:9.43% 0 0 9.2%;
	line-height:100%;
	text-align:left;
}

#area04 h2 .txt01 {
	width:74.22%;
}

#area04 h2 .txt02 {
	width:34.57%;
}

#area04 h2 .txt03 {
	width:61.76%;
}

#area04 .txtBox {
	position:relative;
	float:right;
	width:37.15%;
	max-width:520px;
	margin:0 9.07% 0 0;
	text-align:right;
	line-height:100%;
}

#area04 .txtBox a.modelhouse {
	position:absolute;
	top:56%;
	left:12.11%;
	width:36.16%;
	max-width:188px;
}

#area04 .txtBox a.catalogue {
	position:absolute;
	top:56%;
	right:12.11%;
	width:36.16%;
	max-width:188px;
}

#area04 .txtBox a img {
	margin:0 auto;
}
