@charset "UTF-8";

/* ==================================================================
CSS information
style info :「machines」 用
================================================================== */

/* --------------------------------------------------------
#contents
-------------------------------------------------------- */
#contents { background:#000107 url(../_img/machines/bg.jpg) top center no-repeat; }
.page-lead { text-align:center; }


/* --------------------------------------------------------
#c1
-------------------------------------------------------- */
#c1 .inner-cont { width:920px; margin:0 auto; }

#airframe-view { position:relative; height:610px; }

#airframe-view .view {
	position:absolute; left:0; top:0;
	-webkit-transition:all 0.6s linear 0s;
	-moz-transition:all 0.6s linear 0s;
	transition:all 0.6s linear 0s;
}
#airframe-view .view img {
	position:relative;
	-webkit-transition:opacity 0.6s linear 0s;
	-moz-transition:opacity 0.6s linear 0s;
	transition:opacity 0.6s linear 0s;
}
#airframe-view .hide, #airframe-view .hide img {
	opacity:0; filter:alpha(opacity=0); -ms-filter:"alpha(opacity=0)"; zoom:1;
}
#airframe-view .name img {
	position:relative;
}
#airframe-view .name01 {
	position:absolute;
	margin-right:214px;
	top:105px; right:50%;
}
#airframe-view .name02 {
	position:absolute;
	margin-right:217px;
	top:105px; right:50%;
}
#airframe-view .name03{
	position:absolute;
	margin-right:123px;
	top:105px; right:50%;
}
#airframe-view .name04 {
	position:absolute;
	margin-right:119px;
	top:105px; right:50%;
}
#airframe-view .name05 {
	position:absolute;
	margin-right:69px;
	top:106px; right:50%;
}
#airframe-view .video {
	position:absolute;
	left:4px; bottom:15px;
	height:158px;
}
#airframe-view .video a {
	position:absolute;
	left:0; top:0;
	display:block;
}
#airframe-view .video img {
	height:100%;
}
#airframe-view .switch {
	width:460px;
	position:absolute;
	right:0; bottom:16px;
}
#airframe-view .switch li {
	padding:0 4px 0 13px;
	float:left;
}
#airframe-view .switch li.front {
	background:url(../_img/machines/btn_front_on.png) 13px top no-repeat;
}
#airframe-view .switch li.side {
	background:url(../_img/machines/btn_side_on.png) 13px top no-repeat;
}
#airframe-view .switch li.back {
	background:url(../_img/machines/btn_back_on.png) 13px top no-repeat;
}
#airframe-view .switch li a {
	display:block;
}
#airframe-view .switch li a.now {
	visibility:hidden;
}
#airframe-view .switch li a:hover img {
	opacity:0; filter:alpha(opacity=0); -ms-filter:"alpha(opacity=0)";
}
#airframe-list li {
	margin-left:24px;
	float:left;
}
#airframe-list .first {
	margin-left:5px;
}
#airframe-list .last {
	margin-left:17px; margin-right:-2px;
	position:relative;
}
#airframe-list img {
	position:relative;
}
#c1 #video-box {
	width:808px;
	height:478px;
	background:url(../_img/videos/yt_bg.png) top center no-repeat;
	margin:0 auto 30px;
	padding:15px 4px 0;
	position:relative;
	background-size:cover;
}

/* --------------------------------------------------------
#c2
-------------------------------------------------------- */
#c2 { text-align:center; }
#c2 img { position:relative; }
