@charset "utf-8";

/* ---------------------------------------- { Navigation } -------------------------------------------- */

#naviShop{

}
#naviShop ul{

}

#naviShop ul li{
	float: left;
	width: 192px;
	text-align: left;
	border-bottom: 1px solid #555555;
	background: url(../restaurants/img/bg_li.gif) repeat-y right;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	
}

#naviShop ul li a{
	display: block;
	color: #FFFFFF;
	font-size: 12px!important;
	line-height: 50px;
	padding-left: 51px;
	text-decoration: none;
}
#naviShop ul li a:hover{background-color: #555!important;}


#naviShop #r01{
background: url(../restaurants/img/navi_01.jpg) no-repeat 5px 5px;
}

#naviShop #r01:hover{
background: #555555 url(../restaurants/img/navi_01.jpg) no-repeat 5px 5px;
}

#naviShop #r02{
background: url(../restaurants/img/navi_02.jpg) no-repeat 5px 5px;
}

#naviShop #r02:hover{
background: #555555 url(../restaurants/img/navi_02.jpg) no-repeat 5px 5px;
}


#naviShop #r03{
background: url(../restaurants/img/navi_03.jpg) no-repeat 5px 5px;
}
#naviShop #r03:hover{
background: #555555 url(../restaurants/img/navi_03.jpg) no-repeat 5px 5px;
}


#naviShop #r04{
background: url(../restaurants/img/navi_04.jpg) no-repeat 5px 5px;
}
#naviShop #r04:hover{
background: #555555 url(../restaurants/img/navi_04.jpg) no-repeat 5px 5px;
}


#naviShop #r05{
background: url(../restaurants/img/navi_05.jpg) no-repeat 5px 5px;
}
#naviShop #r05:hover{
background: #555555 url(../restaurants/img/navi_05.jpg) no-repeat 5px 5px;
}


#naviShop #r06{
background: url(../restaurants/img/navi_06.jpg) no-repeat 5px 5px;
}
#naviShop #r06:hover{
background: #555555 url(../restaurants/img/navi_06.jpg) no-repeat 5px 5px;
}


#naviShop #r07{
background: url(../restaurants/img/navi_07.jpg) no-repeat 5px 5px;
}
#naviShop #r07:hover{
background: #555555 url(../restaurants/img/navi_07.jpg) no-repeat 5px 5px;
}


#naviShop #r08{
background: url(../restaurants/img/navi_08.jpg) no-repeat 5px 5px;
}
#naviShop #r08:hover{
background: #555555 url(../restaurants/img/navi_08.jpg) no-repeat 5px 5px;
}


#naviShop #r09{
background: url(../restaurants/img/navi_09.jpg) no-repeat 5px 5px;
}
#naviShop #r09:hover{
background: #555555 url(../restaurants/img/navi_09.jpg) no-repeat 5px 5px;
}


#naviShop #r10{
background: url(../restaurants/img/navi_10.jpg) no-repeat 5px 5px;
}
#naviShop #r10:hover{
background: #555555 url(../restaurants/img/navi_10.jpg) no-repeat 5px 5px;
}

#naviShop #r11{
background: url(../restaurants/img/navi_11.jpg) no-repeat 5px 5px;
}
#naviShop #r11:hover{
background: #555555 url(../restaurants/img/navi_11.jpg) no-repeat 5px 5px;
}

#naviShop #r12{
background: url(../restaurants/img/navi_12.jpg) no-repeat 5px 5px;
}
#naviShop #r12:hover{
background: #555555 url(../restaurants/img/navi_12.jpg) no-repeat 5px 5px;
}

#naviShop #r13{
background: url(../restaurants/img/navi_13.jpg) no-repeat 5px 5px;
}
#naviShop #r13:hover{
background: #555555 url(../restaurants/img/navi_13.jpg) no-repeat 5px 5px;
}
#naviShop #r14{
background: url(../restaurants/img/navi_14.jpg) no-repeat 5px 5px;
}
#naviShop #r14:hover{
background: #555555 url(../restaurants/img/navi_14.jpg) no-repeat 5px 5px;
}

