@charset "UTF-8";
/* ----共通 ---------------------------------------------------------------------*/
#main {
	padding: 0 40px 110px;
	margin: 15px auto 0;
}
.h2 {
	width:100%;
	background:#D9E5F1;
	padding:14px 20px 14px;
	color:#404040;
	font-size:26px;
}
.h3 {
	clear: both;
	background: transparent;/*背景透明に*/
	border-left: solid 4px #02579f;
	margin: 40px 0 10px;
	padding: 0.20em 18px;
	font-size:23px;
	color:#404040;
}
p { line-height:180%; }

/* レスポンシブ ------------------*/
@media screen and ( max-width:420px ){
	#main { padding-left: 20px; padding-right: 20px; font-size:94%; }
}
@media screen and ( max-width:650px ){
	#main { padding: 0 10px 110px; }
}




/* ----about, b_data ----------------------------------------------------------------*/
.waku { margin: 20px 0 40px 0; }
/* ----title ----*/
.h4 {
	background: #e5ecf2;
	margin: 10px 0 10px 0;
	padding: 10px 6px 8px 14px;/*上下 左右の余白*/
	color:#073059;
	font-size:108%;
	clear: both;
}
.h5 {
	margin: 20px 10px 0 0;
	padding: 6px 6px 0 20px;/*上下 左右の余白*/
	color:#073059;
	font-size:102%;
	clear: both;
}
/* ----文章 ----*/
.h3_p1 { padding: 0 20px 20px 10px; }
.h3_p2 { padding: 0 20px 30px 10px; }
.h3_p3 { padding: 0 20px 0 10px; }
.h3_p4 {
	background-color:#f1f1f1;
	color:#073059;
	line-height: 170%;
	margin: 20px 20px 0 20px;
	padding: 14px 60px;
	word-break: break-all;
}
.h4_p1 { padding: 12px 20px 30px 15px; }
.h5_p1 { padding: 12px 20px 10px 20px; }
.h5_p2 { padding: 12px 20px 50px 20px; }
.h5_p3 { padding: 12px 20px 20px 20px; }

/* ---- about アドレス ----*/
.address1 {
	padding: 0 10px;
	margin:0;
}
.address2 {
	padding:0px 10px;
	margin-bottom:15px;
	color:#02579f;
	font-weight: bold;
}

/* ---- b_data 表 ----*/
#b_data {
	width: 95%;
	font-size: 90%;
	margin: 10px 0 20px 15px;
}
#dd_t {
	border-style:none;
	clear: both;
	margin-bottom: 0px;
	width: 100%;
	empty-cells:show;
}
.dd_t1 {
	border: solid 2px #bed7d9;
	background:#d1e2e3;
	width: 26%;
	padding: 5px 0px 5px 12px;
}
.dd_t2 {
	width: 74%;
	border: solid 2px #bed7d9;
	text-align: left;
	padding: 5px 12px 5px 12px;
}
/* ---- 情報提供ボタン ----*/
.info_btn {
	width:230px;
	display: block;
	text-decoration: none;
	padding: 6px 6px 4px 6px;
	margin: 15px 0;
	color:#ffffff;
	background: #2196F3;
	text-align:center;
}
.info_btn:hover {
	text-decoration: none;
	background: #21a0f3;
}
.file_icon {
	padding-right:4px;
	padding-top:5px;
	vertical-align: top;
}

/* ---- b_data 上部メニュー ----*/
/* レスポンシブ -----*/
@media screen and ( min-width:769px ){//以上
	#h2_link {
		text-align:left;
		margin:10px 0 10px 0;
	}
	#h2_link a {
		font-size:90%;
		margin:0 40px 0 0px;
		color:#666;
		text-decoration:none;
		display: inline-block;
		padding-bottom: 4px;
		position: relative;
	}
	#h2_link a:hover {
		color:#02579f;
		font-weight: 700;
	}
	#h2_link a::after {
		background-color: #02579f;
		bottom: 0;
		content: '';
		display: block;
		height: 2px;
		left: 0;
		position: absolute;
		transition: .5s all;
		width: 0;
	}
	#h2_link a:hover::after {
		width: 100%;
	}
}
@media screen and ( max-width:768px ){//以下
	#h2_link {
		text-align:left;
		margin:10px 0 10px 0;
	}
	#h2_link a {
		font-size:90%;
		margin:0 40px 0 0px;
		color:#02579f;
		text-decoration:none;
		display: inline-block;
		padding-bottom: 4px;
		position: relative;
		font-weight: bold;
	}
	#h2_link a:hover {
		color:#0066ff;
		text-decoration: underline;
	}
}

