@charset "UTF-8";
/* ---------------------------------------- file info */
/* filename:history.css */
/* creation date:2016年1月12日 */
/* last updated:2016年1月13日 */
/* -------------------------------------------------- */
#contentsArea {
	margin:0 auto -80px;
}
#contentsArea .catch {
	text-align:center;
padding: 100px 0px 50px;

	background:#fff;
	font-size:150%;
	font-weight:700;
 letter-spacing: 2px;
color: #4f4e4e;
}

#contentsArea .catch2 {
	

	background:#fff;
	

}

#contentsArea .catch h1{
	text-align:center;
padding: 20px 0px 20px;

 letter-spacing: 2px;
	font-size:200%;
	font-weight:700;
color: #4f4e4e;

}



#contentsArea .catch p {
	font-size:120%;
	line-height:2;
}

#contentsArea .catch2 p{

	text-align:center;
line-height:2;
padding: 10px 0px 40px;
 letter-spacing: 2px;


	font-size:140%;
	font-weight:500;

}




#contentsArea .timeline {
padding: 5px 0px 0px;
	position:relative;
}
#contentsArea .timeline > nav {
	position:fixed;
	top:59%;
	left:40px;
	z-index:100;
}
#contentsArea .timeline > nav ul li {
	line-height:30px;
	position:relative;
	color:#fff;
 letter-spacing: 2px;
}
#contentsArea .timeline > nav ul li b {
	text-indent:-10000px;
	display:block;
}
#contentsArea .timeline > nav ul li:before {
	width:10px;
	height:2px;
	background:#fff;
	content:" ";
	display:block;
	position:absolute;
	left:0;
	top:14px;
}
#contentsArea .timeline > nav ul li.on {
	padding-left:60px;
}
#contentsArea .timeline > nav ul li.on b {
	text-indent:0px;
}
#contentsArea .timeline > nav ul li.on:before {
	width:30px;
}
#contentsArea section {
	position:relative;
	-webkit-transition:500ms ease;
	-moz-transition:500ms ease;
	-ms-transition:500ms ease;
	transition:500ms ease;
}
#contentsArea section#y1901 header {
	background-image:url(../../images/history/fig_img01@2.png);
}
#contentsArea section#y1920 header {
	background-image:url(../../images/history/fig_img02@2.png) ;
}
#contentsArea section#y1950 header {
	background-image:url(../../images/history/fig_img03@2.png) ;
}
#contentsArea section#y1970 header {
	background-image:url(../../images/history/fig_img04@2.png);
}
#contentsArea section#y2000 header {
	background-image:url(../../images/history/fig_img05@2.png);
}
#contentsArea section header {
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
}
#contentsArea section header:after {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background:url(../../images/history/bg_cross@2.png);
	background-size:4px 4px;
	background:url(../../images/history/bg_cross.png) /9;
	content:" ";
}
#contentsArea section header {
	height:450px;
	text-align:center;
	padding-top:150px;
}
#contentsArea section header .time {
	font-size:172%;
	letter-spacing:3px;
	padding:80px 0 0px 0px;
	color:#fff;
	border-bottom:4px solid #fff;
	position:relative;
	z-index:10;
	display:inline-block;
}

#contentsArea .h2 {
	font-size:286%;
	font-weight:700;
	padding:50px 0 120px;
	position:relative;
	z-index:10;
}

#contentsArea section h3 {
	font-size:286%;
	color:#fff;
	font-weight:700;
	padding:50px 0 120px;
	position:relative;
	z-index:10;
}
#contentsArea section .btn span {
	position:relative;
	z-index:10;
}
.btn span {
	width:200px;
	line-height:36px;
	text-align:center;
	display:block;
	margin:0 auto;
	cursor:pointer;
}
.btn.white span {
	color:#333;
	background:#fff;
	border:2px solid #fff;
	-webkit-transition:500ms ease;
	-moz-transition:500ms ease;
	-ms-transition:500ms ease;
	transition:500ms ease;
}
.btn.white span:hover {
	background:none;
	color:#fff;
	border:2px solid #fff;
}
#contentsArea section .inner {
	background:#F5F5F5;
	display:block;
}
#contentsArea section dl:nth-of-type(1) {
	padding-top:70px;
}
#contentsArea section dl {
	width:900px;
	border-left:1px solid #666;
	padding:15px 0;
	margin:0 auto;
	overflow:visible;
}
#contentsArea section dl:after {
	content:" ";
	display:block;
	clear:both;
}
#contentsArea section dl dt {
	width:100px;
	font-size:172%;
	line-height:30px;
	font-weight:700;
	float:left;
	padding:0px 15px;
	position:relative;
	overflow:visible;
}

#contentsArea section dl dt:before {
	width:8px;
	height:8px;
	background:#333;
	border-radius:50%;
	content:"";
	position:absolute;
	left:-4px;
	top:11px;
}
#contentsArea section dl dd {
	width:782px;
	font-weight:400;
	line-height:30px;
	float:right;
}
#contentsArea section dl dd p b {
	font-size:114%;
}
#contentsArea section dl dd p {
	line-height:1.5;
	padding-bottom:10px;
}
#contentsArea section dl dd ul li {
	width:200px;
	float:left;
	padding:0 40px 40px 0;
}
#contentsArea section dl dd ul li.dd {
	width:508px;
	padding-right:0px;
}
#contentsArea section dl dd ul li.dd figure img:first-child {
	margin-right:15px;
}
#contentsArea section dl dd ul li:nth-of-type(3n) {
	width:200px;
	padding-right:0px;
}
#contentsArea section dl dd ul li:nth-of-type(3n+1) {
	clear:both;
}
#contentsArea section dl dd ul li figure {
	margin-bottom:10px;
}


}