@CHARSET "UTF-8";

h3 {
	margin-bottom: 0;
}

.temp1 {
	display: grid;
	grid-template-columns: 800px auto;
}

.temp2 {
	display: grid;
	grid-template-columns: 700px auto;
}

.temp2 input[type="radio"], .temp input[type="checkbox"] {
	vertical-align: middle;
}

.temp2 input[type="text"], .temp select {
	width: 100%;
	box-sizing: border-box;
}
.temp2 label {
    margin-left: 3em;
}
.temp2 .chk_area label{
	width: 100px;
	height: 1.8em;
    margin-left: 1em;
	display:inline-block;
	vertical-align: top;
}
.temp2 textarea {
	width: 100%;
	display: block;
	resize: vertical;
}

table{
	border-collapse: collapse;
	width:100%
}

th {
	padding: 5px;
	border: 1px solid #ccc;
	background: #eee;
	color: #333;
	font-weight: normal;
}

.temp2 .list th:nth-child(1) {
	width: 40%;
}

td {
	padding: 6px;
	border: 1px solid #ccc;
	background: #fff;
}