@charset "UTF-8";

/* Common */
html{ overflow:scroll-y; overflow-y:scroll; width:100%; height:100%; } body{ width:100%; height:100%; font:normal 10px/180% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",osaka, sans-serif; margin:0; padding:0; text-align:center; color:#333; } .fontsmall{	font-size:83.3%; line-height:130%; } .fontbig{ font-size:116.7%; line-height:180%; } * html table{ font-size:100%; line-height:150%; } form,dl,dt,dd,ul{ margin:0; padding:0; } input,select,textarea{ color:#444; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; } ul li{ list-style:none; } h1, h2, h3, h4, h5, h6, h7{	font-size:100%; font-weight:normal; padding:0; margin:0; } p{ margin:0; padding:0 0 1em; } img{ border:none; vertical-align:top; } .bold{ font-weight:bold; }
.clearfix:after{content:".";display:block;height:0px;clear:both;visibility:hidden;}.clearfix{ display:inline-table; zoom:1; }* html .clearfix{ height:1px; zoom:1; }.clearfix{ display:block; }


@media print{
	html,body {
		_zoom:0.73;
		overflow: visible !important;
	}
}

body{
	color:#333;
}
a{
	color:#006600;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
#stage{
	background:url(/kyobashi/common/images/bg_second.gif) repeat-x left top;
	font-size:1em;
	position:relative;
}
#stage .inner{
	background:url(/kyobashi/common/images/header_bg_second.png) no-repeat center top;
	content:" ";
	height:377px;
	width:100%;
	position:absolute;
	left:0; top:0;
	z-index: 1;
}



/*　-----------------
 header
--------------------- */

header{
	font-size:1.4em;
	height:111px;
	margin:0 auto;
	text-align:left;
	width:980px;
	position: relative;
	z-index: 11;
}
header h1{
	float:left;
	margin-top:31px;
}
header #headoption{
	float:right;
}

header nav{
	float:right;
	margin-right:11px;
}
header nav li{
	float:left;
}
header nav li.textlink{
	margin-top:20px;
	margin-left:10px;
	font-size:85.7%;
}
header nav li.textlink a{
	color:#666666;
}
header nav li.textlink img{
	margin-right:5px;
	vertical-align:middle;
}
header nav li.imglink1{
	margin-left:20px;
}
header nav li.imglink2{
	margin-left:6px;
}

header .btmrow{
	clear:both;
	padding-top:6px;
}
header .btmrow .tel{
	float:right;
	margin-right:15px;
}


header #headoption .fontsize,
header #headoption .languagechange{
	float:right;
}
header #headoption .fontsize{
	margin-top:11px;
}
header #headoption .fontsize img{
	margin-left:5px;
}
header #headoption .fontsize a img{
	opacity:0.5;
	filter:alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
}
header #headoption .fontsize a:hover img,
header #headoption .fontsize a.on img{
	opacity:1;
	filter:alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}
header #headoption .languagechange{
	margin-top:11px;
	margin-left:15px;
	margin-right:13px;
	width:89px;
}
header #headoption .languagechange a.parent{
	display:block;
	height:20px;
}
header #headoption .languagechange ul{
	border:1px solid #ccc;
	display:none;
	position:absolute;
	z-index:999;
}
header #headoption .languagechange li{
}
header #headoption .languagechange li a{
	display:block;
	line-height:20px;
	height:20px;
	overflow:hidden;
	position:relative;
	width:87px;
}
header #headoption .languagechange li a img{
	position:absolute;
	top:0;
	left:0;
}
header #headoption .languagechange li a:hover img{
	left:-89px;
}




/*　-----------------
 contents
--------------------- */

#contents{
	margin:13px auto 30px;
	overflow:hidden; _zoom:1;
	text-align:left;
	width:980px;
	position: relative;
	z-index:10;
}
#contents #mainBox,
#contents .sidemenu{
	font-size:1.4em;
	line-height:1.6em;
}
#contents.size_s #mainBox,
#contents.size_s .sidemenu{
	font-size:1.2em;
	line-height:1.7em;
}
#contents.size_m #mainBox,
#contents.size_m .sidemenu{
	font-size:1.4em;
	line-height:1.6em;
}
#contents.size_l #mainBox,
#contents.size_l .sidemenu{
	font-size:1.6em;
	line-height:1.5em;
}

