@charset "utf-8";

/* --------------------------------------------------------------------------------
	PostMail
-------------------------------------------------------------------------------- */
#postmail{
}
#postmail .postmail-outer{
}
#postmail .postmail-inner{
	margin:0;
	padding:4%;
	background:#fff;
}

/* テーブル */
#postmail table.form {
	width:100%;
	border: 1px solid #7777bb;
	border-collapse: collapse;
	margin-top: 1em;
}
#postmail table.form th,
#postmail table.form td {
	text-align: left;
	border: 1px solid #7777bb;
	padding: 8px;
	font-weight: normal;
}
#postmail table.form th {
	white-space: nowrap;
	background: #cccce6;
}
#postmail table.form td {
	background: #f0f0f0;
}

/* タイトル装飾 */
#postmail strong.ttl {
	text-align: left;
	border-left: solid 4px #cc0000;
	display: block;
	padding: 2px 5px;
	margin-top: 2em;
}

/* メッセージ */
#postmail p.msg {
	color: #dd0000;
	margin: 2em;
}
#postmail span.msg {
	color: #dd0000;
}

/* 戻りボタン */
#postmail form.back {
	margin-top: 2em;
}

@media screen and (min-width: 0px) and (max-width: 779px){
	/* --------------------------------------------------------------------------------
	PostMail
	-------------------------------------------------------------------------------- */
	#postmail{
	}
	#postmail .postmail-outer{
		margin:0 0 5%;
		padding:0 2% 2%;
		background:#e5d8f2;
	}
	#postmail .postmail-inner{
		margin:0;
		padding:4%;
		background:#fff;
	}
	
	.form_box table input{
		padding:0.75em 0.2em !important;
		font-size:1.6rem;
	}
	
	.form_box table textarea{
		padding:0.75em 0.2em !important;
		font-size:1.6rem;
	}
	
}