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

 file name  :dining.css
 author     :Ability Consultant
style info  :設定　ハックは最下部に記述
=================================================================== */

/* -----------------------------------------------------------
	ヘッダー
----------------------------------------------------------- */

/* ヘッダスラッシュ */
#dining #header h2 {
	margin:0;
	padding:0;
	width:100%;
	height:248px;
	top:0;
	left:0;
	position:absolute;
	z-index:1;
	text-indent:0;
}


/* -----------------------------------------------------------
	料理ページ 共通
----------------------------------------------------------- */

/* 	表部分		
-------------------------------------------------*/
#dining #main table th,
#dining #main table td {
	padding: 5px 10px;
}

#dining #main table th {
	text-align: center;
	white-space: nowrap;
}


/*----------------------------------------------------
	
	#main	メイン	
	
----------------------------------------------------*/

/* -----------------------------------------------
	.sub_menu	 料理サブメニュー	
-------------------------------------------------*/

/* ---- メニュー共通 -----*/
#dining #main ul#sub_menu {
	margin:0 0 50px;
	width:705px;
	height:32px;
	overflow:hidden;
	background: url(../dining/images/bg_sub_menu.gif) no-repeat left top;
}

#dining #main ul#sub_menu li {
	float:left;
}

#dining #main ul#sub_menu li a {
	display:block;
	height: 32px;
	text-indent: -9999px;
	outline: 0;
}

/* ---- サブメニュー個別 -----*/
#dining #main ul#sub_menu li#sub_menu a {
	width: 98px;
}
#dining #main ul#sub_menu li#sub_menu a:hover,
#dining #main ul#sub_menu li#sub_menu a.active
 {
	background: url(../dining/images/bg_sub_menu.gif) no-repeat left -32px;
}

#dining #main ul#sub_menu li#sub_chef a {
	width: 164px;
}
#dining #main ul#sub_menu li#sub_chef a:hover,
#dining #main ul#sub_menu li#sub_chef a.active
 {
	background: url(../dining/images/bg_sub_menu.gif) no-repeat -98px -32px;
}

#dining #main ul#sub_menu li#sub_dish a {
	width: 102px;
}
#dining #main ul#sub_menu li#sub_dish a:hover,
#dining #main ul#sub_menu li#sub_dish a.active
 {
	background: url(../dining/images/bg_sub_menu.gif) no-repeat -262px -32px;
}

#dining #main ul#sub_menu li#sub_breakfast a {
	width: 178px;
}
#dining #main ul#sub_menu li#sub_breakfast a:hover,
#dining #main ul#sub_menu li#sub_breakfast a.active
 {
	background: url(../dining/images/bg_sub_menu.gif) no-repeat -364px -32px;
}

#dining #main ul#sub_menu li#sub_dining a {
	width: 163px;
}
#dining #main ul#sub_menu li#sub_dining a:hover,
#dining #main ul#sub_menu li#sub_dining a.active
 {
	background: url(../dining/images/bg_sub_menu.gif) no-repeat -542px -32px;
}


/* -----------------------------------------------
	.cnt_main	
-------------------------------------------------*/
/* 	.cnt_ditype　料理タイプ雛形		
-------------------------------------------------*/
#dining #main .cnt_main .cnt_ditype {
	padding:0 0 30px 0;
	width:710px;
	overflow:hidden;
}


#dining #main .cnt_main .cnt_ditype h3 {
	margin:0 0 40px 0;
}

#dining #main .cnt_main .cnt_ditype h4 {
	margin:0 0 8px 0;
}

#dining #main .cnt_main .cnt_ditype .cnt_img {
	width:710px;
	overflow:hidden;
}

#dining #main .cnt_main .cnt_ditype .cnt_img_sm {
	width:95px;
	float:right;
}


/*  .menuimgs		画像切り替わるメニュー(6個版）
------------------------------------------------- */
#dining .cnt_img_sm ul.menuimgs {
	margin:0;
	padding:0;
	width:84px;
	height:350px;
	background: url(../dining/images/imgdining.jpg) no-repeat
}

#dining .cnt_img_sm ul.menuimgs li {
	padding:0;
	width:84px;
	height:55px;
	text-indent:-9999px;
}

#dining .cnt_img_sm ul.menuimgs li a {
	width:84px;
	height:55px;
	display:block;
	overflow:hidden;
}

#dining .cnt_img_sm ul.menuimgs li.img01 a:hover,
#dining .cnt_img_sm ul.menuimgs li.img01 a.selected {
	background: url(../dining/images/imgdining.jpg) no-repeat -84px 0;
}