#contents nav{
	margin-bottom:13px;
	overflow:hidden; _zoom:1;
}
#contents nav li{
	float:left;
}

#contents #mainBox{
	float:left;
	overflow:hidden;
	width:680px;
}


/*　-----------------
 sideBox
--------------------- */

#contents #sideBox{
	float:right;
	margin-top:12px;
	width:267px;
}
#sideBox .resercation{
	color:#666;
	overflow:hidden;
	font-size:1.2em;
}
#sideBox .resercation h1{
	margin-left:7px;
}
#sideBox .rsvformSectWrap{
	background:url(/kyobashi/common/images/side_reservation_bg.png) no-repeat right bottom;
	margin-bottom:15px;
}
#sideBox .bestrate{
	position:relative;
	top:-11px;
	margin-bottom:-11px;
}
#sideBox .rsvformSect{
	padding-left:32px;
	padding-top:12px;
}
#sideBox .rsvformSect .ui-datepicker-trigger{
	margin:0;
}
#sideBox .rsvformSect .boxTit{
	padding-bottom:3px;
}

#sideBox .rsvformSect .numBox{
	overflow:hidden;
}
#sideBox .rsvformSect .numBox .box{
	float:left;
	margin-right:10px;
}

#sideBox .resercation a{
	color:#666;
}

#sideBox .btnSearchBox a,
#sideBox .btnWebBox a{
}
#sideBox .btnSearchBox a img,
#sideBox .btnWebBox a img{
	margin-right:5px;
	vertical-align:middle;
}
#sideBox a img:hover{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
#sideBox .resercation .sbnrlorraine{
	margin-left: 7px;
	margin-bottom: 10px;
}
#sideBox .resercation .hojin{
	margin-left:7px;
}
#sideBox .sidebnr{
	border-top:1px solid #dedede;
	margin-left:7px;
	padding-top:14px;
}
#sideBox .sidebnr li{
	margin-bottom:10px;
}
#sideBox .sidebnr li.ta{
	border:1px solid #c2c2c2;
}
#sideBox .sidebnr li.ta p{
	padding:0 10px 10px;
}
#sideBox .selectTxt{
	clear:both;
}
#sideBox .smoker label{
	line-height:36px;
}
#sideBox .smoker label.left{
	margin-right:7px;
}
#sideBox .smoker img,
#sideBox .smoker input{
	margin:0;
	vertical-align:middle;
}
#sideBox .smoker img{
	margin-right:5px;
}
/*　-----------------
 footer
--------------------- */


footer{
	clear:both;
	background:#f4f4f4 url(/kyobashi/common/images/footer_bg.gif) repeat-x left top;
	padding-top:3px;
}
footer a {
    color: #666666;
    text-decoration: none;
}
footer a:hover{
	color:#cbcbcb;
	text-decoration:none;
}

footer a:hover img{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}


/* reservation */
footer .resercation{
	font-size:1.2em;
}
footer .footer_form{
	margin:0 auto;
	overflow:hidden; _zoom:1;
	text-align:left;
	width:980px;
}
footer .footer_form h1{
	margin-bottom:15px;
}
footer .rsvformSectWrap{
	float:left;
	margin-bottom:25px;
	width:767px;
}
footer .footer_form .chkinBox,
footer .footer_form .chkoutbox{
	overflow:hidden;
	float:left;
	width:180px;
}

footer .chkinBox .ui-datepicker-trigger{
	margin:0;
	margin-right:30px;
}
footer .chkoutbox .ui-datepicker-trigger{
	margin:0;
	margin-right:30px;
}

footer .footer_form .boxTit{
	padding-bottom:5px;
}

footer .footer_form .numBox{
	overflow:hidden;
}
footer .footer_form .numBox .box{
	float:left;
	margin-right:10px;
}

footer .numBox .smoker{
	margin-left:10px;
}
footer .numBox .smoker label{
	line-height:36px;
	vertical-align:middle;
}
footer .numBox .smoker label.left{
	margin-right:8px;
}
footer .numBox .smoker img{
	vertical-align:middle;
}
footer .numBox .smoker input{
	vertical-align:middle;
}


