*, *::before, *::after {
  box-sizing: border-box;
}
body {
	margin: 0;
	font-family: "ＭＳ Ｐゴシック", "Osaka", serf;
	font-size: 16px;
}
/* -- frame -- */
#my_main
{
    line-height: 2;
}
#my_main .title
{
    font-weight: bold;
	margin-bottom: 8px;
}
#my_main .txt
{
    margin: 32px 0;
	line-height: 1.7;
}
#my_main .note
{
    color: #c0c0c0;
	font-size: 12px;
	line-height: 1.7;
}
#my_footer
{
	padding: 40px 0;
	text-align: center;
    font-size: 12px;
}
#my_footer .menu a
{
	color: #306090;
}
#copyright
{
	color: #c0c0c0;
}
div.shadowbox
{
    border-style: solid;
    border-width: 1px 2px 2px 1px;
    border-color: #c0c0c0 #808080 #808080 #c0c0c0;
    padding: 0.5em;
    float: left;
    width: 130px;
    text-align: center;
    background-color: #306090;
    filter: alpha(style=1, opacity=100, finishopacity=55);
}
td.shadowbox
{
    border-style: solid;
    border-width: 1px 2px 2px 1px;
    border-color: #c0c0c0 #808080 #808080 #c0c0c0;
    padding: 0.5em;
    float: left;
    width: 130px;
    text-align: center;
    background-color: #306090;
    filter: alpha(style=1, opacity=100, finishopacity=55);
}
div.shadowbox2
{
    border-style: solid;
    border-width: 1px 2px 2px 1px;
    border-color: #c0c0c0 #808080 #808080 #c0c0c0;
    padding: 0.5em;
    float: left;
    width: 150px;
    text-align: center;
    background-color: #306090;
    filter: alpha(style=1, opacity=100, finishopacity=55);
}
div.sidemenu
{
    border-style: solid;
    border-width: 1px 2px 2px 1px;
    border-color: #c0c0c0 #808080 #808080 #c0c0c0;
    padding: 0.5em;
    width: 120px;
    text-align: center;
    background-color: #ff6600;
    filter: alpha(style=1, opacity=100, finishopacity=55);
}
div.submenu
{
    border-style: solid;
    border-width: 1px 2px 2px 1px;
    border-color: #c0c0c0 #808080 #808080 #c0c0c0;
    margin-left: 45px;
    padding: 0.5em;
    float: left;
    width: 120px;
    text-align: center;
    background-color: #ff6600;
    filter: alpha(style=1, opacity=100, finishopacity=55);
}
/* -- body -- */
div#content {
    margin: 48px auto;
	padding: 0 16px;
    max-width: 780px;
}

div#content h1 {
    font-size: 24px;
    color: #306090;
    border-left: 5px solid #306090;
    border-bottom: 1px solid #b0c0d0;
    margin-left: 0.2em;
    padding: 0.2em 0.4em;
}
div#content h2 {
    font-size: 11pt;
    color: #306090;
    border-left: 5px solid #306090;
    border-bottom: 1px solid #b0c0d0;
    margin-left: 0.2em;
    padding: 0.2em 0.4em;
}
div#content h3 {
    font-size: 11pt;
    color: #306090;
    border-top: 1px solid #b0c0d0;
    border-left: 5px solid #306090;
    border-right: 5px solid #306090;
    border-bottom: 1px solid #b0c0d0;
    padding: 0.2em 0.4em;
    text-align: center;
}
div#content h4 {
    font-size: 10pt;
    color: #cc3300;
    border-top: 1px solid #b0c0d0;
    border-left: 5px solid #306090;
    border-right: 5px solid #306090;
    border-bottom: 1px solid #b0c0d0;
    padding: 0.2em 0.4em;
    text-align: center;
}
div#content h5 {
    font-size: 11pt;
    color: #999999;
    border-top: 1px solid #cc9966;
    border-left: 5px solid #cc6600;
    border-right: 5px solid #cc6600;
    border-bottom: 1px solid #cc9966;
    padding: 0.2em 0.4em;
    text-align: center;
}
div#content .cd {
    font-size: 10pt;
    color: #ffffff;
    background-color: #a52a2a;
    padding: 0.2em 0.4em;
    text-align: left;
    width: 80px;
    height: 20px;
}

*.situmon1
{
    font-size: 10pt;
    color: crimson;
    margin-left: 0.5em;
}
*.situmon2
{
    font-size: 10pt;
    color: #000000;
    margin-left: 0.5em;
}
*.kojinjoho1
{
    text-indent: 1em; 
    width: 650px;
}
*.kojinjoho2
{
    margin-left: 1em;
}
*.shotori1
{
    margin-left: 1em;
}
*.sakeitiran1
{
    background-color: #99cccc;
    color: #000000;
}
*.sake_chumon1 {
    font-size: 10pt;
    color: #000000;
    border-top: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    text-align: right;
}
*.sake_chumon2 {
    font-size: 10pt;
    color: #000000;
    border-top: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    border-bottom: 1px solid #000000;
    text-align: right;
}
*.kiyaku1
{
    text-indent: 1em;
}
*.kiyaku2
{
    height: 180px;
}
*.sitemap1
{
    height: 120px;
}
/*
 *  フォント
 */
.f11
{
    font-size: 11pt;
}
.f12
{
    font-size: 12pt;

}
.f13
{
    font-size: 13pt;
}
.f14
{
    font-size: 14pt;
}
.f9
{
    font-size: 9pt;
    color: #000000;
}
.f9c 
{
    font-size: 14px;
    color: crimson;
}
.f9g 
{
    font-size: 9pt;
    color: #999999;
}
/*
 *  ボタン
 */
