@charset "UTF-8";
/* =================================================================
  Structure
   ================================================================= */
body {
  font: 100% Verdana, Arial, "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
  color: #333;
  background-color: #fff;
  position: relative;
  z-index: 0;
  line-height: 1.4;
  margin: 0 auto;
  padding:0;
-webkit-text-size-adjust: 100%;
}

html {
  padding:0;
  margin: 0 auto;
}

a {
  color: black;
  text-decoration: none;
        -webkit-transition: 0.3s ease-in-out;
       -moz-transition: 0.3s ease-in-out;
         -o-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out;
}

a:hover {
  color: #990000;
}


article, aside, figure, figcaption, footer, header, nav, section {
display: block;
}

.web-font01 {
  font-family: "Quicksand",sans-serif;
}

#wrapper {
  margin: 0 auto;
  overflow: hidden;
}



.inner {
  width: 1140px;
  margin: 0 auto;
}



hr {
  margin: 35px 0 35px;
}

/* =================================================================
  Header
   ================================================================= */

#header {
  background-color: white;
  height: 120px;
}

#header h2.txt {
  font-size: 80%;
  font-weight: normal;
  position: absolute;
  top: 6px;
  left: 0px;
}

#header .header-top {
  height: 162px;
  width: 1140px;
  margin: 0 auto;
  position: relative;
}


.h-logo {
  background: url(../img/common/h-logo.png) no-repeat;
  width:358px;
  height: 94px;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  top: 32px;
  left: 0px;
}

/*ヘッダにバナー無し
.h-tel {
  width:277px;
  height: 26px;
  position: absolute;
  top: 45px;
  left: 384px;
  z-index: 9999;
}
*/

/*ヘッダにバナーあり*/
.h-tel {
  width:277px;
  height: 26px;
  position: absolute;
  top: 10px;
  left: 384px;
  z-index: 9999;
}

.h-tel a {
  display: block;
    width:277px;
  height: 26px;

}

/*ヘッダにバナー無し
.h-contact {
  background: url(../img/common/h-contact.png) no-repeat;
  width:242px;
  height: 28px;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  top: 80px;
  left: 384px;
  z-index: 100;
}
*/
/*ヘッダにバナーあり*/
.h-contact {
  background: url(../img/common/h-contact.png) no-repeat;
  width:242px;
  height: 28px;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  top: 10px;
  left: 635px;
  z-index: 100;
}

a.contact {
  display: block;
}
/*ヘッダにバナー無し
.h-info {
  position: absolute;
  top: 44px;
  right: -20px;
  font-size: 95%;
  line-height: 1.4;
}
*/
/*ヘッダにバナーあり*/
.h-info {
  position: absolute;
  top: 44px;
  left: 384px;
  font-size: 95%;
  line-height: 1.4;
}

.h-info span {
  font-size: 90%;
}

.h-bnr {
  position: absolute;
  top: 10px;
  left: 895px;
}

#header-container .h-inner {
  width: 1140px;
  margin: 0 auto;
  position: relative;
  z-index: 3;
}


#header-container .h-inner .logo {
  display: block;
  width: 210px;
  height: 38px;

  position: absolute;
  top: 0px;
  left: 0px;
}



/* =================================================================
  Nav
   ================================================================= */




#nav  {
  clear: both;
  background: url(../img/nav/nav_bg.png) repeat-x;
  height: 52px;
  width: 100%;
  margin-bottom: -5px;
  position: relative;
  background-color: white;
}

#nav ul{
  text-align: center;
  width:1146px;
  margin: 0 auto;
}

#nav ul li img:hover {
  opacity: 0;
}

#nav li.nav01 {
  background: url(../img/nav/nav01.png) no-repeat;
}
#nav li.nav02 {
  background: url(../img/nav/nav02.png) no-repeat;
}
#nav li.nav03 {
  background: url(../img/nav/nav03.png) no-repeat;
}
#nav li.nav04 {
  background: url(../img/nav/nav04.png) no-repeat;
}
#nav li.nav05 {
  background: url(../img/nav/nav05.png) no-repeat;
}
#nav li.nav06 {
  background: url(../img/nav/nav06.png) no-repeat;
}
#nav li.nav07 {
  background: url(../img/nav/nav07.png) no-repeat;
}

#nav li.nav01:hover {
  background: url(../img/nav/nav01_o.png) no-repeat;
}

