@charset "utf-8";

a {
	text-decoration: none;
}

#bodyimage {
	background-image: url('../images/haikei.jpg');
	background-size:70px;
	background-position: left 100% top 0%;
}

#left {
	position: absolute;
	top: 0;
	left: 0px;
	width: 220px;
	height: 100%;
	text-align: center;
	}

#right {
	position: absolute;
	top: 0;
	right: 0;
	left: 220px;
	height: 100%;
	border-left: 2px solid #ccc;
	}

iframe {
	border: none;
	height: 100%;
	width: 100%;
	}

  #gallery ul {
     list-style: none;
     margin: 0;
     padding: 0;
		 overflow: hidden;
  }

  #gallery ul li {
     width: 135px;
		 height: 144px;
     margin: 0 20px 50px 0px;
     padding: 2px 5px;
     float:left;
     text-align: center;
     color: #000000;
     font-weight:bold;
		 font-size:small;
  }

	#gallery ul li:nth-child(3n) {
    margin-right: 0;
  }

  #gallery ul li a img {
    width: 135px;
    height: 130px;
		object-fit: cover;
  }

	#gallery2 ul {
     list-style: none;
     margin: 0;
     padding: 0;
     overflow: hidden;
  }
	#gallery2 ul li {
     width: 135px;
     margin: 0 20px 20px 0;
     padding: 2px 5px;
     float:left;
     text-align: center;
     color: #ffffff;
     font-weight:bold;
		 font-size:small;
  }


  #gallery2 ul li:nth-child(3n) {
    margin-right: 0;
  }

  #gallery2 ul li a img {
    width: 135px;
    height: 130px;
		object-fit: cover;
  }


	p.img_center {
	  text-align: center;
	}

  h1 {
    padding:9px 15px;
    font-size:26px;
    background: #F3F6FB;
    border-bottom: solid 1px #0087ff;
   }

h2 {
     font-size:22px;
     background-color: #EFF9F3;
     border-bottom: 2px solid #8FD8D2;
     border-left: 7px solid #8FD8D2;
     padding: 2px 15px;
		 color:#00008b;
   }

	 h3 {
	      font-size:20px;
	      border-bottom: 1px solid #aaa;
	      padding: 2px 15px;
	 		 color:#00008b;
	    }

 #menu {
   clear: both;
   overflow: hidden;
   font-size:17px;
	 font-style: italic;
  font-family: serif;
 }

 #menu tr {
   list-style: none;
   padding:0;
 }

 #menu tr td {
   width:200px;
   margin:4px;
	 white-space: nowrap;
 }

 #menu tr td a {
   display: block;
   padding:7px;
   background:#fff;
   text-decoration:none;
   border: solid 4px #977A48;
 }

 .listimg {
   object-fit: cover;
   font-family: 'object-fit: cover; object-position: bottom;';
	 object-position:70% 13%;
 }

 .marquee {
margin : 0 auto 40px;
width : 55%;
font-size : 17px;
text-align : center;
overflow : hidden;
}
.marquee p {
margin:0;
display : inline-block;
padding-left: 100%;
white-space : nowrap;
line-height : 1em;
animation : scrollSample01 10s linear infinite;
}
@keyframes scrollSample01{
0% { transform: translateX(0)}
100% { transform: translateX(-100%)}
}

#button {
	width: 700px;
	margin: 12 auto;
	background: -webkit-linear-gradient(to bottom, #191970 0%, #330000 100%);
	background: linear-gradient(to bottom, #191970 0%, #330000 100%);
  border: 3px solid #005e8c;
	border-radius: 5px;
  padding: 10px 100px;
  font-size: 18px;
  cursor: pointer;
  transition: background-color 0.1s linear;
}

#button a {	color: #b3e6ff; }
#button a:hover {	color: #00bfff; }

#button:hover {
	border: 3px solid #0099e6;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#330000), color-stop(100%,#191970));
  background: -webkit-linear-gradient(top,  #330000 0% #191970 100%);
  background: linear-gradient(to bottom, #330000 0% #191970 100%);
}