@charset "utf-8";

/*shop page's base css(not cafe,dice)*/

/*left*/
h2#tenpotitle{
	background-image:url(img/t_shopdeta.gif);
	background-position:left top;
	background-repeat:no-repeat;
	margin:14px auto 8px auto;
	width:190px;
	height:23px;
}

table#adress caption{
	font-weight:bold;
	text-align:left;
	padding-left:5px;
	width:190px;
}

table#adress{
	border:none;
	line-height:110%;
	width:190px;
	margin:0 auto;
}

table#adress th{
	border:none;
	line-height:110%;
	vertical-align:top;
	text-align:left;
	font-size:1em;
	padding-right: 0;
	padding-left: 0;
}

table#adress td{
	border:none;
	line-height:110%;
}

table#adress tr{
	border:none;
	line-height:110%;
}

p#no{
	white-space:nowrap;
}

p#tel{
	margin:5px auto;
	width:163px;
	height:22px;
}

p#map{
	margin:5px auto;
	width:163px;
	height:159px;
}

div#qr{
	margin:5px auto;
	width:190px;
	text-align:center;
}

div#qr p:before{ content:"▲";
}

h2#sonotatitle{
	background-image:url(img/t_etc.gif);
	background-position:left top;
	background-repeat:no-repeat;
	margin:17px auto 8px auto;
	width:190px;
	height:23px;
}

h2#shoptitle{
	background-image:url(img/t_shop.gif);
	background-position:left top;
	background-repeat:no-repeat;
	margin:17px auto 8px auto;
	width:190px;
	height:23px;
}


p.banner{
	margin:5px auto;
	width:172px;
	height:42px;
}

div#setumei{
	width:190px;
	margin:5px auto;	
}

p#top{
	background-image:url(img/b_top.gif);
	background-position:left top;
	background-repeat:no-repeat;
	margin:10px auto;
	width:172px;
	height:42px;

}

div#link{
	margin-bottom:1em;
}

h2#linktitle{
	background-image:url(img/t_link.gif);
	background-position:left top;
	background-repeat:no-repeat;
	width:190px;
	height:23px;
	margin:17px auto 3px auto;
}

p.linktext{
	width:180px;
	margin:0 auto;
}

p#top a{
	display:block;
	width:172px;
	height:42px;
}

/*contents*/

/*#id {
	width:508px;
	height:36px;  
	margin: 14px auto; 
	padding :0;
	
}*/

/*#id ul { 
	width:508px;
	height:36px;  
}*/

/*#id li { 
	display : block; 
	padding :0; 
	margin:0;
	float:left; 
	width: 127px;
	height: 36px;
}*/

/*#id #menu_a_1 a {
	background-image: url(img/nav_1.gif);
	width: 127px;
	height: 36px;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	display: block;
}

#id #menu_a_2 a {
	background-image: url(img/nav_2.gif); 
	width:127px; 
	height:36px;
	background-repeat:no-repeat; 
	margin:0;
	padding:0;
	display:block;
}

#id #menu_a_3 a {
	background-image: url(img/nav_3.gif); 
	width:127px; 
	height:36px;
	background-repeat:no-repeat; 
	margin:0; 
	padding:0;
	display:block;
}

#id #menu_a_4 a {
	background-image: url(img/nav_4.gif); 
	width:127px; 
	height:36px;
	background-repeat:no-repeat; 
	margin:0; 
	padding:0;
	display:block;
}*/

/*navigation*/
ul#navi {
	width:508px;
	height:36px;  
	margin: 14px auto; 
	padding :0;
}

ul#navi li{
	display:block;
	float:left;
	width: 127px;
	height: 36px;
	 position:relative;
	 /*HideMacIE¥*/
   	overflow:hidden;
   	/**/
   	
}

ul#navi a{
	display:block;
	float:left;
	width: 127px;
	height: 36px;
	 position:relative;  	
}

ul#navi a:hover {
	cursor:pointer;
}

