@charset "utf-8";
/* ===================================================================
CSS information

 file name  :meal.css
 author     :Ability Consultant
style info  :お食事ページ設定　ハックは最下部に記述

 1. index.html お食事トップ
 2. 共通設定
 3. rakuen.html レストラン楽苑でのお食事
 4. kaiseki.html お部屋でのお食事
 5. other.html その他の飲食施設
=================================================================== */


/*----------------------------------------------------
	index.html お食事トップ 
----------------------------------------------------*/

/* con_catch キャッチ
----------------------------------------------------*/
#meal .con_catch {
	width: 690px;
	margin: 0 0 30px 0;
	overflow: hidden;
}

#meal .con_catch p {
	margin: 0 0 10px 0;
}

#meal .con_catch h2 {
	width: 385px;
	float: left;
}

#meal .con_catch .catch {
	width: 280px;
	float: right;
}


/* con_course コース料理[ボタン]
----------------------------------------------------*/
#meal .con_course {
	width: 690px;
	margin: 0 0 40px 0;
}

#meal .con_course h3 {
	margin: 0 0 25px 0;
}

#meal .con_course .box_btcourse {
	width: 690px;
	overflow: hidden;
}

#meal .con_course .box_btcourse .img_b {
	margin: 0 5px 10px 0;
	float: left;
}

#meal .con_course .box_btcourse .img_s {
	margin: 0 15px 10px 0;
	float: left;
}

#meal .con_course .box_btcourse .last {
	margin: 0;
}

/* con_viking バイキング
----------------------------------------------------*/
#meal .con_viking {
	width: 690px;
	margin: 0 0 40px 0;
	padding: 20px 0 40px 0;
	background: url(../meal/images/bg_info_menu.gif) no-repeat 0 0 #f4f3eb;
	position: relative;
}

#meal .con_viking .box_viking {
	width: 465px;
	margin: 0 0 0 225px;
}

#meal .con_viking .photo {
	position: absolute;
	top: -10px;
	left: 100px;
}


/* con_restaurant レストラン
----------------------------------------------------*/
#meal .con_restaurant {
	width: 690px;
	margin: 0 0 60px 0;
}

#meal .con_restaurant h3 {
	margin: 0 0 10px 0;
}

/* list_rest 共通
-----------------------------------------------*/
#meal .con_restaurant .list_rest {
	width: 690px;
	margin: 0 0 30px 0;
	overflow: hidden;
}

#meal .con_restaurant .list_rest .txt {
	width: 250px;
	padding: 20px 0 0 0;
	float: left;
}

#meal .con_restaurant .list_rest .txt p {
	margin: 0 0 10px 0;
}

#meal .con_restaurant .list_rest .photo {
	width: 420px;
	float: right;
}

/* con_other コース料理[ボタン]
-----------------------------------------------*/
#meal .con_other {
	width: 690px;
	margin: 0 0 40px 0;
}

#meal .con_other h3 {
	margin: 0 0 25px 0;
}

#meal .con_other .box_btother {
	width: 690px;
	overflow: hidden;
}

#meal .con_other .box_btother p {
	margin: 0 15px 10px 0;
	float: left;
}

#meal .con_other .box_btother .last {
	margin: 0;
}




/*----------------------------------------------------
	rakuen.html レストラン楽苑でのお食事
	kaiseki.html お部屋でのお食事
	共通設定
----------------------------------------------------*/

/* con_meal_info コース・料理紹介
----------------------------------------------------*/
#meal .con_meal_info {
	width: 690px;
	margin: 0 0 40px 0;
}

#meal .con_meal_info h3 {
	margin: 0 0 10px 0;
}

#meal .con_meal_info .list_meal_info {
	width: 690px;
	margin: 0 0 10px 0;
	overflow: hidden;
}

#meal .con_meal_info .txt {
	width: 200px;
	padding: 20px 0 0 0;
	float: left;
}

#meal .con_meal_info .txt p {
	margin: 0 0 20px 0;
}

#meal .con_meal_info .photo {
	width: 470px;
	margin: 0 0 20px 0;
	float: right;
}


#meal .con_meal_info .meal_viking_menu {
	width: 660px;
	margin: 0 0 20px 0;
	padding: 0 15px 0 15px;
	clear: both;
}

#meal .con_meal_info .vikin_menu_title {
	font-weight: bold;
}


/* info_menu バイキングなどのコメント[CMS]
----------------------------------------------------*/
#meal .info_menu {
	width: 660px;
	margin: 0 0 40px 0;
	padding: 20px 15px 10px 15px;
	background: url(../meal/images/bg_info_menu.gif) no-repeat 0 0 #f4f3eb;
	overflow: hidden;
	/*clear: both;*/
}

#meal .info_menu h5 {
	margin: 0 0 10px 0;
	padding: 0 0 15px 0;
	border-bottom: 3px #d0cfc5 double;
	font-size: 110%;
}

#meal .info_menu h5 span {
	margin: 0 10px 0 0;
	padding: 0 10px;
	background-color: #a94a1a;
	color: #fff;
	font-weight: bold;
	font-size: 90%;
}

#meal .info_menu .txt {
	width: 370px;
	padding: 0 0 0 10px;
	float: left;
}

#meal .info_menu .photo {
	width: 260px;
	float: right;
}


/* con_option 別注料理
----------------------------------------------------*/
#meal .con_option {
	width: 690px;
	margin: 0 0 40px 0;
	overflow: hidden;
}

#meal .con_option h3 {
	margin: 0 0 10px 0;
}

#meal .con_option .box_option {
	width: 220px;
	float: left;
	margin: 0 5px;
	display: inline;
}

#meal .con_option .box_option h4 {
	padding: 0 0 0 15px;
	background: url(../meal/images/ic_option.gif) no-repeat left center;
}

