@charset "utf-8";

#dish{padding: 450px 0 0 0;}

#dish #lead{background: url(../img/lead_bg.jpg) right bottom no-repeat; width: 1100px; height: 330px; margin: 0 auto;}
#dish #lead:after{content:''; height:0; display:block; clear:both;}
#dish #lead h3{float: right; margin: 40px 527px 0 0; display: inline;}
#dish #lead p{float: right; margin: 15px 264px 0 0;}

#dish #chef{width: 100%; background: url(../../dish/img/chef_bg.jpg) center top no-repeat #000; margin: 0 0 40px 0;}
#dish #chef div{position: relative; width: 360px; margin: 0 auto; height: 408px; padding: 42px 237px 0 503px;}
#dish #chef div:after{content:''; height:0; display:block; clear:both;}
#dish #chef .chef{position: absolute; top:0; right: -99px;}
#dish #chef h3{float: right; position: relative; z-index: 100; display: inline;}
#dish #chef p{float: left; position: relative; z-index: 100;}
#dish #chef .pict{position: absolute; bottom: 0; left: -99px;}

#dish #d_nav{width: 1080px; padding: 55px 0 97px 20px; margin: -55px auto 0 auto; position: relative; background: url(../../dish/img/d_nav_bg.jpg) bottom center no-repeat;}
#dish #d_nav:after{content:''; height:0; display:block; clear:both;}
#dish #d_nav li{float: left; margin: 0 10px 0 0;}
#dish #d_nav a{width: 270px; height: 48px; display: block;}
#dish #d_nav #d_nav1{background: url(../../dish/img/d_nav1_on.gif) no-repeat;}
#dish #d_nav #d_nav2{background: url(../../dish/img/d_nav2_on.gif) no-repeat;}
#dish #d_nav #d_nav3{background: url(../../dish/img/d_nav3_on.gif) no-repeat;}
#dish #d_nav a:hover img,
#dish.index #d_nav1 img,
#dish.d2 #d_nav2 img,
#dish.d3 #d_nav3 img{display: none;}

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

dish1

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

#dish #container{line-height: 1.8em; }

#dish.index #sec1_col{width: 100%; background: url(../../dish/img/d1_s1_bg.jpg) no-repeat center bottom; padding: 0 0 45px 0; position: relative; margin: -96px 0 0 0;}
#dish.index .sec1{width: 1058px; margin: 0 auto; padding: 0 20px;}
#dish.index .sec1:after{content:''; height:0; display:block; clear:both;}

#dish #slideshow{width:680px; height:515px; float: left; margin: 20px 0 0 0;}
#dish #slideshow div{width:680px; height:480px; overflow:hidden; position:relative;}
#dish #slideshow div div {top: 0; left: 0; position: absolute; }
#dish #slideNavi{position:relative; z-index:102; float:left; margin: 10px 0 0 0; height: 35px;}
#dish #slideNavi li{float:left; width: 70px; height: 25px; overflow: hidden; position: relative; margin: 0 5px 0 0;}
#dish #slideNavi li img{position: absolute; top:-10px; left:0px;}
#dish #slideshow .active{
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}
#dish #slideshow .active{border: 1px solid  #fff; width: 68px; height: 23px;}
#dish #slideshow .active img{top:-11px; left: -1px}

#dish.index .sec1 .con1{float: right; width: 320px;}
#dish.index .sec1 .con1 h3{padding: 0 0 0 20px;}
#dish.index .sec1 .con1 h4{margin: 13px 0 30px 0;}

#dish.index .sec1 .con2{float: left; width: 335px; clear: both; padding: 60px 0 0 30px;}
#dish.index .sec1 .con2 p{margin: 30px 0;}
#dish.index .sec1 .con2 dt{font-weight: bold;}
#dish.index .sec1 .pict{float: right; margin: 0 -20px 0 0; position: relative;}

#dish.index .sec2_col{width: 100%; background: url(../../dish/img/d1_s2_bg.jpg) no-repeat center bottom; padding: 0 0 60px 0;}
#dish.index .sec2{width: 1048px; margin: 0 auto; padding: 0 20px 0px 30px;}
#dish.index .sec2:after{content:''; height:0; display:block; clear:both;}
#dish.index .sec2 div{width: 340px; float: left;}
#dish.index .sec2 h3{margin: 0 0 0 30px;}
#dish.index .sec2 .pict{float: right; margin: 40px 0 0 0;}
#dish.index .sec2 h4{padding: 30px 0 25px 0;}

