@charset "utf-8";

body {
	width: 700px;
	margin: 0;
	font: 10px/100% "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
p.description {
	font-size: 1.3em;
	padding: 5px 0px 10px 0px;
	line-height: 130%;
}
p.description:first-letter {
	color: #F00;
	margin: 0px 5px 0px 0px;
}
form {
	margin: 0px;
	padding: 0px;
}
div.input_item_list {
	border-bottom: 1px dashed #DDD;
	margin-bottom: 12px;
}
div.input_item_list:before,
div.input_item_list:after {
    content:"";
    display:table;
}

div.input_item_list:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
div.input_item_list {
    zoom:1;
}

p.question {
	float: left;
	width: 25%;
	font-size: 1.3em;
	padding: 4px 0px 0px 0px;
	margin: 0px;
}
p.question:first-letter {
	color: #BBB;
	margin-right: 4px;
}
div.answer {
	float: left;
	width: 75%;
	margin: 0px 0px 15px 0px;
}
div.answer p {
	margin: 0;
}
p.summary {
	font-size: 1.3em;
	padding-bottom: 5px;
}
#MH_SODAN p.summary,
#MH_EC_TOIAWSE p.summary {
	line-height: 150%;
}

p.notice,
p.example {
	font-size: 1.3em;
}
p.error
 {
	font-size: 1.3em;
	color: #F00;
}

span.required_color {
	color: #F00;
	margin: 0px 0px 0px 5px;
}
select,
input,
textarea {
	border: 1px solid #999;
	padding: 5px;
	border-radius: 3px;
	margin: 0;
	padding: 0;
}
div.input_submit {
	width: 75%;
	text-align: left;
	padding: 0px 0px 0px 25%;
}
p.thanks {
	font-size: 2.0em;
}
p.form label {
	font-size: 1.3em;
	margin-bottom: 5px;
}

p.form label input {
	vertical-align: middle;
	margin-right: 5px;
}

p.form {
	line-height: 220%;
}

p.notice {
	line-height: 150%;
}

div.header p {
	font-size: 1.3em;
	line-height: 150%;
	padding-bottom: 10px;
}
#thankyou .header  {
	padding: 10px;
	text-align: center;
}

#thankyou .header p.return {
	font-size: 1.8em;
}

@media screen and (max-width: 500px) {
	body {
		width: 320px;
	}
	p.question {
		float: none;
		width: 100%;
		font-size: 1.3em;
		padding: 4px 0px 0px 0px;
		margin: 0px;
	}
	div.answer {
		float: none;
		width: 100%;
		margin: 0px 0px 15px 0px;
	}
	p.form input,
	p.form textarea{
		margin-top: 3px;
	}
	#thankyou .header p.return {
		font-size: 1.5em;
	}
	p.form input#user_name,
	p.form input#user_mail,
	p.form textarea#comment {
		width: 400px;
	}
	div.input_submit {
		width: 100%;
		text-align: center;
		padding: 0px;
	}
	p.summary span {
		font-size: 92.3%;
	}
}

@media screen and (max-width: 320px) {
	p.form input#user_name,
	p.form input#user_mail,
	p.form textarea#comment {
		width: 316px;
	}
	
}