@charset "utf-8";
/*=================================================
 * ブラウザのデフォルトのスタイルをリセットする
 * ================================================= */

html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p,
header, hgroup, section, article, aside, hgroup, footer, figure, figcaption, nav {
 margin: 0;
 padding: 0;
 font-size: 100%;
}

body {
 line-height: 1.0;
 -webkit-text-size-adjust: none;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary { 
 display:block;
}

img {
 border: 0;
 vertical-align: bottom;
}

ul, ol {
 list-style: none;
}

table {
 border-spacing: 0;
 empty-cells: show;
}

/*=============================================*/
/*                 マージン            */
/*=============================================*/

.m_b05{margin-bottom:5px;}
.m_b10{margin-bottom:10px;}
.m_b15{margin-bottom:15px;}
.m_b20{margin-bottom:20px;}
.m_b25{margin-bottom:25px;}
.m_b30{margin-bottom:30px;}
.m_t05{margin-top:5px;}
.m_t10{margin-top:10px;}
.m_t15{margin-top:15px;}
.m_t20{margin-top:20px;}
.m_t25{margin-top:25px;}
.m_t30{margin-top:30px;}
.m_l20{margin-left:20px;}
.m_r20{margin-right:20px;}

.p_l05{padding-left:5px;}
.p_l10{padding-left:10px;}
.p_l15{padding-left:15px;}
.p_l20{padding-left:20px;}
.p_l25{padding-left:25px;}
.p_l30{padding-left:30px;}
.p_l40{padding-left:30px;}
.p_l50{padding-left:50px;}
.p_l65{padding-left:65px;}
.p_r05{padding-right:5px;}
.p_r10{padding-right:10px;}
.p_r15{padding-right:15px;}
.p_r20{padding-right:20px;}
.p_r25{padding-right:25px;}
.p_r30{padding-right:30px;}
.p_r40{padding-right:40px;}
.p_r50{padding-right:50px;}
.p_t10{padding-top:10px;}
.p_t20{padding-top:20px;}
.p_t30{padding-top:30px;}
.p_40{padding-top:40px;}
.p_t50{padding-top:50px;}

/*=================================================
 * サイト全体の基本スタイル
 * ================================================= */

body {
 background-color: #2A1A0C;
 font-family: Arial, san-serif;
 font-size: 14px;
 line-height: 1.6;
 text-align:left;
 color: #ffffff;
}

#logo {
	width:100%;
	margin: 0 auto;
	display: block;
	text-align: center;
}


h1 {
 display: block;
 text-align: center;
 color: fff;
 font-size: 9px;
 margin: 10px auto;
}


a {
 color: #d2691e;
}

.logo {
 margin: 0 auto;
 display: block;
}


.block {
	padding-bottom: 12px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #272D1C;
	width: 300px;
	margin:10px auto;
}

.block:after {
 content: '';
 display: block;
 clear: both;
}

.block-heading {
 margin-bottom: 6px;
 color: #000000;
 font-size: 16px;
}

.block p {
 margin-bottom: 1em;
}

.block p:last-of-type {
 margin-bottom: 0;
}

.lead{
 font-size: 16px;
 text-align: center;	
 color: #f3e6da;
 font-weight:bold;
 padding: 5px;
}


p {
 color: #ffffff;
}

p.txt_c{
text-align:center;
}



.image-right, .image-left {
 width: 180px;
 font-size: 12px;
 text-align: center;
}

.image-right {
 margin: 0 0 6px 6px;
 float: right;
}

.image-left {
 margin: 0 6px 6px;
 float: left;
}

.image-center {
 margin: 0 auto 6px auto;
 display: block;
}



.nav-home a {
 padding: 3px 0 3px 18px;
 background-image: url(../img/ico_home.png);
 background-repeat: no-repeat;
 background-position: left center;
}

