* { font-family: -apple-system, BlinkMacSystemFont, meiryo, arial, sans-serif; font-size: 14px; 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 { text-align: center; margin: 0px auto; }

header { background: #F0F0F0; }

header #topnav { width: 1000px; margin: 0px auto; height: 30px; line-height: 30px; color: #888888 }
header #topnav dt { float: left; }
header #topnav dt a { font-weight: bold; color: #000000; }
header #topnav dd { float: right; }

header article { background: #0074D2; }

header article div, header article nav { width: 1000px; margin: 0px auto; }
header article div { padding-top: 10px; }
header article div h1 a { display: block; width: 535px; height: 75px; background: url(/img/title.png) no-repeat; background-size: cover; float: left; text-indent: -9999px; }
header article div #spmenu { display: none; }
header article div form { display: block; float: right; }
header article div form span { color: #FFFFFF; }
header article div form ol { list-style-type: none; padding-top: 10px; width: 360px; }
header article div form ol li { display: block; width: 90px; height: 27px; line-height: 27px; float: left; }
header article div form ol li a { color: #FFFF00; font-size: 105%; letter-spacing: .2em; }
header article nav { display: block; }
header article nav dl { width: 1000px; height: 30px; line-height: 30px; }
header article nav dl, header article nav dl dt, header article nav dl dd { float: left; }
header article nav dl dt a, header article nav dl dd a { display: block; padding: 0px 10px; font-weight: normal; color: #FFFFFF; }
header article nav dl dt a:hover { background: #FFFFFF; color: #0074D2; }
header article nav dl dd { display: none; }

header article nav dl dt.navdtl {
	float: right;
	margin: 8px 0px 0px 5px;
	height: 22px;
	line-height: 23px;
}

header article nav dl dt.navdtl a {
	color: #e8340c;
	font-size: 90%;
	background: #F0F0F0;
}

header article nav dl dt.navdtl a span {
	color: #e8340c;
	font-size: 90%;
	font-weight: bold;
}

header article nav dl dt.navdtl a:hover {

}

.idxban { width: 1000px; margin: 0px auto; padding: 10px 20px; list-style-type: none; }
.idxban li { display: inline-block; }
.idxban li:nth-of-type(1) { margin:   6px   0px  10px  0px; }
.idxban li:nth-of-type(2) { margin:   6px  15px  10px 15px; }
.idxban li:nth-of-type(3) { margin:   6px   0px  10px  0px; }
.idxban li:nth-of-type(4) { margin:   0px   0px   0px  0px; }
.idxban li:nth-of-type(5) { margin:   0px   0px   0px 20px; }
.idxban li a img { width: 300px;  height: auto; }

#tpath { width: 1000px; margin: 10px auto 10px auto; text-align: left; text-indent: 20px; color: #888888; }
#tpath a { color: #000000; }

footer { background: #0074D2; color: #FFFFFF; }
footer div { width: 1000px; margin: 0px auto; padding: 0px 0px 4px 0px; }
footer a { color: #FFFFFF; }
footer #lfooter { width: 60%; }
footer #rfooter { width: 40%; }
footer #lfooter, footer #rfooter { float: left; text-align: left; padding: 28px 0px 16px 0px; }
footer #lfooter dt, footer #rfooter dt { color: #FFFF00; font-weight: bold; }
footer #lfooter dd { display: block; width: 40%; float: left; }
footer ul { clear: both; list-style-type: none; }
footer ul li:nth-of-type(2) { color: #FFFFB4; }
footer ul li:nth-of-type(4) { display: none; }

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

.article { width: 100%; padding: 0px; background: #FFFFFF; text-align: center; }
.article h2 { width: 100%; height: 40px; padding-top: 3px; background: #4293D5; text-align: left; }
.article h2 span { display: block; width: 1000px; margin: 0px auto; text-align: left; color: #FFFFFF; font-size: 150%; line-height: 40px; font-weight: normal; text-indent: 30px; }
.artdiv  { width: 1000px; margin: 20px auto 20px auto; text-align: left; }
.artdivn { width: 880px; margin: 20px auto 20px auto; text-align: left; }

/* 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 20px; }
.dldl dt { }
.dldl dt a { font-weight: bold; }
.dldl dd { margin: 3px 0px 15px 40px; }

.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 img{
	display: block;
	text-align: center;
	max-width: 100%;
	height: auto;
}

.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; 
}

div.obj_l4 figure {
	width: 25%;
	height: auto;
	margin: 0px auto 0px 0px;
}

div.obj_c4 figure {
	width: 25%;
	height: auto;
	margin: 0px auto 0px auto;
}

div.obj_r4 figure {
	width: 25%;
	height: auto;
	margin: 0px 0px 0px auto;
}

div.obj_2 figure {
	width: calc(50% - 5px);
	height: auto;
}

div.obj_2 figure:nth-of-type(1) { 
	float: left;
}

div.obj_2 figure:nth-of-type(2) { 
	float: right
}

div.obj_3 figure {
	width: calc((100% - 20px) / 3);
	height: auto;
	float: left;
}

div.obj_3 figure:nth-of-type(1),
div.obj_3 figure:nth-of-type(2) {
	margin-right: 10px;
}

div.obj_lt figure,
div.obj_rt figure {
	width: calc(100% / 3);
	height: auto;
}

div.obj_lt figure {
	float: left;
	margin: 0px 10px 10px 0px;
}

div.obj_rt figure {
	float: right;
	margin: 0px 0px 10px 10px;
}


/* 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: 1000px; text-align: left; margin: 0px auto; }
#w2017 * { 	color: #000000;  }
#w2017 a { 	text-decoration: underline; }

.div1 { 	width: 100%;  }
#p1 { 		width: 100%; color: #FFFFFF; text-align: center; padding: 3px 0px; }
#h21 { 		width: 100%; text-align: center; padding: 10px 0px; font-size: 175%; }

#h31 { 		width: 100%; font-size: 150%; text-align: center; padding: 7px 0px;}

#ulp { 		list-style-type: none; margin-top: 20px; }
#ulp li { 	width: 50%; }
#ulp li:nth-of-type(odd) {  float: left;  }
#ulp li:nth-of-type(even) { float: right; }
#ulp li img { 	display: block; width: 492px; height: auto;  }
#ulp li:nth-of-type(odd) img {  float: left;  }
#ulp li:nth-of-type(even) img { float: right; }

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

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

#dl1, #dl2 { 	width: calc(50% - 8px); display: block; float: left; }
#dl1 { 		float: left; }
#dl2 { 		float: right; }
#dl1 dt, #dl2 dt { width: 100%; color: #FFFFFF; text-align: center; padding: 4px 0px; }
#dl1 dd, #dl2 dd { min-height: 200px; padding: 5px; }

.h41 { 		margin: 20px 0px 3px 0px; text-indent: 10px; }
#tbldiv1 { width: 100%; margin-top: 10px; }
#tbltbl1 { width: 100%; background: #000000; border-spacing: 1px; }
#tbltbl1 th, #tbltbl1 td { padding: 2px 3px; }
#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 li { margin-left: 40px; }

#dllst { width: 100%;  }
#dllst dt { clear: left; padding: 6px 10px; width: 150px; }
#dllst dd { width: calc(100% - 20px - 150px); padding: 6px 0px; }
#dllst dd span { display: block; }
#dllst dt, #dllst dd { float: left; }
#dllst dt:nth-of-type(1), #dllst dd:nth-of-type(1) { border-top: 2px solid transparent; }
#dllst dd ul li { margin-left: 20px; }

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

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


/* .dl1 :: img, title, 3lines */
.dl1 dt { clear: left; line-height: 130%; text-align: left; }
.dl1 dt a img { display: block; width: 98px; height: 74px; margin: 0px 10px 15px 0px; float: left; }
.dl1 dd { line-height: 120%; text-align: left; font-size: 90%;  width: calc(100% - 98px - 10px); height: calc(74px - 30px); float: left; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }