@charset "UTF-8";

html,body{
width:100%;
height:100%;
margin: 0;
padding: 0;
}
body{
	/*font-family: "M PLUS Rounded 1c";*/
	font-family: 'Noto Sans JP', sans-serif;

}
#topwrapper{
	display:flex;
	align-items: stretch;
	height:90%;
	overflow:hidden;
}
#lang{
	position:relative;
	margin-left:80%;
	margin-top:10px;
}
.swlang{
font-size:12px;
width:70px;
background-color:#ffffff;
color:#192f60;
border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
vertical-align:middle;
display:inline-block;
border:1px solid #ccc;
text-align:center;
line-height:2em;
margin-left:10px;
cursor:pointer;
}

.swlang.on{
background-color:#192f60;
color:#ffffff;
}

table{
	border-collapse:collapse;
}
tabe, table td,table tr{
	border:none;
}
tabe.tb0, table.tb0 td,table.tb0 tr,table.tb0 th{
	border:1px solid #aaa;
}
table.tb0 th{
	background-color:#ddd;
}
table td{
	padding:5px;
}
body {
    margin: 0 auto;
}
header {
    width: 100%;
    background-color:#fff;
    text-align:center;
    overflow-y:hidden;
}
header.top{
	height:350px;
    overflow-y:auto;
}
#csadm{
	margin-top:10px;
	margin-left:10px;
	background-color:#eee;
	padding:0;
	font-size:12px;
	user-select: none;
}
#csadm_topbd{
	text-align:center;
	color:#fff;
	background-color:#19448e;
}
#csadm_fac{
	text-align:center;
	padding:0;
/*letter-spacing:-0.3px;*/
}
#csadm_addr{
	margin-left:1em;
}
#pne{
	margin-left:1em;
}

#atitle{
	/*font-family: 'M PLUS 1p', sans-serif;*/
	font-family: 'Noto Sans JP', sans-serif;
	display:block;
	margin:-10px auto;
	min-width:300px;
	height:100px;
	font-size:48px;
	font-weight:900;
	text-decoration:none;
	color: #007bbb;
	background: -webkit-linear-gradient(top, #0f2350 0%, #0094c8 60%, #2ca9e1 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
#atitle.en{
	font-size:36px;
	font-weight:900;

}
#atitle img{
	width:100%
}
#mainwrapper{
	width:100%;
	display:flex;
	flex-direction: column;
}
#header{
	background-color:#a00;
	width:100%;
	height:100px;
}

#leftside{
    width: 245px;
    min-width: 245px;
    margin: 0;
    background-color:#fff;
	min-height:100px;
	padding:3px;
}
.pagemenu{
	overflow-y:auto;
	overflow-x:hidden;
	margin-top:10px;
}
#main-image{
	margin:-20px auto;
	width:80%;
}
header #main-image{
	display:none;
}
header.top #main-image{
	display:flex;
	flex-direction: row;
	flex-wrap:wrap;
	flex-grow: 0;
	flex-shrink: 0;
	justify-content: space-between;
}
.imgitem{
	padding: 10px;
	background-color: #fff;
	border:1px solid #eee;
	text-align:center;
	font-size:12px;
}
.imgitem img{
	height:60px;
	box-shadow: 2px 2px 4px #aaaaaa;
}
.imgitem a{
 text-decoration:none;
}
#mfbtn{
clear:both;
display:flex;
margin-top:10px;
padding:20px 0px 20px 0px;
justify-content:center;
}


main{
    margin: 0;
    flex: 1;
	min-height:100px;
	overflow-y:auto;
}
#dummy{
	height:500px;
}
footer{
	width:100%;
	height:10%;
	background-color:#000;
	overflow:hidden;
	box-sizing:border-box;
	color:#fff;
	text-align:center;
	position:relative;
}
#footertext{
	font-size:12px;
	padding:10px 20px;
	box-sizing:border-box;
}
#copyright{
	position:absolute;
	width:100%;
	bottom:5px;
	font-size:10px;

}
#menu{
	list-style: none;
	padding:0 5px;
	margin-top: 5px;
	font-size:16px;
}
#menu.en{
	font-size:14px;
}
.menuitem.dis,.submenu.dis,.mnu.dis{
	display:none;
}

