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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  color:#666;
  font-size:100%;
  line-height:140%;
  letter-spacing:1px;
}
body{
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
ol,ul,dl{
  list-style:none;
}
a{
  text-decoration:none;
  color:#29abe2;
  outline:none;
}
a:hover{
  color:#E29829;
}
img{
  border:none;
}

.clearfix:after{
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
  content:".";
  line-height:0;
}
.clearfix{
  display:inline-table;
  min-height:1%;
}
/* FOR MAC IE \*/
* html .clearfix{
  height:1%;
}
.clearfix{
  display:block;
}
.clear{
  clear:both;
  width:0px;
  height:0px;
  display:block;
  overflow:hidden;
}
/* END OF FOR MAC IE */
/******************************************************/

.fSS{
font-size:10px;
}

.fRed{
	color:#ff0000;
}

.fBlue{
	color: #213D76;
}

.fOrange{
	color: #FF7F00;
}

.fPink{
	color: #FF9999;
}

/******************************************************/

body{
  background-image:url(/sample/img/bg.png);
  background-repeat:no-repeat;
  background-position:0px 120px;
}

/******************************************************/
#attention{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:url('rgba.php/rgba(0,0,0,0.7)');
  background:rgba(0,0,0,0.7);
  z-index:100;
}
#attention div{
  position:absolute;
  top:20%;
  left:0;
  width:100%;
  min-width:960px;
  background:url('rgba.php/rgba(189,0,0,0.7)');
  background:rgba(189,0,0,0.7);
  padding:120px 0;
}
#attention p{
  color:#FFF;
  text-align:center;
  font-size:35px;
  font-weight:bold;
  line-height:130%;
}

#header-wrap{
  width:100%;
}
header{
}
header hgroup{
  width:960px;
  margin:10px auto;
}
h1{
	font-size: 10px;
	font-weight: 100;
	float: right;
	text-align: right;
	width: 370px;
	margin: 15px 0 0;
}

#global-nav{
  width:100%;
  background:#CCC;
}
#global-nav ul{
	width: 960px;
	margin: 0 auto;
}
#global-nav ul li{
  display:inline;
}
#global-nav ul li a{
	display: block;
	float: left;
	text-align: center;
	width: 160px;
	padding: 0px 0;
	font-size: 12px;
	color: #888;
	background: #EEE;
}
#global-nav ul li:first-child a{

}
#global-nav ul li a span{
  display:block;
  font-size:10px;
}


/******************************************************/

#slideshow{
	width: 960px;
	height: 400px;
	margin: 20px auto 0;
}
#slideshow img{
  position:absolute;
  display:none;
}
#slideshow .slide01 img{
  display:block;
}
/******************************************************/

#content{
	width: 960px;
	margin: 50px auto 0;
}
#content article{
	width: 730px;
	float: left;
}
#content article section{
  margin:0 0 50px;
}
#content article section #top-list{
  margin:30px 0 0;
}
#content article section #top-list li{
  float:left;
  margin:0 20px 0 0;
}
#content article section h3{
  font-size:35px;
  font-weight:100;
  margin:0 0 20px;
  clear:both;
}
#content article section p{
	font-size: 13px;
	margin: 0 0 10px;
}

#news h3{
  margin:0px !important;
}
#news dl{
	border-bottom: 1px solid #CCC;
	padding: 20px 0 0;
}
#news dt{
  margin:0 0 5px;
  font-size:12px;
}
#news dd{
  border-bottom:1px dotted #CCC;
  margin:0 0 20px;
  font-size:10px;
}
#time{
  border-top:3px double #CCC;
  border-bottom:3px double #CCC;
  padding:30px 0;
}

#boxA{
	width: 720px;
	padding-top: 10px;
	padding-bottom: 10px;
}


.imgleft{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
}

.imgright{
float:right;
margin:10px;
}

#txtboxB{
	width: 480px;
	float: right;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 5px;
}


#txtboxB .titlebold{
	font-size: 16px;
	font-weight: bold;
	border: 1px solid #CECECE;
	padding: 5px;
	
}
#txtboxB .titlebold2{
	font-size: 15px;
	font-weight: bold;
	border: 1px solid #CECECE;
	padding: 5px;
	
}


/*********************************/

#content article.page section{
  padding:20px;
  background:url('rgba.php/rgba(255,255,255,0.7)');
  background:rgba(255,255,255,0.7);
}
#content article.page.menu section h4{
  border-bottom:1px solid #555;
  margin:0 0 40px;
}

/*********************************/

#content article.page.flaver section h4{
  border-bottom:1px solid #555;
  margin:0 0 20px;
  clear:both;
}
#content article.page.flaver section .txt{
  float:left;
  width:360px;
  margin:0 0 40px;
}
#content article.page.flaver section .flaver-img{
  float:right;
  display:block;
}

