@charset "utf-8";
/*  Basic Elements
----------------------------------------------*/
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
}
html:not(:target) {
    font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', メイリオ, Meiryo\9;
}

html body{
    font-family: 'Noto Sans JP', sans-serif;
    -moz-font-feature-settings: "palt";
    font-feature-settings: "palt";
}
ul li {
 
}
.contentIn ul,
.contentIn ol{

	margin-bottom: 20px;
}
.contentIn ul li{
	margin-left:1em;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
p {
    line-height: 1.6;
}
ruby {
    ruby-align: distribute-space;
    ruby-overhang: auto;
    ruby-position: above;
    line-height: 1;
}
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 20px;
}
table caption {
    text-indent: -9999px;
    line-height: 0;
}
table.enakaku_tbl th{
min-width:6em;
}

table.enakaku_tbl th,
table.enakaku_tbl td{
width:auto;
}
.skip {
    position: absolute;
    left: -9999px;
}
.red {
    color: #ff0000;
    font-weight: bold;
}
/* float */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}
/* Hides from IE-mac \*/
*html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}
/* End hide from IE-mac */

a img:hover {
    opacity: 0.8;
}
img.img50 {
    width: 50%;
}
/*------------------------------------------------
   link
------------------------------------------------*/

a:link, a:visited, a:active {
    color: #1F5189;
    text-decoration: underline;
}
a:hover {
    color: #1F5189;
    text-decoration: none;
}
a.ex_link {
    padding-right: 5px;
}

.box_r_top li a:hover, .usemenu_link a:hover ,a:focus{
    opacity: 0.8;
}

/*------------------------------------------------
	base
------------------------------------------------*/

html {
    width: 100%;
    height: 100%;/*	overflow-y: scroll;*/
}
html:not(:target) {
    font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', メイリオ, Meiryo\9;
}
body {
    width: 100%;
    background: #fff;
    color: #000;
    line-height: 2.2;
    text-align: left;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    -webkit-text-size-adjust: 100%;
    font-size: 90%;
}
/*----------------------------------------------------------
	topicpath
----------------------------------------------------------*/
.container{
	padding-left: 80px;
padding-right: 80px;
}

/*cms*/
ol#topicpath {
    width: 100%;
    margin: 0 0 5px 0;
}
ol#topicpath > li {
    display: inline-block;
    padding: 0px;
    margin: 0px
}
ol#topicpath > li:after {
    padding: 5px;
    content: ">";
}
ol#topicpath > li:last-child:after {
    content: " ";
}
/*----------------------------------------------------------
	Layout
----------------------------------------------------------*/

header {
    border-bottom: solid 1px #CCC;
}
header .col {
	padding-right:0;
    padding-left: 0;
}

/*　本文へ　*/
.skip {
	width: 1px;
	color: #000000;
	font-size: 0.1%;
	line-height: 0.1;
	background-color: #FFFFFF;
	position: absolute;
	left: -3000px;
	z-index: 9999;
}
a.skip {
    background-color: #f9f0f1!important;
    color: #000!important;
    text-align: center;
    padding: 5px 0;
    top: auto;
}
a.skip:active {
	display: block;
	width: 99.99%;
	font-size: 100%;
	line-height: 1.6;
	top: 0;
	left: 0;
}
a.skip:focus {
	display: block;
	width: 99.99%;
	font-size: 100%;
	line-height: 1.6;
	top: 0;
	left: 0;
	opacity:1;
}




#honbun_btn {
    position: absolute;
    top: 0;
    left: 80px;
    width: 70px;
    z-index: 9999;
}
/*#honbun_btn a {
	font-size: 14px;
	text-align: center;
	padding: 5px 5px 2px;
}*/


/*headTop*/
.headTop{
	background:#1A61AB;
	text-align:right;
	padding:2px 0 3px 0;
	font-size:95%;
	vertical-align:top;
}


.headTop p{
	margin-bottom:0;
	vertical-align: top;
}

.headTop a{
	color:#FFF;
	text-decoration:none;
	vertical-align: baseline;
}
@media screen and (max-width: 768px) {
.headTop{
	display:none;
}
}


.headSub{
	display: inline-block;
}

#header_logo {
	font-size:1px;
}
#header_logo a{
    padding: 16px 0;
	display:inline-block;
}
p#header_logo {
    padding: 1.7em 0 0 0;
    margin: 0;
}
#header_logo img {
    max-width: 380px;
	font-size: medium;
}

header .container {
    margin: 0 auto;
    position: relative;
    padding: 0 80px;
}
header a.search_link_icon {
    color: #222222;
}
header.active {
    color: red;
}
p.skip {
    position: absolute;
    left: -9999px;
}
#sp_navi, #sp_navi_txt {
    display: none;
}
input.search_field {
    width: 14em;
    height:24px;
    background-color: #EEF2F5;
    border: 1px solid #1183e4;
	border-right:1px solid #000;
    padding-left: 10px;
	vertical-align:unset;
}
#header_search {
	display:inline-block;
	text-align:right;
}
header input.search_btn {
    border:1px solid #FFF;
    margin-left: -2px;
    cursor: pointer;
    padding: 0px 10px 0px 10px;
    letter-spacing: 5px;
}
.headSub{
	display:inline-block;
	margin-right:1em;
}
.headSub li{
	display:inline-block;
	margin-right:1em;
}

