/* メニュー*/
body {
	font-family:Helvetica, Arial, sans-serif;
	margin:0;
	padding:0;
	font-size:100%;
}

.slicknav_menu {
	display:none;
}

@media screen and (min-width:768px) {
	.js #menu {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
	}
}
@media screen and (max-width: 40em) {
	.js #menu {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
	}
}
/* メニュー終わり */
/* ============アップデート書き込み窓=========*/
p.infobox {
   height: 3.5em;  /* 高さを制限(※) */
   overflow: auto; /* スクロールバーを表示(※) */
   border: blue 1px dashed;  /* 枠線を追加 */
   background-color: #fff0f0; /* 背景色を追加 */
}
/* ========アップデート書き込み窓終わり=========*/

/* ============テーブル=========*/

table.type11 {
            width: 98%;
	border-collapse: separate;
	border-spacing: 1px;
	text-align: left;
            font-size : 12px;
	line-height: 1.2;
}
table.type11 th {
	width: px;
	padding: 8px;
	font-weight: bold;
	vertical-align: top;
            font-size : 12px;
	color: #fff;
	background: #036;
}
table.type11 td {
	width: px;
	padding: 8px;
	vertical-align: top;
            font-size : 12px;
	border-bottom: 1px solid #ccc;
	background: #eee;
}

/* ========テーブル終わり=========*/


.sample_03{
width: 95%;
border-collapse: separate;
border-spacing: 0px;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
}
.sample_03 th{
font-size: 9pt;
width:15%;
padding:2px;
text-align: left;
vertical-align: center;
color: #444;
background-color: #feedf3;
border-left: 3px double #999;
border-top: 1px solid #fff;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.sample_03 td{
font-size: 9pt;
line-height: 120%;
width:85%;
padding: 3px;
background-color: #fafafa;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

/* ========テーブル終わり=========*/

table.gridtable {
            width: 98%;
	font-family: verdana,arial,sans-serif;
	font-size:9px;
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
}
table.gridtable th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
}
table.gridtable td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #ffffff;
}

/* ========テーブル終わり=========*/

.wrapper{
    min-height: 100vh;
    width: 100%;
    position: relative;/*←相対位置*/
    padding-bottom: 20px;/*←footerの高さ*/
    box-sizing: border-box;/*←全て含めてmin-height:100vhに*/
}

footer{
    width: 100%;
    background-color: #0C1C69;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    position: bottm;/*←絶対位置*/
    bottom: 0; /*下に固定*/
}

/* ========フッター終わり=========*/



p { 
text-align: left;
line-height: 160%;
margin-right: 5%;
margin-top:10px;
margin-bottom: 10px;
margin-left: 5%;
font-family:"system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; "; 
font-size: 11pt;
color: #333333;
; font-weight: normal}
 
h1 { 
text-align: left;
font-family: "system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; "; 
color: #002040;
font-size: 14pt; 
font-weight: bold; 
margin-top: 30px;
margin-right: 5%;
margin-left: 5%;
margin-bottom: 30px;
line-height: normal
width:500;
height:30;
background-image:url(../images/honeback.gif);
 background-repeat:no-repeat;
padding-left:0px;
padding-top:15px;
}
 
h2 { 
font-family:  "system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; "; 
color: #003366;
font-size: 12pt; 
font-weight: bold; 
margin-top: 20px;
margin-right: 5%;
margin-left: 5%;
margin-bottom: 20px;
line-height: normal
width:500;
height:30;
background-image:url(../images/htwoback.gif);
 background-repeat:no-repeat;
padding-left:0px;
padding-top:20px;
}
 
h3 {
font-family:  "system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; "; 
font-size: 11pt; 
text-align: left;
font-weight: bold; 
line-height: 100%;
font-style: bold; 
color: #000000;
margin-top: 20px;
margin-bottom: 20px;
margin-right: 5%;
margin-left: 5%;
border-left: 10px solid #cc3366; /* 左ボーダーを、10px幅の実線、線色#CC3366に */
border-bottom: 1px solid #CC3366;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
}
 
h4 { 
text-align: center;
font-weight: normal; 
font-style: normal; 
line-height: 100%;
margin-right: 5%;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 5%;
font-family:  "system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; "; 
font-size: 9pt;
color: #333333;
}
 
h5 {
text-align: left;
font-family:  "system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; "; 
font-size: 10pt; 
font-weight: normal; 
font-style: normal; 
color: #ffffff;
margin-top: 10px;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 10px;
}
 
h6 {
text-align: left;
font-family:  "system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; "; 
font-size: 10pt; 
font-weight: normal; 
font-style: normal; 
color: #666666;
margin-top: 10px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 10px;
}

/* ボタン */
a.btn1{
width: 95%;
text-align: center;
font-size:small;
display: block;
padding: 2px;
margin: 2px;
color: #fff;
text-decoration: none;
text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
border-radius: 10px;
border: 1px solid #002699;
font-weight: nomal;
background: #002699 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#002699), to(#718999));
background: #002699 linear-gradient(#002699, #718999);
}
a.btn2{
width: 200px;
text-align: center;
font-size:small;
display: block;
padding: 4px;
margin: 5px;
color: #fff;
text-decoration: none;
text-shadow: 0 -1px 1px #666;
border-radius: 10px;
font-weight: nomal;
background: #e22092 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f45cb5), to(#e22092));
background: #e22092 linear-gradient(#f45cb5, #e22092);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
box-shadow: 0 1px 3px rgba(0,0,0,0.6);
border-bottom: 1px solid rgba(0,0,0,0.25);
}

/* ボタン終わり */

img {
border: none;
}
a { 
text-decoration:none; 
}

a:hover { 
text-decoration:underline;
}