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

 file name  :dish.css
 author     :Ability Consultant
style info  :お料理ページ設定　ハックは最下部に記述
=================================================================== */


/* -----------------------------------------------------------
	各ページ専用指定
----------------------------------------------------------- */

#dish {
	font-size: 13px;
}

/* ページタイトル
----------------------------------------------------------- */
#dish #contents_head h2 {
	background: url(../dish/images/st_dish.gif) no-repeat center top;
}

/* サブメニュー
----------------------------------------------------------- */
#dish ul.menu_dish {
	width: 695px;
	height: 43px;
	margin: 0 0 30px 0;
	background: url(../dish/images/menu_c_dish.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#dish ul.menu_dish li {
	width: 140px;
	height: 43px;
	float: left;
}

#dish ul.menu_dish li a {
	width: 140px;
	height: 43px;
	display: block;
	overflow: hidden;
}

/* お料理トップ */
#dish ul.menu_dish li.m_top,
#dish ul.menu_dish li.m_top a {
	width: 140px;
}

#dish ul.menu_dish li.m_top a:hover,
#dish ul.menu_dish li.m_top a.active {
	background: url(../dish/images/menu_c_dish.gif) no-repeat 0 -43px;
}

/* お料理コース */
#dish ul.menu_dish li.m_cors,
#dish ul.menu_dish li.m_cors a {
	width: 139px;
}

#dish ul.menu_dish li.m_cors a:hover,
#dish ul.menu_dish li.m_cors a.active {
	background: url(../dish/images/menu_c_dish.gif) no-repeat -140px -43px;
}

/* 料理長 */
#dish ul.menu_dish li.m_chef,
#dish ul.menu_dish li.m_chef a {
	width: 140px;
}

#dish ul.menu_dish li.m_chef a:hover,
#dish ul.menu_dish li.m_chef a.active {
	background: url(../dish/images/menu_c_dish.gif) no-repeat -279px -43px;
}

/* 別注料理 */
#dish ul.menu_dish li.m_extras,
#dish ul.menu_dish li.m_extras a {
	width: 139px;
}

#dish ul.menu_dish li.m_extras a:hover,
#dish ul.menu_dish li.m_extras a.active {
	background: url(../dish/images/menu_c_dish.gif) no-repeat -419px -43px;
}

/* 神戸牛 */
#dish ul.menu_dish li.m_cow,
#dish ul.menu_dish li.m_cow a {
	width: 137px;
}

#dish ul.menu_dish li.m_cow a:hover,
#dish ul.menu_dish li.m_cow a.active {
	background: url(../dish/images/menu_c_dish.gif) no-repeat -558px -43px;
}


/* 地産地消について（神戸北畑） */
/* #dish ul.menu_dish li.m_kitafarm,
#dish ul.menu_dish li.m_kitafarm a {
	width: 120px;
}

#dish ul.menu_dish li.m_kitafarm a:hover,
#dish ul.menu_dish li.m_kitafarm a.active {
	background: url(../dish/images/menu_c_dish.gif) no-repeat -575px -43px;
} */



/* -----------------------------------------------------------
	index.php お料理トップ
----------------------------------------------------------- */

/* dish_con 料理紹介(キャッチ)
----------------------------------------------------------- */
#dish div.dish_con {
	width: 695px;
	margin: 0 0 20px 0;
	overflow: hidden;
}

/* 左側 */
#dish div.dish_con div.dish_l {
	width: 530px;
	float: left;
}

/* 左側メニュー */
#dish div.dish_con div.dish_l .menu {
	margin-top: 40px;
}
#dish div.dish_con div.dish_l .menu li {
	margin-bottom: 40px;
}

/* 右側 */
#dish div.dish_con div.dish_r {
	width: 140px;
	float: right;
}


/* ingredient_con 特選食材
----------------------------------------------------------- */
#dish div.ingredient_con {
	width: 675px;
	/*min-height: 462px;*/
	padding: 10px 0 0 20px;
	background: url(../dish/images/bg_ingredient.gif) no-repeat 0 0;
	overflow: hidden;
	margin-bottom: 50px;
}

#dish div.ingredient_con h4 {
	text-indent: -9999px;
}