/*********************************/

#content article.page.photo section ul{
}
#content article.page.photo section ul li{
  display:inline;
}
#content article.page.photo section ul li a{
  display:block;
  float:left;
  width:340px;
  height:250px;
  margin:0 0 20px;
}
#content article.page.photo section ul li:nth-child(2n+2) a{
  float:right;
}
#content article.page.photo section ul li a img{
  border:5px solid #CCC;
}

/*********************************/

#content article.menu section .menu{
  position:relative;
  height:160px;
  margin:0 0 50px;
}
#content article.menu section .menu img{
  position:absolute;
  top:0;
  left:20px;
  border:5px solid #CCC;
  display:block;
  z-index:100;
}
#content article.menu section .menu p.name{
  position:absolute;
  width:260px;
  padding:5px 0 5px 420px;
  top:30px;
  background:url('rgba.php/rgba(0,0,0,0.5)');
  background:rgba(0,0,0,0.5);
  font-size:20px;
  color:#FFF;
}
#content article.menu section .menu p.price{
  position:absolute;
  text-align:right;
  top:90px;
  right:20px;
  width:100%;
  text-align:right;
  font-size:15px;
}

#content article.menu section .drink p{
  float:left;
  font-size:20px;
}
#content article.menu section .drink p:nth-child(n+2){
  float:left;
  font-size:20px;
  margin:0 0 0 50px;
}

/*********************************/

#content article.access #map-canvas{
  width:670px;
  height:400px;
  margin:0 0 50px;
  border:5px solid #555;
}
#content article.access #img-box{
  float:left;
  width:350px;
}
#content article.access #img-box img{
  margin:0 0 20px;
}
#content article.access #txt{
	float: right;
	width: 320px;
}
#content article.access #txt p{
	font-size: 13px;
}
#content article.access #txt p:first-child + *{

}

/******************************************************/

#content aside{
  width:200px;
  float:right;
}
#content aside #about{
	margin: 0;
}
#content aside #about address{
	font-size: 10px;
	text-align: right;
	font-style: normal;
	border-top: 3px double #CCC;
	border-bottom: 3px double #CCC;
	margin: 20px 0;
	padding: 10px 0;
}
#content aside #about address p:first-child{
	text-align: right;
	font-size: 15px;
}
#content aside #rakuten{
  margin:0 0 10px;
}
#content aside #blog{
	margin: 0 0 5px;
}
#content aside #sns{
}

#content aside #calender{
	margin: 0 0 10px;
	width: 180px;
}


/******************************************************/

#page-top-link button{ 
  width:60px;
  height:60px;
  border:none;
  font-size:30px;
  font-weight:bold;
  color:#EEE;
  position:fixed;
  bottom:55px;
  left:50px;
  background:#999;
  outline:none;
  border-radius:50%;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  behavior:url("/PIE.htc");
}


/******************************************************/

footer{
  width:100%;
  background:#CCC;
  padding:50px 0;
  margin:50px 0 0;
}
footer ul{
  width:980px;
  margin:0 auto;
}
footer ul li{
  display:inline;
}
footer ul li a{
  display:block;
  float:left;
  text-align:center;
  width:160px;
  font-size:10px;
  color:#555;
  border-right:1px solid #FFF;
}
footer ul li:first-child a{
  border-left:1px solid #FFF;
}
#copyright{
  font-size:10px;
  letter-spacing:0px;
  text-align:center;
  clear:both;
  margin:50px 0 0;
}



/******************************************************/
/******************************************************/

.space{
  margin:0 0 10px !important;
}
.red{
  color:#BD0000;
}


/******************************************************/
/******************************************************/

#cal span.Today {
  cursor:pointer;
  font-weight:bolder;
  display:block;
  background-color:#F8E1E8;
}
#cal .deli {
  background-color:#009900;
  color:#FFFFFF;
}
#cal li.openingsale {
  color:#FFFFFF;
  font-weight:bolder;
  background-color:#FF0000;
}
#cal li.holyday {
  color:#FFF;
  font-weight:bolder;
  background-color:#E1E1E1;
}
#cal li.Sun {
  color:#FF0000;
}
#cal li.Sat {
  color:#0000FF;
}
#cal li.undefined {
  cursor:pointer;
}

/*ui*/
#cal div.cal_wrapper {
  padding:5px 0px;
  width:200px;
  height:200px;
  position:relative;
  margin-bottom:10px;
  background:#F9F9F9;
}
#cal ul.cal_ui {
  padding:0px;
  margin:4px;
  width:60px;
  float:right;
}
#cal ul.cal_ui li {
  float:left;
  width:20px;
  height:15px;
  font-size:10px;
  list-style:none;
  background-repeat:no-repeat;
  cursor:pointer;
}
#cal li.cal_prev {
  background-image:url(/sample/img/cal_01.gif);
}
#cal li.cal_to {
  background-image:url(/sample/img/cal_02.gif);
}
#cal li.cal_next {
  background-image:url(/sample/img/cal_03.gif);
}

