@charset "utf-8";

/*-------------------------------------------------------
publish
-------------------------------------------------------*/
span.weekly{
	font-size:80%;
	margin-right:0.3em;
}
.side_nav .sub_nav ul li.link_inner{
	font-weight:normal;
}
.wysiwyg h3 {
    font-size: 18px;
    font-size: 1.8rem;
	padding: .3em 10px .2em;
	margin-bottom:20px;
}
.wysiwyg h4{
	margin-bottom:20px;
}
.wysiwyg h4::after {
    left: 25px;
    border: 6px solid transparent;
    border-top: 9px solid #01817c;
}
.wysiwyg h5 {
    font-size: 18px;
    font-size: 1.8rem;
	margin-bottom:10px;
}
.wysiwyg p.mb_none{
	margin-bottom:0;
}
.bold{
	font-weight:bold;
}
span.txt{
	display:block;
	margin-bottom:10px;
}

.list_no li span.indent{
	padding-left:1.2em;
	display:block;
}

.list_disc.link_bu a {
  color: #1b4b94;
  text-decoration: underline;
}

/* -- index -- */

.red{
	color:#c00000;
}
.in_inner{
	padding:0 3%;
}
.center-box{
	text-align:center;
}

ul.about-list{
	overflow:hidden;
	font-size:0;
	margin-bottom:15px;
}
ul.about-list li{
	width:48.5%;
	display:inline-block;
	vertical-align:top;
	margin-right:3%;
	margin-bottom:20px;
	font-size:15px;
	font-size:1.5rem;
}
ul.about-list li:nth-child(2n){
	margin-right:0%;
}
ul.about-list > *:first-child + * {
	margin-right:0%;
}
ul.about-list li a{
	display:block;
	border:3px solid #dedede;
	padding:15px;
	min-height:76px;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	-ms-border-radius:7px;
	border-radius:7px;
}

ul.about-list li a:hover{
	border: 3px solid #01817c;
}

ul.about-list li a .ttl{
	display:block;
	font-size:18px;
	font-size:1.8rem;
	font-weight:bold;
	color:#01817c;
	padding-left:30px;
	margin-bottom:5px;
}
ul.about-list li a .ttl#about01{
	background:url(../img/publish_ico01.png) no-repeat 0 top;
}
ul.about-list li a .ttl#about02{
	background:url(../img/publish_ico02.png) no-repeat 0 2px;
}
ul.about-list li a .ttl#about03{
	background:url(../img/publish_ico03.png) no-repeat 0 top;
}
ul.about-list li a .ttl#about04{
	background:url(../img/publish_ico04.png) no-repeat 0 2px;
}
ul.about-list li a .ttl#about05{
	background:url(../img/publish_ico05.png) no-repeat 0 top;
}
ul.about-list li a .ttl#about06{
	background:url(../img/publish_ico06.png) no-repeat 0 top;
}

span.line{
	display:block;
	height:3px;
	width:100%;
	background:#bbb;
	margin-bottom:20px;
}


/* -- leaflet -- */

.leaflet-column{
	overflow:hidden;
	margin-bottom:30px;
}
.leaflet-column dt{
	float:left;
	width:35%;
	margin-right:5%;
	text-align:center;
}
.leaflet-column dd{
	overflow:hidden;
}
.leaflet-column ul{
	overflow:hidden;
	margin-bottom:15px;
}
.leaflet-column li{
	width:46%;
	margin:0 2%;
	text-align:center;
	float:left;
}

.leaflet-column .list_disc{
	margin-left: 2px;
}

.leaflet-column .list_disc.link_bu li{
	width: auto;
	text-align: left;
	margin: 10px 0 7px 1em;
	float: none;
	font-weight: bold;
}

.leaflet-column .list_disc.link_bu li a:hover{
	text-decoration: none;
}

