@charset "shift_jis";
/* CSS Document */

body{
	margin: 0 auto;
	max-width: 750px;
}

#head_section{
	overflow:hidden;
	padding:1% 1% 2%;
	}
	#head_section .header{
		width:30%;
		float:left;
		display:inline;
	}
	#head_section .navi{
		width:58px;
		float:right;
		display:inline;
	}
	/* モーダルウィンドウ */
	#modal-content {
		width: 80% ;
		margin: 0 ;
		padding: 10px;
		border: 2px solid #000 ;
		border-radius:4px;
		background: #fff ;
		position: fixed ;
		display: none ;
		z-index: 2 ;
		}
		#modal-content p {
			float:right;
			display:inline;
			margin-bottom:10px;
			}
			#modal-content p a {
				color:#000;
				font-size:14px;
			}
		#modal-content ul{
			clear:both
			}
			#modal-content ul li {
				padding:10px 10% 10px 18px;
				background:#000;
				border-radius:4px;
				margin-top:5px;
				}
				#modal-content ul li a {
					color:#FFF;
					display:block;
					font-weight:bold;
					font-size:14px;
				}
	#modal-overlay {
		z-index: 1 ;
		display: none ;
		position: fixed ;
		top: 0 ;
		left: 0 ;
		width: 100% ;
		height: 120% ;
		background-color: rgba( 0,0,0, 0.75 ) ;
	}

.navi_section{
	overflow:hidden;
	}
	.navi_section ul li{
		width:50%;
		float:left;
		display:inline;
	}
	.navi_section ul li:nth-child(1),.navi_section ul li:nth-child(5){
		background: -webkit-gradient(linear, left top, right top, color-stop(1.00, #070707), color-stop(0.00, #FF0000));
		background: -webkit-linear-gradient(left, #070707 0%, #FF0000 100%);
		background: -moz-linear-gradient(left, #070707 0%, #FF0000 100%);
		background: -o-linear-gradient(left, #070707 0%, #FF0000 100%);
		background: -ms-linear-gradient(left, #070707 0%, #FF0000 100%);
		background: linear-gradient(left, #070707 0%, #FF0000 100%);
	}
	.navi_section ul li:nth-child(4){
		background: -webkit-gradient(linear, left top, right top, color-stop(1.00, #070707), color-stop(0.00, #FF0000));
		background: -webkit-linear-gradient(left, #FF0000 0%, #070707 100%);
		background: -moz-linear-gradient(left, #FF0000 0%, #070707 100%);
		background: -o-linear-gradient(left, #FF0000 0%, #070707 100%);
		background: -ms-linear-gradient(left, #FF0000 0%, #070707 100%);
		background: linear-gradient(left, #FF0000 0%, #070707 100%);
	}
	.navi_section ul li a{
		padding:7% 14%;
	}

.map{
	position: relative;
	padding-bottom: 50%; /*これが縦横比*/
	height: 0;
	overflow: hidden;
	margin:2% auto;
	}
	.map iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100% !important;
		height: 100% !important;
	}


.contents h2{
	background:#D0000F;
  color: #fff;
  font-size: 115%;
  font-weight: bold;
  line-height: 1.3;
  margin: 0;
  padding: 10px;
  text-align: left;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.9);	
}

#footer{
	text-align:center;
	}
	#footer p:first-child{
		padding:2% 0;
		color:#656565;
	}
	#footer p.copy{
		padding:1% 0;
		background:#B2B2B2;
		color:#FFF;
	}