#cal div.cal_base {
	
}

#cal div.cal_base p {
  font-size:13px;
  padding:5px;
  margin:0px;
  border-bottom:solid 1px #CCCCCC;
}

#cal ul.cal_main {
  clear:both;
  width:175px;
  padding:0px;
  margin:0px auto;
}
#cal ul.cal_main li {
  padding:2px 0;
  width:25px;
  text-align:center;
  list-style:none;
  font-size:10px;
  float:left;
  overflow:hidden;
  border-bottom:solid 1px #CCCCCC;
}
#cal ul.cal_main li span {
  padding:3px;
  display:block;
}

#cal li.cal_headline {
	
}

/******************************************************/

.company table {
	margin: 10px;
	border-collapse: separate;
}
.company table th,td {
	padding: 10px;
	vertical-align: top;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #cccccc;
	text-align: left;
	font-size:13px;
}

.company table th,td p {
	vertical-align: top;
	text-align: left;
	padding-bottom: 10px;
}

.company table tr td ul li {
	padding-bottom: 3px;
	padding-left: 20px;
	background-repeat: no-repeat;
}



/******************************************************/

form#m-form {margin:30px 0 0;padding:10px;width:654px;border:3px double #CCC;background:#FFF;}
#m-form strong{color:#336699;}
#m-form .hissu{color:#fff;font-size:10px;display:inline-block;float:right;padding:1px 8px 1px 3px;background:#bd0000;border-radius:50%;}
#m-form .pan{color:#777777;padding:5px;text-align:center;background:#fafafa;border:1px solid #dddddd;margin-bottom:5px;}
#m-form .send{text-align:center;padding:10px;}
#m-form .message{padding:10px;}
#m-form .mail02{display:inline-block;margin:10px 0 0;}
#m-form .info{color:#666666;}
#m-form .ninzuu{display:block;margin:5px 0 0;color:#bd0000;}
#m-form table{margin:0px auto;width:654px;}
#m-form th{background:#f1f1f1;font-size:12px;border-right:3px solid #fff;border-bottom:3px solid #fff;padding:5px 10px;text-align:left;width:170px;font-weight:100;}
#m-form td{width:460px;background:#fafafa;font-size:12px;border-bottom:3px solid #fff;padding:5px 10px;color:#999;}
#m-form td input{padding:3px;}
#m-form td select{padding:3px;}
#m-form td select option{padding:3px;}
#m-form th.top{border-top:1px solid #cccccc;}
#m-form td.top{border-top:1px solid #dddddd;}
#m-form textarea{min-width:460px;max-width:460px;padding:3px;font-size:14px;}
#m-form table.preview th{padding:5px 10px;}
#m-form table.preview td{padding:5px 10px;}
#m-form .error_message{border:1px solid #dd3300;background:#fee1e1;padding:10px;font-size:14px;color:#dd3300;}
#m-form td input:focus{background:#FFFAFA;outline:none;border:2px solid #CCC;}
#m-form td select:focus,#m-form td textarea:focus{background:#FFFAFA;outline:none;border:1px solid #CCC;}/* CSS Document */



/* ---------------------------------------------
	preset margin 
--------------------------------------------- */
.mt00 { margin-top:  0   !important;}
.mt05 { margin-top:  5px !important;}
.mt10 { margin-top: 10px !important;}
.mt12 { margin-top: 12px !important;}
.mt15 { margin-top: 15px !important;}
.mt20 { margin-top: 20px !important;}
.mt25 { margin-top: 25px !important;}
.mt30 { margin-top: 30px !important;}
.mt35 { margin-top: 35px !important;}
.mt40 { margin-top: 40px !important;}
.mt45 { margin-top: 45px !important;}
.mt50 { margin-top: 50px !important;}

.mr00 { margin-right:  0   !important;}
.mr05 { margin-right:  5px !important;}
.mr10 { margin-right: 10px !important;}
.mr12 { margin-right: 12px !important;}
.mr15 { margin-right: 15px !important;}
.mr20 { margin-right: 20px !important;}
.mr25 { margin-right: 25px !important;}
.mr30 { margin-right: 30px !important;}
.mr35 { margin-right: 35px !important;}
.mr40 { margin-right: 40px !important;}
.mr45 { margin-right: 45px !important;}
.mr50 { margin-right: 50px !important;}