/* 神戸牛 */
#dish div.ingredient_con div.cow {
	width: 260px;
	margin: 0 130px 10px 0;
	border-bottom: 1px #b1ba84 dotted;
	float: left;
}

#dish div.ingredient_con div.cow p.photo {
	padding: 0 10px 0 0;
	float: left;
}

#dish div.ingredient_con div.cow div.txt {
	overflow: hidden+
}

/* 魚介 */
#dish div.ingredient_con div.fish {
	width: 260px;
	margin: 0 0 10px 0;
	border-bottom: 1px #b1ba84 dotted;
	float: left;
}

#dish div.ingredient_con div.fish p.photo {
	padding: 0 0 0 10px;
	float: right;
}

#dish div.ingredient_con div.fish div.txt {
	overflow: hidden+
}

/* 野菜 */
#dish div.ingredient_con div.vegetable {
	width: 260px;
	margin: 0 130px 0 0;
	float: left;
}

#dish div.ingredient_con div.vegetable p.photo {
	padding: 0 10px 0 0;
	float: left;
}

#dish div.ingredient_con div.vegetable div.txt {
	overflow: hidden+
}

/* 名古屋コーチン */
#dish div.ingredient_con div.chicken {
	width: 260px;
	float: left;
}

#dish div.ingredient_con div.chicken p.photo {
	padding: 0 0 0 10px;
	float: right;
}

#dish div.ingredient_con div.chicken div.txt {
	overflow: hidden;
}




/* dish_nav お食事ナビゲーション
----------------------------------------------------------- */
#dish div.dish_nav {
	width: 695px;
	margin: 0 0 40px 0;
	padding-top: 30px;
}

/* ナビゲーション上段 */
#dish div.dish_nav div.dish_nav_top {
	width: 515px;
	margin: 0 auto 20px auto;
	overflow: hidden;
}

/* 料理長 */
#dish div.dish_nav div.dish_nav_top div.dish_nav_chef {
	width: 155px;
	margin: 0 15px 0 0;
	float: left;
}

#dish div.dish_nav div.dish_nav_top div.dish_nav_chef h4 {
	width: 95px;
	height: 135px;
	margin: 0 auto;
	background: url(../dish/images/st_chef.gif) no-repeat 0 0;
	text-indent: -9999px;
}

/* 旬の味 */
#dish div.dish_nav div.dish_nav_top div.dish_nav_delicacies {
	width: 155px;
	margin: 0 15px 0 0;
	float: left;
}

#dish div.dish_nav div.dish_nav_top div.dish_nav_delicacies h4 {
	width: 95px;
	height: 135px;
	margin: 0 auto;
	background: url(../dish/images/st_delicacies.gif) no-repeat 0 0;
	text-indent: -9999px;
}

/* 神戸牛 */
#dish div.dish_nav div.dish_nav_top div.dish_nav_cow {
	width: 155px;
	float: left;
}

#dish div.dish_nav div.dish_nav_top div.dish_nav_cow h4 {
	width: 95px;
	height: 135px;
	margin: 0 auto;
	background: url(../dish/images/st_kobe_meet.gif) no-repeat 0 0;
	text-indent: -9999px;
}


/* ナビゲーション下段 */
#dish div.dish_nav div.dish_nav_bottom {
	width: 340px;
	margin: 0 auto;
	overflow: hidden;
}

/* 地産地消 */
#dish div.dish_nav div.dish_nav_bottom div.dish_nav_kitafarm {
	width: 155px;
	margin: 0 15px 0 0;
	float: left;
}

#dish div.dish_nav div.dish_nav_bottom div.dish_nav_kitafarm  h4 {
	width: 95px;
	height: 135px;
	margin: 0 auto;
	text-indent: -9999px;
	background-image: url(../dish/images/st_kita_farm.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}


/* 別注料理 */
#dish div.dish_nav div.dish_nav_bottom div.dish_nav_extras {
	width: 155px;
	margin: 0 15px 0 0;
	float: left;
}

#dish div.dish_nav div.dish_nav_bottom div.dish_nav_extras h4 {
	width: 95px;
	height: 135px;
	margin: 0 auto;
	text-indent: -9999px;
	background-image: url(../dish/images/st_extras.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

/* 食事場所 */
#dish div.dish_nav div.dish_nav_bottom div.dish_nav_place {
	width: 155px;
	float: left;
}

