@charset "UTF-8";
/* reset */
body, div, h1, h2, p, th, td, input {
	margin: 0;
	padding: 0;
}
h1, h2 {
	font-size: 100%;
	font-weight: normal;
}
table {
	border-collapse:collapse;
	border-spacing: 0;
}
img {
	border: 0;
	vertical-align: bottom;
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/* base */
html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
body {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
h1{
	margin: 8px 0 0 8px;
}
h2{
	font-size: 200%;
	font-family: "Hiragino Kaku Gothic ProN",sans-serif;
	font-style: italic;
	margin: 16px 0;
	padding-left: 50px;
}
h2 span{
	border-bottom: double;
}
img{
	max-width: 100%;
	height: auto;
}
.container {
	margin: 0;
	padding: 0;
	width: 900px;
}
.row{
	display: flex;
}
.left {
	width: 32%;
	margin: 0 4%;
}
.right {
	width: 52%;
	margin: 0 4%;
}
/* table */
table{
	width: 100%;
	table-layout: fixed;
	text-align: right;
	margin-top: 20px;
}
table th,td {
    border: solid 1px;
    padding: 1px;
}
th{
	font-weight: normal;
	text-align: center;
}
td{
	padding-right: 5px;
}
.table1 th {
  background: #FFD966;
}
.table1 td {
  background: #FFF2CC;
}
.table1 tr:nth-child(odd) td {
  background: #FFD966;
}
/*  */
.table2 th {
  background: #A9D08E;
}
.table2 td {
  background: #E2EFDA;
}
.table2 tr:nth-child(odd) td {
  background: #A9D08E;
}
/*  */
.table3 th {
  background: #8EA9DB;
}
.table3 td {
  background: #D9E1F2;
}
.table3 tr:nth-child(odd) td {
  background: #8EA9DB;
}
caption {
	font-style: normal;
	font-weight: normal;
	text-align: left;
	margin-bottom: 20px;
}
em{
	font-size: 105%;
	font-style: normal;
	font-weight: bold;
	margin-left: 5px;
}
.closebtn{
	text-align: center;
}
.closebtn input{
	width: 70%;
	margin: 40px 0 20px;
	padding: 5px;
	background-color: #EFEFEF;
	border: 1px solid #767676;
	border-radius: 3px;
}
.closebtn input:hover {
	border-color: #4f4f4f;
	background-color: #e5e5e5;
}
.te1{
	text-align: center;
	margin: 50px 0;
}
.btn{
	width: 70%;
	margin: 20px auto;
	padding: 5px;
	border-top: 2px solid #767676;
	border-left: 2px solid #767676;
	border-right: 4px solid #767676;
	border-bottom: 4px solid #767676;
	text-align: center;
	text-decoration: none;
}
a {
	text-decoration: none;
	color: #000000;
}
.btn:hover{
	opacity: 0.8;
}
.bgc1{
	background-color: #FFD966;
}
.bgc2{
	background-color: #A9D08E;
}
.bgc3{
	background-color: #8EA9DB;
}