@media screen and (min-width: 641px) {
	header, main, footer {
		display:block;
		margin:0 auto;
		width:638px;
		background-color:#fff;
		border-left:1px solid #999;
		border-right:1px solid #999;
	}
	p#chu {
		font-size:11px;
		margin:5px auto;
		padding-left: 100px;
		text-indent: -20px;
	}
	p#chu a {
		font-size:11px;
	}
	p#chu:before {
		content : "※";
		padding-right:8px;
	}
}
@media screen and (max-width: 640px) {
	header, main, footer {
		display:block;
		margin:0 auto;
		width:100%;
		background-color:#fff;
		border-left:1px solid #999;
		border-right:1px solid #999;
	}
	p#chu {
		font-size:11px;
		margin:5px auto;
		padding: 0 10px 0 40px;
		text-indent: -20px;
	}
	p#chu a {
		font-size:11px;
	}
	p#chu:before {
		content : "※";
		padding-right:8px;
	}
	section#kubun label {
		display:block;
		margin: 0 0 10px 40px;
	}
}

* {
	margin:0;
	padding:0;
	font-weight:normal;
	font-size:14px;
	line-height: 160%;
}
body {
	color:#333;
	background:#FFF url(./img/a_BK.jpg) repeat-x;
	letter-spacing:0.1em;
}
#mail1, #mail2, #zip2, #zip2 #tel {
	ime-mode:disabled;
}
#sei, #mei, #k_sei, #k_mei, #company, #address, #department {
	ime-mode:active;
}

input#dummy { display:none;}
input[type=radio] {
	height:20px;
	width:20px;
	margin-right:10px;
}
input[type=text] {
	width:210px;
	height:30px;
	margin:2px 5px;
	border:1px dotted #999;
	font-size:18px;
	box-sizing:border-box;
	padding-left:3px;
}
input#sei, input#mei, input#k_sei, input#k_mei {
	width:100px;
}
input#zip1 {
	width:44px;
}
input#zip2 {
	width:58px;
}
input#address1 {
	width:94px;
}
input#address2 {
	width:210px;
}
select#pref {
	width:100px;
	height:30px;
	font-size:18px;
	border:1px dotted #999;
}
select#shozoku {
	display:block;
	width:280px;
	height:30px;
	margin:10px auto;
	font-size:18px;
	border:1px dotted #999;
}
h1 {
	background:url(./img/logo.gif) no-repeat 10px 17px;
	padding:20px;
	text-indent:60px;
	font-size:16px;
	font-weight:bold;
	color:#333;
}
main {
	padding:20px 0 10px;
	background-color:#FFF;
	margin-top:5px;
}
h2 {
	font-size:16px;
	margin:30px auto 20px;
	width:80%;
	padding-left:7px;
	border-left:7px solid #999;
	border-bottom:1px solid #999;
}
h2 span {
	font-size:12px;
	padding-left: 20px;
}
section {
	width:360px;
	margin:10px auto;
}
label {
	margin-right:20px;
}
table {
	width:300px;
	margin:0 auto 5px;
}
table td:first-child {
	width:70px;
}
table td:last-child {
	width:230px;
}
table td {
	padding:5px 0 5px 0;
}
table td small {
	font-size:12px;
	margin-left:10px;
}
div {
	text-align:center;
}
div#alert {
	font-size:20px;
	padding:120px 0;
	color:red;
}
footer {
	background-color:#4169e1;
	height:30px;
	color:#FFF;
	font-size:10px;
	text-align:center;
	line-height:30px;
}

/* --- check.php --- */
p#notice {
	width:340px;
	margin:5px auto;
}
p#notice span {
	color:red;
}
div input[type="submit"], div input[type="button"] {
	width:120px;
	display:inline-block;
	margin:10px;
	padding:10px 30px;
}