.design_control {
}
.font_btn, .font_btn .title, .bg_btn, .bg_btn .title ,#font-size{
	display:inline-block;
}

.font_btn .title {
    margin: 3px 0px;
}
.bg_btn .title {
    margin: 3px 10px;
}
.search_link_btn {
	display:inline-block;
}
.search_btn a {
    color: #222222;
}
#cse-search-box {
}
/* 　フォントサイズ変更ボタンstyle　*/


#font-size div.small, #font-size div.medium, #font-size div.large {
    color: #fff!important;
    font-size: 90%;
    display: inline-block;
    padding: 0px 8px;
    cursor: pointer;
    background: #000;
    font-weight: bold;
    letter-spacing: 0.1em;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#font-size div.small a, #font-size div.medium a, #font-size div.large a {
    color: #fff!important;
    text-decoration: none!important;
	line-height:1.2;
}
#font-size div.active {
    color: #FFF!important;
    background: #174AB7;
}
#font-size div.active a{
    color: #FFF!important;
    text-decoration: none!important;
}


#font-size div.small, #font-size div.medium, #font-size div.large {
    border: 2px solid #fff;
    margin: -2px -2px -2px 5px;
}
ul#bgcolor {
	margin-left:10px;
	display:inline-block;
	line-height:1;
}
ul#bgcolor li {
    display: inline-block;
    padding:4px 5px;
    cursor: pointer;
    letter-spacing: 0.1em;
    font-size: 90%;
	margin-left:2px;
}
ul#bgcolor li a {
    display: block;
    text-decoration: none;
}
ul#bgcolor li {
    border: 1px solid #fff;
}
ul#bgcolor li#bc_btn01 {
    color: #222 !important;
    background-color: #FFF !important;
}
ul#bgcolor li#bc_btn01 a {
    color: #222 !important;
}
ul#bgcolor li#bc_btn02 {
    background-color: #000;
}
ul#bgcolor li#bc_btn02 a {
    color: #fff;
}
ul#bgcolor li#bc_btn03 {
    background-color: #1F5189;
}
ul#bgcolor li#bc_btn03 a {
    color: #ffff00;
}
div#changeArea {
    line-height: 1.5;
}
div#changeArea ul#fontSize {
 *zoom: 1; /*forIE6,7*/
    margin-bottom: 10px;
}
div#changeArea ul#fontSize:after {
    content: "";
    display: block;
    clear: both;
}
div#changeArea ul#fontSize li {
    background-color: #ccc;
    padding: 10px 15px;
    margin-right: 5px;
    float: left;
    cursor: pointer;
}
div#changeArea ul#fontSize li:hover {
    background-color: #eee;
}
div#changeArea ul#fontSize li.active {
    background-color: #999;
}
div#changeArea ul#fontSize li.active:hover {
    background-color: #999;
}

.mailurl{
	text-align:center;
	background:#FFF4DB;
	margin-top:20px;
	border-radius:5px;
}
.mailurl img{
	vertical-align:top;
}


/*----------------------------------------------------------
	Grobal Menu
----------------------------------------------------------*/
#sp_navi_box{
	text-align:right;
	
}

@media screen and (min-width: 769px) {
	#sp_navi_box{
		display:block !important;
	}	
}


nav#gnavi {
    width: 100%;
	height:inherit;
	padding:16px 0;
	font-weight: 500;
}
nav#gnavi {
    margin: 0 auto;
    position: relative;
}
nav#gnavi ul {
    list-style: none;
	text-align:right;
}
nav#gnavi li {
	margin:0 0 0 ;
	display:inline-block;
	list-style: none;
	border-left:1px solid #CCC;
	line-height:1.6;
}
nav#gnavi li#gnav1 {
	display:none;
}
nav#gnavi li[id^="gnav"] > a {
	padding:3px 1em;
	text-decoration:none;
	font-size:110%;
	color:#121212;
}

nav#gnavi li[id^="gnav"] > a span{
	z-index:1;
	position:relative;
}

nav#gnavi li#gnav7{
	border:0;
}
nav#gnavi li#gnav7 a{
	background:#3b3b3b;
	color:#FFF;

}


#sp_menu {
    display: none;
}


@media screen and (min-width: 769px) {
	nav#gnavi li[id^="gnav"] > a{
	}
	
}


.mainImg{
	background:#EEF2F5;
	text-align:center;
	margin-bottom:30px;
}
.mainImg img{
	vertical-align:top;
}
/*----------------------------------------------------------
	main
----------------------------------------------------------*/



noscript div {
    text-align: center;
    background: #EFEFEF;
    margin: 20px auto 20px;
    padding: 5px;
    width: 960px;
    color: #333;
}
ul#skip {
    position: absolute;
    overflow: hidden;
    height: 0;
    width: 0;
}
#top_wrap, #inner_wrap {
}
#top_wrap #topicpath{
	display:none;
}

