@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;
}
select::-ms-expand {
 display:none;
}

/* ヘッダー部 */
#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:8px;
 width:144px;
 background-color:#cccccc;
 color:#666666;
}
#lookbutton{
 margin-left:16px;
 width:96px;
 background-color:#0000ff;
 color:white;
}
#printbutton{
 margin-left:16px;
 width:128px;
 background-color:#cccccc;
 color:#666666;
}
#savebutton{
 margin-left:40px;
 width:92px;
 background-color:#cccccc;
 color:#666666;
}
#helpbutton{
 margin-left:16px;
 width:72px;
 background-color:#006600;
 color:white;
}
#resetbutton{
 margin-left:32px;
 width:72px;
 background-color:#ff0000;
 color:white;
}

H1{
 padding-left:8px;
 line-height:125%;
 font-size:150%;
 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%;
}
/* 郡市町～受付コードのテーブル */
#toptable{
 width:760px;
 margin-left:4px;
 border-bottom:none;
 line-height:175%;
}
#toptable TH:nth-child(1){width:72px;} /* １列目タイトル（郡市町） */
#toptable TD:nth-child(2){width:108px;}/* ２列目入力欄（郡市町） */
#toptable TH:nth-child(3){width:72px;} /* ３列目タイトル（学校名） */
#toptable TD:nth-child(4){width:280px;}/* ４列目入力欄（学校名） */
#toptable TH:nth-child(5){width:92px;} /* ５列目タイトル（校名略称） */
#toptable TH{
 border-top:none;
}
#toptable TD{
 border-top:none;
}
/* 所在地とメールアドレスは左寄せ */
#r0c3{text-align:left; padding-left:8px;}
#r0c5{text-align:left; padding-left:8px;}
/* 登録料は右寄せ */
#r0c8{text-align:right;}
/* 顧問名～登録料のテーブル */
#toptable2{
 width:760px;
 margin-left:4px;
 border-top:none;
 border-bottom:none;
 line-height:175%;
}
#toptable2 TH:nth-child(1){width:72px;}
#toptable2 TD:nth-child(2){width:182px;}
#toptable2 TH:nth-child(3){width:90px;}
#toptable2 TD:nth-child(4){width:188px;}
#toptable2 TH:nth-child(5){width:92px;}
#toptable2 TH{
 border-top:none;
 border-bottom:none;
}
#toptable2 TD{
 border-top:none;
 border-bottom:none;
}

#page1{
 width:760px;
 margin-left:4px;
 line-height:150%;
 border-bottom:none;
}
#page1 TH{
 line-height:125%;
}
#page1 TD{
 line-height:100%;
}
#page1 TH:nth-child(1){width:28px;} /* 順 */
#page1 TH:nth-child(2){width:44px;} /* 男女 */
#page1 TH:nth-child(3){width:56px;} /* 新規／更新 */
#page1 TH:nth-child(4){width:56px;} /* 旧番号 */
#page1 TH:nth-child(5){width:160px;}/* 氏名 */
#page1 TH:nth-child(6){width:232px;}/* フリガナ */
#page1 TH:nth-child(7){width:48px;} /* 国籍 */
#page1 TH:nth-child(8){width:25px;} /* 学年 */
#page1 TH:nth-child(9){width:50px;} /* 生年 */
.seinen{
 border-right:none;
 text-align:right;
}
.gappi{
 border-left:none;
 text-align:left;
}

#page2{
 width:760px;
 margin-left:4px;
 margin-bottom:4px;
 border-top:1px solid #000000;
 line-height:150%;
}
#page2 TH{
 line-height:125%;
}
#page2 TD{
 line-height:100%;
}
#page2 TH:nth-child(1){width:28px;} /* 順 */
#page2 TH:nth-child(2){width:44px;} /* 男女 */
#page2 TH:nth-child(3){width:56px;} /* 新規／更新 */
#page2 TH:nth-child(4){width:56px;} /* 旧番号 */
#page2 TH:nth-child(5){width:160px;}/* 氏名 */
#page2 TH:nth-child(6){width:232px;}/* フリガナ */
#page2 TH:nth-child(7){width:48px;} /* 国籍 */
#page2 TH:nth-child(8){width:25px;} /* 学年 */
#page2 TH:nth-child(9){width:50px;} /* 生年 */

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;
}