@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-family:sans-serif;
 font-size:100%;
 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-position:right 0px center;
 color:black;
}
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;
 padding-bottom: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; /* ヘッダーの高さ分をマージンで空けておく */
 padding: 0px;
 z-index:0;
 background-color:#ccff99;
 color:black;
}
/* 各パーツ */
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:2px;
 width:70px;
 background-color:#cccccc;
 color:#666666;
}
#lookbutton{
 margin-left:4px;
 width:60px;
 background-color:#0000ff;
 color:white;
}
#printbutton{
 margin-left:4px;
 width:70px;
 background-color:#cccccc;
 color:#666666;
}
#savebutton{
 margin-left:4px;
 width:60px;
 background-color:#cccccc;
 color:#666666;
}
#helpbutton{
 margin-left:4px;
 width:62px;
 background-color:#006600;
 color:white;
}
#resetbutton{
 margin-left:16px;
 width:70px;
 background-color:#ff0000;
 color:white;
}

H1{
 padding-left:4px;
 line-height:125%;
 font-size:125%;
 white-space:nowrap;
}

TABLE{
 table-layout:fixed;
 border-collapse:collapse;
 border:solid 2px #000000;
}

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

TD{
 border:solid 1px #000000;
 background-color:#ffffff;
 padding:0;
 text-align:center;
 font-size:100%;
 line-height:150%;
}
/* 申請種別～チーム情報のテーブル */

/* チーム情報のテーブル */
#toptable1{
 width:356px;
 margin-top:2px;
 margin-left:2px;
 line-height:175%;
}
/* 区分の文字 */
#kubun{font-size:125%; font-weight:bold; color:black;}
#toptable1 TH:nth-child(1){width:80px;} /* １列目 */
#toptable1 TD:nth-child(2){width:140px;} /* ２列目 */
.title{border-top:2px solid black; line-height:125%;}

/* クラブ正式名・メールアドレス・住所は左寄せ */
#r0c1{text-align:left; padding-left:4px; color:black;}
#r0c2{text-align:left; padding-left:4px;}
#r0c5{text-align:left; padding-left:4px;}
#r0c6{text-align:left; padding-left:4px;}
#r0c7{text-align:left; padding-left:4px;}
#r0c8{text-align:left; padding-left:4px;}
#r0c01{text-align:left; padding-left:4px;}
#r0c02{text-align:left; padding-left:4px;}
/* 新規 */
#shinki{display:none;}
/* 更新 */
#koshin{display:table-row;}

/* 要項冊数～受付コードのテーブル */
#toptable2{
 width:356px;
 margin-top:2px;
 margin-left:2px;
 line-height:175%;
}
#toptable2 TH:nth-child(1){width:80px;}
#toptable2 TD:nth-child(2){width:70px;}
#toptable2 TH:nth-child(3){width:70px;}
/* 人数・料金は右寄せ */
#r0c13{text-align:right; padding-right:4px;}
#r0c14{text-align:right; padding-right:4px;}

/* main1～main3はスマホ用書式 */
.main1{
 width:356px;
 margin-top:2px;
 margin-left:2px;
 line-height:125%;
 border-collapse:collapse;
 border-top:solid 2px #000000;
 border-left:solid 2px #000000;
 border-right:solid 2px #000000;
 border-bottom:none;
}
.main1 TH{border-bottom:none;}

.main2{
 width:356px;
 margin-left:2px;
 border-collapse:collapse;
 border-top:none;
 border-left:solid 2px #000000;
 border-right:solid 2px #000000;
 border-bottom:none;
}
.main2 TH{line-height:125%;}
.main2_TD{line-height:175%;}
.main2 TH:nth-child(1){width:40px;} /* 男女 */
.main2 TH:nth-child(2){width:55px;} /* 新規・更新 */
.main2 TH:nth-child(3){width:55px;} /* 旧番号 */

.main3{
 width:356px;
 margin-left:2px;
 line-height:175%;
 border-collapse:collapse;
 border-top:none;
 border-left:solid 2px #000000;
 border-right:solid 2px #000000;
 border-bottom:solid 2px #000000;
}
.main3 TH{border-top:none;}
.main3 TD{border-top:none;}
.main3 TH:nth-child(1){width:40px;} /* 学年 */
.main3 TD:nth-child(2){width:30px;} /* 学年入力 */
.main3 TH:nth-child(3){width:80px;} /* 生年月日 */
.main3 TD:nth-child(4){width:60px; border-right:none;} /* 年入力 */
.main3 TH:nth-child(5){width:25px; border-left:none; border-right:none;} /* 年 */
.main3 TD:nth-child(6){width:30px; border-left:none; border-right:none;} /* 月入力 */
.main3 TH:nth-child(7){width:25px; border-left:none; border-right:none;} /* 月 */
.main3 TD:nth-child(8){width:30px; border-left:none; border-right:none;} /* 日入力 */
.main3 TH:nth-child(9){border-left:none;} /* 日*/

#page0{
 width:760px;
 margin-top:2px;
 margin-left:2px;
 line-height:200%;
}
#page0 TH{
 line-height:125%;
}
#page0 TD{
 line-height:200%;
}
#page0 TH:nth-child(1){width:30px;} /* 順 */
#page0 TH:nth-child(2){width:40px;} /* 男女 */
#page0 TH:nth-child(3){width:60px;} /* 新規／更新 */
#page0 TH:nth-child(4){width:60px;} /* 旧番号 */
#page0 TH:nth-child(5){width:170px;}/* 氏名 */
#page0 TH:nth-child(6){width:250px;}/* フリガナ */
#page0 TH:nth-child(7){width:30px;} /* 学年 */
#page0 TH:nth-child(8){width:60px;} /* 生年 */
.seinen{
 border-right:none;
 text-align:right;
}
.gappi{
 border-left:none;
 text-align:left;
}

#page1{
 width:760px;
 margin-top:2px;
 margin-left:2px;
 margin-bottom:2px;
 line-height:200%;
}
#page1 TH{
 line-height:125%;
}
#page1 TD{
 line-height:200%;
}
#page1 TH:nth-child(1){width:30px;} /* 順 */
#page1 TH:nth-child(2){width:40px;} /* 男女 */
#page1 TH:nth-child(3){width:60px;} /* 新規／更新 */
#page1 TH:nth-child(4){width:60px;} /* 旧番号 */
#page1 TH:nth-child(5){width:170px;}/* 氏名 */
#page1 TH:nth-child(6){width:250px;}/* フリガナ */
#page1 TH:nth-child(7){width:30px;} /* 学年 */
#page1 TH:nth-child(8){width:60px;} /* 生年 */

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

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

#Code10{
 font-weight:bold;
}

#footer{
 padding-left:8px;
 line-height:1.5em;
}