/*=======================CONTENTS===========================

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
  小川港魚河岸食堂
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/*----------------------------------------------------------------
　売上人気番付
--------------------------------------------------------------- */
.ShowBillT{
	margin: 0;
	padding: 0;
	background: url(/shokudo/img/ShowBillT.jpg) 0 0 no-repeat;
	width: 660px;
	height: 80px;
	text-indent: -10000px;
	}
	.ShowBill{
		background: url(/shokudo/img/category.jpg) 0 0 no-repeat;
		border-collapse: collapse;
		width: 660px;
		}

		/* カテゴリー */
		.ShowBill tr.category th{
			height: 67px;
			text-indent: -10000px;
			}
			.ShowBill th.width50	{width: 45px;}
			.ShowBill th.width305	{width: 305px;}

		/* 番付（大） */
		.ShowBill tr td{
			vertical-align: top;
			}
		.ShowBill tr.Top td dl{
			margin: 0 5px;
			padding: 0;
			}
			.ShowBill tr.Top td dl dt{
				margin: 0 0 0 13px;
				padding: 0;
				float: none;
				}
				.ShowBill tr.Top td dl dt img{
					margin: 0;
					padding: 0;
					width: 268px;
					}
			.ShowBill tr.Top td dl dd{
				margin: 0 0 0 13px;
				padding: 0;
				width: 270px;
				float: none;
				}
			.ShowBill tr.Top td dl dd.name{			/* 商品名 */
				font-size: 24px;
				margin-top: 7px;
				margin-bottom: 5px;
				line-height: 24px;
				}
				.ShowBill tr.Top td dl dd.name a{			/* 商品名リンク設定 */
					text-decoration: none;
					color: #000000;
					}
			.ShowBill tr.Top td dl dd.money{			/* 値段 */
				font-size: 15px;
				font-weight: bold;
				color: #d62b00;
				text-align: right;
				}
			.ShowBill tr.Top td dl dd.explain{		/* 説明 */
				font-size: 12px;
				margin-bottom: 10px;
				}

		/* 番付（小） */
		.ShowBill tr td dl{
			margin: 0 5px;
			padding: 10px 0 0 0;
			}
									/* dl用clearfix設定 ---------------------------*/
									.ShowBill tr td dl{	zoom:1;	}
									.ShowBill tr td dl:after{
										content:".";
										display:block;
										height:0;
										clear:both;
										visibility:hidden;
										}
									.ShowBill tr td dl {display: inline-table;}
									/* Hides from IE-mac \*/
									* html .ShowBill tr td dl {height: 1%;}
									.ShowBill tr td dl {display: block;}
									/* End hide from IE-mac */
									/*---------------------------------------------*/
			.ShowBill tr td dl dt{
				margin: 0 0 0 13px;
				_margin: 0 0 0 6px;
				padding: 0;
				float: left;
				}
				.ShowBill tr td dl dt img{
					margin: 0 0 0 0;
					padding: 0;
					width: 124px;
					margin-bottom: 7px;
					}
			.ShowBill tr td dl dd{
				margin: 0 13px 0 0;
				_margin: 0 6px 0 0;
				padding: 0;
				width: 135px;
				float: right;
				}
			.ShowBill tr td dl dd.name{			/* 商品名 */
				font-size: 15px;
				line-height: 20px;
				font-weight: bold;
				}
				.ShowBill tr td dl dd.name a{			/* 商品名リンク設定 */
					text-decoration: none;
					color: #000000;
					}
			.ShowBill tr td dl dd.money{		/* 値段 */
				font-size: 13px;
				font-weight: bold;
				color: #d62b00;
				text-align: right;
				line-height: 1.5em;
				}
			.ShowBill tr td dl dd.explain{		/* 説明 */
				font-size: 12px;
				margin-bottom: 7px;
				}

		/* RightBox用 */
		.ShowBill tr td.RightBox dl dt{	margin: 0 13px 0 0;	_margin: 0 6px 0 0;	float: right; }
		.ShowBill tr td.RightBox dl dd{	margin: 0 0 0 13px;	_margin: 0 0 0 6px;	float: left; }

		/* 枠線（背景）の設定 */
		.ShowBill tr td.LeftBox{background: #ffffff url(/shokudo/img/bg_leftbox.gif) left 0 repeat-y;}
		.ShowBill tr td.RightBox{background: #ffffff url(/shokudo/img/bg_rightbox.gif) right 0 repeat-y;}

		/* 背景グレーの設定 */
		.ShowBill .bg_gray td{background: #f5f5f5;}
		.ShowBill .bg_gray td.LeftBox{background: #f5f5f5 url(/shokudo/img/bg_leftbox.gif) left 0 repeat-y;}
		.ShowBill .bg_gray td.RightBox{background: #f5f5f5 url(/shokudo/img/bg_rightbox.gif) right 0 repeat-y;}

	/* 番付 */
	#rank1,#rank2,#rank3,#rank4{text-indent: -10000px;}
	#rank1{background:#f5f5f5 url(/shokudo/img/rank1.gif) center center no-repeat;}
	#rank2{background:#ffffff url(/shokudo/img/rank2.gif) center center no-repeat;}
	.bg_gray #rank2{background:#f5f5f5 url(/shokudo/img/rank2.gif) center center no-repeat;}
	#rank3{background:#ffffff url(/shokudo/img/rank3.gif) center center no-repeat;}
	.bg_gray #rank3{background:#f5f5f5 url(/shokudo/img/rank3.gif) center center no-repeat;}
	#rank4{background:#ffffff url(/shokudo/img/rank4.gif) center center no-repeat;}
	.bg_gray #rank4{background:#f5f5f5 url(/shokudo/img/rank4.gif) center center no-repeat;}

	/* 枠線終わり */
	.ShowBillC{
		margin: 0;
		padding: 0 0 6px 0;
		background: #ffffff url(/shokudo/img/bg_bottom.gif) left bottom no-repeat;
		}

/*----------------------------------------------------------------
　メニュー紹介
--------------------------------------------------------------- */

#Contents .MenuArea{
	margin: 0;
	padding: 0;
	}
	/* メニューカテゴリ */
	#Contents .ShokudoC{
		margin: 0 0 25px 0;
		padding: 0;
		}
		#Contents .ShokudoC td{
			margin: 0;
			padding: 0;
			width: 206px;
			}
			#Contents .ShokudoC td a{
				display: block;
				margin: 0;
				padding: 0;
				width: 206px;
				height: 60px;
				text-indent: -10000px;
				overflow: hidden;
				}
				#Contents .ShokudoC td a.c1{background: url(/shokudo/img/c1.jpg) 0 0 no-repeat;}
				#Contents .ShokudoC td a.c2{background: url(/shokudo/img/c2.jpg) 0 0 no-repeat;}
				#Contents .ShokudoC td a.c3{background: url(/shokudo/img/c3.jpg) 0 0 no-repeat;}
				#Contents .ShokudoC td a.c4{background: url(/shokudo/img/c4.jpg) 0 0 no-repeat;}
				#Contents .ShokudoC td a.c5{background: url(/shokudo/img/c5.jpg) 0 0 no-repeat;}
				#Contents .ShokudoC td a.c6{background: url(/shokudo/img/c6.jpg) 0 0 no-repeat;}

	#Contents .MenuArea td{
		margin: 0;
		padding: 0;
		width: 154px;
		text-align: center;
		vertical-align: top;
		}
	#Contents .MenuArea td .goods{
		margin: 0;
		padding: 5px;
		border: 2px solid #E8E8E8;
		background: url(/tokusan/img/Tokusan_bg.gif) right top no-repeat;
		}
		#Contents .MenuArea td a.photo{
			display: block;
			margin: 0 auto;
