* { font-family: -apple-system, BlinkMacSystemFont, meiryo, arial, sans-serif; font-size: 16px; margin: 0px; padding: 0px; }
a {       text-decoration: none; color: #0F7CD4; }
a:hover { text-decoration: underline; }
img { border: none; }
.clearfix:after { content: " "; display: block; clear: both; }
.fb_iframe_widget span { vertical-align: baseline !important; }
.attb { color: #AA0000; font-weight: bold; }

body { width: 100%; }
header { background: #F0F0F0; }

header #topnav { display: none; }

header article { background: #0074D2; }
header article div, header article nav { }
header article div { padding: 10px 5px; }
header article div h1 a { display: block; width: 254px; height: 35px; background: url(/img/title.png) no-repeat; background-size: cover; float: left; text-indent: -9999px; }
header article div #spmenu { display: block; width: 40px; height: 40px; background: url(/img/hmbrgr.png) no-repeat; background-size: cover; float: right; text-indent: -9999px; }
header article div form { display: none; }

header article nav { display: block; position: relative; }
header article nav dl { background: #0074D2; width: 100%; position: absolute; top: 0px; left: -100%; z-index: 10; }
header article nav dl, header article nav dl dt, header article nav dl dd { }
header article nav dl dt, header article nav dl dd { height: 35px; line-height: 35px; text-indent: 10px; border-top: 1px solid #FFFFFF; background: transparent !important; color: #FFFFFF !important; }
header article nav dl dt a, header article nav dl dd a { display: block; color: #FFFFFF !important; }

.idxban { width: 100%; text-align: center; margin: 0px auto 0px auto; padding: 10px 0px 5px 0px; list-style-type: none; }
.idxban li a img { max-width: 300px; height: auto; }
.idxban li:nth-of-type(4) { margin: 10px auto 0px auto; }

#tpath { margin: 10px 10px; text-align: left; color: #888888; }
#tpath a { color: #000000; }

footer { background: #0074D2; color: #FFFFFF; margin-top: 20px; }
footer div { padding: 0px 5px 10px 5px; }
footer a { color: #FFFFFF; }
footer #lfooter, footer #rfooter { text-align: left; padding: 10px 0px; }
footer #lfooter dt, footer #rfooter dt { color: #FFFF00; font-weight: bold; }
footer #lfooter dd { padding-left: 10px; }
footer ul { list-style-type: none; text-align: center; }
footer ul li:nth-of-type(2) { color: #FFFFB4; }
footer ul li:nth-of-type(3) { display: none; }

/* 0 ********************************************************** */

.article { width: 100%; padding: 0px; background: #FFFFFF; text-align: center; }
.article h2 { width: 100%; padding: 8px 0px 5px 0px; background: #4293D5; display: block; color: #FFFFFF; text-align: center; margin-bottom: 10px; }

.artdiv, .artdivn { width: calc(100% - 20px); margin: 0px auto; text-align: left; }
.artdiv img, .artdivn img { max-width: 100%; height: auto; }

/* 0 ********************************************************** */

.rdate { text-align: right; font-size: 80%; line-height: 100%; margin-bottom: 10px; }

.ttxt { }

.ttxt .youtube {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	overflow: hidden;
	margin: 0px auto 0px auto;
}

.ttxt .youtube iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.sssul1 {
	text-decoration: underline;
}

.sssul2 {
	text-decoration: underline double; 
}

.sssenc {
	padding: 3px;
	border: 1px solid #000;
}

.sssbq1 {
	border: 1px solid #87d140;
	border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; 
 
	padding: 1em;
}

.sssfxss { 	font-size: xx-small; 	}
.sssfxs { 	font-size: x-small; 	}
.sssfs { 	font-size: small; 		}
.sssfl { 	font-size: large; 		}
.sssfxl { 	font-size: x-large; 	}
.sssfxll { 	font-size: xx-large; 	}

.tsns { margin-top: 20px; text-align: center; }

.dldl { padding: 10px 0px 0px 0px; }
.dldl dt a { font-weight: bold; }
.dldl dd { margin: 0px 0px 15px 20px; }

.snstbl { width: 300px; margin: 10px auto 0px auto; text-align: center; }
.snstbl td:nth-of-type(1) { text-align: left; }
.snstbl td:nth-of-type(2) { text-align: right; }

.l { text-align: left; }
.c { text-align: center; }
.r { text-align: right; }


.ttxt figure figcaption {
	color: #444444;
	text-align: center;
	font-size: 90%;
}

.ttxt p {
	margin: 0.33rem 0 0.33rem 0;
	lihe-height: 150%;
}

div.obj_l4,
div.obj_c4,
div.obj_r4,
div.obj_2,
div.obj_3,
div.obj_lt,
div.obj_rt {
	padding: 1rem 0;
}

div.obj_l4:after,
div.obj_c4:after,
div.obj_r4:after,
div.obj_2:after,
div.obj_3:after,
div.obj_lt:after,
div.obj_rt:after { 
	content: " "; 
	display: block; 
	clear: both; 
}



/* 0 ********************************************************** */

a.svgdoc,
a.svgmsc,
a.svgpdf,
a.svgxls,
a.svgzip {
	background-repeat: no-repeat;
	padding-left: 1.75rem;
}

a.svgdoc { background-image: url(/img/icon_doc.svg); }
a.svgmsc { background-image: url(/img/icon_msc.svg); }
a.svgpdf { background-image: url(/img/icon_pdf.svg); }
a.svgxls { background-image: url(/img/icon_xls.svg); }
a.svgzip { background-image: url(/img/icon_zip.svg); }



/* 4 ********************************************************** */

#w2017 { 	width: 100%; text-align: left; margin: 0px auto; }
#w2017 * { 	color: #000000;  }
#w2017 a { 	text-decoration: underline; }

.div1 { 	width: 100%;  }
#p1 { 		width: calc(100% - 20px); color: #FFFFFF; text-align: center; padding: 3px 10px; }
#h21 { 		width: calc(100% - 20px); text-align: center; padding: 10px 10px; font-size: 135%; }

#h31 { 		width: calc(100% - 20px); text-align: center; padding: 7px 10px; }

#ulp { 		list-style-type: none; margin-top: 10px; padding: 0px 10px; }
#ulp li { 	width: 100%; }
#ulp li img { 	display: block; width: 100%; height: auto;  }

#dvp {		margin-top: 10px; }
#dvp img { 	max-width: calc(100% - 20px); height: auto; display: block; margin: 0px auto; }

.div2 { 	width: 100%; margin-top: 10px; }

#dl1, #dl2 { 	width: calc(100% - 20px); padding: 3px 10px; display: block; }
#dl1 dt, #dl2 dt { width: 100%; color: #FFFFFF; text-align: center; padding: 4px 0px; }
#dl1 dd, #dl2 dd { padding: 5px; }

.h41 { 		margin: 20px 0px 3px 0px; padding: 0px 10px; text-align: center; }
#tbldiv1 { width: calc(100% - 20px); margin: 10px 10px; padding-bottom: 5px; overflow: auto; }
#tbldiv1::-webkit-scrollbar{ height: 5px; }
#tbldiv1::-webkit-scrollbar-track{ background: #F0F0F0; }
#tbldiv1::-webkit-scrollbar-thumb { background: #000000; }
#tbltbl1 { width: 100%; background: #000000; border-spacing: 1px; }
#tbltbl1 th, #tbltbl1 td { padding: 2px 3px; white-space: nowrap; }
#tbltbl1 th { color: #FFFFFF; text-align: center; font-weight: normal; }
#tbltbl1 td { background: #FFFFFF; }
#tbltbl1 td:nth-of-type(3), #tbltbl1 td:nth-of-type(4) { text-align: center; }

.ul1 { width: calc(100% - 20px); padding: 3px 10px; }
.ul1 li { margin-left: 30px; }

#dllst { width: calc(100% - 20px); padding: 3px 10px; }
#dllst dt { padding: 6px 0px 3px 0px; width: 100%; text-align: center; border-top: 2px solid transparent !important; }
#dllst dd { padding: 6px 0px 4px 0px; width: 100%;  }
#dllst dd span { display: block; }
#dllst dd ul li { margin-left: 30px; }

#map  { width: 100%; height: 300px; }
#mapn { width: calc(100% - 2px); height: calc(300px - 2px); overflow-y: hidden; border: 1px solid #CCCCCC;}

.pf { margin: 20px 0px; text-align: center; font-size: 80%; }


/* .dl1 :: img, title, 3lines */
.dl1 dt { clear: left; line-height: 135%; text-align: left; }
.dl1 dt a img { display: block; width: 98px; height: 74px; margin: 0px 10px 15px 0px; float: left; }
.dl1 dd { display: none; }