@charset "utf-8";
#bar #key {
	background: url(../img/bar/key_bg.jpg) no-repeat center 0;
}
#food #key {
	background: url(../img/food/key_bg.jpg) no-repeat center 0;
}
#wine #key {
	background: url(../img/wine/key_bg.jpg) no-repeat center 0;
}
#access #key {
	background: url(../img/access/key.jpg) no-repeat center 0;
}
/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	83  %		19px 	158 %
11px 	92  %		20px 	167 %
12px 	100 %		21px 	175 %
13px 	108 %		22px 	183 %
14px 	117 %		23px 	192 %
15px 	125 %		24px 	200 %
16px 	133 %		25px 	208 %
17px 	142 %		26px 	217 %
18px 	150 %
---------------------------------------------------------------------*/



/*=============================================*/
/* 			       index				    */
/*=============================================*/

#index #key {
	height: 436px;
	overflow: hidden;
}
#index .slider {
	width: 1200px;
	height: 436px;
	margin: 0 auto;
}
#index .slider .nivo-caption {
	display: none !important;
}

/*=============================================*/
/* 			       bar				    */
/*=============================================*/
#bar #lead {
	background: url(../img/bar/lead_bg.png) no-repeat center top;
	min-height: 775px;
	padding-top: 128px;
	line-height: 23px;
	font-size: 13px;
}
#bar #lead h2 {
	padding-left: 249px;
	padding-bottom: 30px;
}
#bar .red {
	color: #6f0000;
}
#bar #lead .txt {
	padding-bottom: 40px;
	text-align: center;
}
#bar #lead .info {
	padding-left: 110px;
}
#bar #lead .info .photo {
	float: left;
	padding-right: 40px;
	width: 236px;
}
#bar #sec1 {
	background: url(../img/bar/sec1_bg.png) no-repeat center top;
	min-height: 1087px;
	position: relative;
	margin-top: -119px;
	line-height: 23px;
	font-size: 13px;
}
#bar #sec1 .photo1 {
	position: absolute;
	top: 0px;
	left: 0px;
}
#bar #sec1 .photo2 {
	position: absolute;
	top: 318px;
	left: 0px;
}
#bar #sec1 .photo3 {
	position: absolute;
	top: 318px;
	left: 328px;
}
#bar #sec1 .photo4 {
	position: absolute;
	top: 0px;
	right: -1px;
}
#bar #sec1 h2 {
	position: absolute;
	top: 728px;
	left: 313px;
}
#bar #sec1 .tit1 {
	position: absolute;
	top: 778px;
	left: 2px;
}
#bar #sec1 .tit2 {
	position: absolute;
	top: 778px;
	right: 1px;
}
#bar #sec1 .txt {
	position: absolute;
	top: 813px;
	left: 256px;
	text-align: center;
}
#bar #sec2 {
	min-height: 927px;
	line-height: 23px;
	font-size: 13px;
}
#bar #sec2 h2 {
	padding-left: 310px;
	padding-bottom: 31px;
}
#bar #sec2 .info {
	padding-bottom: 7px;
}
#bar #sec2 .info .photo {
	padding-right: 39px;
	float: left;
	width: 307px;
}
#bar #sec2 .info .photo:last-child {
	padding-right: 0px;
}
#bar #sec2 .txt {
	text-align: center;
}
#bar #sec3 {
	/*background: url(../img/bar/sec3_bg.png) no-repeat center top;
	min-height: 1355px;*/
	line-height: 23px;
	font-size: 13px;
	padding-bottom: 97px;
}
#bar #sec3 h2 {
	width: 100%;
	border-bottom: 1px dotted #615f5f;
	border-top: 1px dotted #615f5f;
	text-align: center;
}
#bar #sec3 .top {
	text-align: center;
	padding-top: 21px;
	padding-bottom: 13px;
}
#bar #sec3 .top2 {
	padding-left: 349px;
	padding-bottom: 33px;
}
#bar #sec3 .top2 .photo {
	padding-right: 10px;
	float: left;
}
#bar #sec3 .top2 .txt {
	float: left;
}
#bar #sec3 .info {
	padding-bottom: 23px;
	margin-left: -14px;
}
#bar #sec3 .btn {
	text-align: center;
	padding-top: 22px;
	padding-bottom: 50px;
}
#bar #sec3 .boxphoto {
	width: 307px;
	float: left;
	padding-right: 39px;
}
#bar #sec3 .boxphoto:last-child {
	padding-right: 0px;
}
#bar #sec4 {
	line-height: 23px;
	font-size: 13px;
	padding-bottom: 101px;
}
#bar #sec4 h2 {
	width: 100%;
	border-bottom: 1px dotted #615f5f;
	border-top: 1px dotted #615f5f;
	text-align: center;
}
#bar #sec4 .txt {
	padding-top: 30px;
	padding-bottom: 25px;
	text-align: center;
}
#bar #sec4 .btn {
	text-align: center;
	padding-top: 40px;
	padding-bottom: 51px;
}
#bar #sec4 .boxphoto {
	width: 307px;
	float: left;
	padding-right: 39px;
}
#bar #sec4 .boxphoto:last-child {
	padding-right: 0px;
}
#bar #bnr {
	background: url(../img/bar/bnr_bg.jpg) no-repeat center top;
	min-height: 136px;
	position: relative;
	padding-bottom: 190px;
	line-height: 23px;
	font-size: 13px;
}
#bar #bnr h2 {
	position: absolute;
	top: 35px;
	left: 125px;
}
#bar #bnr .tel {
	position: absolute;
	top: 15px;
	left: 330px;
}
#bar #bnr .info1 {
	position: absolute;
	top: 75px;
	left: 336px;
	font-size: 12px;
	line-height: 18px;
}
#bar #bnr .info2 {
	position: absolute;
	top: 76px;
	right: 149px;
	font-size: 12px;
	line-height: 18px;
}
/*=============================================*/
/* 			       access				    */
/*=============================================*/