#naviShop #r18{
background: url(../restaurants/img/navi_15.jpg) no-repeat 5px 5px;
}
#naviShop #r18:hover{
background: #555555 url(../restaurants/img/navi_15.jpg) no-repeat 5px 5px;
}

#naviShop #r19{
background: url(../restaurants/img/navi_16.jpg) no-repeat 5px 5px;
}
#naviShop #r19:hover{
background: #555555 url(../restaurants/img/navi_16.jpg) no-repeat 5px 5px;
}

#naviShop #r20{
background: url(../restaurants/img/navi_17.jpg) no-repeat 5px 5px;
}
#naviShop #r20:hover{
background: #555555 url(../restaurants/img/navi_17.jpg) no-repeat 5px 5px;
}

/*　田町 鳥心　追加の為追記　*/
#naviShop #r21{
background: url(../restaurants/img/navi_21.jpg) no-repeat 5px 5px;
}
#naviShop #r21:hover{
background: #555555 url(../restaurants/img/navi_21.jpg) no-repeat 5px 5px;
}

/*　赤坂 鳥心　追加の為追記　*/
#naviShop #r22{
background: url(../restaurants/img/navi_22.jpg) no-repeat 5px 5px;
}
#naviShop #r22:hover{
background: #555555 url(../restaurants/img/navi_22.jpg) no-repeat 5px 5px;
}
#naviShop #r23{
background: url(../restaurants/img/navi_23.jpg) no-repeat 5px 5px;
}
#naviShop #r23:hover{
background: #555555 url(../restaurants/img/navi_23.jpg) no-repeat 5px 5px;
}

#naviShop #r24{
background: url(../restaurants/img/navi_24.jpg) no-repeat 5px 5px;
}
#naviShop #r24:hover{
background: #555555 url(../restaurants/img/navi_24.jpg) no-repeat 5px 5px;
}

#naviShop #r25{
background: url(../restaurants/img/navi_25.jpg) no-repeat 5px 5px;
}
#naviShop #r25:hover{
background: #555555 url(../restaurants/img/navi_25.jpg) no-repeat 5px 5px;
}

#naviShop #r26{
background: url(../restaurants/img/navi_26.jpg) no-repeat 5px 5px;
}
#naviShop #r26:hover{
background: #555555 url(../restaurants/img/navi_26.jpg) no-repeat 5px 5px;
}

#naviShop #r27{
background: url(../restaurants/img/navi_27.jpg) no-repeat 5px 5px;
}
#naviShop #r27:hover{
background: #555555 url(../restaurants/img/navi_27.jpg) no-repeat 5px 5px;
}

#naviShop #r28{
background: url(../restaurants/img/navi_28.jpg) no-repeat 5px 5px;
}
#naviShop #r28:hover{
background: #555555 url(../restaurants/img/navi_28.jpg) no-repeat 5px 5px;
}

#naviShop #r29{
background: url(../restaurants/img/navi_29.jpg) no-repeat 5px 5px;
}
#naviShop #r29:hover{
background: #555555 url(../restaurants/img/navi_29.jpg) no-repeat 5px 5px;
}

#naviShop #r30{
background: url(../restaurants/img/navi_30.jpg) no-repeat 5px 5px;
}
#naviShop #r30:hover{
background: #555555 url(../restaurants/img/navi_30.jpg) no-repeat 5px 5px;
}

#naviShop #r31{
background: url(../restaurants/img/navi_31.jpg) no-repeat 5px 5px;
}
#naviShop #r31:hover{
background: #555555 url(../restaurants/img/navi_31.jpg) no-repeat 5px 5px;
}

#naviShop #r32{
background: url(../restaurants/img/navi_32.jpg) no-repeat 5px 5px;
}
#naviShop #r32:hover{
background: #555555 url(../restaurants/img/navi_32.jpg) no-repeat 5px 5px;
}

