@charset "utf-8";

/*----- width -----*/
main {
	max-width: 80%;
	min-width: 740px;
	margin: 0 auto;
}

body.contact table,
body.contact table~p { width: 740px; margin: 0 auto; }

/*----- about -----*/
body.about section { width: 51em; margin: 3em auto; }
body.about section.footnote {
	color: #666;
	font-size: 90%;
	width: 59em;
	margin: 7em auto;
}
body.about section h2 { font-weight: bold; }
body.about section p { margin-top: 1em; }
body.about section a { padding-left: 0.1em; padding-right: 0.1em; }
body.about section ul { margin-top: 1em; margin-left: 2em; }


/*----- contact -----*/
body.contact section ul { margin-top: 2em; margin-left: 3em; }
body.contact table {
	border-collapse: collapse;
	border: solid #ccc;
	border-width: 0 0 1px;
}
body.contact th,
body.contact td {
	padding: 1em 0;
	border: solid #ccc;
	border-width: 1px 0 0;
}
body.contact th { text-align: left; padding-left: 1em; }
body.contact th.required:after {
	content: 'required';
	color: #f60;
	font-size: 80%;
	padding-left: 1em;
}
body.contact table~p { margin-top: 1.5em; text-align: right; }
body.contact #send { width: 10em; }
body.contact strong { color: #f33; margin: 0 0.2em; }
body.contact p.attention { color: #f33; margin: 2em 0; }

/*----- privacy -----*/
body.privacy>main>section { color: #666; max-width: 600px; }
body.privacy>main>section>h2 { color: #000; font-size: 150%; margin: 2em 0 1em; }
body.privacy>main>section>ul { margin: 1em 2em; }