#top_wrap .container, #inner_wrap .container {
    margin: 15px auto 0;
    clear: both;
    padding: 0 80px 40px 80px;
}
#inner_wrap .box_c p {
    /*padding: 10px 0;*/
    margin-bottom: 20px;
}
.row {
    margin: 0!important;
}
#top_wrap .md-4 {
    padding-right: 0!important;
    padding-left: 0!important;
}
.box_l{
    /*padding-right:40px!important;*/
    padding-left: 0!important;
}
#top_wrap .box_c,
#inner_wrap .box_c {
    padding-left: 0!important;
    padding-right: 0!important;
}
#top_wrap .box_r_top {
    padding-right: 0!important;/*padding-left: 40px!important;*/
}

/*  Main leftBox
----------------------------------------------*/	

/*  Main innerBox
----------------------------------------------*/		

#inner_wrap h1 {

}
.pageSelectKey{
padding:10px 20px;
}
.pageSelectKey:first-child h2{
    margin-top: 0;

}
.content-h1{
	background:#006FC5;
}
.content-h1 h1{
	font-size:20px;
	color:#1F1F1F;
	color:#FFF;
	line-height: 100px;
	background:url(../images/h1Bg.png) no-repeat right bottom;
}

.index #inner_wrap h1::before {
    content: none;
}
#inner_wrap h1 span {
    font-size: 62%;
}

#inner_wrap h1.ico_news,
#inner_wrap h1.ico_event{
    padding: 5px 0 10px 10px!important;
}



#inner_wrap h1.ico_news::before {
    content: url(../images/ico_news.png);
    margin-right: 10px;
    position: relative;
    top: 5px;
}
#inner_wrap h1.ico_event::before {
    content: url("../images/ico_event.png");
    margin-right: 10px;
    position: relative;
    top: 5px;
}
h2 {
    font-size: 139%;
      padding: 0.5em 0.5em;/*上下 左右の余白*/
  background: #f4f4f4;/*背景色*/
  border-left: solid 5px #1A61AB;/*左線*/
    clear: both;
	margin-bottom:10px;
	margin-top:1.5em;
    font-weight: bold;
}
h3 {
    font-size: 108%;
    font-weight: bold;
    padding:2px  10px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-left: 5px #5496D8 solid;
}
h4 {
    font-size: 108%;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: bold;
	padding:5px 10px;
    border-bottom: dotted 1px #CCC;
}
h5 {
    font-weight: bold;
    margin-top: 10px;
    margin: 10px 0;
    font-size: 108%;
    color: #555;
}
p.leadTxt {
    font-weight: bold;
    font-size: 116%;
    margin-top: 20px;
    color: #3F2B0C;
}



/*----------------------------------------------------------
	k-common
----------------------------------------------------------*/

.cal-top{
	
}
#topbutton{
}
.skyblue{
	padding:12px !important;
}
ul#topbutton li {
    display: inline;
}
.md-9 h1{
	border:1px solid #CCC;
	border-bottom:3px solid #1A61AB;
	background:#EFEFEF;
	font-size:200%;
	padding:10px;
	font-weight: bold;
}
p{
	margin-bottom:1em;
}

 .list {
	display: block;
	padding: 15px;
	background-color: #eeeeee;
	border: 1px solid #cccccc;
	margin-bottom:15px;
}
 .list .listTit {
	clear: left;
	margin: 0 0 10px 0;
	font-weight:bold;
	border:0;
}
 .list ul li {
	float: left;
	display: block;
	width: 200px;
	margin: 0 0 10px 15px;
	background: #ffffff url(../images/template/arrow_white.gif) right center no-repeat;
	font-weight: bolder;
	text-align: center;
	border-right: 1px solid #a3a3a3;
	border-bottom: 1px solid #a3a3a3;
}

.list ul li a {
	display: block;
	width: 200px;
	padding: 6px 0;
	color: #333333;
}


#topbutton{
	overflow:hidden;
	padding:0;
	margin:0 0 10px 0;
}
#topbutton li{
	float:left;
	padding:0;
	margin:0 2px 0 0;
}

.facilityWrap{
  clear:both;
  overflow:hidden;
}

.facilityL{
float:left;
margin-right:10px;
	width: 30%;
}
@media screen and (max-width: 767px) {
.facilityL{
float: none;
margin-right:0px;
	width: auto;
}
}

.facilityL img{
width:95%;
height:auto;
}
.facilityR{
overflow:hidden;
}
.facilityR .table_d {
	margin-top: 0!important;
}
.table_d {
	border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    margin: 10px auto 10px;
    width: 100%;
    display: flex;
    align-items: stretch;
	 flex-wrap: wrap;
}
.table_d dt {
	font-weight: bold;
    padding: 10px;
    background: #fbfbea;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    font-size: inherit;
    width: 30%;
    text-align: left;
    vertical-align: middle;
    align-items: center;
    display: flex;
}
.table_d dd { 
	font-weight: normal;
    padding: 10px;
    background-color: #FFF;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-size: inherit;
    vertical-align: middle;
    line-height: 1.6em;
    width: 70%;
	align-items: center;
    display: flex;
}


 .TAC{
	text-align:center;
}
.btns{
	text-align:center;
}
.btns li{
	display:inline-block;
	margin:0;
	list-style:none;
}
.btns li a{
	display:block;
	text-decoration: none;
 padding: 10px 24px;
 border-radius:5px;
	border:#5496D8 2px solid;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}

/**/

div.pagelink_list, div#pagelink_list {
	overflow:hidden;
    margin: 15px 0;
    padding: 10px 5px 5px 0px;
    border: 2px solid #ddd;
}
.archiveList li, div.pagelink_list li, div#pagelink_list li {
    float: left;
    white-space: nowrap;
    padding-bottom: .1em;
	list-style:none;
}
.pagelink_list ul{
	overflow:hidden;
    margin-bottom: 5px;
}