#access #key .key_txt img {
	right: -15px;
}
#access #lead {
	background: url(../img/access/lead_bg.png) no-repeat center top;
	min-height: 453px;
	padding-top: 122px;
	line-height: 23px;
	font-size: 13px;
}
#access #lead h2 {
	text-align: center;
	padding-bottom: 15px;
}
#access .red {
	color: #6f0000;
}
#access #lead .txt1 {
	padding-bottom: 30px;
	text-align: center;
}
#access #lead .txt2 {
	text-align: center;
}
#access #sec1 {
	min-height: 796px;
	line-height: 23px;
	font-size: 13px;
}
#access #sec1 h2 {
	padding-left: 369px;
	padding-bottom: 15px;
}
#access #sec1 dl {
	border-bottom: 1px dotted #615f5f;
	line-height: 26px;
}
#access #sec1 dt {
	padding-top: 12px;
	text-align: left;
}
#access #sec1 dd {
	padding-left: 15px;
	text-align: left;
	padding-bottom: 13px;
}
#access #sec1 dd.style1 {
	padding-bottom: 0px;
}
#access #sec1 dd.tel {
	font-size: 20px;
	text-align: left;
	color: #6f0000;
}
#access #sec1 .photo {
	width: 462px;
	float: right;
	padding-top: 26px;
}
#access #sec2 {
	background: url(../img/access/sec2_bg.png) no-repeat center top;
	min-height: 1090px;
}
#access #sec2 .map {
	padding-left: 224px;
	padding-bottom: 60px;
	    margin-top: 60px;
}
#access #sec2 .boxphoto {
	position: relative;
	padding-bottom: 120px;
	height: 438px;
}
#access #sec2 .boxphoto .photo1 {
	position: absolute;
	top: 0;
	left: 0;
}
#access #sec2 .boxphoto .photo2 {
	position: absolute;
	top: 0;
	left: 362px;
}
#access #sec2 .boxphoto .photo3 {
	position: absolute;
	top: 230px;
	left: 0;
}
#access #sec2 .boxphoto .photo4 {
	position: absolute;
	top: 230px;
	left: 241px;
}
#access #sec2 .boxphoto .photo5 {
	position: absolute;
	top: 230px;
	left: 483px;
}
#access #sec2 .boxphoto .photo6 {
	position: absolute;
	top: 0;
	left: 724px;
}
#access #sec3 {
	min-height: 1186px;
}
#access #sec3 h2 {
	position: relative;
	margin-top: -61px;
	padding-left: 373px;
}
#access #sec3 .amap {
	padding: 28px 176px 50px 175px;
}
#access #sec3 .gmap {
	margin-bottom: 166px;
}
/*=============================================*/
/* 			       food				    */
/*=============================================*/

