body{
  
	width:1024px;
	height:768px;
	font-family: "Verdana","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
  margin: 0 auto;
	color:#292929;

}

h2{
	font-size:15px;
}
h3{
	font-size:16px;
	padding:18px;
}

hr {
	height:2px;
	background-color:#ede6e6;
	width:100%;
	border:none;
	margin-top: 0;

}

.font_mokuji{
	font-weight:bold;
}

.wrapper {
	display: grid;
	display: -ms-grid;
	grid-template-columns: repeat(20, 49px);
	grid-template-rows: repeat(15, 49px);
	gap:2px;
	/*grid-template-columns: repeat(20, 1fr);*/
	/*grid-template-rows: repeat(13, 1fr);*/
	-ms-grid-columns: (49px)[20];
	-ms-grid-rows:(49px)[15];
	
}

.box1 { 
  /*border:radius 5%;*/
	grid-column-start: 1; 
  grid-column-end: 6;    /*列の線 4*/ 
  grid-row-start: 1; 
  grid-row-end: 1;       /*行の線 3*/ 
	-ms-grid-column:1;
	-ms-grid-column-span:5;	
	-ms-grid-row:1;
	-ms-grid-row-span:1;
	
}
.box2 { 
  /*border:radius 5%;*/
	grid-column-start:6; 
  grid-column-end: 19;    /*列の線 4*/ 
  grid-row-start: 1; 
  grid-row-end: 1;       /*行の線 3*/ 
	color:#b7b2b2;
	-ms-grid-column:6;
	-ms-grid-column-span:13;	
	-ms-grid-row:1;
	-ms-grid-row-span:1;
}
.box3 { 
  /*border:radius 5%;*/
	grid-column-start: 19; 
  grid-column-end: 21;    /*列の線 4*/ 
  grid-row-start: 1; 
  grid-row-end: 1;       /*行の線 3*/ 
	-ms-grid-column:19;
	-ms-grid-column-span:2;	
	-ms-grid-row:1;
	-ms-grid-row-span:1;
}
.box4 { 
  /*border:radius 5%;*/
	grid-column-start: 1; 
  grid-column-end: 21;    /*列の線 4*/ 
  grid-row-start: 2; 
  grid-row-end: 2;       /*行の線 3*/ 
	-ms-grid-column:1;
	-ms-grid-column-span:20;	
	-ms-grid-row:2;
	-ms-grid-row-span:1;
}
.box5 { 
  /*border:radius 5%;*/
  /*position: relative;*/
	grid-column-start: 1; 
  grid-column-end: 6;    /*列の線 4*/ 
  grid-row-start: 3; 
  grid-row-end: 5;       /*行の線 3*/ 
	-ms-grid-column:1;
	-ms-grid-column-span:5;	
	-ms-grid-row:3;
	-ms-grid-row-span:2;	
	object-fit: scale-down;
	text-align: center;
}
.box6 { 
  /*border:radius 5%;*/
	grid-column-start: 6; 
  grid-column-end: 21;    /*列の線 4*/ 
  grid-row-start: 3; 
  grid-row-end: 5;       /*行の線 3*/ 
	-ms-grid-column:6;
	-ms-grid-column-span:15;	
	-ms-grid-row:3;
	-ms-grid-row-span:2;
}
/*
.box7 { 
  border:radius 5%;
	grid-column-start:18; 
  grid-column-end: 21;    列の線 4 
  grid-row-start: 3; 
  grid-row-end: 5;       行の線 3 
	padding-top: 50px;
	
}
*/
.box8 { 
  /*border:radius 5%;*/
	grid-column-start: 1; 
  grid-column-end: 6;    /*列の線 4*/ 
  grid-row-start: 5; 
  grid-row-end: 15;       /*行の線 3*/ 
	margin-left:20px;
	-ms-grid-column:1;
	-ms-grid-column-span:5;	
	-ms-grid-row:5;
	-ms-grid-row-span:10;
}
.box9 { 
  /*border:radius 5%;*/
	grid-column-start: 6; 
  grid-column-end: 21;    /*列の線 4*/ 
  grid-row-start: 5; 
  grid-row-end: 15;       /*行の線 3*/ 
	/*border: solid 1px pink;*/
	-ms-grid-column:6;
	-ms-grid-column-span:15;	
	-ms-grid-row:5;
	-ms-grid-row-span:10;
	overflow: scroll;
}
.box10 { 
  /*border:radius 5%;*/
	grid-column-start: 1; 
  grid-column-end: 21;    /*列の線 4*/ 
  grid-row-start: 15; 
  grid-row-end: 16;       /*行の線 3*/ 
	-ms-grid-column:1;
	-ms-grid-column-span:20;	
	-ms-grid-row:16;
	-ms-grid-row-span:1;
	margin: 0 auto;
	font-size: 12px;
	color:#daa350;
}
/*
#img03 #img05 #img07{
		position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: auto;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
	

}
*/
#img01 {
  width: 250px;

}


#img03 {
    width: auto;
		max-height: 100%;

}


#img05 {
	width:100%;
	height:100%;
	object-fit: contain;
	animation:imgfade 1s;
	opacity:1;
	

/*	width: 46%;
	height: auto;*/

}


#img05:hover{
	 cursor: pointer; /* マウスカーソルを手の形にする */
   opacity: 0.6; /* ボタンの透明度を60%にする */
	transition:all 1s ease-in-out;
}

#btn_map{
 display:block;
 margin:10px 39px;
 color:white;
  background-color:#426EBD;
  width:60%;
  height:40px;
  border-radius: 13px;
    border-style: none;
    padding-top: 10px;
        text-decoration: none;
            text-align: center;
  

}
#btn_map:hover{
	background-color:426EBD;
	color:white;
   cursor: pointer; /* マウスカーソルを手の形にする */
   opacity: 0.6; /* ボタンの透明度を60%にする */
	transition:all 1s ease-in-out;
}


#img07{
	max-width: 100%;
	height: auto;

}


#info{
	font-size:15px;
	width:100%;
	height: 65%;
	overflow: scroll;

}
#main_title {
	padding-top: 10px;
	padding-left: 20px;
  font-size: 24px;
  height: 70%;
  background-color: #e6e6e6;
  color: #545454;
  border-radius: 10px;
}

#nav {
 width:100%;
 height:5%;
 border-left:5px;
 margin: 0 auto;
}

#nav_contents{


}

.marker {
	background: linear-gradient(transparent 60%,#ede6e6 0%);

}

td a{
	text-decoration: none;
	display: block;
	height:100%;
}

#btn_viewall {
    margin: 25px 0 5px 7px;
    /* background-color: rgb(210, 210, 210); */
     border-radius: 5px;
}