@charset "utf-8";
body{
	color:#000;
	background-color:#fff;
	padding:0;
	border:0;
	margin:0;
}
article{
	background-color:#fff;
	padding:0;
	margin:auto;
	border:solid 1px #a50000;
	box-shadow:0px 0px 5px #000;
	width:60%;
}
header{
	background-color:#a50000;
	padding:10px;
}
h1{
	color:#fff;
	padding:0px;
	padding-left:5px;
	border-left:solid 10px #fff;
	margin:0;
}
#main{
	background-color:#fee;
	margin:10px;
	padding:1rem;
}
p.h2{
	margin:0;
}
dt{
	border-left:solid 0.3rem #036;
	padding-left:0.3rem;
}
dd{
	margin:0;
}
.required{
	background-color:#c00;
	color:#fff;
	margin-left:0.5rem;
}

/* IMG */
img{
	width: 15%;
}

/* table */
table{
	margin:auto;
	border-collapse:collapse;
}
table,th,td{
	padding:0.2rem 0.5rem;
	border:solid 1px #fa0;
}
th{
	background-color:#fa0;
	color:#fff;
	text-align:left;
}
td{
	background-color:#fff;
}
tr.card span{
	display: inline-block;
	margin: 1rem 3rem;
	border:solid 1px #000;
	border-radius: 0.5rem;
	padding: 1rem 1rem;
	text-align: center;
	font-size:4rem;
	box-shadow:5px 5px 5px 0px #ccc;
}
#kekkaB input{
	color: #fff;
	background: #f00;
	border: 0;
	padding: 0.5rem 0;
	font-size: 1rem;
	width: 10rem;
}
#creya input{
	color: #fff;
	background: #0df;
	border: 0;
	padding: 0.5rem 0;
	font-size: 1rem;
	width: 10rem;
}
#creya input[disabled]{
	color: #fff;
	background: #a8f3ff;
	border: 0;
	padding: 0.5rem 0;
	font-size: 1rem;
	width: 10rem;
}