#food #key .key_txt img {
	right: -17px;
}
#food .red {
	color: #6f0000;
	padding-left: 10px;
}
#food {
	line-height: 23px;
}
#food #lead {
	background: url(../img/food/lead_bg.png) no-repeat center top;
	min-height: 685px;
	padding-top: 124px;
	line-height: 23px;
	font-size: 13px;
	text-align: center;
	padding-bottom: 57px;
}
#food #lead h2 {
	padding-right: 10px;
}
#food #lead .txt1 {
	padding-bottom: 115px;
	padding-right: 3px;
}
#food #lead .txt2 {
	padding-bottom: 41px;
	padding-left: 5px;
}
#food #lead .info {
	background: url(../img/food/lead_infobg.png) no-repeat center top;
	height: 202px;
	text-align: center;
}
#food #lead .info h3 {
	padding-top: 30px;
	padding-bottom: 4px;
}
#food #sec1 {
	position: relative;
	min-height: 1002px;
	background: url(../img/food/sec1_bg.png) no-repeat center bottom;
}
#food #sec1 .photo1 {
	position: absolute;
	top: 0;
	left: 0;
}
#food #sec1 .photo2 {
	position: absolute;
	top: 438px;
	left: 0;
}
#food #sec1 .photo3 {
	position: absolute;
	top: 0;
	left: 303px;
}
#food #sec1 .photo4 {
	position: absolute;
	top: 303px;
	left: 303px;
}
#food #sec1 .photo5 {
	position: absolute;
	top: 535px;
	left: 303px;
}
#food #sec1 .photo6 {
	position: absolute;
	top: 303px;
	left: 710px;
}
#food #sec2 {
	position: relative;
	min-height: 972px;
	background: url(../img/food/sec2_bg.png) no-repeat center top;
}
#food #sec2 h2 {
	position: absolute;
	top: 121px;
	right: 19px;
}
#food #sec2 .txt {
	position: absolute;
	top: 254px;
	right: 0px;
	text-align: center;
	width: 507px;
	line-height: 23px;
	font-size: 13px;
}
#food #sec2 .photoct {
	position: absolute;
	top: 327px;
	left: 0px;
	z-index: 9999;
}
#food #sec2 .wrap .photobox {
	position: absolute;
	top: 97px;
	left: 0px;
}
#food #sec2 .wrap .thumb {
	position: absolute;
	top: 437px;
	left: 0px;
	width: 1000px;
}
#food #sec2 .wrap .thumb .thumb1 {	
	margin-right: 20px;
  background: #fff;
  cursor: pointer;
}
#food #sec2 .wrap .thumb .thumb1 img{
  opacity: 0.5;
  transition: ease 0.3s;
}
#food #sec2 .wrap .thumb .slick-current .thumb1 img, #food #sec2 .wrap .thumb .thumb1:hover img{
  opacity: 1;
}
#food #sec2 .wrap .thumb .slick-track{
  transform: translate3d(0px, 0px, 0px) !important;
}
#food #sec2 .wrap .photobox .innerbox {
	position: absolute;
	width: 1000px;
	height: 411px;
	overflow: hidden;
}
#food #sec2 .wrap .photobox a {
	display: block;
	width: 184px;
	height: 123px;
}
#food #sec2 .wrap .photobox .innerbox div {
	width: 1000px;
	height: 411px;
	overflow: hidden;
}
#food #sec3 {
	min-height: 627px;
	background: url(../img/food/sec3_bg.png) no-repeat center -74px;
	padding-bottom: 2px;
}
#food #sec3 .leftinfo {
	width: 446px;
	float: left;
}
#food #sec3 .leftinfo h2 {
	padding-top: 16px;
	padding-bottom: 6px;
}
#food #sec3 .leftinfo p {
	text-align: center;
}
#food #sec4 {
	position: relative;
	min-height: 797px;
	background: url(../img/food/sec4_bg.png) no-repeat center -14px;
}
#food #sec4 h2 {
	position: absolute;
	top: 43px;
	right: 49px;
}
#food #sec4 .txt {
	position: absolute;
	top: 172px;
	right: 10px;
	line-height: 23px;
	font-size: 13px;
	width: 482px;
	text-align: center;
}
#food #sec4 .big_photo {
	position: absolute;
	top: 32px;
	left: 0px;
}
#food #sec4 .small_photo {
	position: absolute;
	top: 408px;
	left: 0px;
}
#food #sec4 .small_photo p {
	width: 231px;
	height: 255px;
	padding-right: 25px;
	float: left;
}
#food #sec4 .small_photo p:last-child {
	padding-right: 0px;
}
#food #sec4 .photoct {
	position: absolute;
	top: 255px;
	left: 303px;
}
#food #sec5 {
	min-height: 425px;
	background: url(../img/food/sec5_bg.png) no-repeat center top;
	line-height: 23px;
	font-size: 13px;
}
#food #sec5 h2 {
	padding-top: 35px;
	padding-left: 369px;
}
#food #sec5 h3 {
	padding-top: 27px;
	padding-left: 358px;
}
#food #sec5 .txt1 {
	padding-bottom: 30px;
	padding-top: 5px;
	text-align: center;
}
#food #sec5 .txt2 {
	text-align: center;
}
#food #sec6 {
	position: relative;
	min-height: 814px;
	background: url(../img/food/sec6_bg.png) no-repeat center top;
}
#food #sec6 h2 {
	position: absolute;
	top: 14px;
	left: 98px;
}
#food #sec6 .tit1 {
	position: absolute;
	top: 201px;
	left: 58px;
}
#food #sec6 .txt1 {
	position: absolute;
	top: 230px;
	left: 26px;
	width: 430px;
	text-align: center;
}
#food #sec6 .txt1 p {
	padding-bottom: 10px;
}
#food #sec6 .tit2 {
	position: absolute;
	top: 380px;
	right: 66px;
}
#food #sec6 .txt2 {
	position: absolute;
	top: 408px;
	right: 25px;
	width: 351px;
	text-align: center;
}
#food #sec6 .txt2 p {
	padding-bottom: 10px;
}
#food #sec6 .photo1 {
	position: absolute;
	top: 0px;
	right: 0px;
}
#food #sec6 .photo2 {
	position: absolute;
	top: 379px;
	left: 0px;
}
#food #sec7 {
	min-height: 439px;
	background: url(../img/food/sec7_bg.png) no-repeat center top;
	line-height: 23px;
	font-size: 13px;
	padding-bottom: 57px;
}
#food #sec7 .col_left {
	width: 416px;
	float: left;
	padding-top: 58px;
	padding-left: 10px;
}
#food #sec7 .col_right {
	width: 550px;
	padding-top: 65px;
	float: right;
}
#food #sec7 .col_left h2 {
	padding-left: 40px;
	padding-bottom: 53px;
}
#food #sec7 .col_left h3 {
	padding-left: 26px;
	padding-bottom: 12px;
}
#food #sec7 .col_left .txt {
	text-align: center;
}
#food #sec7 .col_left .txt p {
	padding-bottom: 10px;
}
#food #sec8 {
	min-height: 458px;
	background: url(../img/food/sec8_bg.png) no-repeat center top;
	line-height: 23px;
	font-size: 13px;
}
#food #sec8 .col_left {
	width: 560px;
	float: left;
	padding-top: 13px;
}
#food #sec8 .col_right {
	width: 440px;
	float: right;
}
#food #sec8 .col_right h2 {
	padding-left: 67px;
	padding-bottom: 48px;
}
#food #sec8 .col_right h3 {
	padding-left: 48px;
	padding-bottom: 5px;
}
#food #sec8 .col_right .txt {
	width: 355px;
	padding-left: 30px;
	text-align: center;
}
#food #sec8 .col_right .txt p {
	padding-bottom: 10px;
}
#food #sec11 dl {
	padding-top: 10px;
}
#food #sec11 dt {
	float: left;
	text-align: left;
}
#food #sec11 dd {
	float: right;
	text-align: right;
	color: #6f0000;
}
#food #sec9 {
	min-height: 429px;
	background: url(../img/food/sec9_bg.png) no-repeat center top;
	line-height: 23px;
	font-size: 13px;
}
#food #sec9 .col_left {
	width: 455px;
	float: left;
	padding-left: 10px;
}
#food #sec9 .col_right {
	width: 505px;
	float: right;
	padding-top: 5px;
}
#food #sec9 .col_left h2 {
	padding-left: 99px;
	padding-bottom: 53px;
}
#food #sec9 .col_left h3 {
	padding-left: 99px;
	padding-bottom: 5px;
}
#food #sec9 .col_left .txt {
	text-align: center;
}
#food #sec9 .col_left .txt p {
	padding-bottom: 10px;
}
#food #sec10 {
	min-height: 407px;
	background: url(../img/food/sec10_bg.png) no-repeat center top;
	line-height: 23px;
	font-size: 13px;
}
#food #sec10 .col_left {
	width: 503px;
	float: left;
}
#food #sec10 .col_right {
	width: 496px;
	float: right;
}
#food #sec10 .col_right h2 {
	padding-left: 142px;
	padding-bottom: 53px;
}
#food #sec10 .col_right h3 {
	padding-left: 142px;
	padding-bottom: 5px;
}
#food #sec10 .col_right .txt {
	text-align: center;
	padding-left: 26px;
}
#food #sec10 .col_right .txt p {
	padding-bottom: 10px;
}
#food #sec11 {
	min-height: 380px;
	background: url(../img/food/sec11_bg.png) no-repeat center top;
	line-height: 23px;
	font-size: 13px;
}
#food #sec11 .col_left {
	width: 500px;
	float: left;
	padding-bottom:30px;
}
#food #sec11 .col_left .left_menu {
	margin-top:200px;
}
#food #sec11 .col_right {
	width: 375px;
	float: right;
	padding-left: 124px;
	padding-top: 22px;
}
#food #sec11 .col_left h2 {
	padding-left: 150px;
	padding-bottom: 10px;
}
#food #sec11 .col_left .txt {
	text-align: center;
}
#food #sec11 .col_left .txt p {
	padding-bottom: 10px;
}
#food #sec11 dl {
	padding-bottom: 13px;
}
#food #bnr {
	padding-bottom: 158px;
}
#food #bnr .bnr1 {
	float: left;
	width: 480px;
	padding-right: 40px;
}
#food #bnr .bnr2 {
	float: right;
	width: 480px;
}
/*=============================================*/
/* 			       bar				    */
/*=============================================*/