#dining .cnt_img_sm ul.menuimgs li.img02 {
	margin:4px 0 0 0;
}
#dining .cnt_img_sm ul.menuimgs li.img02 a:hover,
#dining .cnt_img_sm ul.menuimgs li.img02 a.selected {
	background: url(../dining/images/imgdining.jpg) no-repeat -84px -59px;
}

#dining .cnt_img_sm ul.menuimgs li.img03 {
	margin:5px 0 0 0;
}
#dining .cnt_img_sm ul.menuimgs li.img03 a:hover,
#dining .cnt_img_sm ul.menuimgs li.img03 a.selected {
	background: url(../dining/images/imgdining.jpg) no-repeat -84px -119px;
}

#dining .cnt_img_sm ul.menuimgs li.img04 {
	margin:5px 0 0 0;
}
#dining .cnt_img_sm ul.menuimgs li.img04 a:hover,
#dining .cnt_img_sm ul.menuimgs li.img04 a.selected {
	background: url(../dining/images/imgdining.jpg) no-repeat -84px -179px;
}

#dining .cnt_img_sm ul.menuimgs li.img05 {
	margin:5px 0 0 0;
}
#dining .cnt_img_sm ul.menuimgs li.img05 a:hover,
#dining .cnt_img_sm ul.menuimgs li.img05 a.selected {
	background: url(../dining/images/imgdining.jpg) no-repeat -84px -239px;
}

#dining .cnt_img_sm ul.menuimgs li.img06 {
	margin:5px 0 0 0;
}
#dining .cnt_img_sm ul.menuimgs li.img06 a:hover,
#dining .cnt_img_sm ul.menuimgs li.img06 a.selected {
	background: url(../dining/images/imgdining.jpg) no-repeat -84px -299px;
}



/*  .menuimgs_s		画像切り替わるメニュー(3個版）
------------------------------------------------- */
#dining .cnt_img_sm ul.menuimgs_s {
	margin:0;
	padding:0;
	width:84px;
	height:73px;
}

#dining .cnt_img_sm ul.menuimgs_s li {
	padding:0;
	width:84px;
	height:55px;
	text-indent:-9999px;
}

#dining .cnt_img_sm ul.menuimgs_s li a {
	width:84px;
	height:55px;
	display:block;
	overflow:hidden;
}

/*  別注料理画像  */
#dining .cnt_img_sm ul#imgdish a {
	background-image:url(../dining/images/di_menu/imgdish.jpg);
	background-repeat:no-repeat;
}

/*  こだわりの朝ごはん画像  */
#dining .cnt_img_sm ul#imgbreak a {
	background-image:url(../dining/images/breakfast/imgbreak.jpg);
	background-repeat:no-repeat;
}


#dining .cnt_img_sm ul.menuimgs_s li.img01 a {
	background-position:0 0;
}
#dining .cnt_img_sm ul.menuimgs_s li.img01 a:hover,
#dining .cnt_img_sm ul.menuimgs_s li.img01 a.selected {
	background-position:-84px 0;
}

#dining .cnt_img_sm ul.menuimgs_s li.img02 {
	margin:6px 0 0 0;
}
#dining .cnt_img_sm ul.menuimgs_s li.img02 a {
	background-position:0 -60px;
}
#dining .cnt_img_sm ul.menuimgs_s li.img02 a:hover,
#dining .cnt_img_sm ul.menuimgs_s li.img02 a.selected {
	background-position:-84px -60px;
}

#dining .cnt_img_sm ul.menuimgs_s li.img03 {
	margin:6px 0 0 0;
}
#dining .cnt_img_sm ul.menuimgs_s li.img03 a {
	background-position:0 -119px;
}
#dining .cnt_img_sm ul.menuimgs_s li.img03 a:hover,
#dining .cnt_img_sm ul.menuimgs_s li.img03 a.selected {
	background-position:-84px -119px;
}


/* 	.cnt_intro　見出し		
-------------------------------------------------*/
#dining #main .cnt_main .cnt_intro {
	margin: 0 0 40px;
	overflow: hidden;
}

#dining #main .cnt_main .cnt_intro h2 {
	float: right;
}

#dining #main .cnt_main .cnt_intro p {
	float: right;
	margin: 0 0 20px;
}

/* 見出し部分のマージン調整 */
#dining #main .cnt_main .intro_margin {
	margin: 20px 0 -20px;
}


/* -----------------------------------------------

　index.html	料理メインページ	

-------------------------------------------------*/

/* 	.cnt_dining_info　お食事処のご案内
-------------------------------------------------*/
#dining #main .cnt_main .cnt_dining_info {
	border: solid 1px #D9D9D9;
	background: url(../images/bg_cnt.jpg) repeat-y;
	overflow: hidden;
	clear: both;
	margin: 0 0 50px;
}

#dining #main .cnt_main .cnt_dining_info h3 {
	float: left;
	width: 192px;
}