/* ---- b_data スクロールメニュー ----*/
#list_display {
	display:none;
	position:fixed;
	top:-4px;
	right:5px;
	z-index: 1000;
}
li.fixed {
	width: 90px;
	margin: 9px 0 0 0;
	cursor: pointer;
	padding-left: 15px;
	font-size: 108%;
	color: #fff;
	list-style:none;
	background:#021631;
}
.data_list {
	padding:8px 10px 14px 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
}
.data_list ul {
	padding:0;
	width: 250px;
	margin:0px 0 0 -175px;
	border: 3px solid #021631;
	background-color: #fff;
}
.data_list ul li {
	list-style: none;
}
.data_list ul li a {
	padding:10px 8px 6px 8px;
	text-decoration:none;
	color:#02579f;
	background:#eaeff3;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
	border-bottom:solid 1px #fff;
	border-left: 0px solid #02579f;
	font-size: 88%;
	display:block;
}
.data_list ul li a:hover {
	color:#fff;
	background: #6297c3;
}
.data_list ul li.data_list2 a {
	padding:4px 8px 4px 14px;
	text-decoration:none;
	color:#02579f;
	background:#eaeff3;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
	border-bottom:solid 0px #fff;
	border-left: 0px solid #02579f;
	font-size: 85%;
	display:block;
}
.data_list ul li.data_list2 a:hover {
	color:#fff;
	background: #6297c3;
}
.data_list ul li.data_list3 a {
	border-top:solid 1px #fff;
	border-bottom:solid 1px #fff;
}
.m_arrow1 { margin-left:6px; }
.m_arrow2 { margin-right:6px; }




/* ----news -------------------------------------------------------------------*/
.year-select { padding: 20px 0 0 13px; text-align: left; }
.year-select span { padding:4px 5px 0 0; }
.year-select #year-form {
	width: 140px;
	height: 33px;
	padding-left: 5px;
	margin-right:5px;
	font-size: 15px;
	border: 1px solid #999;
	background: #ccc;
	background: url(img/arrow01.png) right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%,#f1f1f1 100%);
	background: url(img/arrow01.png) right 50% no-repeat, linear-gradient(to bottom, #fff 0%,#f1f1f1 100%);
	background-size: 20px, 100%;
	/*　角丸　*/
	border-radius: 5px;
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	/*　矢印を消す　*/
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
}
.year-select #year-form option { padding:8px; }
.news {
	width: 100%;
	padding: 5px 5px 5px 0px;
	margin:0 0px 20px 0;
}
.year {
	font-size:20px;
	color:#0094c8;
	font-weight: bold;
	padding: 20px 0 8px 14px;
	border-bottom: 2px solid #dadada;
	margin: 10px 0 10px 0;
	display:block;
}
.newsList {
	border-bottom: 1px dotted #dadada;
	margin:10px 0px 10px 0px;
	font-size:96%;
}
.newsList dt {
	width: 150px;
	margin:0px 0px 0px 15px;
	float: left;
}
.newsList dd {
	margin:15px 10px 0px 170px;
	padding-bottom: 15px;
	word-wrap: break-word;
}
/* レスポンシブ ------------------*/
@media screen and ( max-width:650px ){
	.year-select select { height: 30px; }
	.newsList dt { float: none; margin:20px 0 0 15px; font-weight: bold; }
	.newsList dd { margin:10px 10px 0px 15px; padding-bottom: 25px; }
}




/* ----b_redlist ---------------------------------------------------------------*/
table#left_t {
	width:100%;
	margin:20px 0 20px 0;
	border:1px solid #bababa;
}
table#left_t tr { border-bottom:1px solid #bababa; }
table#left_t th#t_item1 { width:10%; height:60px; background:#37588a; }
table#left_t th#t_item2 { background:#37688a; }
table#left_t th#t_item3 { width:67%; height:60px; background:#37728a; }
table#left_t th {
	color:#fff;
	background:#015c89;
	text-align:center;
	border:1px solid #bababa;
	font-weight:normal;
}
table#left_t td { padding:7px; }
th#hakkou{ text-align:center; }
td#h_name {
	text-align:center;
	background:#f0f3f6;
	border-right:#bababa solid 1px;
 }
