
* { 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); }



/* 5 ********************************************************** */

.acdl { margin-bottom: 20px; }
.acdl dt { text-align: center; font-weight: bold; }
.acdl dd { text-align: center; }

#map  { width: 100%; height: 300px; }

.fmdl { width: 100%; text-align: center; margin: 20px auto 0px auto; }
.fmdl dt { width: 100%; text-align: center; }
.fmdl dd { width: 100%; text-align: center; margin-bottom: 17px; }
.fmdl input, .fmdl textarea { padding: 3px 5px; text-align: left; }

.tarea  { width: calc(100% - 10px); height: 200px; }
.inp050 { width: 20%; }
.inp400 { width: calc(100% - 10px); }
.inp500 { width: calc(100% - 10px); }

.smdl dt { font-weight: bold; margin-top: 15px; }
.smdl dd { padding-left: 20px; }

.plc dl { margin: 0; counter-reset: number; } 
.plc dt::before { counter-increment: number; content: counter(number) "、"; padding-right: 5px; } 
.plc dt { font-weight: bold; } 
.plc dd { padding-left: 40px; margin-bottom: 10px; } 
.plc ol { margin-left: 30px; } 
.plc p { margin-top: 20px; } 


/* .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; }