.mb00 { margin-bottom:  0   !important;}
.mb05 { margin-bottom:  5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb12 { margin-bottom: 12px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb25 { margin-bottom: 25px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb35 { margin-bottom: 35px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb45 { margin-bottom: 45px !important;}
.mb50 { margin-bottom: 50px !important;}

.ml00 { margin-left:  0   !important;}
.ml05 { margin-left:  5px !important;}
.ml10 { margin-left: 10px !important;}
.ml12 { margin-left: 12px !important;}
.ml15 { margin-left: 15px !important;}
.ml20 { margin-left: 20px !important;}
.ml25 { margin-left: 25px !important;}
.ml30 { margin-left: 30px !important;}
.ml30 { margin-left: 35px !important;}
.ml40 { margin-left: 40px !important;}
.ml45 { margin-left: 45px !important;}
.ml50 { margin-left: 50px !important;}


/* ---------------------------------------------
	preset padding 
--------------------------------------------- */
.pt00 { padding-top:  0   !important;}
.pt05 { padding-top:  5px !important;}
.pt10 { padding-top: 10px !important;}
.pt12 { padding-top: 12px !important;}
.pt15 { padding-top: 15px !important;}
.pt20 { padding-top: 20px !important;}
.pt25 { padding-top: 25px !important;}
.pt30 { padding-top: 30px !important;}
.pt32 { padding-top: 32px !important;}
.pt35 { padding-top: 35px !important;}
.pt40 { padding-top: 40px !important;}
.pt45 { padding-top: 45px !important;}
.pt50 { padding-top: 50px !important;}

.pr00 { padding-right:  0   !important;}
.pr05 { padding-right:  5px !important;}
.pr10 { padding-right: 10px !important;}
.pr12 { padding-right: 12px !important;}
.pr15 { padding-right: 15px !important;}
.pr20 { padding-right: 20px !important;}
.pr25 { padding-right: 25px !important;}
.pr30 { padding-right: 30px !important;}
.pr35 { padding-right: 35px !important;}
.pr40 { padding-right: 40px !important;}
.pr45 { padding-right: 45px !important;}
.pr50 { padding-right: 50px !important;}

.pb00 { padding-bottom:  0   !important;}
.pb05 { padding-bottom:  5px !important;}
.pb10 { padding-bottom: 10px !important;}
.pb12 { padding-bottom: 12px !important;}
.pb15 { padding-bottom: 15px !important;}
.pb20 { padding-bottom: 20px !important;}
.pb25 { padding-bottom: 25px !important;}
.pb30 { padding-bottom: 30px !important;}
.pb35 { padding-bottom: 35px !important;}
.pb40 { padding-bottom: 40px !important;}
.pb45 { padding-bottom: 45px !important;}
.pb50 { padding-bottom: 50px !important;}

.pl00 { padding-left:  0   !important;}
.pl05 { padding-left:  5px !important;}
.pl08 { padding-left:  8px !important;}
.pl10 { padding-left: 10px !important;}
.pl12 { padding-left: 12px !important;}
.pl15 { padding-left: 15px !important;}
.pl20 { padding-left: 20px !important;}
.pl25 { padding-left: 25px !important;}
.pl30 { padding-left: 30px !important;}
.pl30 { padding-left: 35px !important;}
.pl40 { padding-left: 40px !important;}
.pl45 { padding-left: 45px !important;}
.pl50 { padding-left: 50px !important;}


/* ---------------------------------------------
	inline align
--------------------------------------------- */
.inlineL { text-align: left;}
.inlineC { text-align: center;}
.inlineR { text-align: right;}


/* ---------------------------------------------
	vertical align
--------------------------------------------- */
.vlineT { vertical-align: top    !important;}
.vlineM { vertical-align: middle !important;}
.vlineB { vertical-align: bottom !important;}


/* ---------------------------------------------
	preset width
--------------------------------------------- */
.wHalf  { width: 48%;}
.wTri   { width: 33%;}
.wQuart { width: 24%;}
.wFull  { width: 99.9%;}
.wMax   { width: 100%;}

/* table */
.tw03 { width:  3% !important;}
.tw05 { width:  5% !important;}
.tw10 { width: 10% !important;}
.tw13 { width: 13% !important;}
.tw15 { width: 15% !important;}
.tw20 { width: 20% !important;}
.tw25 { width: 25% !important;}
.tw30 { width: 30% !important;}
.tw35 { width: 35% !important;}
.tw40 { width: 40% !important;}
.tw45 { width: 45% !important;}
.tw50 { width: 50% !important;}


/* ---------------------------------------------
	float
--------------------------------------------- */
.fltL {
	display: inline;
	float: left;
}
.fltR {
	display: inline;
	float: right;
}
.ft {
	overflow: hidden;
	zoom: 1;
}



.center {
	text-align: center;
}