.leaflet-column p{
	margin-bottom:0 !important;
}
.leaflet-column .dl_btn{
	padding-left:22px;
	background:url(../img/doc_ico.png) no-repeat 0 2px;
	margin:10px 0 0;
}
.leaflet-column .dl_btn a{
	color:#1b4b94;
  text-decoration: underline;
	font-weight:bold;
}
.leaflet-column .dl_btn a:hover{
	text-decoration:none;
}


/* -- library -- */

.search-box{
	background:#f1f5f4;
	padding:20px;
	overflow:hidden;
	font-size:18px;
	font-size:1.8rem;
	margin-bottom:25px;
}
.search-box p{
	margin-bottom:10px !important;
	font-size:14px;
	font-size:1.4rem;
	font-weight:bold
}
.search-box p .red{
	color:#c00000;
  font-weight: bold;
}
.search-box .search-left{
	width:71.5%;
	margin-right:3%;
	float:left;
}
.search-box .search-right{
	width:25.5%;
	float:right;
}
.search-box .serch_btn{
	background:none !important;
	padding:0 !important;
	cursor:pointer;
}
.search-box .serch_btn:hover{
	opacity:0.9;
	filter: alpha(opacity=90);
	-ms-filter: "alpha(opacity=90)";
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	-webkit-transition:0.2s;
	-moz-transition:0.2s;
	-ms-transition:0.2s;
	transition:0.2s;
}
.search-box .free-word{
	width:100%;
	border:3px solid #dedede;
	padding:0.8% 1%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-border-radius:7px;
	-ms-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
	margin-bottom:5px;
	font-weight:bold;
}
::-webkit-input-placeholder{
	color: #292F33;
	font-weight:normal;
}
input.free-word::-webkit-input-placeholder {
	color: #292F33;
	font-weight:normal;
}
input.free-word:-ms-input-placeholder {
	color: #292F33;
	font-weight:normal;
}
input.free-word::-moz-placeholder {
	color: #292F33;
	font-weight:normal;
}
.search-box .class{
	width:100%;
	border:3px solid #dedede;
	padding:0.8% 1%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-border-radius:7px;
	-ms-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
}
.search-box ul.search-list2,
.search-box ul.search-list{
	width:100%;
	display:table;
}
.search-box ul.search-list li,
.search-box ul.search-list2 li{
	display:table-cell;
}
.search-box ul.search-list li:first-child,
.search-box ul.search-list2 li:first-child{
	width:3em;
}
ul.search-list{
	margin-bottom:5px;
}
ul.search-list li{
  position: relative;
}
ul.search-list input{
  position: absolute;
  width: 32%;
  height: 100%;
  margin: 0;
  border: 0;
  padding: 0;
  top: 0;
}
ul.search-list input#select1{
  left: 0;
}
ul.search-list input#select2{
  left: 34%;
}
ul.search-list input#select3{
  left: 68%;
}
ul.search-list label{
  position: relative;
	width:32%;
	display: block;
	float:left;
	cursor: pointer;
	text-align:center;
	padding:2px 0;
	margin-left:2%;
	border:3px solid #dedede;
	background: #FFF;
	transition: .2s;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-border-radius:7px;
	-ms-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
  -moz-user-focus: normal;
}
ul.search-list li label:first-child{
	margin-left:0;
}
ul.search-list label:first-of-type{
	margin-left:0;
}
ul.search-list input[type="radio"]:checked + label {
	background-color: #6a6a6a;
	border:3px solid #6a6a6a;
	color: #fff;
}


.search-box2{
	overflow:hidden;
	margin-bottom:20px;
}
.search-box2 .result_txt{
	float:left;
	margin:0 !important;
	padding-top:5px;
}
.search-box2 .sort-form{
	float:right;
	display:table;
}
.search-box2 .sort-form span{
	width:5em;
	display:table-cell;
	vertical-align:middle;
	line-height:1;
}
.search-box2 .sort-form .sort{
	display:table-cell;
	width:100%;
	padding:0.5% 1%;
	border:3px solid #dedede;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-border-radius:7px;
	-ms-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
}