#dining #main .cnt_main .cnt_dining_info .cnt_di_box p {
	margin: 15px 0;
}

#dining #main .cnt_main .cnt_dining_info .cnt_di_box table {
	width: 470px;
	margin: 0 auto 20px;
}

#dining #main .cnt_main .cnt_dining_info table th,
#dining #main .cnt_main .cnt_dining_info table td {
	padding: 5px 10px;
}

#dining #main .cnt_main .cnt_dining_info table th {
	text-align: center;
	white-space: nowrap;
}


/* -----------------------------------------------

　di_menu.html	お品書き、料理長のご紹介、別注料理	

-------------------------------------------------*/

/* 	.cnt_di_menu　お品書き
-------------------------------------------------*/
#dining #main .cnt_main .cnt_di_menu h3 {
	margin: 0 0 20px;
}

#dining #main .cnt_main .cnt_di_menu p.small {
	margin: 0 0 10px;
}

/* 	.cnt_chef　料理長のご紹介
-------------------------------------------------*/
#dining #main .cnt_main .cnt_chef .cnt_di_box {
	margin: 25px 0 70px;
	overflow: hidden;
	background: url(../dining/images/di_menu/bg_di_chef.jpg) no-repeat bottom right;
	min-height: 483px;
}

#dining #main .cnt_main .cnt_chef .cnt_di_box p {
	float: right;
}

#dining #main .cnt_main .cnt_chef .cnt_di_box p.di_chef_txt {
	clear: both;
	width: 185px;
	text-align: left;
	padding: 5px 510px 0 0;
}

/* 	.cnt_dish_box　別注料理のご案内　下部テキスト		
-------------------------------------------------*/
#dining #main .cnt_main .cnt_dish_box {
	padding:0 0 70px 0;
	margin:15px 0 20px 0;
	width:710px;
	overflow:hidden;
	background:url(../images/wideline.gif) 0 bottom no-repeat;
}

#dining #main .cnt_main .cnt_dish_box .dish_box_l {
	float: left;
	width: 344px;
}

#dining #main .cnt_main .cnt_dish_box table {
	float: right;
	width: 330px;
	margin: 0 15px 0px;
}


/* -----------------------------------------------

　breakfast.html	こだわりの朝食	

-------------------------------------------------*/





/* -----------------------------------------------

　料理共通	　下部リンク

-------------------------------------------------*/

/* 	.cnt_di_link　ページ下部のリンク画像（上段）
-------------------------------------------------*/
#dining #main .cnt_main .cnt_di_link {
	margin: 0 0 30px;
	overflow: hidden;
	clear: both;
}

#dining #main .cnt_main .cnt_di_link .di_link_box {
	float: left;
	width: 218px;
	border: solid 1px #D9D9D9;
	background: url(../images/bg_cnt.jpg) repeat-y;
	margin: 0 0 0 10px !important;
}

#dining #main .cnt_main .cnt_di_link #di_link_last {
	margin-left: 0;
}

#dining #main .cnt_main .cnt_di_link .di_link_box p {
	margin: 0 10px 10px;
}


/* 	.cnt_br_link　ページ下部のリンク画像（下段：朝ごはん）
-------------------------------------------------*/
#dining #main .cnt_main .cnt_br_link {
	width: 680px;
	border: solid 1px #D9D9D9;
	background: url(../images/bg_cnt.jpg) repeat-y;
	margin: 0 auto 80px 8px;
	overflow: hidden;
	clear: both;
	min-heigh: 155px;
}

* html #dining #main .cnt_main .cnt_di_link {
	margin: 0;
}

* html #dining #main .cnt_main .cnt_br_link {
	height: 155px;
	margin: -20px auto 80px;
}

#dining #main .cnt_main .cnt_br_link h3 {
	float: left;
	width: 234px;
}

#dining #main .cnt_main .cnt_br_link .br_link_box {
	float: left;
	width: 350px;
	margin: 15px 0 15px 20px;
}

#dining #main .cnt_main .cnt_br_link .br_link_box h4 {
	margin: 0 0 10px;
}

#dining #main .cnt_main .cnt_br_link p.bt_break_link {
	margin: 75px 0 0 0;
}










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

	hack - 各種cssハック - for IE7

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


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

	hack - 各種cssハック - for IE6

=======================================*/
/* 	.cnt_di_chef　料理長のご紹介
-------------------------------------------------*/
* html #dining #main .cnt_main .cnt_chef .cnt_di_box {	height: 483px; }

/* 	.cnt_br_link　ページ下部のリンク画像（下段：朝ごはん）
-------------------------------------------------*/
* html #dining #main .cnt_main .cnt_br_link {	margin-top: 30px; }