li#nfood span{
	display:block;
	width:100%;
	height:100%;
	background:url(img/nav_1.gif) no-repeat;
	position:absolute;
	top:0;
	left:0;
}

li#ndrink span{
	display:block;
	width:100%;
	height:100%;
	background:url(img/nav_2.gif) no-repeat;
	position:absolute;
	top:0;
	left:0;
}

li#ncourse span{
	display:block;
	width:100%;
	height:100%;
	background:url(img/nav_3.gif) no-repeat;
	position:absolute;
	top:0;
	left:0;
}

li#ncoupon span{
	display:block;
	width:100%;
	height:100%;
	background:url(img/nav_4.gif) no-repeat;
	position:absolute;
	top:0;
	left:0;
}


h2#normalmenutitle{
	clear:both;
	background-image:url(img/t_tujyo.gif);
	background-repeat:no-repeat;
	background-position:left top;
	height: 26px;
	width:510px;
	margin:0 auto;

}
h2#spmenutitle{
	clear:both;
	background-image:url(img/t_spmenu.gif);
	background-repeat:no-repeat;
	background-position:left top;
	height: 26px;
	width:510px;
	margin:0 auto;
}

h2#drinkmenutitle{
	clear: both;
	background-image: url(img/t_drink.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 26px;
	width: 510px;
	margin: 0 auto;
}


h2#coursetitle{
	clear:both;
	background-image:url(img/t_course.gif);
	background-repeat:no-repeat;
	background-position:left top;
	height: 26px;
	width:510px;
	margin:0 auto;
}


h2#coupontitle{
	clear:both;
	background-image: url(img/t_coupon.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 510px;
	height: 25px;
	margin:0 auto;
}

/*menu*/
div.menu{
	width:510px;
	margin:0 auto;
	text-align:center;
	margin-bottom:1em;
}

div.menu2{
	width:510px;
	margin:0 auto;
	text-align:center;
}

div.menuleft{
	width:250px;
	float:left;
	text-align:left;
}

div.menuright{
	width:250px;
	float:right;
	text-align:left;
}
div.menu table{
	width:100%;
	margin-bottom:15px;
	text-align:left;
}

div.menu2 table{
	width:100%;
	margin-bottom:15px;
	text-align:left;
}

table#courselist{
	width:510px;
	margin:0 auto;
	text-align:left;
}

table#courselist td{
	padding:10px 0 0 0;
	border-bottom: 1px #333333 dotted;
}

table.menulist td{
	border-bottom: 1px #333333 dotted;
}

div.menu h3{
	margin-top:10px;
	padding:8px;
	clear: both;
	border:1px solid #c00;
	text-align:left;
	font-size:1.2em;
	font-weight:bold;
}

div.menu2 th{
	text-align:left;
}

div.menu2 td{
	border-bottom: 1px #333 dotted;
}

div.menu h4{
	padding-bottom:2px;
	background: url(img/menu_title.gif) no-repeat bottom left;
	color:#c00;
	text-align:left;
	text-indent:0.5em;
	font-size:1.2em;
}

td.plice{
	text-align:right;
	width:3em;
	vertical-align:bottom;
}

img.menu{
	/*clear:both;*/
	float:left;
	width:130px;
	height:95px;
	padding:5px;
	margin:15px;
	background-color:#fff;
}
img.spmenu{
	width:290px;
	height:233px;
	padding:10px;
	margin:15px auto;
	background-color:#fff;	
}

span.spmenu{
	font-weight: bold;
	font-size: 30px;
	font-family: "ＭＳ Ｐ明朝", "Times New Roman", serif;
}

/*coupon*/
div#coupon{
	text-align:center;
}

div#coupon img{
	width:420px;
	height:205px;
	margin:20px auto;
	border:2px #fff dashed;
}

/*spmenu*/
img#toku{
	vertical-align:middle;
}
td.plice2 {

	text-align:right;
	width:4em;
	vertical-align:bottom;
}