td#year_li{
	width:40px;
	text-align:center;
	border-left:#bababa solid 1px;
}
table#left_t td#inyou_li{
	border-left:#bababa solid 1px;
	word-break: break-all;
	font-size:96%;
	line-height:180%;
	padding:10px;
}
td.grey { background-color:#eaeaea; }
td#koukai_year { text-align:center; }




/* ----summary -----------------------------------------------------------------*/
#date {
	padding:10px 0 0;
	margin:0;
	color:#333333;
	font-size: 92%;
	width: 92%;
}
#div_xml { width: 100%; margin: 10px 0 0; }
#tableborder { width: 100%; }
.tablexmlFixed{
	clear: both;
	width: 100%;
	empty-cells:show;
	font-size: 94%;
	display:none;
	position: fixed;
	top: 0;
	border:0;
	background:#333;
}
.tablexmlFixed th {
	text-align: center;
	font-weight: normal;
	line-height: 125%;
	padding: 15px 3px 15px 3px;
	border-top: solid 1px #b4b4b4;
	border-bottom: solid 1px #b4b4b4;
	border-right: solid 0px #b4b4b4;
	border-left: solid 1px #b4b4b4;
	color: #ffffff;
	font-size: 108%;
}
.tablexml{
	border-style:none;
	border: solid 1px #b4b4b4;
	clear: both;
	width: 100%;
	empty-cells:show;
	margin: 0;
	font-size: 94%;
}
.tablexml th{
	text-align: center;
	font-weight: normal;
	line-height: 125%;
	padding: 15px 3px 15px 3px;
	border-top: 0;
	border-bottom: solid 1px #b4b4b4;
	border-right: solid 1px #b4b4b4;
	border-left: 0;
	color: #ffffff;
	font-size: 108%;
}
.tablexml th.last {
	border-top: 0px;
	border-bottom: solid 1px #b4b4b4;
	border-right: 0px;
	border-left: 0px;
}
.x_item1 { background:#374b8a; width:20%; }
.x_item2 { background:#37588a; width:22%; }
.x_item3 { background:#37688a; width:19%; }
.x_item4 { background:#37728a; width:20%; }
.x_item5 { background:#37838a; width:19%; }
.border1, .border2, .border3, .border4 {
	border-top: 0;
	border-bottom: 0;
	border-right: solid 1px #e4e4e4;
	border-left: 0;
}
.border1 {
	padding: 4px 0 10px 12px;
	font-size: 95%;
}
.border2 {
	text-align: left;
	padding: 4px 2px 4px 5px;
	font-size: 95%;
}
.border3 {
	text-align: right;
	padding: 6px 8px 4px 0;
	font-size: 100%;
}
.border4 {
	text-align: right;
	padding: 6px 8px 4px 0;
	font-size: 100%;
}
.border5 {
	border: 0;
	text-align: right;
	padding: 6px 8px 4px 0;
	font-size: 100%;
}

.t_middle{ vertical-align:top;}
/* hover時の色 ------------------*/
.tablexml tr:hover td {
	background: #117cab;
	color: #FFFFFF;
}
.tablexml tr:hover td a { color: #FFFFFF; }
.tablexml tr:hover td a:hover { color: #a3def8; }

/* レスポンシブ ------------------*/
@media screen and ( max-width:900px ){
	#date { width: 97%; }
	.tablexmlFixed, .tablexml { margin: 0 0 40px; }
	.tablexmlFixed th, .tablexml th { font-size: 94%; }
}
@media screen and ( max-width:760px ){
	.border2 { word-break: break-all; }
}
@media screen and ( max-width:700px ){
	.border1{ font-size: 84%; padding: 6px 4px 4px; }
	.border2,.border3,.border4,.border5{ font-size: 84%; }
	.t_middle{ vertical-align:top;display:none; }
}
@media screen and ( max-width:580px ){
	#date { width: 98%; }
	.tablexml, .tablexmlFixed{ width: 100%; margin: 0 0 30px; }
	.border1 { word-break: break-all; }
}
@media screen and ( max-width:380px ){
	.tablexmlFixed th, .tablexml th { font-size: 90%; }
	.border1, .border2{ font-size: 76%; }
	.border3, .border4, .border5{ font-size: 74%; padding: 6px 4px 4px 0; }
}



/* ----records -----------------------------------------------------------------*/
#record_area {
	width: 100%;
	min-height:400px;
	padding: 5px 0px;
}
.record {
	border-bottom:1px dashed #bbb;
	margin:0 5px 30px;
}
.record_date {
	float:right;
	background:#e0e8ef;
	margin-top:15px;
	padding:5px 8px 3px;
	color:#444444;
	font-size: 92%;
}
.record_title {
	float:left;
	min-width:200px;
	margin-top:15px;
	font-weight: bold;
	font-size: 124%;
	color:#073059;
}
.record_img img {
	width:100%;
	height: auto;
	border:1px solid #bbb;
	margin:15px 0 0;
}
.record_text {
	clear:both;
	padding-top:15px;
	margin-bottom:40px;
	line-height:170%;
	font-size: 100%;
	word-wrap: break-word;
}
@media screen and ( max-width:500px ){
	.record { margin:0 5px 25px; }
	.record_date { float:none; margin-top:8px; }
	.record_title { float:none; font-size: 110%; margin:10px 0 0 2px; }
	.record_text { line-height:160%; margin-bottom:30px; }
	.record_img img { margin:8px 0 0; }
}



/* ----standard_Items ----------------------------------------------------------*/
div#tableborder {
	width: 100%;
	padding:20px 0 30px 0;
	line-height:170%;
}
.t_items1, .t_items2, .t_items3, .t_items4 {
	width: 25%;
	float: left;
	border-collapse: collapse;
}
.t_items1 th, .t_items2 th, .t_items3 th, .t_items4 th {
	height: 40px;
	background:#37588a;
	color:#f1f1f1;
	border-left: 1px #999999 solid;
	border-bottom: 1px #999999 solid;
	border-top: 1px #999999 solid;
}
.w50 { width: 50px; }
.th_last { border-right: 1px #999999 solid; }
.b_num1, td.b_num2, td.b_num3 {
	width: 50px;
	padding:2px;
	text-align:center;
	background: #D9E5F1;
	border-left: 1px #999999 solid;
	border-bottom: 1px #999999 solid;
}
.b_num4 {
	width: 50px;
	padding:2px;
	text-align:center;
	background: #D9E5F1;
	border-left: 1px #999999 solid;
	border-bottom: 1px #999999 solid;
}
.b_dwc1, .b_dwc2 {
	padding:2px 6px 2px 6px;
	border-left: 1px #999999 solid;
	border-bottom: 1px #999999 solid;
}
.b_dwc3 {
	padding:2px 6px 2px 6px;
	border-left: 1px #999999 solid;
	border-bottom: 1px #999999 solid;
}
.b_dwc3_1 {
	padding:2px 6px 2px 6px;
	border-left: 1px #999999 solid;
	border-right: 1px #999999 solid;
	border-bottom: 1px #999999 solid;
}
.b_dwc4 {
	padding:2px 6px 2px 6px;
	border-right: 1px #999999 solid;
	border-left: 1px #999999 solid;
	border-bottom: 1px #999999 solid;
}
/* hover時の色 ------------------*/
.t_items1 tr:hover td,.t_items2 tr:hover td,
.t_items3 tr:hover td,.t_items4 tr:hover td{
	background: #117cab;color: #FFFFFF;
}
/* floatクリア ------------------*/
.clearLeft { clear: left; }

/* レスポンシブ ------------------*/
@media screen and ( max-width:1262px ){
	.t_items1, .t_items2, .t_items3, .t_items4 { width: 50%; }
	.t_items2 { float: none; }
	.t_items3, .t_items4 { margin-top:30px; }
	.b_dwc2 { border-right: 1px #999999 solid; }
}

@media screen and ( max-width:670px ){
	.t_items1, .t_items2, .t_items3, .t_items4 {
		width: 100%;
		float: none;
		margin-top:30px;
	}
	.t_items1, .t_items2, .t_items3, .t_items4 { margin-top:0px; }
	.tr2, .tr3, .tr4 { display:none; }
	.b_dwc1, .b_dwc2, .b_dwc3, .b_dwc4 {
		border-right: 1px #999999 solid;
		word-break: break-all;
	}
}


.year-select #year-form {
	background-image: url(arrow01.png);
}