.listTit {
    clear: left;
    margin: 0 15px 0px 15px;
    font-weight: bold;
    border: 0;
}

.archiveList li a, div.pagelink_list li a, div#pagelink_list li a {
    margin: 0 0 10px 5px;
    padding:0px 0 0px 0;
    line-height: 2;/*	background:url(../images/icn_link02.png) no-repeat 0 1em;*/
}
.archiveList li a::before, div.pagelink_list li a::before, div#pagelink_list li a::before {
    content: url("../images/ico_pagelink.png");
    margin-right:5px;
    position: relative;
    top: 2px;
}
ul.txt_list {
    margin: 15px 0;
}
ul.txt_list li {
    padding: 2px 0 0 1.5em;
    text-indent: -1.5em;
}
ul.txt_list li::before {
    content: url(../images/ico_txt_list.png);
    position: relative;
    top: 2px;
    margin-right: 10px;
}
p.linkTxt, span.linkTxt {
    padding: 5px 0 5px 24px;
    background: url(../images/icn_link02.png) no-repeat 0 .7em;
}
ul.link_list {
    margin: 15px 0;
}
ul.link_list li {
    margin-bottom: 6px;
    padding: 2px 0 0 1.5em;
    text-indent: -1.5em;
    line-height: 1.4em;/*	border-bottom: 1px dotted #666;*/
	list-style:none;
}
ul.link_list li::before {
    content: url(../images/ico_pagelink.png);
    position: relative;
    top: 3px;
    margin-right: 5px;
}
ul.data_list {
    margin: 15px 0;
}
ul.data_list li {
    margin-bottom: 6px;
    padding: 2px 0 0 1.5em;
    text-indent: -1.5em;
    border-bottom: 1px dotted #ccc;
}
ul.data_list li::before {
    content: url(../images/ico_data_list.png);
    position: relative;
    top: 5px;
    margin-right: 10px;
}
ul.data_list li.d2 {
    margin-left: 30px;
}
ul.pdfList {
    margin: 15px 0;
}
ul.pdfList li {
    margin-bottom: 6px;
    padding: 2px 0 0 0;
   
    border-bottom: 1px dotted #ccc;
}


ul.pdfList li::before {
	/*
    content: url(../images/ico_data_list.png);
    position: relative;
    top: 5px;
    margin-right: 10px;*/
}
ul.archiveList {
    margin: 5px 0;
}
ul.archiveList li {
    margin-bottom: 6px;
    padding: 2px 0 0 1.5em;
    text-indent: -1.5em;
    border-bottom: none;
}
ul.archiveList li::before {
    /*content: url(../images/ico_data_list.png);*/
    position: relative;
    top: 5px;
    margin-right: 10px;
}
table.document {
    line-height: 1.4em;
}
table.document th {
    text-align: center;
}
table.document .thumb {
    width: 5%;
}
table.document img {
    width: 100px;
}
.box_c ol {
    margin-left: 20px;
    margin-bottom: 20px;
}
ol.number {
    list-style-type: decimal!important;
    margin-top: 20px;
    margin-left: 20px;
}
ol.number li {
    padding-bottom: 5px;
}
div.txt_box01 {
    background-color: #FFEDE6;
    margin-bottom: 20px;
    padding: 1em .5em;
    border: 1px solid #B22D00;
}
div.txt_box02 {
    background-color: #fff;
    margin-bottom: 20px;
    padding: .5em;
    border: 1px solid #3b8806;
}






/* top　right
----------------------------------------------*/

.cal-top{
	background:#EEF6EF;
	border: 1px solid #5AAD41;
	box-shadow: 0px 0px 0px 2px #BFEAC5 inset;
	border-radius:5px;
	text-align:center;
	
}
.cal-topTit{
	font-size: 120%;
	font-weight:bold;
	position:relative;
}
.cal-topTit::before {
    content: url("../images/ico_cal.png");
    margin-right: 10px;
    position: absolute;
    top: -3px;
	left:0;
    vertical-align: text-bottom;
}
.calendar_sp{
	margin:0;
}