#dish div.dish_nav div.dish_nav_bottom div.dish_nav_place h4 {
	width: 95px;
	height: 135px;
	margin: 0 auto;
	background: url(../dish/images/st_place.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#dish div.dish_nav div.dish_nav_bottom div.dish_nav_place p.ex {
	padding: 10px 0 0 0;
	color: #b26414;
	font-size: 86%;
}



/* -----------------------------------------------------------
	menu.php 料理詳細
----------------------------------------------------------- */

/* con_menu 料理詳細
----------------------------------------------------------- */

#dish #con_shun {
	background: url(../dish/images/menu/bg_shun.jpg) no-repeat 0 400px;
}
#dish #con_sou {
	background: url(../dish/images/menu/bg_sou.jpg) no-repeat 0 400px;
}
#dish #con_yaki {
	background: url(../dish/images/menu/bg_yaki.jpg) no-repeat 0 400px;
}
#dish #con_sai {
	background: url(../dish/images/menu/bg_sai.jpg) no-repeat 0 400px;
}

/* ボタン（画像切替） */
#dish .con_menu .bt_con {
	margin: 0 0 10px 0;
	overflow: hidden;
	float: right;
}

#dish .con_menu .bt_con p.img_box {
	width: 70px;
	height: 64px;
	margin: 0 0 5px 5px;
	float: left;
	overflow: hidden;
}

#dish .con_menu .bt_con p.img_box a {
	width: 64px;
	height: 57px;
	padding: 4px;
	background-color: #e5dcc7;
	display: block;
	overflow: hidden;
}

#dish .con_menu .bt_con p.img_box a:hover,
#dish .con_menu .bt_con p.img_box a.active {
	background-color: #879c40;
}

/* 説明文 */
#dish .con_menu .txt {
	overflow: hidden;
	background: url(../dish/images/menu/bg_line.gif) no-repeat 0 100%;
	padding: 0 0 50px 120px;
	margin-bottom: 60px;
	clear: both;
}
#dish #con_shun .txt {
	background: none;
	margin-bottom: 0;
	padding-bottom: 15px;
	zoom: 1;
}

#dish .con_menu .txt h3 {
	margin-bottom: 10px;
}

#dish .con_menu .txt_restaurant {
	padding-bottom: 5px;
}

#dish .con_menu .btn {
	float: left;
	padding-right: 10px;
}

/* 説明文 */
#dish .con_menu .box_menu {
	background: url(../dish/images/menu/bg_line.gif) no-repeat 0 100%;
	padding-bottom: 30px;
	margin-bottom: 50px;
	position: relative;
}
#dish .con_menu .box_menu .btn {
	position: absolute;
	top: 560px;
	left: 320px;
}


/* con_bf 朝食
----------------------------------------------------------- */
#dish .con_bf {
	background: url(../dish/images/menu/bg_bf.gif) no-repeat 0 0;
	overflow: hidden;
	zoom: 1;
	min-height: 534px;
	padding: 40px 40px 30px 25px;
	margin-bottom: 40px;
}

#dish .con_bf .box_st_bf {
	margin-bottom: 20px;
}

#dish .con_bf h3 {
	float: left;
	padding: 5px 25px 0 15px;
}

#dish .con_bf .box_bf {
	float: left;
	width: 300px;
	padding-left: 15px;
}

#dish .con_bf .box_bf p {
	margin-bottom: 10px;
}


/* -----------------------------------------------------------
	chef.php 料理長紹介
----------------------------------------------------------- */

/* chef_con 料理長紹介
----------------------------------------------------------- */
#dish div.chef_con {
	width: 695px;
	margin: 0 0 100px 0;
	position: relative;
}

#dish div.chef_con h3 {
	width: 695px;
	height: 60px;
	margin: 0 0 15px 0;
	background: url(../dish/images/chef/st_chef.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#dish div.chef_con div.chef {
	width: 695px;
	overflow: hidden;
}

#dish div.chef_con div.chef p {
	margin: 0;
}

#dish div.chef_con div.chef p.chef_prof {
	width: 235px;
	height: 335px;
	margin: 20px 0 0 50px;
	background: url(../dish/images/chef/img_chef_prof.gif) no-repeat 0 0;
	text-indent: -9999px;
	float: left;
}

