@charset "utf-8";

.historytop {
	width: 750px;
	margin: 10px 0 0 0;
}
.historytop a {
	margin-right: 0;
}
.historynav li {
	float: left;
	list-style-type: none;
	margin: 0 0 0 7px;
}
.historynav li a:hover img{ opacity:0.8; filter:alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; -moz-opacity:0.8;}
.historybox {
	width: 749px;
	margin: 10px 0 30px 0px;
	background: url(../img/bg_loop.jpg) repeat-y;
}
.historybox .edge img {
	vertical-align: bottom;
}
.historybox .container {
	position: relative;
}
.historybox .container .bar {
	width: 31px;
	position: absolute;
	top: 0;
	left: 103px;
	background: #E7D1BC;
	height:100%;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#e7d1bc', endColorstr = '#ffffff');
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#e7d1bc', endColorstr = '#ffffff')";
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	background-image: -moz-linear-gradient(top, #e7d1bc, #ffffff);
	background-image: -ms-linear-gradient(top, #e7d1bc, #ffffff);
	background-image: -o-linear-gradient(top, #e7d1bc, #ffffff);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#e7d1bc), to(#ffffff));
	background-image: -webkit-linear-gradient(top, #e7d1bc, #ffffff);
	background-image: linear-gradient(top, #e7d1bc, #ffffff);
	/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
}
.historybox .container .bar img {
	padding: 40px 0 0 0;
}
.historybox .container .bar .anma {
	height: 150px;
}

.historybox .container .bar .roller {
	height: 250px;
}
.historybox .container .bar .roller img {
	margin: 0 0 0 1px;
}
.historybox .container .bar .air {
	height: 190px;
}
.historybox .container .bar .hybrid {
	height: 250px;
}
.historybox .container .bar .medical {
	height: 270px;
}
.historybox .container .bar .holi {
	height: 325px;
}
.historybox .stickem-container {
	position: relative;
	
}
.historybox .boxarea {
	margin: 0 0 5px 0;
}
.historybox .stickit {
    position: fixed;
    top: 0;
}
 
.historybox .stickit-end {
    bottom: 0;
    position: absolute;
}
.historybox .stickem {
	margin: 0;
	padding: 0;
}
.historybox .stickem {
	width: 96px;
	height: 42px;
	float: left;
}
.historybox .box {
	width: 615px;
	float: right;
}
.historybox .box h4 {
	margin: 0 0 10px 0;
}
.historybox .ph {
	width: 240px;
	float: left;
	margin: 0 0 20px 10px;
}
.historybox .ph a:hover img{ opacity:0.8; filter:alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; -moz-opacity:0.8;}
.historybox .txt {
	background-color: #FFF;
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 0 0 20px 10px;
	vertical-align: top;
	float: left;
	width: 345px;
}

.historybox .txt p {
	font-size: 14px; /*サイズ変更時大きさ指定・ここではSサイズ用*/
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.historybox .txt strong {
	color: #C00;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.historybox .y2007 {
	position: absolute;
	left: 0;
	top: 0;
	height: 850px;
	width: 96px;
}
.historybox .y2010 {
	position: absolute;
	left: 0;
	top: 0;
	height: 750px;
	width: 96px;
}