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

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


/* -----------------------------------------------------------
	料理ページ設定 ※サイドメニュー部分は下部に記述
----------------------------------------------------------- */

/* h2
----------------------------------------------------------- */
#dish h2 {
	background:url(../dish/images/title.jpg) center no-repeat;
	height:132px;
	margin:0 auto;
	text-indent:-9999px;
}

#dish #main #bread_list {
	margin:0;
}

/* #dishtop_box 料理ページトップ部分
----------------------------------------------------------- */
#dish #dishtop_box {
	margin:0 0 50px 0;
	background:url(../dish/images/bg_dishtop.jpg) right bottom no-repeat;
	border-bottom:solid 1px #D9D7D7;
	height:327px;
	width:690px;
	padding:15px 0 0 0;
}

#dish #dishtop_box h3{
	background:url(../dish/images/st_dishtop.gif);
	width:300px;
	height:70px;
	text-indent:-9999px;
	margin:0 0 25px 0;
}

#dish #dishtop_box p#dishtop_text{
	width:280px;
	margin:0 0 40px 0;
}

#dish #dishtop_box p#dishtop_btn01{
	float:left;
	margin:0 10px 0 0;
}


/* #menu_box 部分
----------------------------------------------------------- */
#dish #menu_box {
	width:690px;
	margin:0 0 50px 0;
	padding:0 0 50px 0;
	border-bottom:solid 1px #D9D7D7;
	overflow:hidden;
}

#dish #menu_box #left_box{
	float:left;
	width:311px;
}

#dish #menu_box #right_box{
	float:right;
}

#dish #menu_box ul{
	width:340px;
	float:right;
}

#dish #menu_box li{
	float:left;
	margin:0 0 5px 5px;
	text-indent:-9999px;
	display:inline;
}

#dish #menu_box li a{
	display:block;
	width:80px;
	height:125px;
	overflow:hidden;
}

#dish #menu_box li#menu_pic01 a.unclick{background:url(../dish/images/img_menu01_s.jpg);}
#dish #menu_box li#menu_pic02 a.unclick{background:url(../dish/images/img_menu02_s.jpg);}
#dish #menu_box li#menu_pic03 a.unclick{background:url(../dish/images/img_menu03_s.jpg);}
#dish #menu_box li#menu_pic04 a.unclick{background:url(../dish/images/img_menu04_s.jpg);}
#dish #menu_box li#menu_pic05 a.unclick{background:url(../dish/images/img_menu05_s.jpg);}
#dish #menu_box li#menu_pic06 a.unclick{background:url(../dish/images/img_menu06_s.jpg);}
#dish #menu_box li#menu_pic07 a.unclick{background:url(../dish/images/img_menu07_s.jpg);}
#dish #menu_box li#menu_pic08 a.unclick{background:url(../dish/images/img_menu08_s.jpg);}

#dish #menu_box li#menu_pic01 a.click{background:url(../dish/images/img_menu01_s_on.jpg);}
#dish #menu_box li#menu_pic02 a.click{background:url(../dish/images/img_menu02_s_on.jpg);}
#dish #menu_box li#menu_pic03 a.click{background:url(../dish/images/img_menu03_s_on.jpg);}
#dish #menu_box li#menu_pic04 a.click{background:url(../dish/images/img_menu04_s_on.jpg);}
#dish #menu_box li#menu_pic05 a.click{background:url(../dish/images/img_menu05_s_on.jpg);}
#dish #menu_box li#menu_pic06 a.click{background:url(../dish/images/img_menu06_s_on.jpg);}
#dish #menu_box li#menu_pic07 a.click{background:url(../dish/images/img_menu07_s_on.jpg);}
#dish #menu_box li#menu_pic08 a.click{background:url(../dish/images/img_menu08_s_on.jpg);}

#dish #menu_box li#menu_pic01 a:hover{background:url(../dish/images/img_menu01_s_on.jpg);}
#dish #menu_box li#menu_pic02 a:hover{background:url(../dish/images/img_menu02_s_on.jpg);}
#dish #menu_box li#menu_pic03 a:hover{background:url(../dish/images/img_menu03_s_on.jpg);}
#dish #menu_box li#menu_pic04 a:hover{background:url(../dish/images/img_menu04_s_on.jpg);}
#dish #menu_box li#menu_pic05 a:hover{background:url(../dish/images/img_menu05_s_on.jpg);}
#dish #menu_box li#menu_pic06 a:hover{background:url(../dish/images/img_menu06_s_on.jpg);}
#dish #menu_box li#menu_pic07 a:hover{background:url(../dish/images/img_menu07_s_on.jpg);}
#dish #menu_box li#menu_pic08 a:hover{background:url(../dish/images/img_menu08_s_on.jpg);}

