@charset "Shift_JIS";
/* === 汎用 Style Sheet === */
/* === R.Miyake (c)2000 === */

/* @media screen, print, tty, tv, projection, handheld, braille, aural { */

	html {
		font-size: 16px;
		scroll-behavior: smooth;	/* 追加 */
		scroll-margin-top: 0;	/* 追加 */

		/* 追加 */
		color: CanvasText;
		background-color: Canvas;
	}
	body {
		margin: 0 0 3em;
		padding: 0 3%;
		font-size: 100%;
		font-family: 'Hiragino Kaku Gothic ProN', 'BIZ UDPGothic', sans-serif;	/* 追加 */
		line-height: 1.8;

		color: inherit;
		/* background: #fff url('./parts/back_1.gif') repeat-x; */
		background: #0000 url('./parts/back_1.png') repeat-x;
		/* 遅延読込み追加 */
		content-visibility: auto;
		/* contain-intrinsic-size: 500px; ←2024-10-31時点ではエラー */
	}

	/* ページタイトル */
	#top {
		margin: 0 auto 1em;
		padding-top: 7.5em;
		text-align: center;
	}
	.top-font1 {
		margin: 0;
		font-size: 100%;
		font-weight: bold;
		line-height: 1.4;
	}
	.top-font3 {
		margin: 0;
		font-size: 100%;
		font-weight: bold;
		line-height: 2;
	}
	h1 {
		margin: 0 0 8px;
		font-size: 150%;
		font-weight: bold;
		line-height: 30px;
		color: #804;
		position: relative;
		width: auto;
		height: 30px;
		/* filter: dropshadow(offx=2,offy=2,color=#ccc);	IE独自実装 */
		text-shadow: 1px 1px 0 #999;	/* 追加 */
	}

	/* 注意書き */
	#att {
		position: absolute;
		top: 25px;
		right: 25px;
		background-color: #eaf4fc;
		font-size: 14px;
		line-height: 1.5;
		border: 1px solid #99e;
		padding: 0 5px;
		z-index: 9998;
	}
	#att span {
		color: red;
		font-weight: bold;
	}
	#att2 {
		position: absolute;
		top: 25px;
		left: 25px;
		background-color: #fff;
		font-size: 16px;
		line-height: 1.2;
		border: 1px solid #99e;
		padding: 0 10px;
		z-index: 9999;
	}

	/* 見出し */
	h2 {
		margin: 1em 3% .5em;
		padding: 0 .8em;
		font-size: 120%;
		line-height: 1.9;
	}
	h3 {
		margin: 1em 0;
		padding: 0 1em;
		color: #333;
		background-color: #cf9;
		font-size: 110%;
		line-height: 1.9;
		border-bottom: 2px solid #3c3;
	}
	h4 {
		margin: 1em 0 .5em;
		font-size: 100%;
		color: #333;
		line-height: 1.6;
	}
	.ti-fnt2 {
		float: left;
		margin: 0 10px 0 0;
		padding: 3px 10px;
		border: 2px solid #f96;
		color: #46f;
		font-size: 16px;
		font-weight: bold;
		background-color: #fff;
	}

	/* 廻り込み解除 */
	h2, h3, h4, h5, h6, hr, .clsF-a {
		clear: both;
	}
	.clsF-a {
		line-height: 0;
	}

	/* ============== */
	hr {
		margin: 1em 0 0;
		border-top: 1px solid #333;
	}
	address {
		margin: 0;
		padding: 0 .5em;
		font-size: 90%;
		font-style: normal;
		text-align: right;
	}
	img {
		max-width: 100%;
		height: auto;
		margin: 0 0 .1em;
		padding: 0;
		border: 0 none;
		/* vertical-align: bottom; */
	}
	strong, em, b {
		font-weight: bold;
	}
	u {
		text-decoration: double underline #2f4f4f 1px;
	}

	/* 追加 */
	del a[href] {
		cursor: not-allowed;
	}

	form {
		margin: 0;
	}
	input, select, option, textarea {
		font-family: sans-serif;
		font-family: 'Hiragino Kaku Gothic ProN', 'BIZ UDPGothic', sans-serif;	/* 追加 */
	}
	input {
		margin: 0;
		padding: 0;
		height: 1.6em;
		font-size: 100%;
		border: 1px solid #999;
	}
	.put1 {
		width: 10.0em;
		font-size: 100%;
		line-height: 1.4;
		border: 1px solid #99e;
		padding: 2px 4px 0;
	}

	/* 記事 */
	.indent {
		margin: 0 5%;
	}
	.indent2 {
		margin: 0 8%;
	}

	/* 枠線 */
	.frm1 {
		border: 1px solid #aaa;
		background-color: #D0E8F8;
		padding: 10px 15px;
	}
	.frm2 {
		border: 1px solid #aaa;
		background-color: #ffdddd;
		padding: .4em .8em;
	}
	.frm3 {
		border: 2px solid #99e;
		padding: .4em .8em;
	}
	.frm4 {
		border-style: solid;
		border-width: 1px;
		border-color: #aaa #777 #777 #aaa;
		padding: .4em .8em;
	}

	/* 部分背景色 */
	.bc-1 {
		background-color: #d0e8f8;
	}
	.bc-2 {
		background-color: #ffdddd;
	}
	.bc-3 {
		background-color: #ccc;
	}

	.fnt1 {
		clear: both;
		font-weight: bold;
	}
	/* 註記 */
	.eff-N {
		font-size: 90%;
		font-weight: normal;
		line-height: 1.5;
		color: #111;
	}
	/* 画像枠線 */
	.eff-W {
		border-style: solid;
		border-width: 1px;
		border-color: #aaa #777 #777 #aaa;
	}

	/* テーブル */
	table {
		border: 0 none;
		border-collapse: collapse;
		border-spacing: 0;
		font-size: 14px;
		font-family: 'Hiragino Kaku Gothic ProN', 'BIZ UDPGothic', sans-serif;	/* 追加 */
		line-height: 1.6;
	}
	caption {
		display: none;
	}
	.ltspc {
		font-size: 16px;
		font-weight: normal;
		line-height: 1.8;
		width: 23em;
		max-width: 100%;
	}
	.center {
		margin: 0 auto;
		text-align: center;
	}
	table.layout.center.mapion img {
		margin: 8px 3px 0 0;
	}
	table.layout.center.mapion .put1 {
		width: 50%;
	}

	/* 画像廻り込み関係 */
	.eff-L1 {
		float: left;
		border-style: solid;
		border-width: 1px;
		border-color: #aaa #777 #777 #aaa;
		margin: 3px 16px 8px 0;
	}
	.eff-L2 {
		float: left;
		text-align: center;
		margin: 3px 12px 6px 0;
		font-size: 14px;
		line-height: 1.4;
	}
	.eff-L2 img {
		border: 1px solid;
		border-color: #aaa #777 #777 #aaa;
	}
	.eff-R1 {
		float: right;
		border-style: solid;
		border-width: 1px;
		border-color: #aaa #777 #777 #aaa;
		margin: 3px 0 10px 10px;
	}
	.eff-R2 {
		float: right;
		text-align: center;
		margin: 3px 0 6px 12px;
		font-size: 14px;
		line-height: 1.4;
	}
	.eff-R2 img {
		border: 1px solid;
		border-color: #aaa #777 #777 #aaa;
	}
	.link-R {
		list-style: inside;
		text-align: right;
	}

	#hthl_vd {
		margin: 0;
		padding: 0;
		float: left;
	}
	.end {
		margin-top: 8px;
		text-align: center;
		font-size: 24px;
		color: #88f;
		font-family: 'Arial Black',Arial,sans-serif;
		font-weight: bold;
		line-height: 1;
	}

	/* 追加 */
	.eff-SF {
		display: flow-root;
	}
	.eff-SF a {
		float: left;
		margin: 0 6px 6px 0;
		font-size: 0;
	}
	img[alt=''] {
		border: 0 none;
	}
	/* 追加おわり */

	/* リンク擬似クラス */
	a {
		text-decoration: none;
	}
	a:link {
		color: #33f;
	}
	a:visited {
		color: #46f;
	}
	a:active {
		color: #46f;
	}
	a:hover {
		color: #c33;
		text-decoration: underline;
	}

/* } */

/* 追加 モバイル対応 (2023-06-15) */
@media (max-width: 480px) {

	#att2 {
		top: 15px;
		left: 15px;
		font-size: 14px;
	}
	.indent {
		margin: 0;
	}
	.indent2 {
		margin: 0 3%;
	}
	/* 回り込み解除 */
	.ti-fnt2, .eff-L1, .eff-R1, .eff-L2, .eff-R2, .eff-SF a {
		float: none;
		margin: 0;
	}
	.eff-L2, .eff-R2 {
		margin: 0 0 3px 0;
	}

	h2, h3 {
		margin: 1em 0 .5em;
		padding: 0;
	}
	h2.bc-1, h3 {
		background: transparent;
	}
	table {
		width: 100%;
	}

}