@charset "utf-8";
/* ===================================================================
CSS information

 file name  :meal.css
 author     :Ability Consultant
style info  :お食事ページ設定　ハックは最下部に記述

 1. index.html お食事トップ
 2. レストラン コンカドーロ
 3. conca.html レストラン コンカドーロ / 日本料理 神島 共通設定
 4. kashima.html 日本料理 神島
 5. other.html その他の飲食施設
 6. season.html 季節のおすすめ料理
=================================================================== */


/*----------------------------------------------------
	index.html お食事トップ 
----------------------------------------------------*/

/* con_catch キャッチ
----------------------------------------------------*/
#meal .con_catch {
	width: 690px;
}

#meal .con_catch .catch {
	width: 690px;
	min-height: 375px;
	margin: 25px 0 0 0;
	background: url(../meal/images/bg_catch.jpg) no-repeat right top;
}

#meal .con_catch .catch h2 {
	margin: 0 0 20px 0;
}

#meal .con_catch .catch p {
	margin: 0 0 30px 0;
}

/* 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 p {
	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 60px 0;
	background: url(../meal/images/bg_viking_bottom.gif) no-repeat left bottom;
}

#meal .con_viking .box_viking {
	width: 690px;
	min-height: 166px;
	padding: 130px 0 0 0;
	background: url(../meal/images/bg_viking.jpg) no-repeat 0 0;
}

#meal .con_viking .box_viking p {
	width: 270px;
	padding: 0 400px 0 20px;
}


/* 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 40px 0;
	overflow: hidden;
}

#meal .con_restaurant .list_rest h4 {
	margin: 0 0 15px 0;
}

#meal .con_restaurant .list_rest .txt {
	width: 250px;
	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;
}




/*----------------------------------------------------
	conca.html レストラン コンカドーロ
	kashima.html 日本料理 神島
	共通設定
----------------------------------------------------*/

/* con_meal_info コース・料理紹介
----------------------------------------------------*/
#meal .con_meal_info {
	width: 690px;
	margin: 0 0 40px 0;
}

#meal .con_meal_info h3,
#meal .con_meal_info h4 {
	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: 290px;
	float: left;
}

#meal .con_meal_info .txt p {
	margin: 0 0 20px 0;
}

#meal .con_meal_info .photo {
	width: 375px;
	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;
}




/*----------------------------------------------------
	conca.html レストラン コンカドーロ
	kashima.html 日本料理 神島
	お品書きページ設定
----------------------------------------------------*/
#meal .con_menu {
	width: 830px;
	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;
	background: url(../meal/images/thickbox/bg_contents.gif) no-repeat right bottom;
	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;
}



/*----------------------------------------------------
	conca.html レストラン コンカドーロ
----------------------------------------------------*/

/* con_catch_conca キャッチ
----------------------------------------------------*/
#meal .con_catch_conca {
	width: 690px;
	margin: 0 0 70px 0;
}

#meal .con_catch_conca .catch {
	width: 690px;
	margin: 10px 0 0 0;
	overflow: hidden;
}

#meal .con_catch_conca .catch .txt {
	width: 310px;
	padding: 10px 0 0 0;
	float: left;
}

#meal .con_catch_conca .catch .photo {
	width: 355px;
	float: right;
}


/* con_chef_conca 料理長紹介
----------------------------------------------------*/
#meal .con_chef_conca {
	width: 690px;
	min-height: 350px;
	margin: 0 0 40px 0;
	position: relative;
}

#meal .con_chef_conca h3 {
	margin: 0 0 40px 0;
}

#meal .con_chef_conca .txt {
	width: 320px;
}

#meal .con_chef_conca .txt img {
	margin: 30px 0 0 0;
}

#meal .con_chef_conca .chef {
	position: absolute;
	top: 20px;
	right: 0;
}



/*----------------------------------------------------
	kashima.html 日本料理 神島
----------------------------------------------------*/

/* con_catch_kashima キャッチ
----------------------------------------------------*/
#meal .con_catch_kashima {
	width: 690px;
	margin: 0 0 70px 0;
}

#meal .con_catch_kashima .catch {
	width: 690px;
	margin: 10px 0 0 0;
	overflow: hidden;
}

#meal .con_catch_kashima .catch .txt {
	width: 485px;
	float: left;
}

#meal .con_catch_kashima .catch .txt p {
	margin: 0 0 10px 0;
}

#meal .con_catch_kashima .catch .photo {
	width: 200px;
	float: right;
}


