/* for body */

/* for table */
#contact ol {
	font-family: "a-otf-ud-reimin-pr6n", sans-serif;
	font-size: medium;
}


#form-tbl {
	/* [disabled]margin-left: 1.5em; */
}
#form {
	width: 100%;
	border-collapse: collapse;
	margin: 1em auto;
	background: hsla(0,0%,100%,0.30)
}
#form th {
	width: 30%;
}
#form th, #form td {
	border: 1px solid #666;
	padding: 1%;
	width: auto;
}
#form th {
	white-space: nowrap;
	background: hsla(0,0%,100%,0.30);
	text-align: left;
	font-weight: lighter;
}
#form .s_txt {
	font-size: 0.7em;
	padding-left: 0em;
}
	
input, textarea 
{
	margin: 0 0 1em;
	padding: 0.5em;
	outline: 0;
	border: 1px solid #666;
	width: 90%;
	max-width: 400px;
	font-family: 'Open Sans';
}

input[type="submit"]
{ background: #97cac4; 
	width: auto; border: 0; 
	padding: .5em 1em; 
	font-size: .8em; 
	color: #fff; 
	cursor: pointer; 
	transition:	background 0.5s;
	vertical-align: middle;
}
input[type="submit"]:hover { background: #787E98; }

input[type="reset"]
{ background: #97cac4; 
	width: auto; border: 0; 
	padding: .5em 1em; 
	font-size: .8em;
	color: #fff; 
	cursor: pointer;
	transition: background 0.5s;
	vertical-align: middle;
}
input[type="reset"]:hover { background: #787E98; }

input[type="button"]
{
	background: #97cac4;
	width: auto;
	border: 0;
	padding: .5em 1em;
	font-size: .8em;
	color: #fff;
	cursor: pointer;
	transition: background 0.5s;
	vertical-align: middle;
}
input[type="button"]:hover { background-color: #787E98;}


/*#form td {
	background: #fff;
}*/
p.btn input {
	width: 10em;
	height: 3em;
}



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

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

/* スマホ用 */
@media only screen and (max-width: 480px) {
	
	/* 投稿フォーム */
	#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; }
    
	/* 小見出し */
	h2 { margin: 1em 3px; width: 90%; }
	
	/* サンクス */
	p.msg { margin: 1em auto; }
}