/*	========== for body ========== */

.color01 {
	color: #CC0000;
}
#form {
	margin: 25px 0;
	font-size: 12px;
	border-collapse: separate;
	border-spacing: 2px;
}
#form th,
#form td {
	padding: 10px;
	text-align: left;
	vertical-align: top;
	background-color: #fcf9f1;
}
#form th {
	width: 150px;
	white-space: nowrap;
	font-weight: normal;
}
#form td {
	width: 370px;
}
#form td.submit {
	text-align: center;
}

/*	========== for message ========== */

p.msg {
	font-size: 13px;
	line-height: 1.3;
}

/*	========== for back-button ========== */

form.back {
	margin-top: 2em;
}


/* ======================================= */
/* ============== 641px莉･荳� ============== */
/* ===================================== */
@media only screen and (max-width: 640px) {

#form {
	width: 100%;
	margin: 0;
	table-layout:fixed;
}
#form th,
#form td {
	width: 94%;
	table-layout:fixed;
	display: block;
	text-align: left;
	border-top: none;
}
#form th {
	padding: 10px 3.8%;
}
#form td {
	padding: 0 3.8% 10px;
}
#form td input[type="text"],
#form td textarea {
	width: 96%;
	table-layout:fixed;
}
#form td.submit {
	padding-top: 10px;
}
#info .rightarea p.btn {
	margin-bottom: 0;
}

/*	========== for message ========== */
p.msg {
	margin: 1em auto;
}

}