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



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

.article0 { width: 1000px; height: 480px; margin: 0px auto; }

#idx0l { width: 560px; height: 480px; float: left; }
#idx0l h2 { width: 400px; height: 50px; background: url(/img/smt.png) no-repeat; background-size: cover; margin: 0px auto; text-indent: -9999px; }

#smnlr, #smnl, #smnr { display: none; }
#searchbox { width: 560px; height:440px; margin: 0px; padding: 0px; position: relative; text-align: left; }
#searchbox span { display: none; }
#searchbox dt a { display: block; width: 200px; height: 36px; text-indent: -9999px; position: absolute; left: 20px; background: url(/img/smn.png) no-repeat; background-size: 400px; }
#searchbox dt:nth-of-type(1) a { top:  50px; 	background-position:    0px    0px; }
#searchbox dt:nth-of-type(2) a { top: 120px; 	background-position:    0px  -35px; }
#searchbox dt:nth-of-type(3) a { top: 190px; 	background-position:    0px  -70px; }
#searchbox dt:nth-of-type(4) a { top: 260px; 	background-position:    0px -105px; }
#searchbox dt:nth-of-type(5) a { top: 330px; 	background-position:    0px -140px; }
#searchbox dt:nth-of-type(1) a:hover { 		background-position: -200px    0px; }
#searchbox dt:nth-of-type(2) a:hover { 		background-position: -200px  -35px; }
#searchbox dt:nth-of-type(3) a:hover { 		background-position: -200px  -70px; }
#searchbox dt:nth-of-type(4) a:hover { 		background-position: -200px -105px; }
#searchbox dt:nth-of-type(5) a:hover { 		background-position: -200px -140px; }
#searchbox dd a { display: block; width:  310px; height: 370px; text-indent: -9999px; position: absolute; left: 230px; top: 30px; background: url(/img/sbg.jpg) no-repeat; background-size: cover; }
#searchbox dd:nth-of-type(1) a { background-position:     0px 0px; }
#searchbox dd:nth-of-type(2) a { background-position:  -310px 0px; display: none; }
#searchbox dd:nth-of-type(3) a { background-position:  -620px 0px; display: none; }
#searchbox dd:nth-of-type(4) a { background-position:  -930px 0px; display: none; }
#searchbox dd:nth-of-type(5) a { background-position: -1240px 0px; display: none; }

#idx0r { width: calc(1000px - 560px - 10px); height: 460px; border-left: 2px solid #006FD0; padding-left: 8px; float: left; }
#idx0r h2 { width: 100%; height: 40px; line-height: 40px; text-align: left; font-size: 125%; text-indent: 10px; color: #0074D2; }
#idx0r dl { width: 100%; /* height: calc(480px - 40px - 20px); */ }
#idx0r span a { display: block; font-size: 90%; text-align: right; margin: 0px; padding: 0px 15px 0px 0px; }

.ghr { border: none; height: 20px; background: #F0F0F0; }

.article1 { width: 100%; padding: 0px; background: #F0F0F0; }

.article1 h2 { width: 100%; height: 40px; padding-top: 3px; background: #4293D5; }
.article1 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; }

.art1div1 { width: 1000px; margin: 20px auto 0px auto; text-align: left; }

.art1div2 { width: calc((1000px - 30px - 30px - 20px) / 2); height: 350px; background: #FFFFFF; }
.art1div2:nth-of-type(odd)  { float: left;  margin: 0px 0px 20px 30px; }
.art1div2:nth-of-type(even) { float: right; margin: 0px 30px 20px 0px; }
.art1div2 h3 a { display: block; font-size: 135%; color: #000000; height: 33px; line-height: 32px; text-indent: 15px; border-bottom: 2px solid #006FD0; margin: 3px 0px 7px 0px; }
.art1div2 dl { width: calc(100% - 20px); padding: 10px 10px 0px 10px; }
.art1div2 span a { display: block; font-size: 90%; text-align: right; margin: 0px; padding: 0px 15px 0px 0px; }

.art2div1 { width: calc(1000px - 30px - 30px); margin: 20px auto 0px auto; text-align: left; background: #FFFFFF; }
.art2div1 dl { padding: 20px; }
.art2div1 h3 { text-indent: 30px; }
.art2div1 ul { margin-left: 30px; padding: 0px 0px 20px 0px; width: calc(50% - 30px); float: left; }
.art2div1 li time { font-family: monospace; }


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