@charset "UTF-8";

/* 全称セレクタ */
*{
 margin:0;
 padding:0;
/* FireFox・OperaでboxsizeをIEに合わせる */
 box-sizing: border-box;
 -moz-box-sizing: border-box;
}
/* BODYタグ */
body{
 -webkit-text-size-adjust:100%;
 background-color:#ccff99;
 font-size:100%;
 font-family:sans-serif;
 color:#000000;
}

/* input type=number のスピンボタンを消す */
/* Safari Chrome */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
 -webkit-appearance: none;
 margin: 0;
}

/* Firefox IE */
input[type="number"] {
 -moz-appearance:textfield;
}
/* selectの矢印を再定義 */
select{
 -webkit-appearance:none;
 -moz-appearance:none;
 appearance:none;
 background-image: url(/image/arrow01.svg);
 background-repeat: no-repeat;
 background-size: 16px 16px;
 background-position: right 0px center;
 background-color: #bddfff;
}
select::-ms-expand {
 display:none;
}

/* ヘッダー部 */
#topbox{
 height:48px;
 left: 0px;
 margin: 0px;
 padding-top:2px;
 position:fixed;
 top: 0px;
 width:100%;
 z-index:1;
 background-color:#ccff99;
 border-bottom:1px solid #000000;
 white-space:nowrap;
 overflow:scroll;
}

/* メイン部 */
#mainbox{
 margin: 48px 0 0 0; /* ヘッダーの高さ分をマージンで空けておく */
 _overflow: auto;
 padding: 0;
 z-index:0;
 background-color:#ccff99;
 color:black;
}
@media screen and (min-device-width:641px){
	#topbox{
	 overflow:auto;
	}
	#topbox::-webkit-scrollbar{
	 display:none;
	}
}

/* フッター部 */
#footer{
 border-top:1px solid #999999;
}

/* フッター部 */
#footer{
 border-top:1px solid #999999;
}

/* 各パーツ */
input[type="button"]{
/* ios(iphone,ipad)でOSデザインのボタンになるのを抑止 */
 -webkit-appearance:none;
 height:40px;
 border:outset 2px #eeeeee;
 border-radius:4px;
 font-weight:bold;
}
input[type="button"]:active{
 border:inset 2px #eeeeee;
}
#sendbutton{
 margin-left:4px;
 margin-top:2px;
 margin-bottom:2px;
 width:144px;
 background-color:#00ffff;
 color:red;
}
#lookbutton{
 margin-left:32px;
 margin-top:2px;
 margin-bottom:2px;
 width:96px;
 background-color:#0000ff;
 color:white;
}
#printbutton{
 margin-left:32px;
 margin-top:2px;
 margin-bottom:2px;
 width:144px;
 background-color:#cccccc;
 color:#999999;
}
#helpbutton{
 margin-left:48px;
 margin-top:2px;
 margin-bottom:2px;
 width:80px;
 background-color:#006600;
 color:white;
}
#resetbutton{
 margin-left:48px;
 margin-top:2px;
 margin-bottom:2px;
 width:80px;
 background-color:#ff0000;
 color:white;
}

H1{
 height:32px;
 line-height:100%;
 font-size:150%;
}

H2{
 height:32px;
 line-height:100%;
 font-size:150%;
}

TH{
 background-color:#ccff99;
 border:solid 1px #000000;
 padding:0;
 text-align:center;
 font-size:100%;
 font-weight:normal;
}
TD{
 background-color:#ffffff;
 border:solid 1px #000000;
 padding:0;
 text-align:center;
 font-size:100%;
}

#titletable{
 table-layout:fixed;
 width:760px;
 border:none;
}
#titletable TH{
 border:none;
 line-height:32px;
 font-size:150%;
 font-weight:bold;
}
#titletable th:nth-child(1){width:80px;}
#titletable th:nth-child(3){width:80px;}

#toptable{
 width:760px;
 table-layout:fixed;
 margin-left:4px;
 border-collapse:collapse;
 border:solid 2px #000000;
 line-height:175%;
}
#toptable th:nth-child(1){width:80px;}
#toptable th:nth-child(2){width:50px;}
#toptable th:nth-child(3){width:140px;}
#toptable th:nth-child(4){width:80px;}
#toptable th:nth-child(5){width:30px;}
#toptable td:nth-child(6){width:90px;}

#cyuui{
 table-layout:fixed;
 width:760px;
}
#cyuui TH{
 border:none;
 text-align:left;
 font-size:90%;
}
#cyuui th:nth-child(1){width:100px;}
#cyuui th:nth-child(2){width:278px;}

#maintable{
 table-layout:fixed;
 width:760px;
 margin-left:4px;
 border-collapse:collapse;
 border:solid 2px #000000;
}
#maintable th:nth-child(1){width:30px;} /* No. */
#maintable th:nth-child(2){width:40px;} /* 性別 */
#maintable th:nth-child(3){width:70px;} /* ナンバー */
#maintable th:nth-child(5){width:30px;} /* 学年 */
#maintable th:nth-child(6){width:30px;} /* 年齢 */
#maintable th:nth-child(7){width:45px;} /* 種別 */
#maintable th:nth-child(8){width:105px;} /* 種目１ */
#maintable th:nth-child(9){width:105px;} /* 種目２ */
#maintable th:nth-child(10){width:105px;} /* 種目２ */

#maintable TH{
 line-height:125%;
}

#maintable TD{
 line-height:150%;
}

.renban{
 background-color:#ccff99;
/* height:24px; */
}

TD.sei1{
 border-right:dotted 1px #666666;
 border-bottom:0;
}
TD.mei1{
 border-left:0;
 border-bottom:0;
}
TD.sei2{
 border-right:dotted 1px #666666;
 border-top:dotted 1px #666666;
}
TD.mei2{
 border-left:0;
 border-top:dotted 1px #666666;
}
TD.syumoku{
 border-bottom:0;
}
TD.kiroku{
 border-top:dotted 1px #666666;
}

#syukei{
 table-layout:fixed;
 width:760px;
 margin-left:4px;
 border-collapse:collapse;
 border-top:0px;
 border-left:2px solid black;
 border-right:2px solid black;
 border-bottom:2px solid black;
 line-height:175%;
}
#syukei th:nth-child(1){width:60px; text-align:center;} /*種目数 */
#syukei th:nth-child(2){width:80px; text-align:right; border-right:1px solid black;}
#syukei th:nth-child(3){width:40px; text-align:center;} /* 人数 */
#syukei th:nth-child(4){width:60px; text-align:right; border-right:1px solid black;}
#syukei th:nth-child(5){width:40px; text-align:center;} /* 金額 */
#syukei th:nth-child(6){width:120px; text-align:right; border-right:1px solid black;}
#syukei th:nth-child(7){width:60px; text-align:center;} /* 申込日 */
#syukei th:nth-child(8){width:80px; text-align:center;} /* 20xx年 */

#syukei TH{
 border:none;
}

#syukei TD{
 border:none;
}

#syukei TH.R{
 border-left:1px solid black;
 border-right:1px solid black;
 text-align:right;
}

#syukei TH.C{
 border-left:1px solid black;
 border-right:1px solid black;
 text-align:center;
}

INPUT{
 height:100%;
 width:100%;
 padding:0;
 background-color:white;
 border:0;
 text-align:center;
 font-size:100%;
}

SELECT{
 box-sizing:border-box;
 height:100%;
 width:100%;
 padding:0 8px;
 background-color:white;
 border:0;
 text-align:center;
 font-size:100%;
 }