@import "thickbox.css";

body {
	font-family: メイリオ, meiryo, Tahoma, Verdana, sans-serif;
	color: #000;
	height: 100%;
	background: #FBC70D;
	text-align: center; 
	margin: 0px;
	padding: 0px;
	}
h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,form {
	margin: 0px;
	padding: 0px;
	}
a {
	color: #E3007F;
	text-decoration: underline;
	}
a:hover {
	color:#FFB300;
	text-decoration: none;
	}
a.ex {
	padding-right: 15px;
	margin-right: 5px;
	background: url(../img/ex.gif) no-repeat center right;
	}
img {
	border: 0px;
	}
em {
	color: #cc0;
	font-weight: bold;
	font-style: normal;
	}
.clr {
	clear: both;
	}

/* #contain ************************************/
#contain {
	padding: 0px 0px 20px 0px;
	}

/* #haed ************************************/
#head {
	width: 860px;
	text-align: left;
	margin: 0px auto;
	padding: 10px 0px 10px 0px;
	}

	#head h1 a {
		text-indent: -9999px;
		overflow: hidden;
		display: block;
		width: 330px;
		height: 100px;
		background: url(../img/logo.gif) no-repeat left top;
		}

/* #main ************************************/
#main {
	width: 860px;
	margin: 0px auto 20px auto;
	background: #fff url(../img/bg_main.gif) no-repeat left top;
	}

	#main .main_btm {
		clear: both;
		width: 100%;
		height: 20px;
		background: url(../img/bg_main_btm.gif) no-repeat left bottom;
		}

	/* #menu ********************************/
	#menu {
		padding: 50px 0px 30px 0px;
		margin: 0px 0px 0px 40px;
		}

		#menu ul {
			list-style: none;
			}

		#menu ul li {
			display: inline;
			}

			#menu ul li a {
				float: left;
				display: block;
				width: 155px;
				height: 50px;
				text-indent: -9999px;
				overflow: hidden;
				border-left: 1px solid #ccc;
				background: url(../img/menu.gif) no-repeat;
				}

				#menu ul li.m0 a {
					background-position: 0px 0px;
					}
				#menu ul li.m1 a {
					background-position: -156px 0px;
					}
				#menu ul li.m2 a {
					background-position: -312px 0px;
					}
				#menu ul li.m3 a {
					background-position: -468px 0px;
					}
				#menu ul li.m4 a {
					background-position: -624px 0px;
					border-right: 1px solid #ccc;
					}

				#menu ul li.m0_cur a {
					background-position: 0px -50px;
					}
				#menu ul li.m1_cur a {
					background-position: -156px -50px;
					}
				#menu ul li.m2_cur a {
					background-position: -312px -50px;
					}
				#menu ul li.m3_cur a {
					background-position: -468px -50px;
					}
				#menu ul li.m4_cur a {
					background-position: -624px -50px;
					border-right: 1px solid #ccc;
					}

				#menu ul li.m0 a:hover {
					background-position: 0px -100px;
					}
				#menu ul li.m1 a:hover {
					background-position: -156px -100px;
					}
				#menu ul li.m2 a:hover {
					background-position: -312px -100px;
					}
				#menu ul li.m3 a:hover {
					background-position: -468px -100px;
					}
				#menu ul li.m4 a:hover {
					background-position: -624px -100px;
					border-right: 1px solid #ccc;
					}


	/* #content ********************************/
	#content {
		width: 780px;
		margin: 0px auto;
		text-align: left;
		}

		#content .img_yakisoba {
			vertical-align: bottom;
			margin: 20px 0px 20px 0px;
			}

		#content .tbl_taste {
			width: 100%;
			background: #999;
			margin: 0px 0px 10px 0px;
			}

			#content .tbl_taste td {
				width: 16%;
				font-size: 70%;
				text-align: center;
				background: #fff;
				}

				#content .tbl_taste td.on {
					background: #FFCC00;
					}

		#content .tbl_concept {
			width: 100%;
			background: #999;
			margin: 0px 0px 20px 0px;
			}

			#content .tbl_concept td {
				width: 20%;
				font-size: 70%;
				text-align: center;
				background: #fff;
				}

				#content .tbl_concept td.on {
					background: #FFCCCC;
					}

		#content .blk_detail {
			width: 400px;
			float: left;
			}

			#content .blk_detail h1 {
				font-size: 150%;
				margin: 0px 0px 10px 0px;
				}
			#content .blk_detail p {
				font-size: 80%;
				line-height: 160%;
				margin: 0px 0px 5px 0px;
				}

			#content .blk_detail .comment {
				width: 100%;
				background: url(../img/bg_detail_comment.gif) no-repeat left top;
				padding: 20px 0px 0px 0px;
				margin: 0px 0px 20px 0px;
				}

				#content .blk_detail .comment p {
					margin: 0px 20px 0px 20px;
					}

				#content .blk_detail .comment .btm {
					width: 100%;
					height: 10px;
					background: url(../img/bg_detail_comment_btm.gif) no-repeat left bottom;
					}


			#content .tbl_detail {
				width: 210px;
				float: left;
				margin: 0px 0px 10px 0px;
				background: #999;
				}

				#content .tbl_detail th {
					font-size: 70%;
					font-weight: normal;
					line-height: 150%;
					background: #f6f6f6;
					}
				#content .tbl_detail td {
					font-size: 75%;
					line-height: 150%;
					background: #fff;
					}

			#content .img_shop {
				float: right;
				}

		#content .blk_map {
			width: 360px;
			float: right;
			}

			#content .blk_map #map {
				width: 360px;
				height: 290px;
				border: 1px solid #999;
				margin: 0px 0px 5px 0px;
				}

			#content .blk_map h5 {
				font-size: 70%;
				font-weight: normal;
				text-align: right;
				}


		/* */
		.about {
			}

			.about h1 {
				font-size: 150%;
				line-height: 300%;
				}

			.about h2 {
				font-size: 90%;
				line-height: 180%;
				padding: 5px 10px;
				margin: 20px 0px 5px 0px;
				background: url(../img/bg_h2.gif);
				}
			.about p {
				font-size: 80%;
				line-height: 160%;
				margin: 0px 10px 1em 10px;
				}
			.about blockquote {
				font-size: 70%;
				line-height: 140%;
				margin: 0px 0px 1em 0px;
				border: 3px solid #ccc;
				padding: 10px 10px;
				}

			/* */
			.tbl_search_check {
				width: 100%;
				}

				.tbl_search_check td {
					text-align: left;
					font-size: 75%;
					}

					.tbl_search_check td input {
						vertical-align: middle;
						}

			/* */
			.tbl_search_condition {
				width: 100%;
				background: #ddd;
				margin: 20px 0px 0px 0px;
				}

				.tbl_search_condition th {
					text-align: left;
					font-size: 75%;
					font-weight: bold;
					background: #f6f6f6;
					}
				.tbl_search_condition td {
					font-size: 75%;
					line-height: 180%;
					background: #fff;
					}

					.tbl_search_condition td span {
						margin: 0px 10px 0px 0px;
						}

						.tbl_search_condition td span.on {
							font-weight: bold;
							background: #fc0;
							padding: 2px;
							}

			/* */
			.tbl_result {
				width: 100%;
				margin: 20px 0px 0px 0px;
				}

				.tbl_result th {
					text-align: left;
					font-size: 85%;
					font-weight: bold;
					vertical-align: top;
					}

					.tbl_result .even th {
						background: #f6f6f6;
						}

					.tbl_result th.th_photo {
						width: 150px;
						}
						.tbl_result th.th_photo a img {
							border: 1px solid #E3007F;
							}

							.tbl_result th.th_photo a:hover img {
								border: 1px solid #ffb300;
								}

				.tbl_result td {
					text-align: left;
					font-size: 75%;
					vertical-align: top;
					}

					.tbl_result .even td {
						background: #f6f6f6;
						}

			/* */
			.bt {
				text-align: center;
				margin: 20px auto;
				}

				.bt input {
					margin: 0px auto;
					}

				.bt .bt_submit {
					margin: 0px auto;
					display: block;
					width: 300px;
					height: 50px;
					border: 0px;
					text-indent: -9999px;
					overflow: hidden;
					cursor: pointer;
					background: url(../img/bt_search.gif) no-repeat left top;
					}

					.bt .bt_submit:hover {
						background-position: left bottom;
						}

				.bt .bt_return {
					margin: 0px auto;
					display: block;
					width: 300px;
					height: 40px;
					text-indent: -9999px;
					overflow: hidden;
					background: url(../img/bt_return.gif) no-repeat left top;
					}

					.bt .bt_return:hover {
						background-position: left bottom;
						}

		/* */
		.topimg {
			padding: 20px 0px 20px 0px;
			}

		.bn_sr {
			margin: 0px 0px 20px 0px;
			}

			.bn_sr img {
				border: 1px solid #000;
				vertical-align: bottom;
				}

				.bn_sr:hover img {
					border: 1px solid #e3007f;
					}



		/* */
		.tbl_sr_condition {
			width: 100%;
			margin: 0px 0px 20px 0px;
			}

			.tbl_sr_condition th {
				font-size: 80%;
				line-height: 160%;
				font-weight: normal;
				background: #036EB8;
				color: #fff;
				}
			.tbl_sr_condition td {
				font-size: 80%;
				line-height: 160%;
				}

		.bt_sr_sheet {
			width: 100%;
			padding: 0px 0px 30px 0px;
			}

			.bt_sr_sheet a {
				display: block;
				width: 300px;
				height: 50px;
				text-indent: -9999px;
				overflow: hidden;
				position: relative;
				}

				.bt_sr_sheet a.bt_sr_sheet1 {
					float: left;
					left: 70px;
					background: url(../img/bt_sr_sheet1.gif) no-repeat left top;
					}
				.bt_sr_sheet a.bt_sr_sheet2 {
					float: right;
					right: 70px;
					background: url(../img/bt_sr_sheet2.gif) no-repeat left top;
					}

				.bt_sr_sheet a:hover {
					background-position: left bottom;
					}

		/* */
		#allmap {
			width: 780px;
			height: 500px;
			border: 1px solid #000;
			margin: 0px 0px 20px 0px;
			}