/*			padding: 0 0 1px 0;*/
			width: 140px;
			}
/*			#Contents .MenuArea td a.photo:hover{
				padding: 1px 0 0 0;
				}*/
			#Contents .MenuArea td a.photo img{
				margin: 0;
				padding: 0;
				width: 140px;
				}
		#Contents .MenuArea td a.name{
			display: block;
			margin: 8px 0 0 0;
			padding: 3px;
			font-weight: bold;
			font-size: 13px;
				background: #ffc4c4;
/*			background: #FFF5DF;*/
			color: #000000;
			text-decoration: none;
			}
			#Contents .MenuArea td a:hover.name{
				color: #000000;
				background: #ffa3a3;
/*				background: #ffacac;*/
				}
		#Contents .MenuArea td span.money{
			display: block;
			margin: 4px 0 0 0;
			padding: 3px;
			font-weight: bold;
			font-size: 13px;
			color: #cc0000;
			}

		#Contents .MenuArea .MenuArea_detail{
			margin: 0;
			padding: 0;
			width: 660px;
			}
			#Contents .MenuArea .MenuArea_detail .d_name{
				border-bottom: 1px solid #CCCCCC;
				color: #333333;
				font-family: "ＭＳ Ｐ明朝","細明朝体","ヒラギノ明朝 Pro W3";
				font-size: 18px;
				font-weight: bold;
				line-height: 1.5em;
				padding-bottom: 3px;
				}
			#Contents .MenuArea .MenuArea_detail .d_money{
				margin: 5px 0 0 15px;
				padding: 0;
				font-size: 13px;
				font-weight: bold;
				color: #FF0000;
				line-height: 1.2em;
				}
			#Contents .MenuArea .MenuArea_detail .d_cc{
				margin: 15px 0 0 0;
				padding: 0;
				font-size: 15px;
				font-weight: bold;
				color: #82263C;
				line-height: 1.2em;
				}
			#Contents .MenuArea .MenuArea_detail .d_explain{
				margin: 5px 0 0 0;
				padding: 0;
				font-size: 13px;
				}
			#Contents .MenuArea .MenuArea_detail .d_back{
				margin: 25px 0 0 0;
				padding: 0;
				}
				#Contents .MenuArea .MenuArea_detail .d_back a{
					background-color:#666666;
					background-image:url(/shokudo/img/page_back.gif);
					background-position:2px 4px;
					background-repeat:no-repeat;
					color:#FFFFFF;
					font-size:12px;
					line-height:2em;
					margin-left:3px;
					padding:5px 5px 5px 20px;
					text-decoration:none;
					}
					#Contents .MenuArea .MenuArea_detail .d_back a:hover{
						background-color:#333333;
						}
		#Contents .MenuArea .d_photo{
			margin: 0 0 15px 0;
			padding: 0;
			width: 658px;
			border: 1px solid #dbdbdb;
			}
			#Contents .MenuArea .d_photo img{
				margin: 0;
				padding: 1px;
				width: 656px;
				}


