/* for body */
body{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 90%;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	background-size: auto auto;
	background-origin: padding-box;
	background-clip: border-box;
	color: #000000;
	font-family: Verdana, "MS PGothic", Osaka, Arial, sans-serif;
	background-color: white;
}
#head{
	background: #00428e;
	color: #fff;
}
#head-in{
	padding: 8px 2em;
}
h1{
	font-size: 135%;
	margin: 0;
}
#body{
	margin-left: 1.5em;
}

/* for table */
#form-tbl{
	margin-left: 1.5em;
}
#form{
	border-collapse: collapse;
	margin: 1em 0;
}
#form th, #form td{
	border: 1px solid #666;
	padding: 8px;
}
#form th{
	white-space: nowrap;
	background: #e8e8e8;
}
#form td{
	background: #fff;
}
p.btn input{
	width: 110px;
	height: 32px;
}

/* for title */
h2{
	font-size: 100%;
	text-align: left;
	border-left: solid 4px #ef002d;
	border-bottom: 1px solid gray;
	padding: 4px 6px;
	margin: 1.5em 0;
	width: 500px;
}

/* for message */
p.msg{
	color: #dd0000;
	margin: 2em;
}
span.msg{
	color: #dd0000;
}

/* for back-button */
form.back{
	margin-top: 2em;
}

/* �X�}�z�p */
@media only screen and (max-width: 480px) {
	#body{
	margin-left: 0;
}
	
	/* ���e�t�H�[�� */
	#form-tbl{
	margin: 0 auto; text-align: center;
}
	#form{
	width: 96%; margin: 10px auto;
}
    #form th, #form td{
    	text-align: left;
		width: 100%;
        display: block;
        padding: 6px 3px;
        border-top: none;
    }
    #form tr:first-child th{
	border-top: 1px solid #666;
}
    p.btn input{
	width: 10em;
}
    
	/* �����o�� */
	h2{
	margin: 1em 3px; width: 90%;
}
	
	/* �T���N�X */
	p.msg{
	margin: 1em auto;
}
}