#naviShop #r33{
background: url(../restaurants/img/navi_33.jpg) no-repeat 5px 5px;
}
#naviShop #r33:hover{
background: #555555 url(../restaurants/img/navi_33.jpg) no-repeat 5px 5px;
}

#naviShop #r34{
background: url(../restaurants/img/navi_34.jpg) no-repeat 5px 5px;
}
#naviShop #r34:hover{
background: #555555 url(../restaurants/img/navi_34.jpg) no-repeat 5px 5px;
}

#naviShop #r35{
background: url(../restaurants/img/navi_35.jpg) no-repeat 5px 5px;
}
#naviShop #r35:hover{
background: #555555 url(../restaurants/img/navi_35.jpg) no-repeat 5px 5px;
}

#naviShop #r36{
background: url(../restaurants/img/navi_36.jpg) no-repeat 5px 5px;
}
#naviShop #r36:hover{
background: #555555 url(../restaurants/img/navi_36.jpg) no-repeat 5px 5px;
}

#naviShop #r37{
background: url(../restaurants/img/navi_37.jpg) no-repeat 5px 5px;
}
#naviShop #r37:hover{
background: #555555 url(../restaurants/img/navi_37.jpg) no-repeat 5px 5px;
}
#naviShop #r38{
background: url(../restaurants/img/navi_38.jpg) no-repeat 5px 5px;
}
#naviShop #r38:hover{
background: #555555 url(../restaurants/img/navi_38.jpg) no-repeat 5px 5px;
}
#naviShop #r39{
background: url(../restaurants/img/navi_39.jpg) no-repeat 5px 5px;
}
#naviShop #r40{
background: url(../restaurants/img/navi_40.jpg) no-repeat 5px 5px;
}
#naviShop #r41{
background: url(../restaurants/img/navi_41.jpg) no-repeat 5px 5px;
}
#naviShop #r42{
background: url(../restaurants/img/navi_42.jpg) no-repeat 5px 5px;
}
#naviShop #r43{
background: url(../restaurants/img/navi_43.jpg) no-repeat 5px 5px;
}
#naviShop #r44{
background: url(../restaurants/r44/img/navi_44.jpg) no-repeat 5px 5px;
}
#naviShop #r45{
background: url(../restaurants/r45/img/navi_45.jpg) no-repeat 5px 5px;
}
#naviShop #r46{
background: url(../restaurants/r46/img/navi_46.jpg) no-repeat 5px 5px;
}
#naviShop #r47{
background: url(../restaurants/r47/img/navi_47.jpg) no-repeat 5px 5px;
}
#naviShop #r48{
background: url(../restaurants/r48/img/navi_48.jpg) no-repeat 5px 5px;
}
#naviShop #r49{
background: url(../restaurants/r49/img/navi_49.jpg) no-repeat 5px 5px;
}
#naviShop #r50{
background: url(../restaurants/r50/img/navi_50.jpg) no-repeat 5px 5px;
}

#naviShop #r51{
background: url(../restaurants/r51/img/navi_44.jpg) no-repeat 5px 5px;
}

#naviShop #r52{
background: url(../restaurants/r52/img/navi_52.jpg) no-repeat 5px 5px;
}

#naviShop #r53{
background: url(../restaurants/r53/img/navi_53.jpg) no-repeat 5px 5px;
}

#naviShop #r55{
background: url(../restaurants/r55/img/navi_55.jpg) no-repeat 5px 5px;
}




#naviShop #r56{
background: url(../restaurants/img/55_s.jpg) no-repeat 5px 5px;
}

#naviShop #r57{
background: url(../restaurants/img/56_s.jpg) no-repeat 5px 5px;
}



#naviShop #r60{
background: url(../restaurants/r56/img/navi_r57.jpg) no-repeat 5px 5px;
}


#naviShop #r61{
background: url(../restaurants/r57/img/navi_r57.jpg) no-repeat 5px 5px;
}





#naviShop #r54{
background: url(../restaurants/r54/img/navi_54.jpg) no-repeat 5px 5px;



}

/* ----------------------- { main img } ------------------------ */