#dish #menu_box p{
	clear:both;
}

#dish #menu_box p#menu_text01{
	text-align:right;
	margin:0 0 20px 0;
}

#dish #menu_box p.small_text{
	font-size:0.8em;
}

#dish #menu_box h3{
	background:url(../dish/images/st_menu.gif);
	width:50px;
	height:190px;
	text-indent:-9999px;
	float:right;
}

#dish #menu_box #right_box img{
	float:right;
}

#dish #menu_box #right_box p#menubox_btn01{
	margin:0 200px 0 0;
}


/* #dining_box 部分
----------------------------------------------------------- */
#dish #dining_box {
	width:704px;
	margin:0 0 50px 0;
	padding:0 0 50px 0;
	border-bottom:solid 1px #D9D7D7;
	overflow:hidden;
	background:url(../dish/images/bg_dining.jpg) right 203px no-repeat;
}

#dish #dining_box #left_box02{
	float:left;
	width:311px;
}

#dish #dining_box #right_box02{
	float:right;
}

#dish #dining_box h3{
	background:url(../dish/images/st_dining.png);
	width:50px;
	height:300px;
	text-indent:-9999px;
	float:right;
	margin:0 14px 0 0;
	display:inline;
}

#dish #dining_box #right_box02 img{
	float:right;
}

/* #breakfast_box 部分
----------------------------------------------------------- */
#dish #breakfast_box {
	width:704px;
	margin:0 0 50px 0;
	padding:0 0 50px 0;
	overflow:hidden;
	background:url(../dish/images/bg_breakfast.jpg) right 355px no-repeat;
}

#dish #breakfast_box #left_box03{
	float:left;
	width:447px;
}

#dish #breakfast_box #right_box03{
	float:right;
	width:250px
}

#dish #breakfast_box h3{
	background:url(../dish/images/st_breakfast.gif);
	width:50px;
	height:220px;
	text-indent:-9999px;
	float:right;
	margin:0 14px 0 0;
	display:inline;
}

#dish #breakfast_box #right_box03 img{
	float:right;
}

#dish #breakfast_box #right_box03 p#menubox_btn03{
	margin-top:10px;
}

/* -----------------------------------------------------------
	シェフの紹介ページ設定
----------------------------------------------------------- */

/* #cheftop_box シェフの紹介ページトップ部分
----------------------------------------------------------- */
#dish #cheftop_box {
	margin:0 0 50px 0;
	border-bottom:solid 1px #D9D7D7;
	width:690px;
	padding:15px 0 40px 0;
	background:url(../dish/images/img_cheftop.jpg) right top no-repeat;
}

#dish #cheftop_box #text_area{
	width:310px;
	border-right:1px dotted #000;
	margin:0 0 40px 0;
}

#dish #cheftop_box h3{
	background:url(../dish/images/st_cheftop.gif);
	width:285px;
	height:50px;
	text-indent:-9999px;
	margin:0 0 25px 0;
}

#dish #cheftop_box p{
	width:280px;
}

#dish #cheftop_box #btn_area{
	width:310px;
	height:0;
	margin:0;
	_margin-bottom:-30px;
}

#dish #cheftop_box p#cheftop_btn01{
	width:155px;
	height:28px;
	float:left;
}

#dish #cheftop_box p#cheftop_btn02{
	width:155px;
	height:28px;
	float:left;
}

/* #commitment_box 食へのこだわり部分
----------------------------------------------------------- */
#dish #commitment_box {
	margin:0 0 50px 0;
	border-bottom:solid 1px #D9D7D7;
	width:690px;
	height:680px;
	padding:0 0 40px 0;
	overflow:hidden;
	background:url(../dish/images/bg_commitment.jpg) right 560px no-repeat;
}

#dish #commitment_box h3{
	float:right;
	background:url(../dish/images/st_commitment.gif);
	width:47px;
	height:315px;
	text-indent:-9999px;
}

#dish #commitment_box img{
	float:right;
}

#dish #commitment_box img#left_img{
	float:left;
}

#dish #commitment_box p{
	float:left;
	margin:10px 0 0 0;
	display:inline;
	width:300px;
}




/* #sub ※料理トップ用
----------------------------------------------------------- */
#dish #sub h3#subsidemenu_title{
	background:url(../dish/images/st_subsidemenu.gif);
	margin:0;
}

#dish #sub ul#subsidemenu_list{
	background:url(../dish/images/bg_subsidemenu.gif);
	height:191px;
}

/* サイドメニュー部分 */
#dish #sub ul#subsidemenu_list li#list01{
	height:45px;
	line-height:45px;
}

#dish #sub ul#subsidemenu_list li#list02{
	height:33px;
	line-height:33px;
}

