* { padding: 0; margin: 0; box-sizing: border-box; }
body, html, #wrap { width: 100%; }
body { 
	font: 13px/1.6 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background:#5f6761; color:#fff; }
#header {
	font-size: 100%;
	width:100%;
	background-color: #000;
	text-align: center;
	padding: 5px;
}
#header.docomo { background-color: #cc0a33; }
#header.au { background-color: #eb551d; }
#content {
	max-width: 980px; 
	padding: 10px;
	font-size: 108%;
	margin: 0 auto;
}
a { text-decoration:none; }
a:link,a:visited { color:#ffff80; }
a:hover { text-decoration:underline; color:#ff0000; }
table.regform { 
	width: 100%; }
table.regform th { 
	width: 20%;
	text-align: left;
}
table.regform td { 
	width: 80%;
	text-align: left;
}
table.regform td,th { padding: 10px 5px; }
input[type=text],
textarea { 
	width: 100%;
	padding: 10px;
	font-size: 123.1%;
}
input[type=submit],
input[type=button] { font-size: 154%; }

.message {
	padding: 20px;
	text-align: center;
	line-height: 2em;
}
.message h2,
.message p { margin-bottom: 20px; }

.red { color: #FF0000; }

@media screen and (max-width: 479px) {
	#header {
	font-size: 70%;
	width:100%;
	text-align: center;
	padding: 5px;
	}
	#header span { display: block; }
	table.regform th, table.regform td { display: inline-block; width: 100%; }
}