@import "thickbox.css";

* {font-family:メイリオ, meiryo, Tahoma, Verdana, sans-serif;}
body {color:#1d1d1d;height:100%;background:#135EA1;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:#024191;text-decoration:underline;}
	a:hover {color:#E95504;text-decoration:none;}
img {border:0px;vertical-align:middle;}
.clr {clear:both;}

.r {text-indent:-9999px;overflow:hidden;display:block;}
.ra a {text-indent:-9999px;overflow:hidden;display:block;}

/* #contain ************************************/
#contain {width:930px;margin:0px auto;padding:0px 0px 20px 0px;background:url(../img/bg_contain.jpg) no-repeat center top;}

/* #haed ************************************/
#head {width:930px;text-align:left;padding:0px 0px 0px 0px;}
	#head h1 a {width:520px;height:175px;background:url(../img/logo.png) no-repeat left bottom;}

/* #main ************************************/
#main {width:930px;margin:0px auto 10px auto;background:#fff;}
	#main .main_btm {clear:both;width:100%;height:20px;background:url(../img/bg_main_btm.png) no-repeat left bottom;}

	/* #menu ********************************/
	#menu {width:890px;padding:0px 0px 0px 0px;margin:0px auto;}
		#menu ul {list-style:none;display:block;position:relative;width:930px;height:80px;background:url(../img/menu.png) no-repeat left top;}
			#menu ul li {display:inline;}
				#menu ul li a {background:url(../img/menu.png) no-repeat;position:absolute;top:0px;}
					#menu .m0 a {background-position:0px 0px;width:220px;height:80px;left:0px;}
					#menu .m1 a {background-position:-220px 0px;width:220px;height:80px;left:220px;}
					#menu .m2 a {background-position:-470px -35px;width:200px;height:35px;left:470px;top:35px;}
					#menu .m3 a {background-position:-670px -35px;width:200px;height:35px;left:670px;top:35px;}
						#menu .m0 a:hover {background-position:0px -85px;width:220px;height:80px;left:0px;}
						#menu .m1 a:hover {background-position:-220px -85px;width:220px;height:80px;left:220px;}
						#menu .m2 a:hover {background-position:-470px -120px;width:200px;height:35px;left:470px;top:35px;}
						#menu .m3 a:hover {background-position:-670px -120px;width:200px;height:35px;left:670px;top:35px;}
					#menu .m0_cur a {background-position:0px -170px;width:220px;height:80px;left:0px;}
					#menu .m1_cur a {background-position:-220px -170px;width:220px;height:80px;left:220px;}
					#menu .m2_cur a {background-position:-470px -205px;width:200px;height:35px;left:470px;top:35px;}
					#menu .m3_cur a {background-position:-670px -205px;width:200px;height:35px;left:670px;top:35px;}


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

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

		#content .tbl_taste {
			width:100%;
			background:#ccc;
			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:#ccc;
			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:510px;
			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:#F2F2F2 url(../img/bg_detail_comment.png) 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.png) no-repeat left bottom;
					}


			#content .tbl_detail {width:310px;float:left;margin:0px 0px 10px 0px;background:#ccc;}
				#content .tbl_detail th {font-size:75%;font-weight:normal;line-height:150%;background:#E9F4FF;}
				#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:200%;line-height:300%;}
			.about h2 {font-size:90%; line-height:1.8; padding:7px 10px; margin:0px 0px 10px 0px; background:#135EA1;color:#fff;}
			.about p {font-size:80%;line-height:1.6;margin:0px 10px 20px 10px;}
			.about dl.about_history {margin:0px 10px 20px 10px;}
				.about dl.about_history dt {font-size:80%;line-height:1.6;float:left;width:100px;margin:0px 0px 5px 0px;text-align:right;}
				.about dl.about_history dd {font-size:80%;line-height:1.6;margin:0px 0px 5px 120px;}
			.about .right {float:right;margin:0px 0px 20px 20px;}

			/* */
			.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:10px 0px 30px 0px;border-bottom:1px solid #ccc}
				.tbl_result th {text-align:left;font-size:85%;font-weight:bold;vertical-align:top;border-top:1px solid #ccc;}
					.tbl_result .even th {background:#E9F4FF;}
					.tbl_result th.th_photo {width:150px;}
						.tbl_result th.th_photo a img {border:1px solid #024191;}
							.tbl_result th.th_photo a:hover img {border:1px solid #E95504;}
				.tbl_result td {text-align:left;font-size:75%;vertical-align:top;}
					.tbl_result .even td {background:#E9F4FF;}

			/* */
			.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;
						}

		/* */
		.blk_ib { width:100%; margin:0px 0px 20px 0px;}
				.blk_ib h2 {font-size:90%; line-height:1.8; padding:7px 10px; margin:0px 0px 10px 0px; background:#135EA1;color:#fff;}
				.blk_ib p { font-size:80%; line-height:1.8; margin:0px 15px 1em 0px; }
		/* */
		.blk_video { width:470px; margin:0px 0px 20px 0px; border-right:1px dotted #ccc; float:left; }
				.blk_video h2 {font-size:90%; line-height:1.8; padding:7px 10px; margin:0px 20px 10px 0px; background:#135EA1;color:#fff;}
				.blk_video p { font-size:80%; line-height:1.6; margin:0px 20px 1em 0px; }
		/* */
		.blk_song { width:400px; margin:0px 0px 20px 0px; float:right; }
				.blk_song h2 {font-size:90%; line-height:1.8; padding:7px 10px; margin:0px 0px 10px 0px; background:#135EA1;color:#fff;}
				.blk_song p { font-size:80%; line-height:1.6; margin:0px 0px 1em 0px; }
					.blk_song p.center { text-align:center; }

		/* */
		.blk_bn { width:100%; margin:15px 0px; padding:15px 0px; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; }
			.blk_bn ul { list-style:none; text-align:left;}
				.blk_bn ul li { display:inline; margin:0px 0px 10px 2px;}
					.blk_bn ul li a img { border:1px solid #999;margin:0px 0px 10px 0px; }

		/* */
		#allmap {
			width:890px;
			height:600px;
			margin:0px 0px 20px 0px;
			}

/* #foot ************************************/
#foot {clear:both;width:930px;margin:0px auto 20px auto;padding:20px 0px 0px 0px;text-align:left;background:#024191 url(../img/bg_foot.png) no-repeat left top;color:#fff;}
	#foot .btm {clear:both;width:100%;height:20px;background:url(../img/bg_foot_btm.png) no-repeat left bottom;}

	#foot .qr {float:left;position:relative;left:20px;text-align:left;}
		#foot .qr img {float:left;margin:0px 10px 0px 0px;}
		#foot .qr p {float:left;font-size:80%;line-height:160%;}
	#foot address {float:right;position:relative;right:20px;text-align:right;font-size:80%;line-height:1.6;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;
		}

/*** *******************************************/
#yakisoba_song {
	background:#fff;
	text-align:center;
	}
	#yakisoba_song p {
		font-size:80%;
		line-height:1.6;
		}