.library-column{
	padding:0 3% 15px;
	margin-bottom:20px;
	border-bottom:2px dashed #e8e8e8;
}
.library-column p{
	margin-bottom:0 !important;
}
.library-column .ttl{
	color:#01817c;
	font-weight:bold;
	font-size:16px;
	font-size:1.6rem;
	margin-bottom:10px !important;
}
.library-column .ttl a:hover{
	text-decoration:underline;
}
.library-column .category{
	border:1px solid #01817c;
	font-size:12px;
	font-size:1.2rem;
	padding:1px 20px;
	-webkit-border-radius:5px;
	-ms-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	margin-right:10px;
	font-weight:normal;
}
.library_moreBtn{
	text-align:center;
	margin:30px 0 0;
}
.library_moreBtn:hover{
	opacity:0.9;
	filter: alpha(opacity=90);
	-ms-filter: "alpha(opacity=90)";
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	-webkit-transition:0.2s;
	-moz-transition:0.2s;
	-ms-transition:0.2s;
	transition:0.2s;
	cursor:pointer;
}




@media screen and (max-width : 768px) {
	.side_nav .ttl {
		background-size:auto;
	}
	.wysiwyg h3,
	.wysiwyg h5 {
		font-size:16px;
		font-size:1.6rem;
	}
	.in_inner{
		padding:0;
	}

	/* -- index -- */

	ul.about-list li{
		width:100%;
		display:block;
		margin-right:0%;
		margin-bottom:15px;
	}
	.in_inner{
		padding:0;
	}


	/* -- leaflet -- */

	.leaflet-column{
		margin-bottom:20px;
	}
	.leaflet-column dt{
		float:none;
		width:80%;
		margin:0 auto 15px;
	}
	.leaflet-column li{
		width:80%;
		margin:0 auto 10px;
		float:none;
	}



	/* -- library -- */

	.search-box{
		padding:5%;
		font-size:15px;
		font-size:1.5rem;
	}
	.search-box .search-left{
		width:100%;
		margin:0 0 10px;
		float:none;
	}
	.search-box .search-right{
		width:55%;
		margin:0 auto;
		text-align:center;
		float:none;
	}
	.search-box .free-word{
		width:100%;
		border:3px solid #dedede;
		padding:5px;
		margin-bottom:10px;
		-webkit-appearance: none;
	}
	.search-box .class{
		padding:5px;
	}
	.search-box ul.search-list2,
	.search-box ul.search-list{
		display:block;
	}
	.search-box ul.search-list li,
	.search-box ul.search-list2 li{
		display:block;
	}

	ul.search-list{
		overflow:hidden;
		margin-bottom:10px;
	}
	ul.search-list label{
		padding:5px 0;
	}
	ul.search-list li label:first-child{
		margin-left:0;
	}
	ul.search-list label:first-of-type{
		margin-left:0;
	}
	ul.search-list input[type="radio"]:checked + label {
		background-color: #6a6a6a;
		border:3px solid #6a6a6a;
		color: #fff;
	}
	.search-box2 .result_txt{
		float:none;
		margin:0 0 5px !important;
		padding-top:0;
	}
	.search-box2 .sort-form{
		float:none;
		width:100%;
	}
	.search-box2 .sort-form .sort{
		padding:2px;
	}


	.library-column{
		padding:0 0% 15px;
	}
	.library-column .ttl{
		font-size:15px;
		font-size:1.5rem;
		margin-bottom:5px !important;
	}
	.library-column .ttl a{
		display:block
	}
	.library-column .category{
		margin-bottom:5px;
		display:inline-block;
	}
	.library_moreBtn{
		text-align:center;
		margin:30px 0 0;
	}
	.library_moreBtn:hover{
		opacity:0.9;
		filter: alpha(opacity=90);
		-ms-filter: "alpha(opacity=90)";
		-moz-opacity:0.9;
		-khtml-opacity: 0.9;
		-webkit-transition:0.2s;
		-moz-transition:0.2s;
		-ms-transition:0.2s;
		transition:0.2s;
		cursor:pointer;
	}

}