#mainPhoto {
	position: relative;
	width:  820px;
	height: 550px;
	overflow: hidden;
}
#mainPhoto img {
   position: absolute;
   top: 0;
   left:0;
   opacity: 0;

}
 


/* ---------------------------------------- { Index main img } -------------------------------------------- */


#Contents.shopCo{
	background: #000000;
	margin-bottom: 30px;
	color: #CCCCCC;
}



#restaurantsBoxWrap{
	width: 960px;
	height:300px;
	position: relative;
	top: -24px;
	margin-bottom: -22px;
}

#restaurantsBox {
	width:100%;
	height:100%;
	overflow:hidden;

/*
	text-align: left;
	clear: both;
	z-index: 5;
	left: 0px;
	top: 0px;
*/
}


#restaurantsBox #restaurantsBoxArea {
	width:900px;
	float:left;
/*
	position: relative;
*/
}

#restaurantsBox #restaurantsBoxArea .restaurantsImg {
	float:left;
	display:inline;

}



.naviArea {
	margin: 0px;
	position: relative;
	top: 140px;
	z-index: 10;
}

.naviArea p {
	margin: 0px;
}


/* ------------------ Restaurant tab ------------------------ */


#shopINDEX{
	width: 960px;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
}

#shopINDEX.menuDrink{
	padding-bottom: 0px;
}


/* ------------------ index shop list ------------------------ */


#shopINDEX .boxL{
	float: left;
	width: 230px;
	height: 231px;
	margin-left: 8px;
	text-align: left;
}


#shopINDEX .boxL h2{
	float: left;

}

#shopINDEX .boxL img{
	width: 230px;
}
#shopINDEX .boxL p{
float: left;
}
#shopINDEX .boxL p.fltR{
	float: right;
	text-align: right;

}
#shopINDEX .boxL h2 img, #shopINDEX .boxL p.fltR img{
	width: auto;
	margin-top: 5px;
}

#shopINDEX .boxL p{

}
#shopINDEX hr{
clear: both;
visibility: hidden;
}

#shopINDEX .boxL a:hover img {
	background: #FFFFFF;	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}



/* link  */

.shopLinkF h3{
	text-align: left;
	border-left: 3px solid #EFEFEF;
	padding: 5px;
	margin: 5px 8px;
}


.shopLinkF a:link,
.shopLinkF a:visited {
color: #CCCCCC;
}

.shopLinkF a:hover{
text-decoration: none;
color: #666666;
}


.shopLinkF ul{
	padding: 0px 0px 20px 8px;

}

.shopLinkF ul li{
	float: left;
	width: 295px;
	text-align: left;
	font-size: 12px;
	line-height: 2.2em;
	background: url(../images/arrow_b.gif) no-repeat left center;
	padding-left: 16px;
}
#shopRichLink.shopLinkF ul li{
width: 170px;
}

#Contents.shopCo .bnr{
	width: 520px;
	margin: 0px auto;
}
#Contents.shopCo hr.lineDotted{
border-color: #555555;
margin: 8px 15px;
}
/* --------------

midashi
  
 ------------------- */ 


#shopPage{
	text-align: left;
	clear: both;
	padding-bottom: 15px;


}
#shopPage h1{
	text-align: center;
	padding: 15px 0px;
}
#shopPage h1.fltR{
padding: 0px;
}

#shopPage h2{
	font-size: 36px;

	margin-bottom: 20px;
	line-height: 1.1em;
	color: #FFFFFF;

}

#shopPage #mainData{
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	clear: both;
	padding-top: 8px;
	padding-left: 25px;

}

#shopPage h2 .ss{
	font-size: 14px;

}
#shopPage h3{
	font-size: 1.0em;
	line-height: 1.5em;
	margin-bottom: 20px;
	color: #EFEFEF;
}

#shopPage .box h4{
	color: #EFEFEF;
	font-size: 0.78em;
	background: url(../images/arrow_b.gif) no-repeat 0px 4px;
	padding-left: 16px;
	line-height: 1.5em;
	margin-top: 15px;
	clear: both;
}
#shopPage h5{
	font-size: 1em;
	line-height: 1.5em;
	color: #EFEFEF;
	background: url(none);
	padding-left: 0px;
	padding-top: 15px;
}

