.wrapper {
		max-width: 950px;
		margin: 0 auto;
	}
	header {
		background: white;
		height: 0px;
	}
	.container {
		display: flex;
		align:center;

	}
	.button {
		background: white;
		width: 100%;
		height: 50px;

	}.sub {
		background: white;
		width: 100%;
		height: 100%;
	}
	.iframe_1 {
		margin: 0 auto;
		max-width: 90%;
	}
	.side {
		background: white;
		width: 100%;
		height: 10%;

		margin: 0 auto;
		max-width: 90%;

	}
	.side2 {

		background: white;

		width: 100%;
		height: 50%;

		margin: 0 auto;
		max-width: 90%;

	}


	.side9 {

		background: white;

		width: 100%;
		height: 10%;

		margin: 0 auto;
		max-width: 100%;

	}

	td.td_1 { 
		background: #f5deb3;
		color:black;
		height:30px;
		width:100%;
		/* 文字サイズを1.4emに指定 */ 
		font-size: 1.2em; 
		/* 文字の太さをboldに指定 */ 
		/*font-weight: bold;*/
		/* 縦方向に10px、 
		* 横方向に30pxの余白を指定 */ 
		/* padding: 10px 10px; */ 
		/* 文字色を白色に指定 */ 
		color: black; 
		border-radius: 5px 5px 5px 5px;
	}


	td.td_2 { 
		background: #ffd700;
		color:#f5deb3;
		height:30px;
		width:100%;
		/* 文字サイズを1.4emに指定 */ 
		font-size: 1.2em; 
		/* 文字の太さをboldに指定 */ 
		/*font-weight: bold;*/
		/* 縦方向に10px、 
		* 横方向に30pxの余白を指定 */ 
		/* padding: 10px 10px; */ 
		/* 文字色を白色に指定 */ 
		color: black; 
		border-radius: 5px 5px 5px 5px;
	}

	.main {
		background: white;
		width: 100%;
		height: 10px;
		margin: 0 auto;
		max-width: 90%;

	}
	.slider {
		background: white;
		width: 90%;
		height: 10px;
	}

	footer {
		background: palegoldenrod;
		height: 100%;
	}
	@media (max-width: 950px){
		.container {
			flex-direction: column;
		}
		.map{
			text-align: center; 
			width: 90%;
			height: auto;
			margin: auto;
		}
		pro.table {
			text-align: center; 
			width: 40%;
			height: auto;
			margin: auto;
		}
	}



	@media (min-width: 950px){
		.container {
			width: 80%;
			height: 10%;
			margin: auto;
		}
		.side2{
			width: 60%;

		}

		.map{
			text-align: center; 
			width: 70%;
			height: auto;
			margin: auto;
		}
		pro.table {
			text-align: center; 
			width: 40%;
			height: auto;
			margin: auto;

		}

	}





	.under1:hover {
	  border-bottom: solid 2px darkolivegreen;
	}
	a {
		text-decoration: none;
		color: dimgray;
	}
	.fft_1 {
		text-decoration: none;
		color: dimgray;
background: linen;
text-align: center;
	}
	.fft_2 {
		text-decoration: none;
		color: white;
background: saddlebrown;
text-align: center;
	}
	.fft_3 {
		text-decoration: none;
		color: white;
background: saddlebrown;
text-align: left;
max-width:100%;
		margin: 0 auto;
	}


	button.button1{ 
		/* 文字サイズを1.4emに指定 */ 
		font-size: 1em; 
		/* 文字の太さをboldに指定 */ 
		/*font-weight: bold;*/
		/* 縦方向に10px、 
		* 横方向に30pxの余白を指定 */ 
		/* padding: 10px 10px; */ 
		/* 文字色を白色に指定 */ 
		color: white; 
		/* ボーダーをなくす */ 
		border-style: inset; 
 
		/* テキストの影の指定 
		* 影の横幅を1px 
		* 縦長を1px 
		* ぼかしを2px 
		* 色を#000（黒）に指定 */ 
		text-shadow: 1px 1px 2px olive; 
		/* グラデーションの指定 */ 
		/*
		background: -moz-linear-gradient(bottom, #36d, #248 50%, #36d); 
		background: -webkit-gradient(linear, left bottom, left top, from(#36d), color-stop(0.5, #248), to(#36d)); 
		*/
		/* 角丸の指定 */ 
		/*  -moz-border-radius: 5px; */ 
		/*  -webkit-border-radius: 5px; */ 
		/*   border-radius: 5px; */ 
		width:50%;
		height:40px;
		background-color:blue;
		border-radius: 10px 10px 0px 0px;
text-align: center;
	} 
	button.button1:hover { 
		/* 透明度を20%に指定 */ 
		opacity: 0.5;
		border:2px white solid;
		background-color:#f5deb3;
		color: #f5deb3; 
	}
	button.button2{ 
		/* 文字サイズを1.4emに指定 */ 
		font-size: 1.3em; 
		/* 文字の太さをboldに指定 */ 
		/*font-weight: bold;*/
		/* 縦方向に10px、 
		* 横方向に30pxの余白を指定 */ 
		/* padding: 10px 10px; */ 
		/* 文字色を白色に指定 */ 
		color: white; 
		/* ボーダーをなくす */ 
		border-style: inset; 
		/* ボタンの影の指定 
		* 影の横幅を2px 
		* 縦長を2px 
		* ぼかしを3px 
		* 広がりを1px 
		* 色を#666（グレー）に指定 */ 
		box-shadow: 2px 1px 3px 1px beige; 
		-moz-box-shadow: 2px 1px 3px 1px beige; 
		-webkit-box-shadow: 2px 1px 3px 1px beige; 
		/* テキストの影の指定 
		* 影の横幅を1px 
		* 縦長を1px 
		* ぼかしを2px 
		* 色を#000（黒）に指定 */ 
		text-shadow: 1px 1px 2px olive; 
		/* グラデーションの指定 */ 
		/*
		background: -moz-linear-gradient(bottom, #36d, #248 50%, #36d); 
		background: -webkit-gradient(linear, left bottom, left top, from(#36d), color-stop(0.5, #248), to(#36d)); 
		*/
		/* 角丸の指定 */ 
		/*  -moz-border-radius: 5px; */ 
		/*  -webkit-border-radius: 5px; */ 
		/*   border-radius: 5px; */ 
		width:100%;
		height:40px;
		background-color:#f5deb3;
	} 
	button.button2:hover { 
		/* 透明度を20%に指定 */ 
		opacity: 0.5;
		border:2px white solid;
		background-color:cornflowerblue;
		color: #f5deb3; 
	} 
	button.button3{ 
		/* 文字サイズを1.4emに指定 */ 
		font-size: 1.3em; 
		/* 文字の太さをboldに指定 */ 
		/*font-weight: bold;*/
		/* 縦方向に10px、 
		* 横方向に30pxの余白を指定 */ 
		/* padding: 10px 10px; */ 
		/* 文字色を白色に指定 */ 
		color: white; 
		/* ボーダーをなくす */ 
		border-style: inset; 
		/* ボタンの影の指定 
		* 影の横幅を2px 
		* 縦長を2px 
		* ぼかしを3px 
		* 広がりを1px 
		* 色を#666（グレー）に指定 */ 
		box-shadow: 2px 1px 3px 1px beige; 
		-moz-box-shadow: 2px 1px 3px 1px beige; 
		-webkit-box-shadow: 2px 1px 3px 1px beige; 
		/* テキストの影の指定 
		* 影の横幅を1px 
		* 縦長を1px 
		* ぼかしを2px 
		* 色を#000（黒）に指定 */ 
		text-shadow: 1px 1px 2px olive; 
		/* グラデーションの指定 */ 
		/*
		background: -moz-linear-gradient(bottom, #36d, #248 50%, #36d); 
		background: -webkit-gradient(linear, left bottom, left top, from(#36d), color-stop(0.5, #248), to(#36d)); 
		*/
		/* 角丸の指定 */ 
		/*  -moz-border-radius: 5px; */ 
		/*  -webkit-border-radius: 5px; */ 
		/*   border-radius: 5px; */ 
		width:100%;
		height:30px;
		background-color:#f5deb3;
	} 
	button.button3:hover { 
		/* 透明度を20%に指定 */ 
		opacity: 0.5;
		border:2px white solid;
		background-color:cornflowerblue;
		color: #f5deb3; 
	} 
	button.button4{ 
		/* 文字サイズを1.4emに指定 */ 
		font-size: 1.3em; 
		/* 文字の太さをboldに指定 */ 
		/*font-weight: bold;*/
		/* 縦方向に10px、 
		* 横方向に30pxの余白を指定 */ 
		/* padding: 10px 10px; */ 
		/* 文字色を白色に指定 */ 
		color: white; 
		/* ボーダーをなくす */ 
		border-style: inset; 
		/* ボタンの影の指定 
		* 影の横幅を2px 
		* 縦長を2px 
		* ぼかしを3px 
		* 広がりを1px 
		* 色を#666（グレー）に指定 */ 
		box-shadow: 2px 1px 3px 1px beige; 
		-moz-box-shadow: 2px 1px 3px 1px beige; 
		-webkit-box-shadow: 2px 1px 3px 1px beige; 
		/* テキストの影の指定 
		* 影の横幅を1px 
		* 縦長を1px 
		* ぼかしを2px 
		* 色を#000（黒）に指定 */ 
		text-shadow: 1px 1px 2px olive; 
		/* グラデーションの指定 */ 
		/*
		background: -moz-linear-gradient(bottom, #36d, #248 50%, #36d); 
		background: -webkit-gradient(linear, left bottom, left top, from(#36d), color-stop(0.5, #248), to(#36d)); 
		*/
		/* 角丸の指定 */ 
		/*  -moz-border-radius: 5px; */ 
		/*  -webkit-border-radius: 5px; */ 
		/*   border-radius: 5px; */ 
		width:100%;
		height:40px;
		background-color:#f5deb3;
	} 
	button.button4:hover { 
		/* 透明度を20%に指定 */ 
		opacity: 0.5;
		border:2px white solid;
		background-color:cornflowerblue;
		color: #f5deb3; 
	} 
	button.button5{ 
		/* 文字サイズを1.4emに指定 */ 
		font-size: 1.3em; 
		/* 文字の太さをboldに指定 */ 
		/*font-weight: bold;*/
		/* 縦方向に10px、 
		* 横方向に30pxの余白を指定 */ 
		/* padding: 10px 10px; */ 
		/* 文字色を白色に指定 */ 
		color: white; 
		/* ボーダーをなくす */ 
		border-style: inset; 
		/* ボタンの影の指定 
		* 影の横幅を2px 
		* 縦長を2px 
		* ぼかしを3px 
		* 広がりを1px 
		* 色を#666（グレー）に指定 */ 
		box-shadow: 2px 1px 3px 1px beige; 
		-moz-box-shadow: 2px 1px 3px 1px beige; 
		-webkit-box-shadow: 2px 1px 3px 1px beige; 
		/* テキストの影の指定 
		* 影の横幅を1px 
		* 縦長を1px 
		* ぼかしを2px 
		* 色を#000（黒）に指定 */ 
		text-shadow: 1px 1px 2px olive; 
		/* グラデーションの指定 */ 
		/*
		background: -moz-linear-gradient(bottom, #36d, #248 50%, #36d); 
		background: -webkit-gradient(linear, left bottom, left top, from(#36d), color-stop(0.5, #248), to(#36d)); 
		*/
		/* 角丸の指定 */ 
		/*  -moz-border-radius: 5px; */ 
		/*  -webkit-border-radius: 5px; */ 
		/*   border-radius: 5px; */ 
		width:100%;
		height:40px;
		background-color:#f5deb3;
	} 
	button.button5:hover { 
		/* 透明度を20%に指定 */ 
		opacity: 0.5;
		border:2px white solid;
		background-color:cornflowerblue;
		color: #f5deb3; 
	}
	a.bn_1:hover { 
		/* 透明度を20%に指定 */ 
		opacity: 0.5;
		/*border:2px white solid; */
	} 
	a.bn_2:hover { 
		/* 透明度を20%に指定 */ 
		opacity: 0.5;
		/*border:2px white solid;*/ 
	} 
	a.bn_3:hover { 
		/* 透明度を20%に指定 */ 
		opacity: 0.5;
		/*border:2px white solid;*/ 
	}