.btns {
	text-align: center;
	margin: 32px 0 40px;
}
.button1
{
    width: 42%;
	max-width: 220px;
	height: 50px;
    font-size: 15px;
	margin-inline: 10px;
	cursor: pointer;
}
/*
 *  画像の表示設定
 */
*.float
{
    float: left;
    margin-right: 1em;
    margin-left: 0.3em;
}
*.float_top
{
    float: left;
    width: 180;
    border: solid 1px #cccccc;
    border-right: 10px solid #cccccc;
    margin-right: 0.5em;
    margin-left: 0.3em;
}
*.floatclear
{
    clear: both;
}
*.grad_mg
{
    width: 200px;
    color: #000099;
    filter: Alpha(opacity=100,finishopacity=0, style1);
}
p.top
{
    margin-top: 0.5em;
    margin-left: 0.5em;
}
/* ハイパーリンク文字列の設定 */
a
{
    text-decoration: none;
    color: #0000ff;
}
.a2
{
    text-decoration: none;
    color: #ffffff;
}
a:hover
{
    text-decoration: none;
    opacity: 0.7;
}
/*
 *  その他
 */
*.logbox
{
    border: solid 1px #ffffff;
    width: 385px;
    height: 95px;
    passing: 0.5em;
    overflow: auto;
}
*.pmarkbox
{
    border: solid 1px #306090;
    height: 300px;
    overflow: auto;
	font-size: 14px;
	padding: 16px;
}
*.pmarkbox a
{
	color: #306090;
	font-weight: bold;
}

h2 {
    padding: 0px 0px 0px 7px;
    font-weight: bold;
    font-size: 0.9em;
    line-height: 2.0em;
    color: #808080;
    border-left: 5px solid #808080;
    clear: both;
    text-align: left;
}
table {
	width: 100%;
	border-collapse: collapse;
}
th,
td {
	padding: 8px;
	border: 1px solid #bbb;
}
th {
	background-color: #ffcc67;
	padding: 8px;
	font-size: 18px;
}
.tdh {
    background-color: #ffffcc;
	min-width: 5em;
}
td.hasChild {
	padding: 0;
	border: none;
}
td.hasChild .f9c {
	margin: 0;
	text-align: center;
	padding: 16px 0;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
}
td.hasChild .tdh {
	text-align: center;
}
td input,
td select,
td textarea {
	border: 1px solid #333;
	padding: 8px;
	font-size: 16px;
}
td .sizeXS {
	width: 100px;
}
td .sizeS {
	width: 120px;
}
td .sizeM {
	width: 150px;
}
td .sizeL {
	width: 400px;
}
.num {
	display: inline-block;
	width: 2em;
	text-align: right;
}
.td-input {
	background-color : #ffff99;
    margin-left: 4px;
}
.radio {
	margin-top: 40px;
}
.ast { color: #cc0000; font-size: 90%; }
.darkred { color: #cc0000; }
.gray { color: #b6b7ba; }
.white { color: #ffffff; }
.whitest { color: #ffffff; font-weight: bold; }
.white10 { color: #ffffff; font-size: 62.5%;}
.red { color: #ff0000; }
.red10 { color:#ff0000; font-size: 10px; }
.red12 { color:#cc0000; font-size: 12px; }
.reselt { color: #ffcc00; font-size: 120%; font-weight: bold; }

.fs10 {font-size: 62.5%; line-height: 150%;}
.fs12 {font-size: 75%; line-height: 150%;}
.fs14 {font-size: 87.5%; line-height: 150%;}
.fs18 {font-size: 117.5%; line-height: 150%;}
.fs22 {font-size: 137.5%; line-height: 130%;}
.fs24 {font-size: 150%; line-height: 130%;}
.fs30 {font-size: 187.5%; line-height: 125%;}
.fs10n {font-size: 62.5%;}
.fs12n {font-size: 75%;}
.fs14n {font-size: 87.5%;}
.fs18n {font-size: 117.5%;}
.fs22n {font-size: 137.5%;}
.fs24n {font-size: 150%;}
.fs30n {font-size: 187.5%;}
.fs12st {font-size: 75%; line-height: 150%; font-weight: bold;}

@media screen and (max-width: 767px) {
	div#content {
		padding: 0 8px;
	}
	.f9c {
		font-size: 12px;
	}
	.radio {
		font-size: 13px;
	}
	th,
	td {
		font-size: 12px;
	}
	td.hasChild td {
		padding: 8px 4px;
		vertical-align: bottom;
	}
	td.hasChild tr .tdh:first-child {
		text-align: center;
		width: 3em;
	}
	td.hasChild tr .tdh:last-child {
		width: 7em;
	}
	td.hasChild tr td:first-child .td-input {
		margin-left: 0;
		text-align: center;
		padding: 8px 4px;
	}
	td input,
	td select,
	td textarea {
		font-size: 12px;
	}
	td .sizeXS {
		width: 50px;
	}
	td .sizeS {
		width: 60px;
	}
	td .sizeM {
		width: 75px;
	}
	td .sizeL {
		width: 100%;
	}
	.num {
		display: block;
		width: auto;
		text-align: left;
	}
	.button1 {
		font-size: 13px;
		margin-inline: 5px;
	}
	.btns .button1:first-child {
		margin-left: 0;
	}
	.btns .button1:last-child {
		margin-right: 0;
	}
}