#dish.index .sec3_col{width: 100%; background: url(../../dish/img/d1_s3_bg.jpg) no-repeat center bottom; padding: 0 0 130px 0;}
#dish.index .sec3{width: 1078px; padding: 0 0 0 20px; margin: 0 auto;}
#dish.index .sec3:after{content:''; height:0; display:block; clear:both;}
#dish.index .sec3 div{float: right; width: 370px;}
#dish.index .sec3 table {width: 368px; margin: 20px 0 0 0;}
#dish.index .sec3 table th{font-weight: bold;}
#dish.index .sec3 table td,
#dish.index .sec3 table th{padding: 3px 10px 3px 17px; border: 1px solid  #c8c8c8;}
#dish.index .sec3 h3{padding: 0 0 23px 40px;}
#dish.index .sec3 h4{padding: 0 0 18px 0;}
#dish.index .sec3 ul{float: left; width: 700px; margin: 95px 0 0 0;}
#dish.index .sec3 li{width: 325px; float: left; margin: 0 25px 17px 0;}


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

dish2

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


#dish.d2 .sec1_col{width: 100%; background: url(../../dish/img/d2_s1_bg.jpg) no-repeat center bottom; padding: 0 0 15px 0; margin: -96px 0 0 0; position: relative;}
#dish.d2 .sec1{width: 1078px; padding: 0 20px 0 0; margin: 0 auto;}
#dish.d2 .sec1:after{content:''; height:0; display:block; clear:both;}
#dish.d2 .sec1 div{width: 460px; float: left; padding: 0 0 0 40px;}
#dish.d2 .sec1 div p{text-align: left; width: 437px; margin: 17px 0 18px 0;}
#dish.d2 .sec1 div .pict{float: right;}
#dish.d2 .sec1 div .cap{width: 309px; clear: both; float: right; margin: -15px 0 0 0;}
#dish.d2 .sec1 p.txt{float: right; width: 537px; text-align: right; padding: 20px 0 0 0;}
#dish.d2 .sec1 p img{display: block;}

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

dish3

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

#dish.d3 .lead_col{width: 100%; background: url(../../dish/img/d3_lead_bg1.jpg) no-repeat center bottom; padding: 0 0 88px 0; margin: -96px 0 0 0; position: relative;}
#dish.d3 .lead{width: 1058px; padding: 0 0px 45px 0px; background: url(../../dish/img/d3_lead_bg2.jpg) no-repeat right 20px; margin: 0 auto;}
#dish.d3 .lead:after{content:''; height:0; display:block; clear:both;}
#dish.d3 .lead div{width: 312px; float: left; margin: 0 40px 0 0;}
#dish.d3 .lead h3{padding: 0 0 0 17px;}
#dish.d3 .lead h4{padding: 21px 0 30px 0;}
#dish.d3 .lead .pict{float: left; margin: 50px 0 0 0;}


#dish.d3 .section h4{margin: 0 0 20px 0;}
#dish.d3 .section{background: #fff; padding: 0 0 30px 0; width: 1058px; margin: 0 auto 40px auto;}
#dish.d3 .section:after{content:''; height:0; display:block; clear:both;}
#dish.d3 .section div{float: left; width: 500px; padding: 0 0 0 30px;}
#dish.d3 .section .pict{float: right; margin: 0 30px 0 0; display: inline;}
#dish.d3 .section th{width: 105px; text-align: center; font-weight: bold; border-right: 1px solid  #d5c7b3; border-bottom: 1px dotted #d5c7b3;}
#dish.d3 .section td{border-bottom: 1px dotted #d5c7b3; padding: 8px 0 8px 13px;}
#dish.d3 .section table{background: #fbf9f5; border-top: 1px solid  #d5c7b3; border-bottom: 1px solid  #d5c7b3; width: 100%; margin: 20px 0;}
#dish.d3 .section .txt{font-size: 0.9em;}
#dish.d3 .section div a{margin: 16px 0 0 0; display: inline-block;}

#dish.d3 #sec1{margin: -50px auto 40px auto; position: relative;}

#dish.d3 .tel{margin: 0 auto; display: block;}