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

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


/* -----------------------------------------------------------
	
	#main_title		メインイメージ
		
----------------------------------------------------------- */
#dining #main_title h2 {
	background:url(../dining/images/title.jpg) center 0 no-repeat;
}



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

/*	.con_intro		INTROお料理	
----------------------------------------------------*/
#dining #main .con_intro {
	width:740px;
	overflow:hidden;
}

#dining #main .con_intro .con_intro_l {
	width:375px;
	float:left;
}

#dining #main .con_intro .con_intro_l p {
	margin-bottom:10px;
}

#dining #main .con_intro .con_intro_r {
	width:340px;
	float:right;
}


#dining #main .con_intro .con_intro_r h3 {
	margin-bottom:10px;
	text-align:right;
}

#dining #main .con_intro .con_intro_r p {
	margin-bottom:10px;
}

#dining #main .con_intro ul.m_dng {
	margin:15px 0 0 auto;
	width:485px;
}

#dining #main .con_intro ul.m_dng li {
	margin-right:5px;
	display:inline;
	list-style:none outside;
}



/*	.con_chef		料理長	
----------------------------------------------------*/

#dining #main .con_chef {
	margin-top:40px;
	background:url(../dining/images/box_con.jpg) 0 0 repeat-y;
	width:740px;
}

#dining #main .con_chef .box_head {
	background:url(../dining/images/box_head.jpg) 0 top no-repeat;
}

#dining #main .con_chef .box_foot {
	padding:73px 30px 30px 30px;
	background:url(../dining/images/box_foot.jpg) 0 bottom no-repeat;
}

#dining #main .con_chef .chef_back {
	padding:0 20px 30px 50px;
	overflow:hidden;
	background:url(../dining/images/bg_chef.gif) left top no-repeat;
}

#dining #main .con_chef .box_foot .chef_back .con_chef_l {
	width:280px;
	float:left;
}

#dining #main .con_chef .box_foot .chef_back .con_chef_l p.txt_intro {
	margin:140px 0 30px 0;
}


#dining #main .con_chef .box_foot .chef_back .con_chef_r {
	float:right;
}




/*	.con_menu		料理一例	
----------------------------------------------------*/

#dining #main .con_menu {
	margin-top:40px;
	width:740px;
	overflow:hidden;
}

#dining #main .con_menu h3 {
	float:right;
}


/*  .menuimg		画像切り替わるメニュー  */

#dining #main .con_menu ul.menuimg {
	margin-left:30px;
	width:251px;
	height:365px;
	overflow:hidden;
	float:left;
}

#dining #main .con_menu ul.menuimg li {
	margin-bottom:1px; 
	width:125px;
	height:60px;
	text-indent:-9999px;
	float:left;
}

#dining #main .con_menu ul.menuimg li a {
	width:125px;
	height:60px;
	display:block;
	overflow:hidden;
}

#dining #main .con_menu ul#imgbgdining a {
	background-image:url(../dining/images/menuimg.jpg);
	background-repeat:no-repeat;
}

#dining #main .con_menu ul.menuimg li.img01 a {
	background-position:0 0;
}
#dining #main .con_menu ul.menuimg li.img01 a:hover,
#dining #main .con_menu ul.menuimg li.img01 a.selected {
	background-position:-252px 0px;
}

#dining #main .con_menu ul.menuimg li.img02 a {
	background-position:-126px 0px;
}
#dining #main .con_menu ul.menuimg li.img02 a:hover,
#dining #main .con_menu ul.menuimg li.img02 a.selected {
	background-position:-378px 0;
}

#dining #main .con_menu ul.menuimg li.img03 a {
	background-position:0 -61px;
}
#dining #main .con_menu ul.menuimg li.img03 a:hover,
#dining #main .con_menu ul.menuimg li.img03 a.selected {
	background-position:-252px -61px;
}

#dining #main .con_menu ul.menuimg li.img04 a {
	background-position:-126px -61px;
}
#dining #main .con_menu ul.menuimg li.img04 a:hover,
#dining #main .con_menu ul.menuimg li.img04 a.selected {
	background-position:-378px -61px;
}

#dining #main .con_menu ul.menuimg li.img05 a {
	background-position:0 -122px;
}
#dining #main .con_menu ul.menuimg li.img05 a:hover,
#dining #main .con_menu ul.menuimg li.img05 a.selected {
	background-position:-252px -122px;
}

#dining #main .con_menu ul.menuimg li.img06 a {
	background-position:-126px -122px;
}
#dining #main .con_menu ul.menuimg li.img06 a:hover,
#dining #main .con_menu ul.menuimg li.img06 a.selected {
	background-position:-378px -122px;
}

#dining #main .con_menu ul.menuimg li.img07 a {
	background-position:0 -183px;
}
#dining #main .con_menu ul.menuimg li.img07 a:hover,
#dining #main .con_menu ul.menuimg li.img07 a.selected {
	background-position:-252px -183px;
}

#dining #main .con_menu ul.menuimg li.img08 a {
	background-position:-126px -183px;
}
#dining #main .con_menu ul.menuimg li.img08 a:hover,
#dining #main .con_menu ul.menuimg li.img08 a.selected {
	background-position:-378px -183px;
}

#dining #main .con_menu ul.menuimg li.img09 a {
	background-position:0 -244px;
}

#dining #main .con_menu ul.menuimg li.img09 a:hover,
#dining #main .con_menu ul.menuimg li.img09 a.selected {
	background-position:-252px -244px;
}

#dining #main .con_menu ul.menuimg li.img10 a {
	background-position:-126px -244px;
}
#dining #main .con_menu ul.menuimg li.img10 a:hover,
#dining #main .con_menu ul.menuimg li.img10 a.selected {
	background-position:-378px -244px;
}

#dining #main .con_menu ul.menuimg li.img11 a {
	background-position:0 -305px;
}
#dining #main .con_menu ul.menuimg li.img11 a:hover,
#dining #main .con_menu ul.menuimg li.img11 a.selected {
	background-position:-252px -305px;
}

#dining #main .con_menu ul.menuimg li.img12 a {
	background-position:-126px -305px;
}
#dining #main .con_menu ul.menuimg li.img12 a:hover,
#dining #main .con_menu ul.menuimg li.img12 a.selected {
	background-position:-378px -305px;
}



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

	hack - 各種cssハック - for IE7

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


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

	hack - 各種cssハック - for IE6

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

/* 料理長 */
* html #dining #main .con_chef .chef_back {
	zoom:1;
}