#nav li.nav02:hover {
  background: url(../img/nav/nav02_o.png) no-repeat;
}
#nav li.nav03:hover {
  background: url(../img/nav/nav03_o.png) no-repeat;
}
#nav li.nav04:hover {
  background: url(../img/nav/nav04_o.png) no-repeat;
}
#nav li.nav05:hover {
  background: url(../img/nav/nav05_o.png) no-repeat;
}
#nav li.nav06:hover {
  background: url(../img/nav/nav06_o.png) no-repeat;
}
#nav li.nav07:hover {
  background: url(../img/nav/nav07_o.png) no-repeat;
}



#nav li {
  float: left;
      -webkit-transition: 0.3s ease-in-out;
       -moz-transition: 0.3s ease-in-out;
         -o-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out;
}




/* =================================================================
  Bread
   ================================================================= */

   .bread {
    clear: both;
    margin-bottom: 10px;
    height: 20px;
   }


   .bread ul {
    margin: 10px 0px 0px 0px;
    font-size: 85%;
   }

.bread ul li {
  float: left;
  margin-bottom: 25px;
}

.bread ul li.home:after {
content: "　＞　";
}
.bread ul li:nth-child(3):before {
content: "　＞　";
}




/* =================================================================
  Side
   ================================================================= */


.side-nav {
  float: left;
  width: 246px;
}

.side-nav ul li {
  clear: both;
  width: 246px;
  height: 68px;

            overflow: hidden;
            text-indent: 100%;
            white-space: nowrap;
}

.side-nav ul li.news {
  background: url(../img/news/category01.png) no-repeat;
}

.side-nav ul li.event {
  background: url(../img/news/category02.png) no-repeat;
}

.side-nav ul li.restaurantinformation {
  background: url(../img/news/category03.png) no-repeat;
}


.side-nav ul li:hover {
  opacity: 0.7;
}







/* =================================================================
  Content
   ================================================================= */

#container .main-cont{
  margin-top: -25px;
}

.right-cont {
  float: right;
  width: 827px;

}



/* =================================================================
  Footer
   ================================================================= */



#back-top {
    bottom: 160px;
    position: fixed;
  right:10px;
  z-index:20;
}

#footer  {
  clear: both;
  margin-top: 100px;
  border-top: 1px solid #CCC;
  padding-top: 0px;
  margin-bottom: 35px;
}

#footer .f-inner {
  width: 1141px;
  margin: 0 auto;
  position: relative;
  height: 122px;
}


#footer .f-inner .f-logo{
  background: url(../img/common/f-logo.png) no-repeat;
  width:215px;
  height: 56px;
  position: absolute;
  top:27px;
  left:0px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

#footer .f-inner .f-address {
  position: absolute;
  top: 20px;
  left: 237px;
  font-size: 80%;
}

#footer .f-inner .privacy
{
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: left;
  float: left;


}
.f-right-side {
  float: right;
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
  padding-left: 25px;
font-size: 80%;
width: 320px;
position:absolute;
height: 90px;
top: 25px;
left: 570px;
}

#footer .f-inner .f-company img {
  margin: 9px 0 3px;

}


#footer .f-inner .f-company-address {
position: relative;
top: 5px;
}

#footer .f-inner .f-ban {
  position: absolute;
  top: -2px;
  right: 30px;

}


#footer .f-inner .f-righ-side2 {
  width: px;

  text-align: center;
  line-height: 1.4;
  position: absolute;
  top: 25px;
  right: 42px;
}

#footer .f-inner .f-righ-side2 h2 {
  display: block;
  font-style: normal;
  font-weight: normal;
  font-size: 77%;
}

#footer .f-inner .f-righ-side2 img {
  margin-top: 10px;
}

#footer .f-inner .f-copy {
  position: absolute;
  top: 110px;
  font-size: 69%;
  margin-bottom: 15px;
  margin-top: 20px;
  margin-bottom: 45px;

}


/* =================================================================
  Clearfix
   ================================================================= */


.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; }


/* =================================================================
  Pager
   ================================================================= */


.pager {
  clear:both;
  margin-bottom: 100px;
  position: relative;
  width: 100%;
  padding-top: 35px;
}


/*ページャーのデザインを指定*/


.pager ul {
  text-align: center;
}


.pager ul li {

    display: inline-block;
}


.pager ul li.list {
  margin: -50px 50px 0;
}







/* =================================================================
  Decoration
   ================================================================= */


small {
  font-size: 80%;
}

.notfound {
  margin-top: 0px;
  text-align: center;
  margin-bottom: 0px;
  background: url(../img/top/main-img01.jpg)no-repeat;
  width: 100%;
  height: 555px;
  color: white;
  line-height: 2;
  font-size: 120%;
}

.notfound .notbig {
  font-size: 200%;
  padding-top: 200px;
}