@charset "UTF-8";

/* 全称セレクタ */
*{
 margin:0;
 padding:0;
/* FireFox・OperaでboxsizeをIEに合わせる */
 box-sizing: border-box;
 -moz-box-sizing: border-box;
}
/* BODYタグ */
body{
 background-color:#dcff99;
 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:104px;
 width:100%;
 padding-top:16px;
 padding-left:8px;
 background-color:#cc0000;
 color:white;
}
#IeAlert H1{font-size:150%; text-align:center;}
#IeAlert H2{font-size:125%; line-height:2em; text-align:center;}

/* ヘッダー部 */
#topbox{
 height:48px;
 left: 0px;
 margin: 0px;
 padding-top:2px;
 padding-bottom:2px;
 position:fixed;
 top: 0px;
 width:100%;
 z-index:1;
 background-color:#dcff99;
 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:#dcff99;
 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:60px;
 background-color:#cccccc;
 color:#666666;
}
#lookbutton{
 margin-left:4px;
 width:72px;
 background-color:#0000ff;
 color:white;
}
#printbutton{
 margin-left:4px;
 width:60px;
 background-color:#cccccc;
 color:#666666;
}
#savebutton{
 margin-left:4px;
 width:72px;
 background-color:#cccccc;
 color:#666666;
}
#helpbutton{
 margin-left:4px;
 width:60px;
 background-color:#006600;
 color:white;
}
#resetbutton{
 margin-left:16px;
 width:60px;
 background-color:#ff0000;
 color:white;
}

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

TABLE{
 table-layout:fixed;
}

TH{
 border:solid 1px #000000;
 background-color:#dcff99;
 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:356px;
 margin-left:2px;
 line-height:175%;
 border-collapse:collapse;
 border:solid 2px #000000;
}
#toptable TH:nth-child(1){width:80px;} /* １列目 */
#toptable TD:nth-child(2){width:140px;}/* ２列目 */
#toptable TH:nth-child(3){text-align:left;} /* ３列目 */
#toptable TH{
 border-top:none;
}
#toptable TD{
 border-top:none;
}
/* 所在地とメールアドレスは左寄せ */
#syozai{height:4.5em;}
TEXTAREA{resize:none; width:100%; margin-top:1px; padding:0; height:3.75em;
 border:none; line-height:1.25em; font-size:100%; font-family:sans-serif;}
#r0c3{text-align:left; padding-left:4px;}
#r0c5{text-align:left; padding-left:4px;}
/* 登録料は中央揃え */
#r0c8{text-align:center;}

/* 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(5){width:30px;} /* 学年 */

.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:105px;} /* 国籍入力 */
.main3 TD:nth-child(3){width:60px; border-right:none;} /* 年入力 */
.main3 TH:nth-child(4){width:20px; border-left:none; border-right:none;} /* 年 */
.main3 TD:nth-child(5){width:30px; border-left:none; border-right:none;} /* 月入力 */
.main3 TH:nth-child(6){width:20px; border-left:none; border-right:none;} /* 月 */
.main3 TD:nth-child(7){width:30px; border-left:none; border-right:none;} /* 日入力 */
.main3 TH:nth-child(8){border-left:none;} /* 日 生 */

/* page0～page1はPC/タブレット用書式 */
#page0{
 width:760px;
 margin-top:2px;
 margin-left:2px;
 line-height:150%;
 border-collapse:collapse;
 border:solid 2px #000000;
}
.seinen{
 border-right:none;
 text-align:right;
}
.gappi{
 border-left:none;
 text-align:left;
}
#page0 TH{
 line-height:125%;
}
#page0 TD{
 line-height:100%;
}
#page0 TH:nth-child(1){width:25px;} /* 順 */
#page0 TH:nth-child(2){width:35px;} /* 男女 */
#page0 TH:nth-child(3){width:50px;} /* 新規／更新 */
#page0 TH:nth-child(4){width:50px;} /* 旧番号 */
#page0 TH:nth-child(5){width:150px;}/* 氏名 */
#page0 TH:nth-child(6){width:240px;}/* フリガナ */
#page0 TH:nth-child(7){width:75px;} /* 国籍 */
#page0 TH:nth-child(8){width:25px;} /* 学年 */
#page0 TH:nth-child(9){width:50px;} /* 生年 */

#page1{
 width:760px;
 margin-top:2px;
 margin-left:2px;
 margin-bottom:2px;
 line-height:150%;
 border-collapse:collapse;
 border:solid 2px #000000;
}
#page1 TH{
 line-height:125%;
}
#page1 TD{
 line-height:100%;
}
#page1 TH:nth-child(1){width:25px;} /* 順 */
#page1 TH:nth-child(2){width:35px;} /* 男女 */
#page1 TH:nth-child(3){width:50px;} /* 新規／更新 */
#page1 TH:nth-child(4){width:50px;} /* 旧番号 */
#page1 TH:nth-child(5){width:150px;}/* 氏名 */
#page1 TH:nth-child(6){width:240px;}/* フリガナ */
#page1 TH:nth-child(7){width:75px;} /* 国籍 */
#page1 TH:nth-child(8){width:25px;} /* 学年 */
#page1 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;
}

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