.global-footer {
	background-image: url(../img/footer.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	text-align: center;
	height: 40px;
}

.global-footer p{
text-indent:-9999px;
}

.cookie {
 font-size: 10px;
 padding:3px;
 text-align: center;
 color: #FFF;
 display: block;
 text-decoration: none;
}

.cookie a{
 font-size: 10px;
 color: #FFF;
 display: block;
 text-decoration: none;
}


#head_home a{
	width:320px;
	height:30px;
	display:block;
	background-image: url(../img/homebotan.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin:0px auto;
	text-indent:-9999px;
}


#globalNav {
	width:320px;
	height:39px;
	list-style: none;
	clear: both;
	background-image: url(../img/gnavi_over.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin:0px auto;
}

#globalNav li { display: inline;}

#globalNav a {
	display: block;
	height:39px;
	text-decoration: none;
	text-indent: -9999px;
	outline: 0;
	float: left;
	background-repeat: no-repeat;
	background-position: left top;	
}

#globalNav #gn1 a { width:72px; background: url(../img/gnavi.jpg);}
#globalNav #gn2 a { width:90px; background: url(../img/gnavi.jpg) -72px 0;}
#globalNav #gn3 a { width:93px; background: url(../img/gnavi.jpg) -162px 0;}
#globalNav #gn4 a { width:65px; background: url(../img/gnavi.jpg) -255px 0;}

#globalNav #gn1 a:hover,
#globalNav #gn2 a:hover,
#globalNav #gn3 a:hover,
#globalNav #gn4 a:hover{ background: transparent;}

#concept #globalNav #gn1 a,
#menu #globalNav #gn2 a,
#lunch #globalNav #gn3 a,
#shop #globalNav #gn4 a{ background: transparent;}


#flash {
	width:100%;
	height:180px;
	margin:0px auto;
	background-image: url(../img/02.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}



#h_img {
	width:100%;
	height:180px;
	margin:0px auto;
	background-image: url(../img/02.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#h_img2 {
	width:100%;
	height:180px;
	margin:0px auto;
	background-image: url(../img/07.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#h_img3 {
	width:100%;
	height:180px;
	margin:0px auto;
	background-image: url(../img/shop_kv.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#h_img4 {
	width:100%;
	height:180px;
	margin:0px auto;
	background-image: url(../img/09.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#feed {
color:#ffffff;
	width:300px;
	margin:10px auto;
}
#feed ul{
list-style-type:disc;
list-style-position:outside;
padding-left:15px;
}
#feed ul li{
text-align:left;
}


#topNav {
	width:300px;
	height:171px;
	list-style: none;
	background-image: url(../img/top_navi_ov.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin:0px auto;
	margin-bottom: 20px;
}


#topNav a {
	display: block;
	width:300px;
	text-decoration: none;
	text-indent: -9999px;
	outline: 0;
	background-repeat: no-repeat;
	background-position: left top;	
}



#topNav #n1 a { height:41px; background: url(../img/top_navi.jpg) 0 0;}
#topNav #n2 a { height:44px; background: url(../img/top_navi.jpg) 0 -41px;}
#topNav #n3 a { height:44px; background: url(../img/top_navi.jpg) 0 -85px;}
#topNav #n4 a { height:42px; background: url(../img/top_navi.jpg) 0 -129px;}


