* { margin: 0; padding: 0; }

body { font-size: 80%; }

.wrap-form {
	width: 800px;
	padding: 20px 5px;
}

.wrap-form dl {
	width: 100%;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 5px;
	background-color: #fff;
	display: table;
}

.wrap-form dl.top {
	width: 100%;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 5px;
	background-color: #fff;
	display: table;
}

.wrap-form dt {
	width: 180px;
	float: left;
	color: #00375E;
	background-color: #fff;
	font-weight: bold;
	font-size: 95%;
	text-align: left;
	padding: 5px;
	letter-spacing: 2px;
}

.wrap-form dd {
	width: 550px;
	float: left;
	color: #666;
	background-color: #fff;
	padding: 5px 0 5px 20px;
	border-left: 4px solid #000066;
}

.input-b {
	width: 200px;
	background-color: #efc;
	border-left: 1px solid #9cc;
	border-right: 2px solid #066;
	border-top: 1px solid #9cc;
	border-bottom: 2px solid #066;
	margin-top: 20px;
	padding: 5px;
	color: #00375E;
	font-weight: bold;
	letter-spacing: 3px;
}
.copy{text-align:right;}.copy a{font-size:70%;text-decoration:none;color: #FFFFFF;}
.hiss { color: #f90; font-size: 80%; padding-left: 10px; }
.err { color: red; background-color: #fff; }
.point { color: #3B6C53; background-color: #fff; }
.align-c { text-align: center; }
.input-ss { width: 150px; }
.input-s { width: 300px; }
.input-m { width: 400px; }
.input-l { width: 500px; }
.inp4 { width: 80px; }
.inp2 { width: 40px; }
@media screen and (max-width: 799px){
body { font-size: 100%; }

.wrap-form {
	width: 98%;
	padding: 5px 1%;
}

.wrap-form dl {
	width: 100%;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 5px 0;
	background-color: #fff;
	display: table;
}

.wrap-form dl.top {
	width: 100%;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 5px 0;
	background-color: #fff;
	display: table;
}

.wrap-form dt {
	width: 98%;
	color: #00375E;
	background-color: #fff;
	font-weight: bold;
	font-size: 100%;
	text-align: left;
	padding: 5px 1%;
	letter-spacing: 2px;
}

.wrap-form dd {
	width: 98%;
	color: #666;
	background-color: #fff;
	padding: 5px 1%;
    border-left: none;
}

.input-b {
	width: 60%;
	background-color: #efc;
	border-left: 1px solid #9cc;
	border-right: 2px solid #066;
	border-top: 1px solid #9cc;
	border-bottom: 2px solid #066;
	margin-top: 5px;
	padding: 5px 1%;
	color: #00375E;
	font-weight: bold;
	letter-spacing: 3px;
}
.copy{text-align:right;}.copy a{font-size:100%;text-decoration:none;color: #FFFFFF;}
.hiss { color: #f90; font-size: 100%; padding-left: 10px; }
.err { color: red; background-color: #fff; }
.point { color: #3B6C53; background-color: #fff; }
.align-c { text-align: center; }
.input-ss { width: 98%; padding:2% 0; }
.input-s {  width: 98%; padding:2% 0; }
.input-m {  width: 98%; padding:2% 0; }
.input-l {  width: 98%; padding:2% 0; }
.inp4 {  width: 98%; padding:2% 0; }
.inp2 {  width: 98%; padding:2% 0; }
}