@charset "UTF-8";

/* 全称セレクタ */
*{
 margin:0;
 padding:0;
/* FireFox・OperaでboxsizeをIEに合わせる */
 box-sizing: border-box;
 -moz-box-sizing: border-box;
}
/* BODYタグ */
body{
 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: 12px 12px;
 background-position: right 0px center;
 background-color: #bddfff;
 color:#000000;
}
select::-ms-expand {
 display:none;
}

/* IE使用者への警告 */
#IeAlert{
 z-index:2;
 left: 0px;
 margin: 0px;
 position:fixed;
 top: 0px;
 height:88px;
 width:100%;
 padding-top:8px;
 padding-left:8px;
 background-color:#cc0000;
 color:white;
}
#IeAlert H1{font-size:150%;}
#IeAlert H2{font-size:125%; line-height:2em;}

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

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

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

TABLE{
 margin-left:2px;
 border-collapse:collapse;
}

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{
 width:356px;
 table-layout:fixed;
 border:none;
}
#titletable TH{
 border:none;
 line-height:32px;
 font-size:150%;
 font-weight:bold;
}

#toptable{
 width:356px;
 table-layout:fixed;
 border-collapse:collapse;
 border:2px solid black;
 line-height:175%;
}
#toptable th:nth-child(1){width:80px;} /* 所属 */
#toptable th:nth-child(2){width:60px;} /* ﾌﾘｶﾞﾅ */

#syukei1{
 table-layout:fixed;
 width:356px;
 border-collapse:collapse;
 border-top:0px;
 border-left:2px solid black;
 border-right:2px solid black;
 border-bottom:2px solid black;
 line-height:175%;
}
#syukei1 TH{
 border:none;
}
#syukei1 TD{
 border:none;
}
#syukei1 th:nth-child(1){width:40px; text-align:left; padding-left:4px;} /* 人数 */
#syukei1 th:nth-child(2){width:70px; padding-right:8px; border-right:1px solid black; text-align:right;} /* 名 */
#syukei1 th:nth-child(3){width:40px; text-align:left; padding-left:4px;} /* 個人 */
#syukei1 th:nth-child(4){width:80px; border-right:1px solid black; text-align:right;} /* 種目 */
#syukei1 th:nth-child(5){width:60px; text-align:left; padding-left:4px;} /* リレー */
#syukei1 th:nth-child(6){padding-right:8px; text-align:right;} /* チーム */

#syukei2{
 table-layout:fixed;
 width:356px;
 border-collapse:collapse;
 border-top:0px;
 border-left:2px solid black;
 border-right:2px solid black;
 border-bottom:2px solid black;
 line-height:175%;
}
#syukei2 TH{
 border:none;
}
#syukei2 TD{
 border:none;
}
#syukei2 th:nth-child(1){width:40px; text-align:left; padding-left:4px;} /* 金額 */
#syukei2 th:nth-child(2){width:100px; text-align:right; border-right:1px solid black;} /* 円 */
#syukei2 th:nth-child(3){width:60px; text-align:center;} /* 申込日 */

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

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 4px;
 background-color:white;
 border:0;
 text-align:center;
 font-size:100%;
 }

/* スマホ用テーブルデザイン */
.numbertable{
 table-layout:fixed;
 margin-top:5px;
 width:356px;
 border-collapse:collapse;
 border-top:solid 2px #000000;
 border-left:solid 2px #000000;
 border-right:solid 2px #000000;
 border-bottom:none;
}
.numbertable th {
 line-height:125%;
}

.nametable{
 table-layout:fixed;
 width:356px;
 border-collapse:collapse;
 border-top:none;
 border-left:solid 2px #000000;
 border-right:solid 2px #000000;
 border-bottom:none;
}
.nametable th:nth-child(1){width:35px;} /* 男女 */
.nametable th:nth-child(2){width:60px;} /* 陸協番号 */
.nametable th:nth-child(5){width:30px;} /* 学年 */
.nametable th {
 border-top:none;
}
.nametable th {
 line-height:125%;
}
.nametable td {
 border-top:none;
 line-height:150%;
}
.furi{
 border-bottom:solid 1px #cccccc;
 font-size:100%;
}
.kanji{
 border-top:solid 1px #cccccc;
 font-size:100%;
}

.syumokutable{
 table-layout:fixed;
 width:356px;
 border-collapse:collapse;
 border-top:none;
 border-left:solid 2px #000000;
 border-right:solid 2px #000000;
 border-bottom:solid 2px #000000;
}
.syumokutable th:nth-child(1){width:95px;} /* 個人種目x */
.syumokutable td:nth-child(2){width:114px;} /* 種目選択欄 */
.syumokutable th:nth-child(3){width:45px;} /* 記録 */
.syumokutable th {
 border-top:none;
 line-height:175%;
}
.syumokutable td {
 border-top:none;
 line-height:175%;
}

/* PC用テーブルデザイン */
@media screen and (min-device-width:599px){
	#cyuui{
	 border-collapse:collapse;
	 border:none;
	 width:620px;
	}
	#cyuui TH{
	 border:none;
	 text-align:left;
	 font-size:90%;
	}
	#cyuui th:nth-child(1){width:365px;}

	#maintable{
	 table-layout:fixed;
	 width:620px;
	 border-collapse:collapse;
	 border:solid 2px #000000;
	}
	#maintable th:nth-child(1){width:30px;} /* No. */
	#maintable th:nth-child(2){width:35px;} /* 男女 */
	#maintable th:nth-child(3){width:60px;} /* ﾅﾝﾊﾞｰ */
	#maintable th:nth-child(5){width:30px;} /* 学年 */
	#maintable th:nth-child(6){width:100px;} /* 個人種目１ */
	#maintable th:nth-child(7){width:100px;} /* 個人種目２ */
	#maintable th:nth-child(8){width:70px;} /* リレー */

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

	#maintable TD{
	 line-height:150%;
	}
}
#footer{
 padding-left:5px;
}