* {
	margin: 0px;
	padding: 0px;
}

html{
	width: 100%;
	height: 100%;
}

body {
	background-color: #000000;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 10px;
	line-height: 140%;
	color: #999999;
	background-image: url();
	background-attachment: fixed;
	background-repeat: repeat-y;
	background-position: left top;
	width: 100%;
	height: 100%;
}


td,th {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 11px;
}


a:link {
	color: #444444;
	text-decoration: none;
}

a:visited {
	text-decoration: none;
	color: #444444;
}

a:active {
	text-decoration: none;
	color: #FF9933;
}
a:hover {
	text-decoration: none;
	color: #444444;
}


h1 {
    	grid-area: title;
	font-family: Verdana, "Arial Black", "ＭＳ ゴシック";
	font-size: 14px;
	color: #FFFFFF;
	padding:30px 50px ;
	background-color:#a9a9a9;
}
h2 {
	font-family: Verdana, "Arial Black", "ＭＳ ゴシック";
	font-size: 11px;
	color: #ffffff;
	padding:10px;
	background-color:#000000;
}

.content {
	width: 1200px;
	height: 100%;
	position: relative;
	margin:0 auto;
	background-color:#FFFFFF;
	color: #222222;

    display: grid;
    grid-template-areas:
        "title title"
        "nav main"
        "footer footer";
    grid-template-columns: 180px auto;
    grid-template-rows: 80px auto 30px;
}


.mainImage {
    	grid-area: main;
	position: relative;
	padding:20px;
	text-align: left;
	background-color:#FFFFFF;
}

.mainImage img{
max-height: 720px;
max-width: 960px;
}

.thumbnails
{
    	grid-area: nav;
	margin:0 auto;
	padding:20px;
	position: relative;
	text-align: center;
	background-color:#f5deb3;
}

.thumbnails img{
  object-fit: cover;
  width: 30px;
  height: 30px; 
}

.footer {
    	grid-area: footer;
	color: #FFFFFF;
	text-align: center;
	background-color: #a9a9a9; 
}

.footer p {
	padding: 8px 10px;
}