#dish div.chef_con div.chef p.chef_photo {
	float: right;
}

#dish div.chef_con h4 {
	width: 695px;
	height: 260px;
	margin: 0 0 50px 0;
	background: url(../dish/images/chef/st_comment.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#dish div.chef_con p.txt {
	margin: 0 0 20px 0;
	padding: 0 10px 0 350px;
}


#dish div.chef_con p.dish_photo {
	width: 300px;
	height: 500px;
	position: absolute;
	top: 450px;
	left: 0;
}





/* -----------------------------------------------------------
	chef.php 料理長紹介
----------------------------------------------------------- */

/* chef_con 料理長紹介
----------------------------------------------------------- */
#dish div.extras_con {
	width: 695px;
	margin: 0 0 40px 0;
}

#dish div.extras_con h3 {
	width: 695px;
	height: 60px;
	margin: 0 0 15px 0;
	background: url(../dish/images/extras/st_extras.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#dish div.extras_con p.ex {
	color: #b26414;
}

#dish div.extras_con p.txt {
	font-size: 85%;
	text-align: right;
}

/* 共通指定 */
#dish div.extras_con div.extras {
	width: 695px;
	overflow: hidden;
}

#dish div.extras_con div.extras div.extras_list {
	width: 184px;
	margin: 0 18px 18px 0;
	padding: 16px;
	border: 1px #b7a869 dotted;
	float: left;
}

#dish div.extras_con div.extras div.extras_list_r {
	width: 184px;
	margin: 0;
	padding: 16px;
	border: 1px #b7a869 dotted;
	float: left;
}

#dish div.extras_con div.extras div.extras_list p.photo {
	width: 180px;
	height: 130px;
	padding: 2px;
	background-color: #f6f6ed;
	border: 1px #e3dec7 solid;
}

#dish div.extras_con div.extras p.extras_ex {
	font-size: 86%;
}

#dish div.extras_con div.extras h4 {
	margin: 0 0 10px 0;
	padding: 3px 0 3px 5px;
	background-color: #dfdbc8;
}

#dish div.extras_con div.extras p.price {
	text-align: right;
}





/* -----------------------------------------------------------
	cow.php 神戸牛について
----------------------------------------------------------- */

/* about_cow_con 神戸牛について
----------------------------------------------------------- */
#dish div.about_cow_con {
	width: 695px;
	min-height: 850px;
	background: url(../dish/images/cow/bg_about_cow.jpg) no-repeat right bottom;
	margin: 0 0 20px 0;
}

#dish div.about_cow_con h3 {
	width: 695px;
	height: 60px;
	margin: 0 0 15px 0;
	background: url(../dish/images/cow/st_about_cow.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#dish div.about_cow_con div.about_cow {
	width: 695px;
	overflow: hidden;
}

#dish div.about_cow_con div.about_cow div.txt {
	width: 360px;
	float: left;
}

#dish div.about_cow_con div.about_cow div.txt p.photo {
	margin: 0 0 30px 0;
}

#dish div.about_cow_con div.about_cow div.txt p.ex {
	margin: 0 0 30px 0;
	padding: 0 20px 0 20px;
}

#dish div.about_cow_con div.about_cow h4 {
	width: 335px;
	height: 197px;
	background: url(../dish/images/cow/img_logo_cow.gif) no-repeat 0 0;
	text-indent: -9999px;
	float: right;
}


/* definition_con 神戸牛の定義
----------------------------------------------------------- */
#dish div.definition_con {
	width: 695px;
	margin: 0 0 40px 0;
	padding: 40px 0 0 0;
	background: url(../dish/images/cow/bg_definition.gif) no-repeat 0 0;
	overflow: hidden;
}

#dish div.definition_con h4 {
	width: 50px;
	height: 305px;
	margin: 0 40px;
	background: url(../dish/images/cow/st_definition.gif) no-repeat 0 0;
	text-indent: -9999px;
	float: left;
}

#dish div.definition_con div.definition {
	width: 315px;
	margin: 0 28px 0 0;
	float: left;
}

#dish div.definition_con p.photo {
	width: 200px;
	float: left;
}

#dish div.definition_con p.tb {
	margin: 0 0 0 20px;
	padding: 30px 0 0 0;
	clear: both;
}



