@charset "UTF-8";

/* ==================================================================
CSS information
style info :「machines」 用
================================================================== */


/* --------------------------------------------------------
#contents
-------------------------------------------------------- */
#contents { padding-top:0; }


/* --------------------------------------------------------
#c1
-------------------------------------------------------- */

#airframe-view {
	position:relative;
	height:581px;
}
#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 .hide {
	opacity:0;
}
#airframe-view .name {
	position:absolute;
	left:0; bottom:0;
}
#c1 .inner {
	background:url(../_img/machines/inner_bg.jpg) center top no-repeat;
}
#c1 .switch {
	float:left;
	width:50%;
	height:191px;
}
#c1 .switch li {
	margin-left:24px; margin-bottom:16px;
}
#c1 .switch li.front {
	background:url(../_img/machines/btn_front_on.png) left top no-repeat;
}
#c1 .switch li.side {
	background:url(../_img/machines/btn_side_on.png) left top no-repeat;
}
#c1 .switch li.back {
	background:url(../_img/machines/btn_back_on.png) left top no-repeat;
}
#c1 .switch li a {
	width:213px;
	display:block;
}
#c1 .switch li a.now {
	visibility:hidden;
}
#c1 .switch li a:hover img {
	opacity:0; filter:alpha(opacity=0); -ms-filter:"alpha(opacity=0)";
}

#c1 .video {
	float:right;
	width:50%;
	height:191px;
}
#c1 .video img {
	margin-left:49px;
}
#airframe-list {
	clear:both;
	text-align:center;
	letter-spacing:-.40em;
}
#airframe-list li {
	padding:16px 6px 0;
	display:inline-block;
	letter-spacing:normal;
}
#airframe-list li img {
	vertical-align:top;
}


/* --------------------------------------------------------
#c2
-------------------------------------------------------- */