#shopPage h6{
	font-size: 0.86em;
	line-height: 1.5em;
	color: #EFEFEF;
	padding-bottom: 8px;

}

#shopPage p{
	font-size: 0.86em;
	line-height: 1.7em;
	margin-bottom: 15px;
}


#shopPage .imgMain{
	float: right;
	margin-bottom: 8px;
	margin-left: 5px;
}

#shopPage .box{
	margin: 0px auto;
	width: 940px;
	padding-top: 10px;
}

#shopPage p a{
color: #cccccc;
}


/* ---------- menu info ----------- */

#shopPage .tabMenu{
	width: 960px;
	overflow: hidden;
	height: 70px;
}

#shopPage .tabMenu ul{

}

#shopPage .tabMenu ul li{
	float: left;
	margin-right: 10px;
	height: 60px;
	width: 306px;
	background: #444444;
}

#shopPage .tabMenu ul li .inClude{
	font-size:14px;
}

#shopPage .tabMenu ul li .exClude{
	font-size:10px;
}

#shopPage .tabMenu ul li a:hover img {
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}

#shopPage .up{
	padding-right: 15px;
	border: none;
	margin-bottom: 0px;
}
#shopPage .up a{
color: #cccccc;
}

/* -------------- shop information ---------- */


#shopPage #shopInfo{
	width: 930px;
	margin: 0px auto;
	padding-bottom: 25px;

}

/*
#shopPage #shopInfo ul{
	margin-bottom: 18px;

}

#shopPage #shopInfo ul li{
	font-size: 0.84em;
	line-height: 1.5em;
	background: url(../images/arrow.gif) no-repeat 2px 6px;
	padding-bottom: 8px;
	padding-left: 14px;

}
*/
#shopPage #shopInfo a{
color: #DDDDDD;
}


#shopPage #shopInfo table{
	width: 100%;
}

#shopPage #shopInfo th, #shopPage #shopInfo td{
	padding: 5px 8px;
	font-size: 0.86em;
	line-height: 1.5em;
	text-align: left;
	border-bottom: 1px solid #444444;
}


#shopPage #shopInfo th{
	width: 25%;
	font-weight: 100;

}
#shopPage #shopInfo h3{
margin-bottom: 5px;
}
#shopPage #shopInfo .fltR{
font-weight: 900;
padding-top: 1.2em;
}
/* ------------------- box yoyaku ------------------------ */

#boxYoyaku{
	background: #000000;
	padding: 25px 15px;
	color: #EFEFEF;
}

#boxYoyaku th, #boxYoyaku td{
	text-align: left;
	line-height: 1.5em;
	font-size: 0.74em;
	text-align: left;
	font-weight: 100;
}

#boxYoyaku .otable{
	font-size: 0.78em;
}

.otable{
	margin-bottom:44px !important;
	background:#002b5e !important;
	background:url('../img/common/bg_bluebox.gif') !important;
}
	
.otable h2{
	color:#debb15;
}

.otable div{
	background:#000000 !important;
	background: #000000 !important;
}

#boxYoyaku #OT_logoLink{
	width:260px !important;
}

#boxYoyaku #OT_logo{
	width:100px !important;
	color:#FFCC00 !important;
}

#boxYoyaku #OT_logo a:hover img {
	background: #000000;
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}

.otable .txt{
	position:absolute;
	left:620px;
	text-align:left;
	font-size:10px;
	top: 22px;
}
.otable .txt2{
	position:absolute;
	left:150px;
	text-align:left;
	font-size:10px;
}
#boxYoyaku #OT_searchWrapperAll #OT_logoLink a {
	color: #FFCC00;
	text-decoration: none;
}
#boxSearch{
	border: 1px solid #333333;
	padding: 8px;
	clear: both;
}
#OT_searchWrapperAll{
	margin-bottom: 0px !important;
}