@charset "utf-8";
/* CSS Document */

/* SampleSite
-----------------------------------------------------*/
/* ==============================================
    crumbs
============================================== */
#crumbs {
	list-style: none;
	width: 950px; /* total 980px */
	margin: 20px auto 15px;
	padding: 0 15px;
}
#crumbs:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
}
#crumbs li {
	float: left;
}
#crumbs li a,
#crumbs li.icn {
	padding-right: 20px;
	background: url(image/crumbs.gif) no-repeat right center;
}

/* ==============================================
    title
============================================== */
#title {
	margin-bottom: 20px;
}

#contents h1{
	margin-bottom: 15px;
}

.pagination{
	letter-spacing: -.40em;
	text-align: right;
	margin-bottom: 20px;
}
.pagination .prev,
.pagination .next,
.pagination ul,
.pagination ul li{
	display: inline-block;
  letter-spacing: normal;
	line-height: 1;
	vertical-align: middle;
}
.pagination .next,
.pagination ul li{
	margin-left: 15px;
}
.pagination ul li,
.pagination ul li a{
	color: #186f01;
	font-size: 18px;
	font-weight: bold;
}
.pagination ul li a:hover{
	text-decoration: none;
}
.pagination .link_none{
	pointer-events: none;
	opacity: 0.7;
}

#chronology{
	border-collapse: separate;
	border-spacing: 0;
	border-bottom: 1px dotted #000;
	width: 704px;
	float: left;
}
#chronology tr th,
#chronology tr td{
	padding: 14px 5px;
	box-sizing: border-box;
	text-align: left;
	vertical-align: top;
	border-top: 1px dotted #000;

}
#chronology tr th{
	font-weight: normal;
	width: 154px;
}
#chronology tr td{
	font-weight: normal;
	border-left: 1px dotted #000;
}
#chronology tr td.month{
	width: 90px;
}
#chronology tr.none_border td{
	border-top: none;
}
#chronology tr.top_space_none td{
	padding-top: 0;
	border-top: none;
}
#chronology tr.bottom_space_none td{
	padding-bottom: 0;
}
#chronology tr.vertical_space_none td{
	padding-top: 0;
	padding-bottom: 0;
	border-top: none;
}
.contents_right{
	float: right;
	list-style-type: none;
	width: 270px;
}
.contents_right li{
	margin-bottom: 10px;
}
.contents_right li figure img{
	margin-bottom: 6px;
}
.contents_right li figure figcaption{
	font-size: 14px;
}
.contents_right li#vertical_space_19810810{
	margin-top: 117px;
	margin-bottom: 1320px;
}
.contents_right li#vertical_space_20100212{
	margin-bottom: 620px;
}
.contents_right li#vertical_space_20131218{
	margin-bottom: 55px;
}

#obligation_container{
	margin-top: 50px;
}
#obligation_container h2,
#obligation_container p{
	margin-bottom: 25px;
}

/****************************************************/


@media screen and (max-width: 750px) {
/****************************************************
    750px未満に適用
****************************************************/
#chronology,
.contents_right{
	float: none;
}
#chronology{
	width: 100%;
	margin-bottom: 20px;
}
#chronology tr th{
	width: 118px;
}
.contents_right{
	letter-spacing: -.40em;
	max-width: 555px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.contents_right li{
	max-width: 270px;
	width: 49%;
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
}
.contents_right li:nth-child(even){
	margin-left: 2%;
}
.contents_right li figure img{
	width: 100%;
}
.contents_right li#vertical_space_19810810,
.contents_right li#vertical_space_20100212,
.contents_right li#vertical_space_20131218{
	margin-top: 0;
	margin-bottom: 10px;
}
/***************************************************/
}
}