.cal-top .controls{
	display:block;
	overflow:hidden;
	padding:0 26px;
}
 .nextBtn{
	 position:relative;
	 float:right;
 }
 .prevBtn{
	 position:relative;
	 float:left;
 }
  a.nextBtn:after {
    display: block;
    content: "";
    position: absolute;
    top: 45%;
    right: -10px;
    width: 0;
    height: 0;
    margin: -3px 0 0 0;
    border-top: 8px solid #4293CA;
    border-left: 8px solid transparent;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

  a.prevBtn:after {
    display: block;
    content: "";
    position: absolute;
    top: 45%;
    left: -10px;
    width: 0;
    height: 0;
    margin: -3px 0 0 0;
    border-bottom: 8px solid #4293CA;
    border-right: 8px solid transparent;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}



#top_wrap .box_r_top ul.facility-list li {
    display: block;
}
.top-open .tit01 {
    background: #6B7C18 url(../images/bg-tit-topopen.png) no-repeat left top;
    line-height: 1.4;
    padding: 10px 0;
    margin-bottom: -3px;
    z-index: 1;
    position: relative;
}
.tit01 {
    background: #40589D no-repeat left bottom;
    color: #fff;
    text-align: center;
    font-weight: bold;
    padding: 6px 5px 6px 5px;
    font-size: 18px;
    border-radius: 5px 5px 0 0;
}
.box_r_top li a:hover, .usemenu_link a:hover {
    opacity: 0.8;
}
.facility-list {
    border: 2px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
    overflow: hidden;
    margin-bottom: 20px;
    padding: 1em 0;
}
.facility-list li {
    background: #FFF url(../images/topr-open.png) no-repeat 8px center;
    display: table;
    width: 100%;
    border-bottom: 1px solid #ccc;
    padding: 10px;
}
.facility-list li:last-child {
    border-bottom: none;
    margin-bottom: 0px;
}
.facility-list .closed {
    background-image: url(../images/topr-close.png);
    padding: 12px 5px;
}
.facility-list a {
    display: table-cell;
    vertical-align: middle;
    padding-left: 45px;
    line-height: 1.2;
    text-decoration: none;
    font-weight: bold;
}
.tit-facility {
    display: inline-block;
    font-size: 120%;
    margin-right: 1em;
}
.data-facility {
    color: #666666;
    font-size: 120%;
}
.facility-list .facility-list-kanren {
    margin-top: 15px;
    background: transparent;
}
.facility-list-kanren a {
    padding-left: 10px;
}
.side-pdf-list, .side-contents-list {
    margin-top: 16px;
}
.side-pdf-list li, .side-contents-list li {
    background: transparent;
    box-shadow: none;
    border-bottom: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-top: 1px solid #CCC;
    margin-bottom: 5px;
}
.side-pdf-list li a, .side-contents-list a {
    padding-left: 10px;
    display: table-cell;
    vertical-align: middle;
    line-height: 1.2;
    text-decoration: none;
    font-weight: bold;
}
.side-pdf-list li {
    border-left-color: #308241;
    position: relative;
}
.side-pdf-list li:before {
    content: "";
    display: inline-block;
    border: 8px solid transparent;
    border-left-color: #308241;
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -8px;
}
.side-contents-list li {
    border-left-color: #414141;
}
.side-contents-list li a {
    background: #F6F6F6;
}
.side-pdf-list li a {
    color: #216323;
    background: #F8FBEB;
}
.side-contents-list li a {
    color: #414141;
}
.brset {
    display: block;
}

/*cal*/

.calendarTblNav{
}
ul.calendarTblNav li{
	text-align:center;
	width:49%;
	display:inline-block;
	margin:0;
	border:1px solid #CCC;
	margin-bottom:5px;
	vertical-align: top;
}
ul.calendarTblNav li a{
	display:block;
}

.calendarTblNav .calendarBtnActive{
font-weight:bold;
text-decoration:none;
color:#FFF;
background:#387DAC;
}


.calendarTbl caption{
	line-height:inherit;
	text-indent:inherit;
	background:#666666;
	color:#FFF;
}
.calendarTbl{
	table-layout:fixed;
}
.calendarTbl th{
	background:#efefef;
	text-align:center;
}
.calendarTbl td{
	vertical-align:top;
	padding:3px;
}
.calendarTbl td p{
	margin-bottom:5px !important;
}
.calendarTbl .holy{
	 background:rgba(255,204,204,1);
 }
 
.calendarTbl td span p{
	font-size:13px;
}




/*  Footer
----------------------------------------------*/

footer {
    clear: both;
    padding: 5px 0;
	/*
	background:url(../images/footerBg.png) no-repeat top right;
	background:url(../images/footBgwrap.png) repeat-x top left;
	*/
	background-image:url(../images/footerBg.png),
	url(../images/footBgwrap.png);
	background-repeat:no-repeat,repeat-x;
	background-position:top right,top left;
	
	padding-top:113px;
}




.footSub{
	background:#EEF2F5;
	background:#1A61AB;
	margin-bottom:10px;
	padding:5px 0;
}
.footSub ul{
	text-align: right;

}
.footSub li{
	line-height:1;	
	display:inline-block;
	list-style:none;
	border-left:1px solid #CCC;
}
.footSub a{
	padding:0 1em;
	color:#FFF;

}