footer .footer_bestrate{
	float:right;
	margin-bottom:25px;
	margin-top:25px;
}
footer .footer_bestrate,
footer .footer_bestrate .bg{
	position:relative;
}
footer .footer_bestrate a.bestrate{
	position:absolute;
	left:0;
	top:0;
}
footer .footer_bestrate a.reservation{
	position:absolute;
	top:70px;
	left:20px;
}

/* footerNav */
#footerNav{
	background:url(/kyobashi/common/images/footer_nav_bg.png) repeat-x left top;
	height:64px;
	text-align:left;
}
#footerNavArea{
	font-size:1.2em;
	margin:0 auto;
	width:980px;
}
#footerNav li{
	float:left;
	margin-right:20px;
}
#footerNav nav a{
	color:#fff;
	line-height:64px;
}
#footerNav nav a img{
	margin-right:5px;
	vertical-align:middle;
}
#footerNav .pagetop{
	float:right;
}
#footerNav .pagetop a{
	background:url(/kyobashi/common/images/footer_pagetop_bg.png) no-repeat center top;
	color:#fff;
	display:block;
	height:42px;
	line-height:42px;
	text-align:center;
	width:141px;
}
#footerNav .pagetop a img{
	margin-right:5px;
	vertical-align:middle;
}

/* .linker */
.linker{
	background:#edebe5;
	clear:both;
	font-size:1.2em;
	line-height:180%;
	text-align:left;
}
.linkerbox{
	margin:0 auto;
	overflow:hidden; _zoom:1;
	padding:46px 0 51px;
	width:980px;
}
.linker h1{
	float:left;
	width:150px;
}
.linker h2{
	margin-bottom:10px;
}
.linker .chain{
	float:left;
	width:397px;
}
.linker .group{
	border-right:1px solid #d5d3cd;
	float:left;
	width:200px;
}

.linker .chain li{
	float:left;
}
.linker .chain li.even{
	width:180px;
}
.linker .chain li.odd{
	width:210px;
}

.linker div li a{
	vertical-align:middle;
}
.linker div li a img{
	margin:0 7px;
	vertical-align:middle;
}

.linker .access{
	float:left;
	width:204px;
	border-left:1px solid #fff;
	line-height:1.500em;
	padding-left:27px;
}
.linker .access h2{
}
.linker .access .add{
/*	font-size:1.167em;*/
}
.linker .access .tel,
.linker .access .fax{
	font-size:0.917em;
}
.linker .access a{
	display:block;
	margin-top:10px;
}


/* .bn_35th うまい棒バナー */
.bn_35th {
	position: fixed;
	top: 195px;
	right: 0;
	wdith: 120px;
	height: 120px;
	z-index: 1000;
}


/* 20150623追加分 */
.linker .group.right {
	border-right:0;
}

.linker .comp{
	float:left;
	width:100%;
	line-height:1.500em;
	border-top: 1px solid #d5d3cd;
	overflow:hidden;
	margin-top:15px;
}
.linker .addarea,
.linker .acc{
	padding:0 20px 0 0;
	float:left;
}
.linker .comp h2{
	border-top:1px solid #fff;
	padding:15px 0 0 0;
}
.linker .comp .add{
	font-size:1.167em;
}
.linker .comp .tel,
.linker .comp .fax{
	font-size:0.917em;
}
.linker .comp .addarea a{
	display:block;
	margin-top:0px;
}

/* -----------------------------------------------------------
	#box_sns	SNSボタン
----------------------------------------------------------- */
#box_sns {
  text-align: center;
  margin-top: 80px;
}
#box_sns ul li{
	display: inline-block;
	vertical-align: bottom;
	line-height: 1;
}
#box_sns ul li#mail {
	background-color: #333;
	color: #fff;
	padding: 2px 5px;	
	border: 1px #333 solid;
	cursor: pointer;
}
#box_sns ul li#mail a {
	text-decoration: none;
	color: #fff;
}
#box_sns ul li#mail a:hover {
	color: #333;
}
#box_sns ul li#mail:hover {
	background-color: #fff;
	color:#333;
}
#box_sns ul li.fb {
	margin: 0 15px;
}
#box_sns ul li.twi {
	position: relative;
	top: 2px;
}