/* -----------------------------------------------------------
	kitafarm.php 地産地消について
----------------------------------------------------------- */

/* about_kitafarm 地産地消について
----------------------------------------------------------- */

#dish div.kitafarm_con {
	width: 695px;
	margin: 0 0 40px 0;
	overflow: hidden;
}

#dish div.kitafarm_con h3 {
	width: 695px;
	height: 60px;
	margin: 0 0 15px 0;
	text-indent: -9999px;
	background-image: url(../dish/images/kita_farm/st_kitafarm.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}



#dish div.kitafarm_con .kitafarm {
	background-image: url(../dish/images/kita_farm/img_kitafarm.jpg);
	background-repeat: no-repeat;
	height: 591px;
	width: 695px;
	background-position: right top;
}

#dish #contents .kitafarm .txt {
	height: auto;
	width: 450px;
	margin-left: 20px;
	margin-top: 20px;
}


#dish #page #contents .about_kitafarm {
	background-image: url(../dish/images/kita_farm/bk_syunsai.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 420px;
	width: 695px;
	margin-top: 20px;
}
#dish #page #contents .about_kitafarm h4 {
	text-indent: -9999px;
	height: 153px;
}
#dish #page #contents #main .about_kitafarm .left {
	width: 251px;
	margin-left: 20px;
	float: left;
	height: 267px;
}
#dish #page #contents #main .about_kitafarm .left p {
	margin-top: 7px;
}
#dish #page #contents #main .about_kitafarm .right {
	width: 394px;
	float: right;
	height: 267px;
}
#dish #page #contents #main .kitafarm_con .about_kitafarm .right p {
	height: 97px;
	width: 146px;
	float: left;
	padding-left: 50px;
	padding-top: 20px;
	font-weight: bold;
}

#dish #page #contents #main .kitafarm_con .about_kome {
	background-image: url(../dish/images/kita_farm/bk_kome.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 420px;
	width: 695px;
	margin-top: 20px;

}

#dish #page #contents #main .about_kome h4 {
	padding-bottom: 20px;
}

#dish #page #contents #main .about_kome .left {
	width: 251px;
	margin-left: 20px;
	float: left;
	height: 267px;
}
#dish #page #contents #main .about_kome .left p {
	margin-top: 7px;
}
#dish #page #contents #main .about_kome .right {
	width: 374px;
	height: 257px;
	padding-right: 20px;
	float: right;

}


.box_allergie {
	width:553px;
	padding:10px;
	border:1px solid #dbd4c6;
	color:#7f7866;
}

.box_allergie .title_allergie {
	font-weight:bold;
}

.box_allergie .tex_allergie {
	margin-bottom:10px;
}

#dish div.extras_con div.extras div.extras_list_r p.photo {
	width: 180px;
	height: 130px;
	padding: 2px;
	background-color: #f6f6ed;
	border: 1px #e3dec7 solid;
}



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

	hack - 各種cssハック - for IE7

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

/* index.php - ボタン（画像切替） */
*:first-child+html #dish div.dish_con div.dish_r div.bt_con {padding: 0 0 10px 0;}


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

	hack - 各種cssハック - for IE6

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

/* 料理トップ - 料理紹介(キャッチ) - 画像切替ボタン */
* html #dish div.dish_con div.dish_r div.bt_con {width: 320px;margin: 0 0 0 10px;display: inline;}

* html #dish div.dish_con div.dish_r div.bt_con p.img_box {margin: 0 0 5px 0;}

/* 料理トップ - 季節の料理高さ */
* html #dish div.dish_con div.dish_l div.season_photo p.spring,
* html #dish div.dish_con div.dish_l div.season_photo p.summer,
* html #dish div.dish_con div.dish_r div.season_photo p.autumn,
* html #dish div.dish_con div.dish_r div.season_photo p.winter {height: 65px;}

/* 料理トップ - 特選食材全体 */
/** html #dish div.ingredient_con {height: 462px;}*/

/* 料理トップ - 特選食材 - 名古屋コーチン */
* html #dish div.ingredient_con div.chicken p.photo {padding: 0 10px 50px 0;}

/* 神戸牛について - 神戸牛について */
* html #dish div.about_cow_con {height: 850px;}

* html #dish div.definition_con h4 {margin: 0 40px;display: inline;}