#dish #sub ul#subsidemenu_list li#list03{
	height:33px;
	line-height:33px;
}

#dish #sub ul#subsidemenu_list li#list04{
	height:33px;
	line-height:33px;
}

#dish #sub ul#subsidemenu_list li#list05{
	height:33px;
	line-height:33px;
}


#dish #sub ul#subsidemenu_list li#list01 a{height:43px;}
#dish #sub ul#subsidemenu_list li#list02 a{height:33px;}
#dish #sub ul#subsidemenu_list li#list03 a{height:33px;}
#dish #sub ul#subsidemenu_list li#list04 a{height:33px;}
#dish #sub ul#subsidemenu_list li#list05 a{height:33px;}

#dish #sub ul#subsidemenu_list li#list01 a:hover,
#dish #sub ul#subsidemenu_list li#list01 a#active{background:url(../dish/images/bg_subsidemenu_over.gif) 0px 0px;}
#dish #sub ul#subsidemenu_list li#list02 a:hover,
#dish #sub ul#subsidemenu_list li#list02 a#active{background:url(../dish/images/bg_subsidemenu_over.gif) 0px -45px;}
#dish #sub ul#subsidemenu_list li#list03 a:hover,
#dish #sub ul#subsidemenu_list li#list03 a#active{background:url(../dish/images/bg_subsidemenu_over.gif) 0px -78px;}
#dish #sub ul#subsidemenu_list li#list04 a:hover,
#dish #sub ul#subsidemenu_list li#list04 a#active{background:url(../dish/images/bg_subsidemenu_over.gif) 0px -111px;}
#dish #sub ul#subsidemenu_list li#list05 a:hover,
#dish #sub ul#subsidemenu_list li#list05 a#active{background:url(../dish/images/bg_subsidemenu_over.gif) 0px -144px;}




/* #sub ※シェフの紹介ページ用
----------------------------------------------------------- */
#dish #sub #chef_box h3#subsidemenu_title{
	background:url(../dish/images/st_subsidemenu_chef.gif);
	margin:0;
}

#dish #sub #chef_box ul#subsidemenu_list{
	background:url(../dish/images/bg_subsidemenu_chef.gif);
	height:163px;
}

/* サイドメニュー部分 */
#dish #sub #chef_box ul#subsidemenu_list li#list01{
	height:45px;
	line-height:45px;
}

#dish #sub #chef_box ul#subsidemenu_list li#list02{
	height:33px;
	line-height:33px;
}

#dish #sub #chef_box ul#subsidemenu_list li#list03{
	height:33px;
	line-height:33px;
}

#dish #sub #chef_box ul#subsidemenu_list li#list04{
	height:33px;
	line-height:33px;
}

#dish #sub #chef_box ul#subsidemenu_list li#list05{
	height:33px;
	line-height:33px;
}


#dish #sub #chef_box ul#subsidemenu_list li#list01 a{height:43px;}
#dish #sub #chef_box ul#subsidemenu_list li#list02 a{height:33px;}
#dish #sub #chef_box ul#subsidemenu_list li#list03 a{height:33px;}
#dish #sub #chef_box ul#subsidemenu_list li#list04 a{height:33px;}
#dish #sub #chef_box ul#subsidemenu_list li#list05 a{height:33px;}

#dish #sub #chef_box ul#subsidemenu_list li#list01 a:hover,
#dish #sub #chef_box ul#subsidemenu_list li#list01 a#active{background:url(../dish/images/bg_subsidemenu_chef_over.gif) 0px 0px;}
#dish #sub #chef_box ul#subsidemenu_list li#list02 a:hover,
#dish #sub #chef_box ul#subsidemenu_list li#list02 a#active{background:url(../dish/images/bg_subsidemenu_chef_over.gif) 0px -45px;}
#dish #sub #chef_box ul#subsidemenu_list li#list03 a:hover,
#dish #sub #chef_box ul#subsidemenu_list li#list03 a#active{background:url(../dish/images/bg_subsidemenu_chef_over.gif) 0px -78px;}
#dish #sub #chef_box ul#subsidemenu_list li#list04 a:hover,
#dish #sub #chef_box ul#subsidemenu_list li#list04 a#active{background:url(../dish/images/bg_subsidemenu_chef_over.gif) 0px -111px;}
#dish #sub #chef_box ul#subsidemenu_list li#list05 a:hover,
#dish #sub #chef_box ul#subsidemenu_list li#list05 a#active{background:url(../dish/images/bg_subsidemenu_chef_over.gif) 0px -144px;}

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

	hack - 各種cssハック - for IE7

=======================================*/
*:first-child+html {}


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

	hack - 各種cssハック - for IE6

=======================================*/
* html {}