footer .container {
    padding: 0 60px;
}
footer .container a {
}
#copyright {
	font-size:93%;
	margin:0;
}
.footTitle{
	font-size:200%;
	margin:0;
}
.boat_logo{
	margin-bottom:10px;
}
.foot_soshiki{
	margin-left:10px;
}
/*----------------------------------------------------------
	お知らせ イベント
----------------------------------------------------------*/
.newsMore{
	text-align:right;
}

h2.ico_news, h2.ico_event {
}
h2.ico_bnr{
    background: #EAEAEA;
    padding: 10px 0 10px 10px;
    border-left: none!important;
}

h2.ico_news_imp {
    background: #FA0019;
    padding: 10px 0 10px 10px;
    border-left: none!important;
    font-weight: bold;
    font-size: 150%;
	color:#FFF;
    margin-bottom: 0;
    margin-top: 0!important;
}
h2.ico_news, h2.ico_event {
    margin-top: 0!important;
}

#top_wrap .newsBlock{
	border:1px solid #CCC;
	padding:30px;
}

.newsBlock_imp {
}
.newsBlock, .eventBlock {
    margin-bottom: 30px;
    position: relative;
}

.newsBlock .btnList .icRss{
	padding:0;
	background:none;
	position:absolute;
	top:9px;
    right: 6px;
}

.newsBlock .btnList a, .eventBlock .btnList a {
    position: absolute;
    top: 9px;
    right: 6px;
    right: 45px;
    padding: 0 10px 0 20px;
    background: #174AB7;
    color: #FFF;
    text-decoration: none;
    display: block;
    font-weight: bold;
    border-radius: 3px;
	line-height:2;
    margin-top: 4px;
    margin-right: 2px;
}

.eventBlock .btnList a{
    top: 4px;
    right: 6px;
}

.bnrBlock .btnList a{
	top:5px;
	right:9px;
    background: #666;
}

.newsBlock .btnList a:after, .eventBlock .btnList a:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 2px;
    width: 0;
    height: 0;
    margin: -3px 0 0 0;
    border-top: 8px solid #FFF;
    border-left: 8px solid transparent;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.newsBlock .btnList a:hover, .eventBlock .btnList a:hover {
}
.newsBlock dl, .eventBlock dl {
    padding: 10px 0px;
    overflow: hidden;
    line-height: 1.6em;
    font-size: 100%;
    border-bottom: 1px solid #ccc;
}
.newsBlock_imp dl, .eventBlock_imp dl {
    padding: 10px 0px;
    overflow: hidden;
    line-height: 1.6em;
    font-size: 100%;
    border-bottom: 1px solid #ccc;
    background-color: #FEFFDE;
}
.newsBlock dt, .eventBlock dt {
    background: none;
    margin-bottom: 0;
    font-weight: bold;
    width: 40%;
}
.newsBlock dt p.data, .eventBlock dt p.data {
    width: 180px;
    float: left;
    font-size: 100%;
    line-height: 1.8em;
    margin-bottom: 0!important;
}
.newsBlock span, .eventBlock span {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    /*display: inline-block;*/
    font-size: 88%;
    font-weight: bold;
    padding: 2px 5px;
    text-align: center;
    min-width: 2.5em;
    margin-left: .5em;
    color: #fff;
    margin-bottom: 2px;
}
.newsBlock span.mint, .eventBlock span.mint{
	color:#333;
}

#top_wrap .newsBlock{
	border:0;
}
.newsBlock h2{
	text-align:center;
	font-size:30px;
	background:none;
	border:0;
	
	    font-size: 28px;
    font-weight: bold;
    line-height: 1;
    position: relative;
    letter-spacing: 0.075em;
	text-transform:uppercase;
	margin-bottom:30px;
}
.newsBlock h2 span {
    line-height: 1;
    font-size: 16px;
    letter-spacing: 0.1em;
	color:#333;
}
.newsBlock h2::after {
    position: absolute;
    content: " ";
    display: block;
    border-bottom: solid 3px #1A61AB;
    bottom: -0px;
    left: 50%;
    width: 20px;
    margin-left: -6px;
}

.newsBlock>dl{
	border-top:1px solid #ccc;
	margin-top:-1px;
}
.newsBlock dt p.data, .eventBlock dt p.data{
	font-weight:normal;
	color:#1A61AB;
}
.newsBlock dd a{
	color:#333;
}
.newsMore{
	text-align:center;
	margin-top:20px;
}
.newsMore a{
	color:#FFF;
	background:#000;
	padding:10px 40px;
	text-decoration:none;
	display:inline-block;
}

.topFeature{
	margin:4em 0 0;
}

.topFeature a{
	font-size:26px;
	line-height:1;
	display:inline-block;
	text-decoration:none;
	padding:0 0 0 0;
	position:relative;
	margin-bottom:1em;
}
.topFeature a span{
	padding:5px;
	display:inline-block;
}
.topFeatureWord{
	font-size:14px;
	color:#999;
	padding-bottom:5px;
}

.newsBlock_imp dl, .eventBlock_imp dl{
	background:none;
}
.news2{
}
#top_wrap .news2 .newsBlock{
padding: 15px;

	margin-top:40px;
	border:2px solid #C00;
	background:#FEFFDE;

}
.news2 .newsBlock_imp h2.ico_news_imp{
	color:#C00;
	margin-bottom:10px;
}
.news2 .newsBlock h2::after{
	display:none;
}