#meal .con_option .box_option img {
	width: 210px;
	height: 120px;
	border: 5px #b1906b solid;
}

#meal .con_option .box_option p {
	width: 210px;
}

#meal .con_option .box_option p.price {
	text-align: right;
	font-weight: bold;
}

#meal .con_option table td {
	border: none;
}

#meal .con_option table .photo img {
	width: 210px;
	height: 120px;
	border: 5px #b1906b solid;
}

#meal .con_option table .txt {
	vertical-align: top;
}

#meal .con_option table .price {
	width: 210px;
	text-align: right;
	font-weight: bold;
}

#meal .con_option .last {
	margin: 0;
}


/* con_about 概要
----------------------------------------------------*/
#meal .con_about {
	width: 690px;
	margin: 0 0 40px 0;
}

#meal .con_about h3 {
	margin: 0 0 10px 0;
}

#meal .con_about table {
	width: 690px;
}

#meal .con_about table th {
	width: 30%;
	text-align: center;
}




/*----------------------------------------------------
	rakuen.html レストラン楽苑でのお食事
	kaiseki.html お部屋でのお食事
	お品書きページ設定
----------------------------------------------------*/
#meal .con_menu {
	width: 840px;
	background: url(../meal/images/thickbox/bg_thickbox_title.gif) repeat-y #fff;
	overflow: hidden;
}

#meal .con_menu h1 {
	width: 115px;
	float: left;
}

#meal .con_menu .menu {
	width: 700px;
	float: right;
	overflow: hidden;
}

#meal .con_menu .menu .photo {
	width: 330px;
	padding: 30px 0 0 0;
	float: left;
}

#meal .con_menu .menu .photo p {
	margin: 0 0 15px 0;
	border: 1px #ececec solid;
}

#meal .con_menu .menu .photo img {
	border: 4px #fff solid;
}

#meal .con_menu .menu .photo .ex {
	font-size: 86%;
	border: none;
}

#meal .con_menu .menu .txt {
	width: 330px;
	padding: 30px 30px 20px 0;
	float: right;
}

#meal .con_menu .menu .txt table {
	width: 290px;
}

#meal .con_menu .menu .txt table th {
	width: 30%;
	padding: 8px;
	border-bottom: 1px #ccc8a0 solid;
	text-align: center;
}

#meal .con_menu .menu .txt table td {
	padding: 8px;
	border-bottom: 1px #ccc8a0 solid;
}



/*----------------------------------------------------
	rakuen.html レストラン楽苑でのお食事
----------------------------------------------------*/

/* con_catch_rakuen キャッチ
----------------------------------------------------*/
#meal .con_catch_rakuen {
	width: 690px;
	margin: 0 0 70px 0;
}

#meal .con_catch_rakuen h2 {
	margin: 0 0 5px 0;
}

#meal .con_catch_rakuen h3 {
	margin: 0 0 10px 0;
}

#meal .con_catch_rakuen p {
	margin: 0 0 10px 0;
}

#meal .con_catch_rakuen .catch {
	width: 690px;
	margin: 10px 0 0 0;
	overflow: hidden;
}

#meal .con_catch_rakuen .catch .txt {
	width: 485px;
	padding: 10px 0 0 0;
	float: right;
}

#meal .con_catch_rakuen .catch .photo {
	width: 165px;
	float: left;
}



/*----------------------------------------------------
	kaiseki.html お部屋でのお食事
----------------------------------------------------*/

/* con_catch_kaiseki キャッチ
----------------------------------------------------*/
#meal .con_catch_kaiseki {
	width: 690px;
	margin: 0 0 5px 0;
}

#meal .con_catch_kaiseki .catch {
	width: 690px;
	margin: 10px 0 0 0;
	overflow: hidden;
}

#meal .con_catch_kaiseki .catch .txt {
	width: 270px;
	padding: 20px 0 0 0;
	float: left;
}

#meal .con_catch_kaiseki .catch .txt h3 {
	margin: 0 0 10px 0;
}

#meal .con_catch_kaiseki .catch .txt p {
	margin: 0 0 10px 0;
}

#meal .con_catch_kaiseki .catch .photo {
	width: 400px;
	float: right;
}






/*----------------------------------------------------
	other.html その他の飲食施設
----------------------------------------------------*/

/* con_catch_other キャッチ
----------------------------------------------------*/
#meal .con_catch_other {
	width: 690px;
	margin: 0 0 10px 0;
}


/* con_other その他の飲食施設
----------------------------------------------------*/
#meal .con_other {
	width: 690px;
	margin: 0 0 60px 0;
}

#meal .con_other .list_other {
	width: 690px;
	margin: 0 0 40px 0;
	overflow: hidden;
}

#meal .con_other .list_other h3 {
	margin: 0 0 10px 0;
}

#meal .con_other .list_other p {
	margin: 0 0 10px 0;
}

#meal .con_other .list_other .txt {
	width: 280px;
	padding: 10px 0 0 0;
	float: left;
}

#meal .con_other .list_other .photo {
	width: 375px;
	float: right;
}

#meal .con_other .list_other table {
	width: 280px;
}

#meal .con_other .list_other table th {
	width: 25%;
	text-align: center;
}


/* カリメーラ 特別指定 */
#meal .con_other .list_other .ic_sweets {
	margin: 0 0 0 50px;
}



















/*======================================

	hack - 各種cssハック - for IE7

=======================================*/
*:first-child+html {}


/*======================================

	hack - 各種cssハック - for IE6

=======================================*/

/* 高さ調整 */
* html #meal .con_catch .catch {height: 375px;}
* html #meal .con_viking .box_viking {height: 166px;}
* html #meal .chef_conca,
#meal .con_chef_kashima {height: 350px;}
