@charset "UTF-8";
body {
	margin: 0;
	padding: 0;
	font-size: 90%;
	background: #ccdd00;
	color: #000;
	font-family: Verdana,"MS PGothic",Osaka,Arial,sans-serif;
}
#container {
	width: 940px;
	margin:0 auto;
	padding:0;
	background-color:#fff;
}
#container #header {
	width:910px;
	height:110px;
	margin:0;
	padding:15px;
}
#container #header .logo {
	width:328px;
	height:80px;
	margin:0;
	padding:0;
	float:left;
}
#container #body {
	padding:0 25px;
}
@media (min-width: 481px)and (max-width: 768px) {
#container {
	width: 90%;
	padding:3%;
	margin: 15px auto;
}
#container #header {
	width:100%;
	padding:0;
}
}
/* for table */
#container #form-tbl {
	margin:0;
}
#container #form {
	font-size:14px;
	line-height:28px;
	width:90%;
	border-collapse: collapse;
	margin:0 auto;
}
#container #form th, #form td {
	border: 1px solid #333;
	padding: 8px;
}
#container #form th {
	white-space: nowrap;
	background: #e8e8e8;
	width:25%;
	vertical-align:middle;
}
#container #form td {
	background: #fff;
}
#container .form_need {
	font-size:13px;
	line-height:1.2;
	text-align:center;
}
#container .form_need_mark {
	font-size:13px;
	line-height:1.2;
	color:#ff0000;
}
div.btn {
	text-align:center;
	margin:25px 0 50px 0;
}
div.btn input {
	font-size:20px;
	width: 140px;
	height: 50px;
	text-align:center;
}

/* sp */
@media only screen and (max-width: 480px) {
#container {
	width: 94%;
	margin:15px auto;
	padding: 2%;
	background-color:#fff;
}
#container #header {
	width:100%;
	height:auto;
	margin:0;
	padding:0;
}
#container #header .logo {
	margin:0 auto;
	float:none;
}
#container #form-tbl { margin: 0 auto; text-align: center; }
#container #form { width: 100%; margin: 0 auto; }
#container #form th, #form td {
    text-align: left;
	width: 90%;
    display: block;
	margin:0;
    padding: 2%;
    border-top: none;
    }
#container #form tr:first-child th	{ border-top: 1px solid #666; }
p.btn input { width: 10em; }
}