@charset "utf-8";
/* CSS Document */

table {
	width:100%;
}

tr {
	width:100%;
}

th {
	width:25%;
	text-align:left;
}

th span {
	color:#F00;
	font-size:0.7em;
	font-weight:100;
	margin-left:10px;
}

td {
	width:75%;
}

.btn td {
	width:37.5%;
}

td #name, td #kana, td #mail, td #question {
	width:100%;
	*width:96%;
	height:auto;
	font-size:1.0em;
	position: relative;
	-webkit-appearance: none;
	display: block;
	border: 0;
	background: #fff;
	border-radius: 0.35em;
	padding: 0.75em 2%;
	box-shadow: inset 0 0.1em 0.1em 0 #eee;
	border: solid 1px #ddd;
	-moz-transition: all 0.35s ease-in-out;
	-webkit-transition: all 0.35s ease-in-out;
	-o-transition: all 0.35s ease-in-out;
	-ms-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	behavior: url(../PIE.htc);
}

/* btn */

.btn td input {
	width:20%;
	float:left;
	margin:25px 0 0 40%;
	*margin:25px 0 0 30%;
	text-align:center;
	height:3.6em;
	font-weight: 700;
	text-decoration: none;
	position: relative;
	border-radius: 0.25em;
	border: 0;
	outline: 0;
	color:#fff;
	background: #95a5a5;
	box-shadow: 0px 2px 0px 0px #67706f;
	behavior: url(../PIE.htc);
}

.btn td input:active {
	box-shadow: none;
	top: 2px;
}

/*********************************************************************************/
/* sp                                                                            */
/*********************************************************************************/

@media (max-width: 640px) {

th {
	width: 100%;
	text-align: left;
	float:left;
}

table th h3 {
	font-size:1.0em;
	margin-bottom:5px;
}

td {
	width:100%;
	float:left;
}

.btn td {
	width:100%;
}


.btn td input {
	width:40%;
	margin: 25px 0 0 30%;
	float:left;
	padding:10px;
	text-align:center;
	font-size:1.0em;
	font-weight: 700;
	text-decoration: none;
	position: relative;
	border-radius: 0.25em !important;
	border: 0;
	outline: 0;
	color:#000 !important;
	background: #95a5a5 !important;
	box-shadow: 0px 2px 0px 0px #67706f !important;
	behavior: url(../PIE.htc);
}

}