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

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


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

/* ページタイトル
----------------------------------------------------------- */
#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: 139px;
	height: 43px;
	float: left;
}

#dish ul.menu_dish li a {
	width: 139px;
	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_chef,
#dish ul.menu_dish li.m_chef a {
	width: 139px;
}

#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 -140px -43px;
}

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

#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 -279px -43px;
}

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

#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 -419px -43px;
}


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

#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 -558px -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: 355px;
	float: left;
}

/* 写真（画像切替） */
#dish div.dish_con p.photo {
	margin: 0 0 20px 0;
}

/* 季節の料理 */
#dish div.dish_con div.dish_l div.season_photo {
	width: 315px;
	margin: 0 0 50px 40px;
	overflow: hidden;
}

/* 季節の料理 - 春 */
#dish div.dish_con div.dish_l div.season_photo p.spring {
	width: 98px;
	min-height: 65px;
	margin: 40px 0 0 0;
	padding: 160px 0 0 42px;
	background: url(../dish/images/img_spring.jpg) no-repeat 0 0;
	float: left;
}

/* 季節の料理 - 夏 */
#dish div.dish_con div.dish_l div.season_photo p.summer {
	width: 98px;
	min-height: 65px;
	margin: 10px 0 0 0;
	padding: 160px 0 0 42px;
	background: url(../dish/images/img_summer.jpg) no-repeat 0 0;
	float: right;
}

/* 下部テキスト */
#dish div.dish_con div.dish_l p.ex {
	font-size: 86%;
}


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

/* ボタン（画像切替） */
#dish div.dish_con div.dish_r div.bt_con {
	width: 315px;
	margin: 0 10px 20px 0;
	overflow: hidden;
}

#dish div.dish_con div.dish_r div.bt_con p.img_box {
	width: 64px;
	height: 84px;
	margin: 0 0 5px 5px;
	padding: 4px;
	float: left;
}

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

#dish div.dish_con div.dish_r div.bt_con p.img_box a:hover,
#dish div.dish_con div.dish_r div.bt_con p.img_box a.active {
	background-color: #9f8b5e;
}

/* 見出しなどテキスト */
#dish div.dish_con div.dish_r div.txt {
	width: 290px;
	margin: 0 0 0 10px;
	overflow: hidden;
}

/* 見出しなどテキスト - 左側 */
#dish div.dish_con div.dish_r div.txt p.txt_l {
	width: 139px;
	height: 300px;
	background: url(../dish/images/img_dish_txt.gif) no-repeat 0 0;
	text-indent: -9999px;
	float: left;
}

/* 見出しなどテキスト - 右側 */
#dish div.dish_con div.dish_r div.txt div.txt_r {
	width: 140px;
	float: right;
}

#dish div.dish_con div.dish_r div.txt div.txt_r h3 {
	width: 140px;
	height: 230px;
	margin: 0 0 50px 0;
	background: url(../dish/images/st_season.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#dish div.dish_con div.dish_r div.txt div.txt_r p {
	text-align: center;
}

/* 季節の料理 - 秋 */
#dish div.dish_con div.dish_r div.season_photo p.autumn {
	width: 98px;
	min-height: 65px;
	margin: 10px 0 0 0;
	padding: 160px 0 0 42px;
	background: url(../dish/images/img_autumn.jpg) no-repeat 0 0;
	float: left;
}

/* 季節の料理 - 冬 */
#dish div.dish_con div.dish_r div.season_photo p.winter {
	width: 98px;
	min-height: 65px;
	margin: 60px 0 0 0;
	padding: 160px 0 0 42px;
	background: url(../dish/images/img_winter.jpg) no-repeat 0 0;
	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;
}

#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 10px 0 0;
	float: left;
}

#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 10px 0 0;
	float: left;
}

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


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

/* ナビゲーション上段 */
#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: 515px;
	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%;
}






/* -----------------------------------------------------------
	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 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;
}





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

	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;}