.news2 .newsBlock > dl{
}
.news3{
}
.news3 .newsBlock_imp h2.ico_news_imp{
	color:#000;
}

/*TOP各館アイコン*/

.eventBlock span.EVicon,
.newsBlock span.EVicon{
	background:#333;
	color:#FFF;
/*	text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF, 0 -1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;*/
}
.newsBlock dd {
    margin: 0;
    padding: 0 0 0 12em;
}
#inner_wrap .box_c .newsBlock dd {
    /*	margin: -.8em 0 0;
	padding: 30px 0 0 12em;*/
    margin: 0;
    padding: 0em 0 0 12em;
}
#inner_wrap .box_c .newsBlock p {
    padding: 0;
}
.eventBlock dd {
    margin: 0;
    padding: 0 0 0 12em;
}
#inner_wrap .box_c .eventBlock dd {
    /*	margin: -.8em 0 0;
	padding: 30px 0 0 12em;*/
    margin: 0;
    padding: 0em 0 0 12em;
}
.newsBlock span.icn-important, .eventBlock span.icn-important {
    background: #ff0000;
    color: #fff;
    margin-left: .5em;
    display: inline-block;
}
span.icn-new,
.newsBlock dd span.icn-new, .eventBlock dd span.icn-new {
    color: #ff0000;
    font-size: 75%;
    font-weight: bold;
    padding: 2px 5px;
    text-align: center;
    /*	min-width: 4em;*/
    display: inline-block;
}
.newsBlock caption, .eventBlock caption, .contentsBlock caption {
    line-height: 0;
    text-indent: -9999px;
}
.newsBlock table.tbl, .eventBlock table.tbl {
    margin: 20px 0 40px;
    width: 100%;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
}
.newsBlock table.tbl th, .eventBlock table.tbl th {
    font-weight: bold;
    padding: 8px 6px 8px 6px;
    background: #ffe3b9;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    font-size: inherit;
    white-space: nowrap;
    min-width: 14%;
    vertical-align: top;
}
.newsBlock table.tbl td, .eventBlock table.tbl td {
    font-weight: normal;
    padding: 3px 8px;
    background-color: #FFF;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-size: inherit;
}
.newsBlock table.tbl td .link_list li, .eventBlock table.tbl td .link_list li {
    font-size: 100%;
    margin-left: 1em;
    border-bottom: none!important;
    padding: 0 0 0 5px!important;
}
#news_day {
}
.newsArea_page {
    overflow: hidden;
    padding: 10px 0;
    text-align: right;
}
.newsArea_page .newsArea_pagenum {
    color: #222222!important;
}
.news_link, .news_file {
    margin: 5px!important;
    padding: 0!important;
}
.news_link a::before, .news_file a::before {
    content: url("../images/ico_pagelink.png");
    margin-right: 10px;
    position: relative;
    top: 5px;
}

.bnr_box ul {
	text-align:center;
	padding:10px 50px 0;
}
.bnr_box ul li{
	display:inline-block;
}

/*  利用案内
----------------------------------------------*/

/*  施設案内
----------------------------------------------*/

#map {
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
#map iframe, #map object, #map embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
details, summary {
    display: none!important;
}
/*Clear Float*/
.floor_detail:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.floor_detail_01 {
    zoom: 1;
}
.floormap_img {
    text-align: center;
    margin: 20px 0;
}
/*  サイトマップ
----------------------------------------------*/

ul#sitemap_list li a {
    margin-left: 20px;
    padding: 3px 0 5px 10px;
    line-height: 2;
    font-size: 116%;
}
ul#sitemap_list li a::before {
    content: url("../images/ico_pagelink.png");
    margin-right: 10px;
    position: relative;
    top: 2px;
}
ul#sitemap_list li.d2 {
    padding-top: 3px;
    text-indent: 2em;
}
/*  こどもページ
----------------------------------------------*/

/*よくある質問
----------------------------------------------*/

----------------------------------------------*/
/*  icon　*/

a.btn {
    color: #FFF;
    text-decoration: none;
    background-color: #008093;
    border-radius: 50px;
}
a:hover.btn {
    background-color: #0f6d7b;
}
/*  icon　*/