#menu.en .spl2 span{
	font-size:13px;
}
.submenu{
	list-style: none;
	margin-left:10px;
	width:210px;
	padding:2px 2px 0 0;
	display:none;
	user-select: none;
}
.menuitem{
	margin-top:2px;
	/*background-image: linear-gradient(8.8deg, #0c528f 20%, #43a7fb 50%, #0c528f 100%);*/
	background-image: linear-gradient(8.8deg, #0095d9 20%, #43a7fb 50%, #0095d9 100%);
	width:200px;
	height:46px;
	line-height:46px;
	border-left:8px solid #c6D9F1;
	color:#fff;
	vertical-align:middle;
	display:block;
	user-select: none;
	text-align:center;
}
.mnu{
	cursor:pointer;
}
.menuitem.mnu.son{
	color:#ffec47;
	font-weight:bold;
}
.smitem.mnu.son{
	color:#1c305c;
	font-weight:bold;
}

/*
.mnu.son + .submenu.dis{
	display:none;
}
.mnu.son + .submenu{
	display:block;
}
*/
ul.submenu.son{
	display:block;
}
.mnu.son .submenu.dis{
	display:none;
}
.mnu.son .submenu{
	display:block;
}

.smitem{
	margin-top:2px;
	background-color: #eee;
	width:195px;
	height:40px;
	line-height:40px;
	border-left:8px solid #c6D9F1;
	color:#555;
	vertical-align:middle;
	display:block;
	padding:3px;
	text-align:left;
	font-size:14px;
}
.mnu.spl2{
	line-height:normal;
}

.mnu.spl2 span:nth-child(2){
	margin-top:-3px;
	display:block;
}
.menuitem span,.smitem span{
	vertical-align:middle;
}
.smitem span{
	margin-left:5px;
}
#errormsg{
	color:#e60033;
	background-color:#ffd900;
	display:none;
}
#maincontents{
	padding:20px;
	margin-left:20px;
	visibility:visible;
	font-size:18px;
}
#maincontents.off{
	visibility:invisible;
}
#pdffile{
	width:100%;
}

div.section {
border:1px solid #00aaaa;
border-left:10px solid #00aaaa;
padding-left:10px;
padding-top:2px;
padding-bottom:2px;
font-size:140%;
}

div.section2 {
border-left:10px solid #0055ff;
padding-left:10px;
padding-top:2px;
padding-bottom:2px;
font-size:100%;
font-weight:bold;
}

div.section111 {
text-align: center;
font-size:120%;
text-decoration: underline;
}
#nopage{
	width:100%;
	height:500px;
	text-align:center;
	color:#555;
	margin-top:100px;
}

#main-name2{
	font-size:14px;
	text-align:right;
	margin-right:5%;
	margin-top:-100px;
}

.topagetop{
	display:inline-block;
	margin-left:90%;
	font-size:14px;
}


#stenteximage{
	position:absolute;
	background-color:#fff;
	border:1px solid #aaa;
	padding:20px;
	text-align:center;
}
#stenteximage img{
	width:200px;
}

div#contents{
	padding:30px 20px 20px 20px;
}
div.pdfnotification {
width:20em;
float:right;
font-size:80%;
border-style: dashed;
border-width: 1px;
border-color: #000080;
padding:10px;
}
div.section200 {
border:3px solid #00aaaa;
width:300px;
padding-left:10px;
font-size:130%;
font-family:'Lucida Grande', Meiryo, sans-serif;
}

div.section201 {
border:0px solid #00aaaa;
border-left:20px solid #aaaaaa;
width:650px;
padding-left:10px;
font-size:150%;
}

div.section202 {
border:0px solid #00aaaa;
border-left:10px solid #0000aa;
width:800px;
padding-left:10px;
font-size:100%;
font-family:'Lucida Grande', Meiryo, sans-serif;
}

div.section203 {
border:0px solid #00aaaa;
border-left:10px solid #aaaaaa;
border-bottom:2px solid #aaaaaa;
width:300px;
padding-left:10px;
font-size:100%;
font-family:'Lucida Grande', Meiryo, sans-serif;
}

span.ul{
	text-decoration:underline;
}
#page-top {
	position: fixed;
	bottom: 80px;
	right: 20px;
	font-size: 77%;
	z-index:99;
}
#page-top a {
	background:  #008899;
	text-decoration: none;
	color: #fff;
	width: 100px;
	padding: 30px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
}
#page-top a:hover {
	text-decoration: none;
	background: #00a3af;
}
#mhd{
	display:none;
}
@media screen and (min-width:1251px){
    header.top{
        height:220px;
    }
}
@media screen and (min-width:768px) and (max-width:1250px){
	#main-image{
		width:100%;
	}
}
@media screen and (max-width:767px){
	#main-image{
		width:100%;
	}
	#topwrapper{
		display:block;
		overflow-y:auto;
		overflow-x:hidden;
		height:auto;
	}
	#leftside{
		width:100%
	}
	#csadm{
		width:100%;
	}
	#csadm_fac{
		margin-left:10px;
		text-align:left;
	}
	#pagemenu{
		display:none;
		height:auto!important;
	}
	.pagemenu ul,.pagemenu li{
	width:100%;
	}
	#menuwrapper{
	display:none;
	}
	header{
	display:none;
	}
	#atitle{
	font-size:24px;
	margin:auto;
	height:auto;
	text-align:center;
	}
	#mhd{
	display:block;
    width: 100%;
    background-color:#fff;
    text-align:center;
    overflow-y:hidden;
	}
	#menuwrapper{
	/*display:none;*/
	}
	#mctrl{
	margin:10px auto;
	width:90%;
	padding:10px;
	box-sizing:border-box;
	line-height:2em;
	border:2px solid #bbb;
	cursor:pointer;
	}
	main{
	width:100%!important;
	}
	footer{
	height:auto;
	}
	#main-image{
		margin:auto;
	}
	#main-image{
	display:flex;
	flex-direction: row;
	flex-wrap:wrap;
	flex-grow: 0;
	flex-shrink: 0;
	justify-content: space-between;
	}

}