#wine {
	line-height: 23px;
	font-size: 13px;
}
#wine .red {
	color: #6f0000
}
#wine #lead {
	background: url(../img/wine/lead_bg.png) no-repeat center top;
	min-height: 510px;
	text-align: center;
}
#wine #lead h2 {
	padding-top: 119px;
}
#wine #lead .tit2 {
	padding-bottom: 2px;
}
#wine #lead .txt1 {
	padding-bottom: 22px;
}
#wine #lead .tit2 {
	padding-bottom: 5px;
}
#wine #slider_main {
	width: 1000px;
	height: 394px;
  margin: auto;
}
.slick-arrow{
  position: absolute;
	top: 170px;
  width: 62px;
	height: 60px;
  border: none;
  font-size: 0;
  z-index: 1;
}
.slick-prev {	
	left: 9px;
	background: url(../img/wine/icon_pre.png) no-repeat left center;	
}
.slick-prev:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.slick-next {
	right: 9px;
	background: url(../img/wine/icon_next.png) no-repeat left center;	
}
.slick-next:hover {
	opacity: 0.5;
}
#wine #sec1 {
	background: url(../img/wine/sec1_bg.png) no-repeat center top;
	min-height: 414px;
	text-align: center;
}
#wine #sec1 h2 {
	padding-top: 50px;
	padding-bottom: 3px;
	text-align: center;
}
#wine #sec1 .txt {
	text-align: center;
}
#wine #sec2 {
	background: url(../img/wine/sec2_bg.png) no-repeat center top;
	min-height: 650px;
	position: relative;
}
#wine #sec2 .tit1 {
	position: absolute;
	top: 153px;
	left: 60px;
}
#wine #sec2 .txt1 {
	position: absolute;
	top: 350px;
	left: 56px;
	width: 380px;
	text-align: center;
}
#wine #sec2 .tit2 {
	position: absolute;
	top: 153px;
	right: 57px;
}
#wine #sec2 .txt2 {
	position: absolute;
	top: 340px;
	right: 40px;
	width: 390px;
	text-align: center;
}
#wine #sec3 h2 {
	text-align: center;
	padding-bottom: 21px;
}
#wine #sec3 .tit1 {
	border-bottom: 1px dotted #615f5f;
	border-top: 1px dotted #615f5f;
	text-align: center;
}
#wine #sec3 .txttop {
	padding-bottom: 17px;
	padding-top: 15px;
	text-align: center;
}
#wine #sec3 .box {
	width: 301px;
	padding-right: 48px;
	float: left;
	padding-bottom: 46px;
}
#wine #sec3 .style1 {
	padding-right: 0px;
	width: 300px;
}
#wine #sec3 .box:last-child {
	padding-right: 0px;
}
#wine #sec3 .box dt {
	float: left;
	text-align: left;
}
#wine #sec3 .box dd.left {
	float: left;
	text-align: left;
}
#wine #sec3 dd.right {
	float: right;
	text-align: right;
	color: #6f0000;
	padding-top: 10px;
}
#wine #sec3 .box .photo {
	padding-top: 15px;
	width: 301px;
	height: 268px;
}
#wine #sec3 .tit2 {
	border-bottom: 1px dotted #615f5f;
	border-top: 1px dotted #615f5f;
	text-align: center;
	width: 100%;
	float: left;
	margin-bottom: 23px;
}
#wine #sec4 h2 {
	text-align: center;
	border-bottom: 1px dotted #615f5f;
	border-top: 1px dotted #615f5f;
}
#wine #sec4 h3 {
	text-align: center;
	font-size: 30px;
	margin: 30px 0 20px;
	line-height: 1.2;
}
#wine #sec4 h3 span {
	font-size: 20px;
	margin: 20px 0 20px;
	
}
#wine #sec4 .note {
	text-align: center;
	padding-top: 28px;
	padding-bottom: 28px;
}
#wine #sec4 .txttop {
	padding-left: 349px;
}
#wine #sec4 .txttop .photo {
	padding-right: 10px;
	float: left;
}
#wine #sec4 .txttop .txt {
	float: left;
}
#wine #sec4 .info {
	padding-bottom: 23px;
}
#wine #bnr {
	padding-bottom: 116px;
	padding-top: 32px;
}
#wine #bnr .bnr1 {
	float: left;
	width: 481px;
	padding-right: 38px;
}
#wine #bnr .bnr2 {
	float: right;
	width: 481px;
}