.arrow {
    position: relative;
    /*	display: inline-block;*/
    padding: 0 0 0 6px;
    vertical-align: middle;
    font-size: 100%;
}
.arrow::before, .arrow::after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}
.arrow-up.icon {
    color: #000;
    position: absolute;
    margin-left: 10px;
    margin-top: 3px;
    width: 1px;
    height: 16px;
    background-color: currentColor;
}
.arrow-up.icon:before {
    content: '';
    position: absolute;
    left: -5px;
    top: 1px;
    width: 10px;
    height: 10px;
    border-top: solid 1px currentColor;
    border-right: solid 1px currentColor;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/**/
.toda_about{
	display: inline-block;
	position: relative;
}
.toda_about img{
	width:100%;
}
.toda_about:after {
	position: absolute;
	content: "";
	box-shadow: 0 10px 5px rgba(0,0,0, .5);
	transform: rotate(3deg);
	right: 5px;
	left: auto;
	top: auto;
	bottom: 15px;
	z-index: -1;
	width: 50%;
	height: 20%;
}
@media screen and (max-width: 768px) {
.toda_about{
	width:50%;
	margin:0 25%;
}
}
/*table*/

table {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    margin: 10px auto 20px;
    width: 99%;
}
table span {
    font-weight: normal;
}
table th {
    font-weight: bold;
    padding: 10px;
    background: #EFEFEF;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    font-size: inherit;
    /*white-space: nowrap;*/
    width: 20%;
    min-width: 14%;
    text-align: left;
    vertical-align: middle;
}
table td {
    font-weight: normal;
    padding: 10px;
    background-color: #FFF;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-size: inherit;
    vertical-align: middle;
    line-height: 1.6em;
}
th.number {
    width: 1%!important;
    min-width: 1%!important;
}
.pagetop {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: transparent;
    padding: 5px 20px;
    z-index: 100;
    border-radius: 50px;
}
.pagetop a {
    text-decoration: none;
    color: #fff;
}
.clear {
    clear: both;
    overflow: hidden;
}
.clearLeft {
    clear: left;
}
.clearRight {
    clear: right;
}
/* text */
.redTxt {
    color: #B22E01;
}
.greenTxt {
    color: #0c740c;
}
.lh01 {
    line-height: 1;
}
.lh02 {
    line-height: 1.1;
}
.lh03 {
    line-height: 1.2;
}
.lh04 {
    line-height: 1.3;
}
.lh05 {
    line-height: 1.4;
}
.lh06 {
    line-height: 1.5;
}
.lh07 {
    line-height: 1.6;
}
.lh08 {
    line-height: 1.7;
}
.lh09 {
    line-height: 1.8;
}
.lh10 {
    line-height: 1.9;
}
.lh11 {
    line-height: 2;
}
.blt {
    font-weight: bold;
}
.nlt {
    font-weight: normal;
}
.capt {
    font-size: 93%;
}
.mint {
    font-size: 100%;
}
.bigt {
    font-size: 123.1%;
}
.alignl {
    text-align: left;
}
.alignc {
    text-align: center!important;
}
.alignr {
    text-align: right;
}
.valignt {
    vertical-align: top;
}
.valignm {
    vertical-align: middle;
}
.valignb {
    vertical-align: bottom;
}
.fleft {
    float: left;
}
.fright {
    float: right;
}
/* width */
.w-5 {
    width: 5%!important;
}
.w-10 {
    width: 10%!important;
}
.w-15 {
    width: 15%!important;
}
.w-20 {
    width: 20%!important;
}
.w-25 {
    width: 25%!important;
}
.w-30 {
    width: 30%!important;
}
.w-35 {
    width: 35%!important;
}
.w-40 {
    width: 40%!important;
}
.w-45 {
    width: 45%!important;
}
.w-50 {
    width: 50%!important;
}
.w-55 {
    width: 55%!important;
}
.w-60 {
    width: 60%!important;
}
.w-65 {
    width: 65%!important;
}
.w-70 {
    width: 70%!important;
}
.w-75 {
    width: 75%!important;
}
.w-80 {
    width: 80%!important;
}
.w-85 {
    width: 85%!important;
}
.w-90 {
    width: 90%!important;
}
.w-95 {
    width: 95%!important;
}
.w-100 {
    width: 100%!important;
}


/*フォーム*/
.form_request_box .contact{
	border:1px solid #CCC;
	padding:1em 2em;
	padding-top:0;
}

.form_request_box{
    width: 100%;
}
.form_request_box .contact dt{
    font-weight: bold;
	margin-top:1em;
}
.form_request_box .contact dt .require{
    color: #d34155;
    padding-left: 6px;
}
.form_request_box .contact dd select{
    padding: 0 10px;
}

.form_request_box .contact dd input[type="text"]{
	width:480px;
	max-width:100%;
}


.form_request_box .contact dd input[type="text"].fieldHalf{
	width:8em;
}
.form_request_box .contact dd input[type="text"].fieldTel{
	width:8em;
}
.form_request_box .contact dd #dtx_comment{
	width:480px;
	max-width:100%;
}
.form_request_box .listCKRD{
	padding:0;
	margin:0;
}
.form_request_box .listCKRD li {
	padding:0;
	margin:0;
    display: inline-block;
    margin-right: .5em;
    margin-bottom: .5em;
}
.confirmCK{
	margin-top:2em;
}

/* 管理画面　修正・設定等ボタンスタイル
----------------------------------------------*/

form[method="post"] button,
form[method="post"] input[type="submit"], 
form[method="post"] input[type="button"] {
    font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',メイリオ,Meiryo\9;
    font-weight: normal;
    font-size: 1em;
    -webkit-appearance: none;
    -webkit-font-smoothing: antialiased;
    margin: 10px 0;
    cursor: pointer;
    border-style: none;
    padding: 5px;
}

form[method="post"] button:hover ,
form[method="post"] input:hover {
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
  }
  
form[method="post"] {
    max-width: 980px;
    margin: 0 auto;
}