@charset "utf-8";
/* CSS Document */

body {
	margin		: 0;
	padding		: 0;
	height		: 100%;
	font-family	: "メイリオ", Meiryo,MS PGothic,arial,"Hiragino Kaku Gothic Pro",sans-serif;
	/*font-family	: MS PGothic,arial,sans-serif;*/
	font-size	: 75%;
	line-height	: 1.5;
	text-align	: center;
	color		: #444;
}

	body {
		font:12px/1.231 "メイリオ", Meiryo,MS PGothic,arial,"Hiragino Kaku Gothic Pro",sans-serif;
		/* for IE6/7 */
		*font-size:small;
		/* for IE Quirks Mode */
		*font:x-small;
	}
	
	body {
		font:75%/1.231 "メイリオ", Meiryo,MS PGothic,arial,"Hiragino Kaku Gothic Pro",sans-serif;
	}

img[usemap] {
	border		: none;
	height		: auto;
	max-width	: 100%;
	width		: auto;
}

img {
	max-width	: 100%;
	height		: auto;
}


header {
	position	: relative;
	width		: 630px;
	height		: 60px;
}

	header h1 {
		position	: absolute;
		top			: 20px;
		left		: 0;
		text-align	: left;
	}
	
		#head_btn {
			position	: absolute;
			top			: 20px;
			right		: -10px;
		}
	
		#head_btn li{
			float	: left;
			margin	: 0 10px 0 0;
		}
	

#bukken_map {
	margin	: 0 auto;
	width	: 630px;
}

	#map {
		clear	: both;
	}

	#map h2 {
		padding		: 10px 15px;
		margin		: 0 0 20px;
		background	: #004684;
		color		: #FFF;
		font-size	: 125%;
		text-align	: left;
	}

	#map h3 {
		margin		: 0 15px 20px;
		border-left	: 4px solid #ef9c00;
		padding		: 0 0 0 10px;
		text-align	: left;
		font-size	: 135%;
	}

	#mapImg {
		margin	: 0 auto 30px;
		width	: 95%;
	}

.tableStyle01 {
	margin			: 10px auto 20px;
	width			: 95%;
	border			: 1px solid #D5D5D5;
	border-collapse	: collapse;
	border-spacing	: 0;
	empty-cells		: show;

}

	.tableStyle01 th{
		border		: 1px solid #D5D5D5;
		width		: 17%;
		padding		: 5px;
		background	: #f7f7f7;
		font-size	: 100%;
	}

	.tableStyle01 td{
		border		: 1px solid #D5D5D5;
		width		: 83%;
		padding		: 8px 10px;
		font-size	: 100%;
		text-align	: left;
		line-height	: 1.5;
	}

#foot_btn {
	margin	: 20px auto;
	width	: 370px;
}


@media screen and (max-width: 767px)  {
/* 0 - 767px用（タブレット／スマートフォン用）の記述 */

header {
	position	: relative;
	margin		: 0 0 15px;
	width		: 100%;
	height		: auto;
	padding		: 0 0 25px;
}

	header h1 {
		position	: inherit;
		text-align	: left;
	}
		
		header h1 img{
			width	: 45%;
		}
		
		#head_btn {
			position	: absolute;
		}
	
			#head_btn li{
				float	: left;
				margin	: 0 10px 0 0;
			}

				#head_btn li input {
					width	: 100%;
				}

article {
	margin	: 0 0 0;
}

.tableStyle01 {
	margin			: 10px auto 20px;
	width			: 95%;
	border			: 1px solid #D5D5D5;
	border-collapse	: collapse;
	border-spacing	: 0;
	empty-cells		: show;

}

	.tableStyle01 th{
		border		: 1px solid #D5D5D5;
		width		: 26%;
		padding		: 5px;
		background	: #f7f7f7;
		font-size	: 100%;
		text-align	: left;
	}

	.tableStyle01 td{
		border		: 1px solid #D5D5D5;
		width		: 74%;
		padding		: 8px 10px;
		font-size	: 100%;
		text-align	: left;
		line-height	: 1.5;
	}


#bukken_map {
	width	: 100% !important;
}


.print_btn {
	display:none;
}

#foot_btn {
	margin	: 20px auto;
	width	: 100%;
}


}


@media print {
	
	header {
		margin:0 0 10px;
	}
	
	h2 {
		display:none;
	}
	
	#head_btn {
		display:none;
	}
	
	.tableStyle01 {
		display	: none;
	}


		#mapImg img{
			max-height:750px !important;
		}
	
	footer {
		display:none;
	}

}