* { 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); }



/* 1 ********************************************************** */

.article0 { width: 100%; margin: 0px; padding: 0px; }

#idx0l {
	position: relative;
	height: 410px;
}

#idx0l h2 { width: 320px; height: 40px; background: url(/img/smt.png) no-repeat; background-size: cover; margin: 0px auto; text-indent: -9999px; }

#searchbox { width: 100%; height: 285px; position: absolute; top: 40px; overflow: auto; margin: 10px 0px 0px 0px; padding: 0px; text-align: left; -webkit-overflow-scrolling: touch; }
#searchbox span { display: block; position: absolute; width: 100%; height: 36px; text-indent: -9999px; background: #4293D5; }
#searchbox::-webkit-scrollbar{ height: 5px; }
#searchbox::-webkit-scrollbar-track{ background: #F0F0F0; }
#searchbox::-webkit-scrollbar-thumb { background: #4293D5; }

#smnlr {
	width: 100%;
}

#smnl, #smnr {
	display: block;
	width:  120px; 
	height: 50px;
	position: absolute;
	top: 340px;
	z-index: 7;
}

#smnl {
	left: 10px;
	background: linear-gradient(to right, #0074D2, #FFFFFF);
}

#smnr {
	right: 10px;
	background: linear-gradient(to right, #FFFFFF, #0074D2);
}

#smnl span, #smnr span {
	width: 35px;
	height: 35px;
	display: block; 
	background: url(/img/sbgbtn.png) no-repeat; 
	background-size: 70px;
}

#smnl span {
	float: left; 
	margin: 7px 0px 0px 20px; 
	background-position: 0px 0px; 
	color: transparent;
}

#smnr span {
	float: right; 
	margin: 7px 20px 0px 0px; 
	background-position: -35px 0px; 
	color: transparent;
}


#searchbox dl { width: 1000px; height: 275px; display: block; position: absolute; left: calc((100% - 200px) / 2) }

#searchbox dt a { display: block; width: 200px; height: 36px; line-height: 36px; position: absolute; top: 0px; text-align: center; background: #4293D5; color: #FFFFFF; font-weight: bold; }
#searchbox dt:nth-of-type(1) a { left:   0px; }
#searchbox dt:nth-of-type(2) a { left: 200px; }
#searchbox dt:nth-of-type(3) a { left: 400px; }
#searchbox dt:nth-of-type(4) a { left: 600px; }
#searchbox dt:nth-of-type(5) a { left: 800px; }

#searchbox dd a { display: block; width:  200px; height: 239px; text-indent: -9999px; position: absolute; top: 37px; background: url(/img/sbg.jpg) no-repeat; background-size: 1000px; }
#searchbox dd:nth-of-type(1) a { left:   0px; background-position:    0px 0px; }
#searchbox dd:nth-of-type(2) a { left: 200px; background-position: -200px 0px; }
#searchbox dd:nth-of-type(3) a { left: 400px; background-position: -400px 0px; }
#searchbox dd:nth-of-type(4) a { left: 600px; background-position: -600px 0px; }
#searchbox dd:nth-of-type(5) a { left: 800px; background-position: -800px 0px; }

#idx0r h2 { width: 100%; padding: 8px 0px 5px 0px; background: #4293D5; display: block; color: #FFFFFF; text-align: center; margin-bottom: 10px; }
#idx0r dl { width: calc(100% - 20px); margin: 0px auto; }
#idx0r span a { display: none; }

.ghr { display: none; }

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

.art1div2 h3 a { display: block; color: #000000; text-align: center; border-bottom: 2px solid #006FD0; margin: 3px 0px 7px 0px; }
.art1div2 dl { width: calc(100% - 20px); margin: 0px auto; }
.art1div2 span a { display: none; }

.art2div1 dl { width: calc(100% - 20px); margin: 0px auto; }
.art2div1 h3 { text-indent: 10px; border-top: 1px solid #888888; padding-top: 10px; }
.art2div1 ul { margin-left: 30px; padding: 0px 0px 0px 0px; }
.art2div1 li time { font-family: monospace; }


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