/* #foot ************************************/
#foot {
	clear: both;
	width: 860px;
	margin: 0px auto 20px auto;
	padding: 30px 0px 0px 0px;
	text-align: left;
	background: #B99043 url(../img/bg_foot.gif) no-repeat left top;
	color: #fff;
	}

	#foot .btm {
		clear: both;
		width: 100%;
		height: 30px;
		background: url(../img/bg_foot_btm.gif) no-repeat left bottom;
		}

	#foot .qr {
		float: left;
		position: relative;
		left: 40px;
		text-align: left;
		}

		#foot .qr img {
			float: left;
			margin: 0px 10px 0px 0px;
			}
		#foot .qr p {
			float: left;
			font-size: 75%;
			line-height: 150%;
			}

	#foot address {
		float: right;
		position: relative;
		right: 40px;
		text-align: right;
		font-size: 75%;
		font-style: normal;
		}


/*** custom overlay **************************************************/
.custom_overlay{
	position:absolute;
	display:none;
	width: 400px;
	}

	.custom_overlay .main {
		text-align: left;
		background: #fff;
		border: 5px solid #306;
		width: 390px;
		padding: 10px 0px;
		}

	.custom_overlay h2 {
		font-size: 90%;
		line-height: 180%;
		margin: 0px 10px 5px 10px;
		}

	.custom_overlay img.thumb {
		float: right;
		margin: 0px 10px 0px 0px;
		border: 1px solid #000;
		}

	.custom_overlay .txt {
		float: left;
		width: 220px;
		}

		.custom_overlay ul {
			margin: 0px 10px 0px 10px;
			list-style: none;
			}

			.custom_overlay ul li {
				font-size: 70%;
				line-height: 140%;
				}

		.custom_overlay p {
			font-size: 70%;
			line-height: 140%;
			margin: 0px 10px;
			}

	.custom_overlay h6 {
		font-size: 70%;
		font-weight: normal;
		line-height: 140%;
		color: #fff;
		margin: 0px 0px 0px 10px;
		}
	.custom_overlay .footer {
		text-align: left;
		width: 400px;
		height: 40px;
		background:url("../img/custom_overlay_fotter.png") no-repeat;
		}
	.custom_overlay a img {
		position:absolute;
		right: 10px;
		bottom: 28px;
		}