@charset "utf-8";

/************************************
/* お問合せページCSS
************************************/

#contactcontents {
	width: 810px;
	margin: 20px auto;
	padding-left: 55px;
}

#mailform {
	background-position: 0px 0px;
	background: url(../contact/form_bg.gif) repeat-y;
	width: 750px;
	padding-top: 0px;
	height: auto;
}

#contactcontents .button {
	background: url(../contact/form_bottom.gif) left bottom no-repeat;
	font-size: 14px;
	padding: 0px 80px 50px 50px;
}

#mailform table {
	border-collapse: collapse;
	margin: 0 auto;
	width: 600px;
}

#mailform td.title {
	font-size: 12px;
	vertical-align: top;
	width: 200px;
	padding: 10px 0 10px 0;
	border-bottom: 1px #aaa solid;
	color: #333;
}

#mailform td.content {
	font-size: 12px;
	padding: 10px 0 10px 10px;
	border-bottom: 1px #aaa solid;
	color: #333;
}

#mailform td.titlebtm {
	font-size: 12px;
	vertical-align: top;
	width: 200px;
	padding: 10px 0 20px;
	color: #333;
}

#mailform td.contentbtm {
	font-size: 12px;
	padding: 10px 0 20px 10px;
	color: #333;
}

#mailform td.content li {
	list-style: none;
}

#mailform td input.text {
	width: 300px;
}

.message {
	color: #990000;
	font-size: 14px;
	margin-left: 50px;
}


@media screen and (max-width: 750px) {

	#mailform,
	#mailform table,
	#mailform td input.text {
		width: 100%;
	}

}