/*********************************************/	

@charset "utf-8";

/*********************************************/	



/* 全 体
----------------------------------------------- */

html{
	font-size: 62.5%;
	margin: 0;
	padding: 0;
	overflow-y: scroll;
}


body {
	margin: 0;
	padding: 0;
	color: #000;
	font-size: 14px; 
	 -webkit-text-size-adjust: 100%;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',Meiryo, sans-serif;
	line-height: 140%;
}


a{
	color: #49A235;
	text-decoration:underline;
}

	a:link{
		color: #49A235;
		text-decoration:underline;
	}

	a:visited{
		color: #49A235;
		text-decoration:none;
	}

	a:hover{
		color: #999;
		text-decoration:none;
	}

img{
	border: none;
	line-height:0;
	vertical-align:bottom;
}

.map_border{
	border:none;
	outline:none;
}


/*********************************************/	



/* = Selected Text
----------------------------------------------- */
::selection {
	color:#FFF;
	background:#49A235; /* Safari */
}

::-moz-selection {
	color:#FFF;
	background:#49A235; /* Firefox */
}

/*********************************************/	



/* = 全体
----------------------------------------------- */

#all_frame{
	width: 100%;
	margin:0 auto;
	padding:0
	background-color:#FFFFFF;
	position: relative;
	border-top: 5px solid #49A235;
}

/*********************************************/	



/* = ヘッダー
----------------------------------------------- */

header{
	margin: 0 auto 60px auto;
	padding: 20px 0 0 0;
	text-align: center;
}

/*********************************************/	



/* = コンテンツ
----------------------------------------------- */

#content{
	margin: 0 auto 0 auto;
	padding: 0 40px 40px 40px
}


	h1{
		position: relative;
		margin: 0 auto 40px auto;
		font-size: 24px;
		font-weight: bold;
		text-align: center;
		text-indent: 8px;
		letter-spacing: 8px;
		line-height: 140%;
		color: #49A235;
	}

		h1 span {
			position: relative;
			z-index: 2;
			display: inline-block;
			margin: 0 2.5em;
			padding: 0 1em;
			background-color: #fff;
			text-align: left;
		}
		
		h1::before {
			position: absolute;
			top: 45%;
			z-index: 1;
			content: '';
			display: block;
			width: 100%;
			height: 2px;
			background-color: #DDD;
		}

	.shop_list{
		width: 100%;
		margin: 0 auto 40px auto;
	}

		.shop_list th,
		.shop_list td{
			padding: 15px 0;
			font-size: 15px;
			letter-spacing: 3px;
			color: #444;
			border-bottom: 1px solid #CCC;
		}

		.shop_list th{
			width: 310px;
		}

		.shop_list td.tel{
			width: 160px;
		}

		.shop_list td.address{
			line-height: 160%;
		}

			.shop_list th p{
				margin: 0 20px 0 0;
				padding: 10px 0 8px 10px;
				font-size: 16px;
				font-weight: bold;
				border-left: 6px solid #49A235;
			}
			
			.oharai_machi th p{
				background-color: #FDEDEC;
				border-left: 6px solid #ea5549;
			}
			
			.geku_sando th p{
				background-color: #DBF5F9;
				border-left: 6px solid #00afcc;
			}

			.stay th p{
				background-color: #FBF0D9;
				border-left: 6px solid #e5a323;
			}

			.information th p{
				background-color: #f5ecf4;
				border-left: 6px solid #9b72b0;
			}
		
		.en{
			font-size: 15px;
			letter-spacing: 3px;
		}
		
		#map{
			width: 600px;
			height: 400px;
			border: 5px solid #A4D09A;
 		}

		#bt{
			width: 550px;
			margin: 0 auto 40px auto;
		}

		input[type="button"]{
			display: inline-block;
			margin: 0 10px;
			width: 160px;
			padding: 5px 0 2px 0;
			font-size: 14px;
			font-weight: bold;
			text-align: center;
			text-decoration: none;
			text-indent: 5px;
			letter-spacing: 5px;
			line-height: 200%;
			cursor: pointer;
			color: #FFF;
			border: 0;
			border-radius:5px;
			-webkit-border-radius:5px;
			-moz-border-radius:5px;
			-webkit-appearance: none;
			outline: none;
		}

		input[type="button"]#naiku{
			border: 1px solid #ea5549;
			border-bottom: 4px solid #D9281A;
			background-color: #ea5549;
		}
		
		input[type="button"]#naiku:hover{
			color: #ea5549;
			border: 1px solid #ea5549;
			border-bottom: 4px solid #ea5549;
			background-color: #FFF;
		}
		
		input[type="button"]#geku{
			border: 1px solid #00afcc;
			border-bottom: 4px solid #00778C;
			background-color: #00afcc;
		}

		input[type="button"]#geku:hover{
			color: #00afcc;
			border: 1px solid #00afcc;
			border-bottom: 4px solid #00afcc;
			background-color: #FFF;
		}

		input[type="button"]#wide{
			border: 1px solid #49A235;
			border-bottom: 4px solid #337225;
			background-color: #49A235;
		}

		input[type="button"]#wide:hover{
			color: #49A235;
			border: 1px solid #49A235;
			border-bottom: 4px solid #49A235;
			background-color: #FFF;
		}
		
		
		.map_window{
			width: 240px;
			height: 70px;
			padding-top: 10px;
			padding-bottom: 10px;
			font-size: 12px;
			font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',Meiryo, sans-serif;
			text-align: left;
			line-height: 170%;
			letter-spacing: 2px;
			over-flow: hidden;
		}

		.map_window_long{
			width: 240px;
			height: 130px;
			padding-top: 10px;
			padding-bottom: 10px;
			font-size: 12px;
			font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',Meiryo, sans-serif;
			text-align: left;
			line-height: 170%;
			letter-spacing: 2px;
			overflow-y: auto;
		}

		.map_window p.map_oharai_machi,
		.map_window p.map_geku_sando,
		.map_window p.map_stay,
		.map_window_long p.map_information{
			font-size: 14px;
			margin-bottom: 10px;
			padding-bottom: 5px;
			font-weight: bold;
			border-bottom: 3px solid #9b72b0;
		}

		.map_window p.map_oharai_machi{
			border-bottom: 3px solid #ea5549;
		}

		.map_window p.map_geku_sando{
			border-bottom: 3px solid #00afcc;
		}

		.map_window p.map_stay{
			border-bottom: 3px solid #e5a323;
		}

		.map_window_long p.map_information{
			border-bottom: 3px solid #9b72b0;
		}

		.map_window_long p.map_en{
			margin-bottom: 5px;
			font-weight: bold;
			color: #9b72b0;
		}
		
		
/*********************************************/	



/* = フッター
----------------------------------------------- */

footer{
	margin: 0 auto 0 auto;
	padding: 20px 0 18px 0;
	font-size: 14px;
	text-align: center;
	letter-spacing: 3px;
	line-height: 100%;
	color: #FFF;
	background-color: #49A235;
	background-image: url(../img/bg_footer.png);
	background-position: center top;
	background-repeat: repeat-x;
}

/*********************************************/