@charset "utf-8";
/* CSS Document */

/* -----------------------------------------------------------------
	★ CSS内は％文字指定中 ★
	10px → 77%     |    11px → 85%     |    12px → 93%
	13px → 100%    |    14px → 108%    |    15px → 116%
	16px → 123%    |    17px → 131%    |    18px → 139%
	19px → 147%    |    20px → 154%    |    21px → 162%
	22px → 167%    |    23px → 174%    |    24px → 182%
	25px → 182%    |    26px → 200%    |    27px → 208%
	28px → 216%    |    29px → 224%    |    30px → 231%
	31px → 239%    |    32px → 247%    |    33px → 254%
	34px → 262%    |    35px → 270%    |    36px → 277%
----------------------------------------------------------------- */

body { 
	width:100%;
	margin:0;
	padding:0;
	background-color: transparent !important;
	font-size:0.9em;
}

p { margin:10px 0; }

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

div#wrap {
	width:810px;
	margin:0 auto;
	padding:0;
	/*border:1px solid #000;*/
	}

header { 
	width:100%;
	margin: 0 auto;
	padding:0;
	 }
header h1 {
	width:800px;
	height:150px;
	margin:0 auto;
	background:url(../img/top_bunner.gif) no-repeat left top;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

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

/* ナビゲーション */
nav {
	width:800px;
	height:20px;
	background:#a9d834;
	margin:0 auto 10px;
}
nav ul#list_navi {
	width: 800px;
	margin: 0 auto;
}

nav ul#list_navi li {
	width: 100px;
	height: 15px;
	list-style-type: none;
	float:left;
	padding: 0;
}
nav ul#list_navi li a {
	background: url('../img/navi_btn.gif') no-repeat left;
	width:100px;
	height: 15px;
	text-decoration: none;
	text-indent: -10000px;
	display: block;
}

nav ul#list_navi li#page1 a { /* 営業時間 */
	background-position: 0 0;
	width:100px;
}
nav ul#list_navi li#page1 a:hover {
	background-position: 0 -15px;
	width:100px;
}

nav ul#list_navi li#page2 a { /* レストラン */
	background-position: -100px 0;
	width:100px;
}
nav ul#list_navi li#page2 a:hover {
	background-position: -100px -15px;
	width:100px;
}

nav ul#list_navi li#page3 a { /* テイクアウト */
	background-position: -200px 0;
	width:100px;
}
nav ul#list_navi li#page3 a:hover {
	background-position: -200px -15px;
	width:100px;
}

nav ul#list_navi li#page4 a { /* 場所 */
	background-position: -300px 0;
	width:100px;
}
nav ul#list_navi li#page4 a:hover {
	background-position: -300px -15px;
	width:100px;
}

nav ul#list_navi li#page5 a { /* お問い合わせ */
	background-position: -400px 0;
	width:100px;
}
nav ul#list_navi li#page5 a:hover {
	background-position: -400px -15px;
	width:100px;
}

/*-------------------------------------------------------------------*/
/* 見出し */
h2 {
	width:800px;
	height:28px;
	margin:10px auto;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
h2#tit_business {
	background: url(../img/business.gif) no-repeat left top;
}
h2#tit_restaurant {
	background: url(../img/restaurant.gif) no-repeat left top;
}
h2#tit_takeout {
	background: url(../img/takeout.gif) no-repeat left top;
}
h2#tit_position {
	background: url(../img/position.gif) no-repeat left top;
}
h2#tit_inquiry {
	background: url(../img/inquiry.gif) no-repeat left top;
}

section {
	margin:10px auto 0;
	}
article {
	margin:0;
	padding:0;
	}
article ul li {
	width:100%;
	list-style-type:square;
	margin:10px 0 5px 20px;
	line-height:1.3em;
}
article ul li.ls_none { list-style-type:none; }

footer { width:100%;margin:10px auto;line-height:1.5em; }

.totop { margin-right: 10px; }

.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
  
.clearfix { display: inline-table; }  
  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

div#map {
	width: 390px;
	margin:5px;
	padding:0;
}

/*-------------------------------------------------------------------*/
.flo_r { float:right; }
.flo_l { float:left; }

.txt_l { text-align:left; }
.txt_c { text-align:center; }
.txt_r { text-align:right; }

.fs_10 { font-size:77%; }

.red { color:#b22222;}
.ora { color:#fe9025; }

.bd_bla { border:1px solid #000; }
.bd_blu { border:1px solid #2980b9; }



/* fancybox */
/* 隠しコンテンツのCSS */
.box_voice {
	position: relative;
	display: none;/* ライトボックス表示するコンテンツは消しておきます */
	width: 740px;/* 隠しコンテンツの横幅565px */
	height: 430px;/* 隠しコンテンツの高さ295px */
	background: url('../img/bkimg_paper.jpg') no-repeat;}
     
.box_voice img {
	position: absolute;
	top: 20px;/*16*/
	left:24px;/*18*/}

.txt_push{
	position: absolute;
	top: 220px;
	left:15px;}


.box_voice h3 {
	position: absolute;
	width: 485px;
	top: 15px;
	left: 200px;
	background-color:#fff;
	border-bottom: 1px dotted #666666;
	padding:5px 0 3px 7px;
	font-size:110%;
	color:#000;}


.tab_content {
	position: absolute;
	background-color:#fff;
	width:490px;
	height:85%;
	border:1px solid #CCC;
	padding:0 0 0 22px;
	top: 45px;
	left: 200px;
	overflow:auto; overflow-x:hidden;}

.box_voice p {
	position: absolute;
	width:90%;
	font-size:90%;
	line-height: 1.6em;
	letter-spacing:0.1em}

#box_bnr{margin:3px 0 5px 0; text-align:left;}