@charset "utf-8";

body {
	background-color:#2b0000;
	color:#f1f0c2;
}
header,
#contents,
table {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
h1 {
	font-size:100%;
	font-weight:normal;
	text-align:center;
}
h1 span {
	margin-left:30%;
}
table {
	white-space:normal;
	max-width:100%;
	border-spacing: 0px;
}
table tr td  {
	text-align:center;
}
table tr:first-child td img  {
	max-width:300px;
}

table tr td.top1 {
	background-image:url(../images/top1.png) no-repeat;
}
table tr td.top2 {
	background-image:url(../images/top2.png) no-repeat;
}

table tr td.top1 a,
table tr td.top2 a {
	display:block;  /*‚¿‚ç‚‚«–hŽ~ */
}

table tr td.top1 a:hover img,
table tr td.top2 a:hover img {
	visibility: hidden;
}
table tr td.top1 a:hover  {
	background-image:url(../images/top1.png);
	background-size:contain;
}
table tr td.top2 a:hover  {
	background-image:url(../images/top2.png);
	background-size:contain;
}

@media screen and (max-width: 991px) {
  /* tablet */
	header,
	#contents,
	table tr td img {
		width:100%;
	}
}