#footNav {
width:100%;
border-bottom:1px #999999 solid;
margin:10px auto;
}
#footNav li{
list-style:none; 
}
#footNav a{
height:30px;
border-top:1px #999999 solid;
display:block;
text-align:center;
text-decoration:none;
padding-top:10px;
font-size:14px;
text-shadow: 1px 1px 3px #fff;  
background-image: -webkit-gradient(linear, left top, left bottom, from(#d2691e), to(#fff));　/* Safari,Google Chrome用 */ 
} 

/*=================================================
 * 一杯へのこだわり
 * ================================================= */

#concept #kodawari1 {
	width:280px;
	padding:5px 10px 20px 10px;
	background-image: url(../img/concept_bg2_1.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#concept #kodawari2 {
	width:280px;
	padding:5px 10px 20px 10px;
	background-image: url(../img/concept_bg2_2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#concept #kodawari3 {
	width:280px;
	padding:5px 10px 20px 10px;
	background-image: url(../img/concept_bg2_3.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#concept #kodawari4 {
	width:280px;
	padding:5px 10px 20px 10px;
	background-image: url(../img/concept_bg2_4.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#concept dl.info01 {
margin-bottom:10px;
}
#concept dl.info01 dt{
text-align:left;
font-size:16px;
font-weight:bold;
color:#363F1A;
padding-left:5px;
border-left:3px #363F1A solid;
}
#concept dl.info01 dd{
text-align:left;
font-size:14px;
padding-bottom:1px;
border-bottom:1px #CCCCCC dotted;
margin-bottom:0.6em;
padding-left:10px;
}



/*=================================================
 * お品書き
 * ================================================= */




#menu dl.info01 {
margin-bottom:10px;
}

#menu dl.info01 dt{
text-align:left;
font-size:14px;
font-weight:bold;
color:#ff8c00;
padding-left:5px;
border-left:3px #ff8c00 solid;
}

#menu dl.info01 dd{
text-align:left;
font-size:12px;
color:#ffffff;
padding-bottom:1px;
border-bottom:1px #ffe4c4 dotted;
margin-bottom:0.6em;
padding-left:5px;
}




#menu dl.info02 dt{
float: left;
background-image: url(../img/reco.jpg);
background-repeat: no-repeat;
background-position: 0px center;
text-align:left;
font-size:15px;
font-weight:bold;
color:#ffffff;
padding-left:40px;
}

#menu dl.info02 dd{
text-align:right;
font-size:14px;
color:#ff4500;
padding-bottom:1px;
border-bottom:1px #ffe4c4 dotted;
margin-bottom:0.6em;
padding-left:100px;
}



#menu dl.info03 dt{
float: left;
text-align:left;
font-size:14px;
font-weight:bold;
color:#ffffff;
padding-left:40px;
}

#menu dl.info03 dd{
text-align:right;
font-size:14px;
color:#ff4500;
padding-bottom:1px;
border-bottom:1px #ffe4c4 dotted;
margin-bottom:0.6em;
padding-left:100px;
}


/*=================================================
 * ランチ
 * ================================================= */
#lunch .ttl{
text-align:left;
font-size: 18px;
font-weight: bold;
color: #ff8c00;
padding-top: 10px;
}

#lunch dl.info01 {
margin-bottom:10px;
}
#lunch dl.info01 dt{
text-align:left;
font-size:14px;
font-weight:bold;
color:#ff8c00;
padding-left:5px;
border-left:3px #ff8c00 solid;
}

#lunch dl.info01 dd{
text-align:left;
font-size:12px;
color:#ffffff;
padding-bottom: 1px;
border-bottom: 1px #ffe4c4 dotted;
margin-bottom:0.6em;
padding-left:5px;
}


#lunch dl.info02 dt{
float: left;
text-align:left;
font-size:14px;
font-weight:bold;
color:#ffffff;
padding-left:20px;
}

#lunch dl.info02 dd{
text-align:right;
font-size:14px;
color:#ff4500;
padding-bottom:1px;
border-bottom:1px #ffe4c4 dotted;
margin-bottom:0.6em;
padding-left:100px;
}






/*=================================================
 * 情報
 * ================================================= */

#shop dl.info01 {
margin-bottom:10px;
}
#shop dl.info01 dt{
text-align:left;
font-size:14px;
font-weight:bold;
color:#ff8c00;
padding-left:5px;
border-left:3px #ff8c00 solid;
}

#shop dl.info01 dd{
text-align:left;
font-size:12px;
color:#ffffff;
padding-bottom:1pxz;
border-bottom:1px #ffe4c4 dotted;
margin-bottom:0.6em;
padding-left:5px;
}