/* con_chef_conca 料理長紹介
----------------------------------------------------*/
#meal .con_chef_kashima {
	width: 690px;
	min-height: 350px;
	margin: 0 0 40px 0;
	position: relative;
}

#meal .con_chef_kashima h3 {
	margin: 0 0 40px 0;
}

#meal .con_chef_kashima .txt {
	width: 375px;
	margin: 0 0 0 315px;
}

#meal .con_chef_kashima .txt p {
	margin: 0 0 20px 0;
}

#meal .con_chef_kashima .chef {
	position: absolute;
	top: 35px;
	left: 0;
}




/*----------------------------------------------------
	other.html その他の飲食施設
----------------------------------------------------*/

/* con_catch_other キャッチ
----------------------------------------------------*/
#meal .con_catch_other {
	width: 690px;
	margin: 0 0 50px 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;
}

/* おすすめメニュー */

#meal .con_other .list_other h4 {
	margin: 15px 0 10px 0;
}

#meal .con_other .con_osusume_menu {
	width: 690px;
	padding: 15px 0;
	background: #f2f0de;
	overflow: hidden;
}

#meal .con_other .con_osusume_menu .box_menu {
	float: left;
	margin: 5px 15px;
	width: 315px;
	display: inline;
	overflow: hidden;
}

#meal .con_other .con_osusume_menu .box_menu .txt {
	float: left;
	width: 215px;
}

#meal .con_other .con_osusume_menu .box_menu .txt h5 {
	border-bottom: #ccc8a0 solid 1px;
}

#meal .con_other .con_osusume_menu .box_menu .txt p {
	width: 215px;
}

#meal .con_other .con_osusume_menu .box_menu .txt p.price {
	text-align: right;
}

#meal .con_other .con_osusume_menu .box_menu img {
	float: right;
	border: #ccc8a0 solid 1px;
	padding: 4px;
	background: #fff;
}


/*----------------------------------------------------
	season.html 季節のおすすめ料理
----------------------------------------------------*/
#meal h2 {
	margin: 0 0 25px 0;
}

/* con_seacon おすすめ料理[共通]
----------------------------------------------------*/
#meal .con_seacon {
	width: 690px;
	margin: 0 0 40px 0;
	overflow: hidden;
}

/* 見出し
-----------------------------------------------*/
#meal .con_seacon .title {
	width: 690px;
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	border-bottom: 2px #ccc8a0 solid;
	overflow: hidden;
}

#meal .con_seacon .title h3 {
	font-size: 120%;
	float: left;
}

#meal .con_seacon .title .date {
	padding: 2px 5px;
	background-color: #f1f0e1;
	float: right;
}

#meal .con_seacon .title .date span {
	font-weight: bold;
}

/* 写真
-----------------------------------------------*/
#meal .con_seacon .photo {
	width: 340px;
	float: left;
}

#meal .con_seacon .photo .main {
	width: 334px;
	height: 234px;
	border: 3px #efefef solid;
}

#meal .con_seacon .photo .main img {
	width: 332px;
	height: 232px;
	border: 1px #969696 solid;
}

#meal .con_seacon .photo .txt {
	margin: 0 0 20px 0;
}

#meal .con_seacon .photo .box_side {
	width: 340px;
	margin: 0 0 20px 0;
	overflow: hidden;
}

#meal .con_seacon .photo .box_side .side_photo {
	width: 194px;
	height: 135px;
	border: 3px #efefef solid;
	float: left;
}

#meal .con_seacon .photo .box_side .side_photo img {
	width: 192px;
	height: 133px;
	border: 1px #969696 solid;
}

#meal .con_seacon .photo .box_side .side_txt {
	width: 130px;
	float: right;
}


/* お品書き
-----------------------------------------------*/
#meal .con_seacon .menu {
	width: 340px;
	background: url(../meal/images/season/bg_menu.gif) no-repeat left bottom;
	float: right;
}

#meal .con_seacon .menu table {
	width: 320px;
	margin: 0 auto 20px auto;
}

#meal .con_seacon .menu table th {
	width: 30%;
	background-color: transparent;
	border-top: none;
	border-left: none;
	border-right: none;
	text-align: center;
}

#meal .con_seacon .menu table td {
	border-top: none;
	border-left: none;
	border-right: none;
}


/* コメント
-----------------------------------------------*/
#meal .con_seacon .commnet {
	width: 340px;
	float: right;
}




/*======================================

	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,
* html #meal .con_chef_kashima {height: 350px;}

/* カリメーラ 特別指定 */
* html #meal .con_other #karime-ra .txt {margin: -250px 0 0 0;}