@charset "utf-8";

/**
 * 2008/09/29
 * style.cssから、マトリクス表の指定を独立させる
 * 
*/


/* -----------------------------------------------
 * 料金表ページ　設定
----------------------------------------------- */

#matrix {
	width: 760px;
	text-align: center;
}

	#matrix .article {
		width: 670px;
		margin: 12px auto;
		text-align: left;
	}
/*
	#matrix .article .box {
		margin-bottom: 48px;
	}
*/
	/* プラン一覧・ご予約 */
/*
	#matrix p.reserve {
		text-align: right;
	}

		#matrix p.reserve a {
			text-decoration: underline;
		}

	#matrix h4 {
		margin: 12px 0;
		padding: 8px 0 6px;
		font-size: 120%;
		font-weight: bold;
		color: #ffffff;
		text-indent: 0.5em;
		background: #897262;
	}
*/
	/* --------------------------------------------
	 * ツールチップ(画像用)
	-------------------------------------------- */
	.imgPop {
		cursor: pointer;
	}

			/* ----------------------------------------
			 * バナー
			---------------------------------------- */
			#banner {
				margin: 12px 0 44px;
			}
				#banner ul {
					margin-bottom: 10px;
				}
					#banner ul li {
						float: left;
						width: 164px;
						margin-right: 4px;
					}
					/* リスト横並び時・右側のmarginを削除 */
					#banner ul li.end {
						margin-right: 0;
					}

			/* ----------------------------------------
			 * 部屋のタイプ
			---------------------------------------- */
				#matrix h3.roomType {
					width: 670px;
					height: 35px;
					margin-bottom: 1em;
					color: #7D5325;
					font-size: 16px;
					font-weight: bold;
					text-indent: 10px;
					line-height: 35px;
					background: url("../images/matrix_bg_headline.gif") no-repeat;
				}



			/* ----------------------------------------
			 * タブ
			---------------------------------------- */
			.tab_img3 {
				width: 490px;
				height: 78px;
				margin: 0 0 1em;
				padding: 0;
				background: url("../images/tab_img3.gif") no-repeat left top;
			}

			.tab_img2 {
				width: 400px;
				height: 78px;
				margin: 0 0 1em;
				padding: 0;
				background: url("../images/tab_img2.gif") no-repeat left top;
			}

				/* スペースの為
				--------------------------------------- */
				.tabArticle {
					margin: 0 auto;
					padding: 6px 0;
				}
					.tab_img3 .tabArticle {
						width: 470px;
					}
					.tab_img2 .tabArticle {
						width: 380px;
					}
					.tabArticle h3 {
						float: left;
						padding: 8px 0 0 0;
						color: #41352B;
						font-size: 140%;
						font-weight: bold;
					}

					.tabArticle p {
						float: left;
						width: 200px;
						margin: 0;
						padding: 0;
						color: #695C50;
						font-size: 0.8em;
						line-height: 1.3;
					}

					.tabArticle ul {
						float: right;
						margin: 0;
						padding: 0;
					}
						.tabArticle ul li {
							float: left;
							width: 100px;
							margin-right: 5px;
						}
							/* リスト横並び時・右側のmarginを削除 */
							.tabArticle ul li.end {
								margin-right: 0;
							}

/* ----------------------------------------------
 * テーブルの設定
---------------------------------------------- */
table {
	width: 670px;
	margin: 0 auto 5em;
	border: 1px solid #9C8C7E;
	border-collapse: collapse;
}
	tbody {
		border-top: 3px solid #9C8C7E;
	}
	th, td {
		padding: 5px;
		border: 1px solid #9C8C7E;
	}
	th {
		color: #5E3E0D;
		font-weight: normal;
		text-align: center;
	}
		thead th {
			background: #E5DEC1;
		}
		tbody th {
			background: #DBC6A5;
		}
		th.food {
			font-size: 120%;
		}
		th img {
			margin-top: 6px;
		}

	td {
		text-align: center;
		/*text-align: right;*/
	}
		td a {
			text-decoration: underline;
		}
		td span {
			cursor: pointer;
			color: #0033CC;
			text-decoration: underline;
		}

.referenceMark li {
	color: #666666;
}


/* ----------------------------------------------
 * JavaScriptで展開するDiv(拡大画像)
---------------------------------------------- */	

#tt {
	position: absolute; 
	display: block;
}

	#tttop {
		display: block;
		width: 360px;
		height: 10px;
		display: block;
		background: url("../images/ttpTop.gif") no-repeat bottom left;
	}

	#ttcont {
		display: block;
		width: 360px;
		background: url("../images/ttpCont.gif") repeat-y;
		text-align: center; /* 画像をセンタリング(現状)ただしこのままだと文字もセンタリングされる */
	}

		/* 吹き出しの中に出すBOX */
		#ttcont .outText {
			width: 340px;
			margin: 0 auto;
			text-align: left;
		}

	#ttbot {
		display:block;
		width: 360px;
		height: 10px;
		background: url("../images/ttpBottom.gif") no-repeat top left;
	}


/* ----------------------------------------------
 *
 * thickBox
 *
---------------------------------------------- */

#thickBox {
	width: 400px;
	text-align: center;
}
	#thickBox .outText {
		width: 340px;
		margin: 0 auto;
		text-align: left;
	}
		#thickBox .outText em {
			padding: 5px 0;
			font-size: 120%;
			font-weight: bold;
		}
			#thickBox .outText em.tokubi {
				color: #CC0000;
			}

	#thickBox .outText table {
		width: 340px;
		margin-bottom: 0;
		text-align: left;
	}
		#thickBox .outText table th,
		#thickBox .outText table td {
			padding: 2px;
		}

	#thickBox .outText p.referenceMark {
		margin: 0;
		padding: 0;
		color: #666666;
		text-align: right;
	}