@charset "utf-8";

.pageLink{
	padding: 0;
	text-align: center;
}

.pageLink ul {
	padding:5px 10px;
	display: inline-block;
}

.pageLink ul li {
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	margin: 5px 10px 5px 5px;
	padding: 0 14px 0 18px;
	background: url(../images/icon_pageLink.png) no-repeat left 6px;
}

.pageLink ul li:nth-last-of-type(1){
	margin-right:0;
}


.pageLink ul li:not(:nth-last-of-type(1))::after {
	position: absolute;
	top: 50%;
	right: 0;
	display: inline-block;
	width: 1px;
	height: 1em;
	content: '';
	transform: translateY(-50%);
	background-image: linear-gradient(transparent 1px, #ccc 1px);
	background-size: 1px 2px;
}

/*related Link*/

.history_box .relatedLink .ttl {
	display: block;
	/*
	float:left;
	width:90px;*/
	padding: 0 0 0 10px;
	background: url(/share/images/arr_0.gif) no-repeat left center;
}

.history_box .relatedLink .link {
	line-height: 150%;
	display: block;
	/*
	width:162px;
	float:left;*/
	padding-left: 10px;
}

.history_box {
	margin-bottom: 50px;
	padding-top: 20px;
	background: url(../images/bg_history_box.png) repeat-y center top;
}

.history_box .year {
	padding-bottom: 20px;
	text-align: center;
}

.history_box .ttl_year {
	font-size: 15px;
	font-weight: bold;
	padding: 5px 0 0 8px;
}

.history_box dl {
	overflow: hidden;
	margin-top: 10px;
}

.history_box dl.btm {
	overflow: hidden;
	margin-top: 0;
}

.history_box dl dt {
	float: left;
	width: 40px;
	margin-right: 10px;
}

.history_box dl dt p {
	padding: 0;
	text-align: center;
	color: #fff;
	background: #ccc;
}

.history_box dl dd {
	float: left;
	width: 265px;
}

.history_box dl dd img {
	margin-top: 3px;
}

.history_box dl dd .arrow {
	padding: 0 0 0 12px;
	background: url('/share/images/arr_0.gif') no-repeat left 8px;
}

.history_box dl dd ul.kanren_link li.ttl {
	float: left;
	width: 96px;
}

.history_box dl dd ul.kanren_link li.link {
	line-height: 150%;
	float: left;
	width: 162px;
}

.history_box dl dd .ml_8 {
	margin-left: -8px;
}

.history_box+p.bt a {
	font-size: 15px;
	font-weight: bold;
	line-height: 1;
	display: block;
	width: 352px;
	margin: auto;
	padding: 14px 0;
	color: #333;
	border: #cbcbcb 1px solid;
	background: url(/share/images/feebtn2_bg.jpg) repeat-x;
	background-size: auto 100%;
}

.history_box+p.bt a span {
	display: block;
	width: 100%;
	background: url(/share/images/arr_9.gif) left 19px center no-repeat;
}

.history_box+p.bt a:hover {
	text-decoration: none;
	background: url(/share/images/feebtn2_bg_o.jpg) repeat-x;
}

.history_box sub {
	font-size: 10px;
}

.year>strong {
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
	position: relative;
	display: inline-block;
	padding: .75em 0;
	text-align: center;
	letter-spacing: .05em;
	color: #666;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	background: #fff;
}

.year>strong>span {
	position: relative;
	z-index: 10;
	display: block;
	padding: 0 1em;
	text-align: center;
}

.year>strong::before, .year>strong::after {
	position: absolute;
	z-index: 1;
	top: 1px;
	display: inline-block;
	width: calc(1.8em - 1px);
	height: calc(1.8em - 1px);
	content: '';
	transform: rotate(45deg);
	transform-origin: bottom;
	background: #fff;
}

.year>strong::before {
	left: calc(-1.8em + 4px);
	border-bottom: solid 1px #ccc;
	border-left: solid 1px #ccc;
}

.year>strong::after {
	right: -4px;
	border-top: solid 1px #ccc;
	border-right: solid 1px #ccc;
}

.year_box {
	position: relative;
	width: 340px;
	margin-bottom: 12px;
	padding-bottom: 15px;
	border: solid 1px #ccc;
	border-radius: 8px;
}

.year_box::before, .year_box::after {
	position: absolute;
	display: inline-block;
	content: '';
}

.year_box::before {
	width: 18px;
	height: 18px;
	border-radius: 100%;
	background: #ccc;
}

.year_box::after {
	width: 50px;
	height: 1px;
	margin-top: 8px;
	background: #ccc;
}

.year_box .ttl_year {
	border-radius: 8px 8px 0 0;
	background: #f8f8f8;
}

.year_box.position-left {
	float: left;
}

.year_box.position-left::before {
	right: -49px;
}

.year_box.position-left::after {
	right: -49px;
}

.year_box.position-right {
	float: right;
}

.year_box.position-right::before {
	left: -51px;
}

.year_box.position-right::after {
	left: -51px;
}

/*ajudst*/

.decade {
	position: relative;
	margin-bottom: 30px;
}

.decade:nth-last-of-type(1) {
	padding-bottom: 20px;
}

.decade:nth-last-of-type(1)::before {
	position: absolute;
	bottom: -20px;
	left: calc(50% - 2px);
	width: 3px;
	height: 40px;
	content: '';
	background-image: linear-gradient(#ccc 50%, #fff 50.1%, #fff 70%, #ccc 70.1%);
	background-size: 3px 10px;
}

.h1956 {
	margin-top: 40px;
}

.h1964 {
	margin-bottom: 30px;
}

.h1968 {
	margin-top: -18px;
}

.h1984 {
	margin-top: -88px;
}

.h2001, .h2002, .h2003 {
	clear: both;
}

.h2003 {
	margin-bottom: 165px;
}

.h2004 {
	margin-top: -360px;
}

.h2008 {
	clear: both;
	margin-top: -147px;
}

.h2009 {
	margin-top: 3px;
}

.h2010 {
	margin-bottom: 50px;
}

/*marker*/

.h1956::before, .h1956::after {
	top: 74px;
}

.h1951::before, .h1951::after {
	top: 4px;
}

.h1957::before, .h1957::after {
	top: 48px;
}

.h1958::before, .h1958::after {
	top: 25px;
}

.h1961::before, .h1961::after {
	top: 0;
}

.h1963::before, .h1963::after {
	top: 103px;
}

.h1964::before, .h1964::after {
	top: 15px;
}

.h1966::before, .h1966::after {
	top: 7px;
}

.h1968::before, .h1968::after {
	top: 109px;
}

.h1970::before, .h1970::after {
	top: 4px;
}

.h1973::before, .h1973::after {
	top: 73px;
}

.h1976::before, .h1976::after {
	top: 100px;
}

.h1979::before, .h1979::after {
	top: 156px;
}

.h1981::before, .h1981::after {
	top: 5px;
	right: -49px;
}

.h1984::before, .h1984::after {
	top: 82px;
}

.h1987::before, .h1987::after {
	top: 66px;
}

.h1989::before, .h1989::after {
	top: 17px;
}

.h1991::before, .h1991::after {
	top: 7px;
}

.h1992::before, .h1992::after {
	top: 40px;
}

.h1995::before, .h1995::after {
	top: 25px;
}

.h1996::before, .h1996::after {
	top: 41px;
}

.h1998::before, .h1998::after {
	top: 9px;
}

.h2000::before, .h2000::after {
	top: 8px;
}

.h2001::before, .h2001::after {
	top: 8px;
}

.h2002::before, .h2002::after {
	top: 8px;
}

.h2003::before, .h2003::after {
	top: 39px;
}

.h2004::before, .h2004::after {
	top: 494px;
}

.h2005::before, .h2005::after {
	top: 46px;
}

.h2006::before, .h2006::after {
	top: 20px;
}

.h2007::before, .h2007::after {
	top: 35px;
}

.h2008::before, .h2008::after {
	top: 164px;
}

.h2009::before, .h2009::after {
	top: 81px;
}

.h2010::before, .h2010::after {
	top: 8px;
}

.h2011::before, .h2011::after {
	top: 117px;
}

.h2012::before, .h2012::after {
	top: 89px;
}

.h2013::before, .h2013::after {
	top: 10px;
}

.h2015::before, .h2015::after {
	top: 104px;
}

.h2016::before, .h2016::after {
	top: 87px;
}

.h2020::before, .h2020::after {
	top: 8px;
}