@charset "utf-8";
article {
	width:865px;
	margin:0 auto;
	padding-top:20px;
	background:url(image.jpg) no-repeat right bottom;
}
article header {
	padding: 5px;
    background: #E0E0E0;
}

section {
	margin-top:20px;
}
select {
	display:none;
	margin-bottom:20px;
	margin-right:10px;
}
.on {
	display:inline;
}
.off {
	display:none;
}
p {
	margin-bottom:5px;
}
#result {
	margin-bottom:10px;
	font-weight:bold;
	font-size:25px;
}
#result2 {
	margin-bottom:40px;
	font-weight:bold;
}
#round {
	margin-bottom:40px;
	font-size:14px;
}

table {
	width:450px;
	border-collapse:collapse;
	border:1px solid #666;
	margin-bottom:15px;
	background:white;
}
table caption {
	margin-bottom:5px;
	text-align:left;
}
th,tr,td {
	border:1px solid #666;
	border-width:0 1px 1px 0;
	padding:5px 3px;
}
table th {
	text-align:left;
	font-weight:normal;
	border-right-style:dotted;
}
table .center {
	text-align:center;
}
table .tColor {
	background-color:#ededed;
	font-weight:bold;
	text-align:center;
}

table .tColor td:nth-of-type(2) {
	color:red;
}
table .tColor td:nth-of-type(3) {
	color:green;
}
table .tColor td:nth-of-type(4) {
	color:blue;
}