/* for body */
body {
    width:960px;
	margin: auto;
	padding: 0;
	color: #000;
	font-family: Verdana,"MS PGothic",Osaka,Arial,sans-serif;
}
#head {
	background: #00428e;
	color: #fff;
}
#head-in {
	padding: 8px 2em;
}
h1 {
	font-size: 135%;
	margin: 0;
}
#body {
	margin-left: 1.5em;
}
    .text_size{
	  width:250px;
	  font-size:100%;
     padding: 5px;
     background-color: #ffffff;
     border: 1px solid #a9a9a9;
}

/* 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;
}
.btn {
  display       : inline-block;
  border-radius : 3%;          /* 角丸       */
  font-size     : 16px;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 8px 12px;   /* 余白       */
  background    : #696969;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1.3em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  box-shadow    : 4px 4px 3px #c0c0c0;  /* 影の設定 */
  border        : 2px solid #a9a9a9;    /* 枠の指定 */
  margin-right  : 20px;
  margin-bottom :5px;
}
.btn:hover {
  opacity:0.8;    /* 背景色     */
}


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

.kyouchou{
    color:#FF0000;
}  


/* for back-button */
form.back {
	margin-top: 2em;
}
.sp{
	font-size:15px;
}

@media only screen and (max-device-width:510px) {
body {
	width:100%;
	font-family: Verdana,"MS PGothic",Osaka,Arial,sans-serif;
}
#body {
	margin-left: 0;
}
#form-tbl { margin: 0 auto; width:98%;
}
	#form {  margin: 10px 0;	border: 1px solid #4682b4; }
    #form th, #form td {
       text-align: left;
       display: block;
       padding: 6px 3px;
    }
   
    .text_size{
	  width:200px;
     font-size: 15px;
     padding: 5px;
     background-color: #ffffff;
     border: 1px solid #808080; 
}
    .text_size2{
	  width:95%;
	  font-size: 15px;
     padding: 5px;
     background-color: #ffffff;
     border: 1px solid #808080;
}
 .btn {
  display       : inline-block;
  border-radius : 3%;          /* 角丸       */
  font-size     : 16px;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 12px 12px;   /* 余白       */
  background    : #3e3e3e;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1.5em;         /* 1行の高さ  */
  margin-right  : 20px;
  margin-bottom :5px;
}

	h2 { margin: 1em 8px; width: 95%; }
	

	p.msg { margin: 1em auto; }
}
.sp{
	font-size:15px;
}