@charset "utf-8";
/* CSS Document */

body {
	font-size: small;
	line-height: 18px;
	color: #000000;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
h1  {
	font-size: x-large;
	font-weight: bold;
	color: #FFFFFF;
	margin-top: 0px;
	padding-top: 15px;
	line-height: 50px;
	padding-left: 20px;
}
h2 {
	text-align: left;
	MARGIN-TOP: 10px;
	PADDING-LEFT: 10px;
	FONT-SIZE: 16px;
	PADDING-BOTTOM: 5px;
	PADDING-TOP: 5px;
	TEXT-ALIGN: left;
	border-bottom-width: thin;
	border-left-width: 10px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #000066;
	border-left-color: #000066;
	margin-bottom: 15px;
}
h2h {
	text-align: left;
	MARGIN-TOP: 10px;
	PADDING-LEFT: 10px;
	FONT-SIZE: 16px;
	PADDING-BOTTOM: 5px;
	PADDING-TOP: 5px;
	TEXT-ALIGN: left;
	border-bottom-width: thin;
	border-left-width: 0px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #F60;
	border-left-color: #F60;
	margin-bottom: 15px;
}
h3  {
	FONT-SIZE: small;
	PADDING-BOTTOM: 3px;
	COLOR: #ffffff;
	PADDING-TOP: 3px;
	BACKGROUND-COLOR: #F00;
	TEXT-ALIGN: center;
	margin: 0px;
}
h3g  {
	FONT-SIZE: small;
	PADDING-BOTTOM: 3px;
	COLOR: black;
	PADDING-TOP: 3px;
	BACKGROUND-COLOR:lime;
	TEXT-ALIGN: center;
	margin: 0px;
}
h4 {
	text-align: left;
	MARGIN-TOP: 10px;
	PADDING-LEFT: 10px;
	FONT-SIZE: 16px;
	PADDING-BOTTOM: 5px;
	PADDING-TOP: 5px;
	TEXT-ALIGN: left;
	border-bottom-width: thin;
	border-left-width: 10px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #33F;
	border-left-color: #33F;
	margin-bottom: 15px;
}
h4h {
	text-align: left;
	MARGIN-TOP: 10px;
	PADDING-LEFT: 10px;
	FONT-SIZE: 16px;
	PADDING-BOTTOM: 5px;
	PADDING-TOP: 5px;
	TEXT-ALIGN: left;
	border-bottom-width: thin;
	border-left-width: 0px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #33F;
	border-left-color: #33F;
	margin-bottom: 15px;
}
h5 {
	text-align: left;
	MARGIN-TOP: 10px;
	PADDING-LEFT: 10px;
	FONT-SIZE: 16px;
	PADDING-BOTTOM: 5px;
	PADDING-TOP: 5px;
	TEXT-ALIGN: left;
	border-bottom-width: thin;
	border-left-width: 10px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #0C0;
	border-left-color: #0C0;
	margin-bottom: 15px;
}
h5h {
	text-align: left;
	MARGIN-TOP: 10px;
	PADDING-LEFT: 10px;
	FONT-SIZE: 16px;
	PADDING-BOTTOM: 5px;
	PADDING-TOP: 5px;
	TEXT-ALIGN: left;
	border-bottom-width: thin;
	border-left-width: 0px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #0C0;
	border-left-color: #0C0;
	margin-bottom: 15px;
}
h6 {
	text-align: left;
	MARGIN-TOP: 10px;
	PADDING-LEFT: 10px;
	FONT-SIZE: 16px;
	PADDING-BOTTOM: 5px;
	PADDING-TOP: 5px;
	TEXT-ALIGN: left;
	border-bottom-width: thin;
	border-left-width: 10px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #000;
	border-left-color: #000;
	margin-bottom: 15px;
}
h6h {
	text-align: left;
	MARGIN-TOP: 10px;
	PADDING-LEFT: 10px;
	FONT-SIZE: 16px;
	PADDING-BOTTOM: 5px;
	PADDING-TOP: 5px;
	TEXT-ALIGN: left;
	border-bottom-width: thin;
	border-left-width: 0px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #000;
	border-left-color: #000;
	margin-bottom: 15px;
}
.columnp  {
	PADDING-LEFT: 10px;
	FONT-SIZE: x-small;
	PADDING-BOTTOM: 3px;
	MARGIN: 0px;
	PADDING-TOP: 3px;
	TEXT-ALIGN: left;
	border: 1px solid #F00;
}

.btn { 
    background: #ef0000; 
    border: 1px solid #ef0000; 
    color: #FFF; 
    width: 200px; 
    padding: 10px 10; 
} 
.btn { 
    background: #F00; 
    border: 1px solid #F00; 
    color: #FFF; 
    width: 200px; 
    padding: 10px 10; 
} 
.home-box {
    background-color:seashell;
    margin:20px;
	margin-right: 30px;
    padding:5px;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
}
.home-box h4t {
    position:absolute:
    top: -1.0em:
    left: 0em:
    margin: 0:
    padding: 3px 10px:
    color: #0055bb:
    font-weight: normal:
    background-color:#E6E8F5:
    font-weight:bold:
    border-radius:10px:
}
.game-box {
    background-color:aliceblue;
    margin:20px;
	margin-right: 30px;
    padding:5px;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
}
.game-box h4t {
    position:absolute:
    top: -1.0em:
    left: 0em:
    margin: 0:
    padding: 3px 10px:
    color: #0055bb:
    font-weight: normal:
    background-color:#E6E8F5:
    font-weight:bold:
    border-radius:10px:
}
.memo-box {
    background-color:lime;
    margin:20px;
	margin-right: 30px;
    padding:5px;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
}
.memo-box h4t {
    position:absolute:
    top: -1.0em:
    left: 0em:
    margin: 0:
    padding: 3px 10px:
    color: #0055bb:
    font-weight: normal:
    background-color:#E6E8F5:
    font-weight:bold:
    border-radius:10px:
}
div.fbox {
   position: relative;
   top: 5px;
   left: 10px;
<!--   right: 290px;-->
.table_wrap {
    overflow: auto;
    height: 300px;
}
table {
/*        width: 100%;*/
        border-collapse: collapse;
}

 th, td {
        padding: 0px;
        text-align: left;
    }

    th {
        background-color: #f2f2f2;
        text-align:center;
    }

    /* ヘッダーを固定する */
    thead th {
        position: sticky;
        top: 0;
        z-index: 1;
        background-color: #fff; /* ヘッダーが他のコンテンツの上に重ならないようにするため */
    }
.w250{width: 250px;}
.w180{width: 180px;}
.w120{width: 120px;}
.w100{width: 100px;}
.w40{width: 40px;}