/*----------------------------------------------------------------
　地図・クーポン
--------------------------------------------------------------- */
.AddressArea{
	margin: 0 0 20px 0;
	padding: 0;
	}
	.AddressArea img{
		margin: 0 20px 0 0;
		padding: 1px;
		background: #ffffff;
		border: 1px solid #cccccc;
		float: left;
		}
		.AddressArea strong{
			margin: 0 0 7px 0;
			padding: 0;
			display: block;
			width: 380px;
			background: transparent url(/img/Sidemenu_line.gif) repeat-x scroll left bottom;
			font-size: 1.2em;
			}
			.AddressArea strong span{
				display: block;
				margin: 0;
				padding: 0 0 0 15px;
				background: url(/img/listmark01.gif) no-repeat scroll left center;
				line-height: 2em;
				}
		.AddressArea table{
			margin: 0;
			padding: 0;
			width: 380px;
			}
			.AddressArea table th{
				margin: 0;
				padding: 0;
				text-align: left;
				line-height: 2em;
				width: 58px;
				text-indent: -10000px;
				}
				.AddressArea table th.i_address	{background: url(/img/icon_address.gif) left center no-repeat;}
				.AddressArea table th.i_tel		{background: url(/img/icon_tel.gif) left center no-repeat;}
				.AddressArea table th.i_hour	{background: url(/img/icon_hour.gif) left center no-repeat;}
				.AddressArea table th.i_holiday	{background: url(/img/icon_holiday.gif) left center no-repeat;}

		.AddressArea p{
			width: 380px;
			}