@charset "utf-8";

/* reset */
* {
	font-style: normal;
	margin: 0px;
	padding: 0px;
}

html {
	margin: auto;
	width: 100%;
	display: flex;
}

body {
	background: white;
	color: black;
	margin: auto;
	min-height: 10em;
	max-height: 40em;
	padding: 5% 2em;
	text-align: justify;

	font-family: "游明朝", "游明朝体", "Yu Mincho", "YuMincho", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "serif";
/*	font-family: "游ゴシック", "游ゴシック体", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Noto Sans", "sans-serif";*/
	font-weight: 400;
	line-height:1.75em;
/*	writing-mode: vertical-rl;*/
}


h1,h2,h3,h4,h5,h6,p {
	clear: both;
}

h1,h2,h3,h4,h5,h6 {
	font-family: "游ゴシック", "游ゴシック体", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Noto Sans", "sans-serif";
	font-weight: 800;
	text-align: left;
	margin: 0px 0px 0px 0px;	/* 上 | 右 | 下 | 左 */
	padding: 10px 10px 10px 10px;
	line-height: 1.2em;
	background-color: #eeffbb;
	border-top: 3px solid #ffddaa;
	border-bottom: 3px solid #ffddaa;
/*
	background-color: #FFE5CC;
	border-left: 3px solid #EE7800;
	border-right: 3px solid #EE7800;
*/
}

h1.nobg, h2.nobg, h3.nobg, h4.nobg, h5.nobg, h6.nobg {
	background-color: transparent;
	border: 0px;
}

h1 {
	font-size: 200%;
}
h2 {
	font-size: 150%;
}
h3 {
	font-size: 125%;
}
h4 {
	font-size: 125%;
}
h5 {
	font-size: 125%;
}
h6 {
	font-size: 125%;
}

a { text-decoration: underline; }
a.nounderline { text-decoration: none; }
img { vertical-align: middle; }
a img { border: none; }

/* fluid-image */
img {
	max-width: 100%;
	height: auto;
}



a img.border { border: medium solid blue; }

#contents {
	margin: 0;
	padding: 0;
	text-align: left;
}

#header, #menu, #mainimg, #main
{
	margin: 0;
	/*width: 980px;*/
}

#main {
/*
	margin: auto 2vh auto 2vh;
	padding: 1em 0 1em 0;
	width: 980px;
*/
	/*width: 95vw;*/
	/*overflow-x: scroll;*/
}

#sub {
	padding: 1em 0 1em 0;
}

ul#menu {
	padding-left: 2px;
	margin: 0px 2px;
	padding: 0;
}

ul#menu li {
	float: left;
/*	padding-right: 2px;*/
	list-style-type: none;
	background-color: #F6B059;
	margin:0px 2px;
	padding: 0px 10px;
	height: 32px;
}

ul#menu li a, ul#homemenu li a {
	text-decoration: none;
	color: black;
	width: 100%
	height: 100%;
	display: block;
}

ul#homemenu {
/*	margin: 0 auto;*/
}

ul#homemenu li {
/*
	float: right;
	padding-right: 2px;
*/
	float: left;
	list-style-type: none;
	writing-mode: vertical-rl;
	font-size: 150%;

/*
	margin: 0.5em 0em 0.5em 0em;
*/
	padding: 1em 0em 1em 0em;	/* 上 | 右 | 下 | 左 */
	line-height: 80px;
	width: 80px;
	height: 200px;
	color: #000000;
	background-color: #CCCCCC;
	border: 1px solid #222255;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
ul#menu img, ul#homemenu img {
	vertical-align: middle;
}

ul#menu:after, ul#homemenu:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

iframe#menubar
{
	width: 100%;
	height: 32px;
}

iframe#newsframe
{
	width: 100%;
}

@media screen and (max-width : 540px) {
	#container {
		width: 100%;
	}

	#header, #menu, #mainimg {
		max-width: 100%;
	}

	#header {
		height: auto;
	}

	ul#menu li {
		float: none;
	}
}

@media screen and (min-width: 541px) and (max-width : 904px) {
	#container {
		width: 100%;
	}

	#header, #menu, #mainimg {
		max-width: 100%;
	}

	#main {
		float: none;
		width: 97%;
		padding: 0px 0px 0px 0px;	/* top right bottom left */
	}

	#sub {
		float: none;
		width: 97%;
		padding: 0px 0px 0px 0px;	/* top right bottom left */
	}

	ul#menu li img {
		margin: 0;
		padding: 0;
/*
		width: 88px;
		height: 18px;
*/
	}

	ul.submenu li a {
		background-image: none;
	}
}

h1.qa, h2.qa, h3.qa, h4.qa, h5.qa, h6.qa {
	font-size: 125%;
	color: firebrick;
	line-height: 1.8em;
}

p {
	margin: 0.5em;
	font-size:125%;
}


blockquote {
	margin: 0 1em 0 1em;
	padding: 2em 0 0 0;
	text-align: left;
	/*font-size:125%;*/
}

ul, ol {
	padding-top: 2rem;
}

ul li, ol li {
	margin: 0.5em;
	font-size:125%;
}

q {
	color: sienna;
}

q:before { content:""; }
q:after { content:""; }

/*
.vertical, .vertical1column, verticalmulticolumns {
	writing-mode: vertical-rl;
	line-height: 2em;
	width: calc(100vw - 50px);
	height: 40em;
}

.vertical, verticalmulticolumns {
	column-width: 20em;
	column-rule: solid 1px #ccc;
	column-gap: 2.5rem;
}

.vertical1column {
	column-width: 40em;
	column-rule: solid 1px #ccc;
	column-gap: 2.5rem;
}
*/

div.vertical p, div.vertical blockquote, div.vertical1column p, div.vertical1column blockquote
{
	text-align: left;
}

div.vertical p.author, div.vertical1column p.author {
	text-align: right;
}

div.vertical p.right, div.vertical1column p.right {
	text-align: right;
}

div.govtpaper p.date {
	text-align: right;
}

div.govtpaper p.author {
	text-align: right;
}

div.govtpaper p.contact {
	text-align: right;
}

div.govtpaper p.right {
	text-align: right;
}

div.govtpaper p.title {
	text-align: center;
}

span.color1 { color: red; }
span.color2 { color: green; }
span.hnum { text-combine-upright: all; }

dl.compact {
	display: block;
	clear: both;
}

dl.compact dt {
	float: left;
	clear: left;
	height: 7em;
	line-height: 2em;
}

dl.compact dd {
	float: left;
	margin-left: 1em;
	line-height: 2em;
}

dl.menu dt {
	font-size: 150%;
	margin-top: 1em;
	line-height: 1.2em;
	background-color: #eeffbb;
	border-top: 3px solid #ffddaa;
	border-bottom: 3px solid #ffddaa;
/*
	background-color: #FFE5CC;
	border-left: 3px solid #EE7800;
	border-right: 3px solid #EE7800;
*/
}

dl.menu dd {
	margin-top: 3em;
	margin-left: 1em;
	line-height: 1.2em;
}

ul.hitotsu li {
	list-style-type: none;
}

ul.nomarker li {
	list-style-type: none;
}

ul.none li {
	list-style-type: none;
}