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

/* ///////////// メインカラーオレンジ：#ff8400  さし色ブルー：#1d2088 /////////////// */
body{ text-align:center; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:13px; line-height:1.2em; color:#000; background-image: url(../images/con_bgpat.gif)}
a:link{ color:#0093e0; text-decoration: underline; }
a:visited{ color:#0093e0; }
a:hover{ color:#0093e0;  text-decoration:none;}




/* ///////////// HEADER /////////////// */
.head-bg{ background-image: url(../images/head_bgpat2.gif); background-repeat:repeat-x; height:528px;}
.head-bg2{ background-image: url(../images/mv_bglight.png); background-repeat:no-repeat; background-position:center top;height:528px;}
header{ width:1010px; margin:0 auto; }
.head-bg21{ background-image: url(../images/head_bgpat2.gif); background-repeat:repeat-x; height:325px; background-position:center bottom;}
.head-bg22{ background-image: url(../images/mv_bglight.png); background-repeat:no-repeat; background-position:center top;height:325px;}

#head-left{ float:left; position:relative; width:250px;}
#head-left h1 { position:absolute; top:8px; left:0; width:248px; text-align:center; font-size:11px;}

#head-right{ float:right; width:760px;}
#mv_shonai{ width:380px; float:left; position:relative;}
#mv_shonai-btn{ position:absolute; left:0; bottom:0;}
#mv_katsusho{ width:380px; float:left; position:relative;}
#mv_katsusyo-btn{ position:absolute; right:-5px;bottom:25px;}







/* ///////////// GNAVI /////////////// */
#nav{ background-image: url(../images/nav_bgpat.gif); background-position:top left; height:24px; margin-top:0;}

#nav2{ background-image: url(../images/nav_bgpat.gif); background-position:top left; height:76px; margin-top:0;}
#nav2 ul{width:982px; margin:0 auto; }
#nav2 ul li{ float:left;  }







/* ///////////// MAIN-CONTENTS /////////////// */
#contents-bg{ width:100%; position:relative; padding-top:50px; }
#contents-bg2{ width:100%; padding-bottom:20px; position:relative; }

#con-wrap{ width:980px; margin:0 auto; text-align:center; }
#con-wrap2{ width:994px; margin:0 auto; text-align:center; }
#con-wrap3{ width:980px; margin:0 auto; text-align:left; background-image:url(../images/menu-bgpat.gif); margin-bottom:40px;
-moz-box-shadow: 0px 0px 6px #000000;
-webkit-box-shadow: 0px 0px 6px #000000;
box-shadow: 0px 0px 6px #000000;
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
}
.con-wrap4{ width:980px; margin:0 auto; text-align:left; background-image:url(../images/menu-bgpat.gif); margin-bottom:40px;
-moz-box-shadow: 0px 0px 6px #000000;
-webkit-box-shadow: 0px 0px 6px #000000;
box-shadow: 0px 0px 6px #000000;
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
}



#con-side{ float:left; width:217px;}
#con-main{ float:right; width:730px;}






/* ///////////// index.html /////////////// */
.top-tenpo{ width:355px; float:left;}
.top-tenpo-txt{ display:block; background-image: url(../images/top-tenpo-bgpat.gif); padding:12px; text-align:left; line-height:1.4em;
-moz-border-radius: 0px 0px 10px 10px;
-webkit-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
}

.top-kodawari{ margin-left:-4px; margin-top:30px;}





/* ///////////// concept.html /////////////// */
.kodawari{ background-image:url(../images/conc_frame.png); background-repeat:no-repeat; height:774px; margin-bottom:30px; }
.kodawari h2 img{ padding-top:50px;}

.salt{ background-image:url(../images/conc-salt-bg.png); height:530px; margin-bottom:30px; position:relative;}
.salt h2{ position: absolute; left: 769px; top: 52px; }
.salt-ttl{ position: absolute; left: 130px; top: 171px; }






/* ///////////// menu-s.html /////////////// */
.menu{ position:relative;}
.menu-logos{ position: absolute; right: 25px; top: 10px; }
.menu h3{ padding:20px 30px 10px;}
.menu-border{ background-image:url(../images/line-naname.gif); width:940px; margin:0 20px; height:10px; margin-bottom:10px;}
.menu-con{ padding:20px 30px 0; overflow:hidden;}

.smenu-caution{ position: relative;}
.smenu-caution .caution-sub{ position: absolute; width: 300px; left: 350px; top: 28px; }

.menu-left{ float:left; width:600px;}

.menu-list{}
.menu-list li{ border-bottom:dotted 1px #474747; padding:8px; overflow:hidden;}
.price{ display:block; float:right; text-align:right;}

.menu-list-green{ background-color:#edf5ea; padding:8px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
}
.menu-list-green li{ padding:5px;}
.menu-list-pink{ background-color:#fbeced; padding:8px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
}
.menu-list-pink li{ padding:5px;}
.menu-list-blue{ background-color:#e6f3f8; padding:8px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
}
.menu-list-blue li{ padding:5px;}
.menu-list-br{ background-color:#f8eee1; padding:8px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
}
.menu-list-br li{ padding:5px;}
.bd-b{border-bottom:dotted 1px #474747;}
.w50per{ width:48%;}

.menu-pic{ float:right; width: 280px;}
.menu-pic img{ border:solid 6px #000; margin-bottom:5px;}

.smenu-pic{ text-align:center;}
.smenu-pic img{ border:solid 6px #000; margin-bottom:5px;}

.smenu-caution{ position:relative;}
.smenu-caution .caution{ position:absolute; right:3px; bottom:28px;}





/* ///////////// menu-k.html /////////////// */
.kmenu-caution{ position:relative;}
.kmenu-caution .caution-k{ position: absolute; color:#547A4B; width: 300px; left: 590px; top: 28px; }
.kmenu-caution .caution-sub{ position: absolute; width: 300px; left: 350px; top: 28px; }

.kmenu-kawari{ position:relative;}
.kmenu-kawari .kawari-drink{ position:absolute; right:0; bottom:10px;} 

#lunch-k{ width:890px; margin:20px auto 0; }
#lunch-k .lunch-box{ background-image:url(../images/kmenu-lunch-bg.jpg); height:466px;}
#lunch-k .lunch-box ul{ overflow:hidden; margin:0 20px; padding-top:15px;}
#lunch-k .lunch-box ul li{ width:33%; float:left; text-align:center; margin-bottom:20px; font-size:16px; position:relative;}
#lunch-k .lunch-box ul li img{ width:94%; margin:20px 3% 8px; height:auto;}
#lunch-k .lunch-box ul li .day{ position:absolute; top:-20px; left:-10px; width:70px; height:70px;} 





/* ///////////// access.html /////////////// */
.kensaku{ position:relative;}
.kensaku .tenpo-kensaku{ position: absolute; left: 182px; top: 26px; }
.kensaku .tenpo-kensaku img{ float:left; margin-right:15px;}

.access-title{ position:relative; background-image:url(../images/head_bgpat2.gif); background-repeat:repeat-x; background-position:center bottom; text-align:right; padding
:20px; color:#FFF; font-size:16px;}
.access-logo{ position:absolute; bottom:10px; left:20px;}.access-logo2{ position: absolute; bottom: 28px; left: 27px; }

.access-tenpobox{ float:left; width: 444px; text-align:center; margin:25px 0 0; padding-left:30px;}
.access-tenpobox-t{ position:relative; background-image:url(../images/access-tenpo-bar.png); height:36px; color:#FFF703; font-size:18px; text-align:left; padding:15px 20px 0;}
.oni{ position:absolute; bottom:5px; right:10px;}
.access-tenpobox dl { overflow:hidden; width:400px; margin:0 auto; padding-top:15px;}
.access-tenpobox dl dt{ display:block; float:left; background-color:#ddd3b6; padding:3px; font-size:12px; color:#7f6a2b; width:60px; margin-bottom:5px; clear:left;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
}
.access-tenpobox dl dd{ display:block; float:left; width:300px; text-align:left; margin-bottom:5px; padding-top:5px; padding-left:10px;}

.box{ border:solid 1px #d4d4d4; }




/* ///////////// fc.html /////////////// */
.fc-greet{ padding:30px; overflow:hidden;}
.fc-greet img{ float:left; margin-right:20px; } 
.fc-greet p{ font-size:14px; line-height:1.6em;}

.fc-box{ padding:30px; overflow:hidden;}.fc-box2{ padding:30px 30px 0; overflow:hidden;}
.fc-box-l{ float:left; width:200px;}
.fc-box-r{ float:right; width:700px; padding-top:10px; font-size:14px; line-height:1.4em;}
.bd-b2{ border-bottom:dotted 1px #a99e7e;}

.fc-dl { overflow:hidden; width:100%; margin:0 auto; }
.fc-dl dt{ display:block; float:left; text-align:center; color:#FFF; background-color:#405c38; padding:3px; font-size:12px; width:60px; margin-bottom:5px; clear:left;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
}
.fc-dl dd{ display:block; float:left; width:620px; text-align:left; margin-bottom:5px; padding-top:5px; padding-left:10px;}


.fc-money{ overflow:hidden; background-color:#f5f3ec; padding:20px;}
.fc-money-table{ width:320px; float:left;}
.fc-money-table td{ padding:8px; }
.fc-arrow{ float:left;}
.fc-t-m{ font-size:16px; color:#437333;}
.fc-th{ background-color:#e1e8d8; width:50%; text-align:center;}
.fc-red{ color:#EE0A0E; background-color:#FFF1C7; }
.fc-white{ background-color:#FFF; text-align:right;}
.fc-caution{ font-size:11px;}



.cv{ position:relative; width:831px; margin:0 auto 30px;}
.cv-txt{ display: block; position: absolute; width: 200px; right: 35px; top: 96px; font-size:18px; line-height:1.2em; }






/* ///////////// banner edge-animate /////////////// */
#Stage{ width:730px; height:270px;}






/* ///////////// PAGE-TOP /////////////// */
#page-top {
	clear:both;
	position: fixed;
	bottom: 100px;
	right: 30px;
	z-index:9999;
}



/* ///////////// footer /////////////// */
.foot-nav{ width:100%; margin:0 auto; background-image: url(../images/footnav_bgpat.jpg); background-repeat:repeat-x;height:70px; margin-top:50px;}
.foot-nav-con{ width:980px; margin:0 auto; text-align:center; padding-top:27px; color:#b59f96;}
.foot-nav-con a:link{ color:#b59f96; text-decoration:underline; }.foot-nav-con a:visited{ color:#b59f96; }.foot-nav-con a:hover{ color:#b59f96; text-decoration:none; }


footer{ width:100%; padding:0; text-align:center; margin-top:0; background-image:url(../images/footcon_bgpat.gif);}
#foot-con{ }

.foot-info{ width:980px; margin:0 auto; overflow:hidden; padding:30px; color:#8c7c6d; position:relative;}
.foot-logo{ float:left; width:103px; margin-right:60px;}
.foot-tenpo-con{ float:left; width:240px; text-align:left; margin-right:40px; }
.foot-tenpo{ text-align:left; }
.foot-tenpo li{ color:#FFF; border-bottom: dashed 1px #454343; padding:10px 0; }
.foot-tenpo-logo{ height:80px;}
.foot-tenpo-add{ font-size:11px; color:#8c7c6d; margin-top:6px; display:block; line-height:1.2em;}

.foot-copyright{ position:absolute; bottom:30px; right:0; text-align:right; color:#4d3c37; font-size:10px;}

#foot-copy{ clear:both; background-color:#000; color:#FFF; font-size:10px; text-align:center; height:70px;}

.comment{
	width: 940px;
	margin: 0 auto 30px;
	padding: 20px 20px 10px 20px;
	background: #fff;
	box-shadow: 0px 0px 6px #000000;
	font-size: 14px;
}

.comment h2

{
	font-size: 16px;
	margin-bottom: 12px;
}

.comment p{
	margin-bottom: 10px;
	line-height:1.8em;
	text-align: left;
}