@charset "UTF-8";
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, 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,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }
  q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none; }

a img {
  border: none; }

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

/* base
----------------------------------------------------------------------*/
html, body {
  width: 100%;
  margin: 0;
  padding: 0; }

body {
  margin: 0;
  padding: 0;
  background-color: #efefef;
  color: black;
  font-size: 14px;
  font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  line-height: 1.6;
  -webkit-text-size-adjust: none;
  min-width: 1000px; }

* html body {
  font-size: 88%; }

*:first-child + html body {
  font-size: 88%; }

a:link, a:active, a:visited, a:hover {
  color: black; }

a {
  text-decoration: underline;
}

a:hover {
  text-decoration: none; }

img {
  vertical-align: bottom; }

strong {
  font-weight: bold; }

.red {
  color: #e60012; }

.mb10 {
  margin-bottom: 10px; }

.mb20 {
  margin-bottom: 20px; }

.mb30 {
  margin-bottom: 30px; }

.small {
  font-size: 79%; }

.middle {
  font-size: 86%; }

.bold {
  font-weight: bold; }

.floatBox {
  *zoom: 1; }
  .floatBox:after {
    content: "";
    display: table;
    clear: both; }

/* frameWork
----------------------------------------------------------------------*/
#wrapper {
  margin: 0;
  padding: 0;
  width: 100%;
  background-color: #ffffff; }

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

#header {
  width: 100%; }

#contents {
  width: 100%;
  margin-bottom: 60px; }

footer {
  width: 100%; }

/* format
----------------------------------------------------------------------*/
#contents h4 {
  margin-bottom: 20px;
  padding: 14px 0 11px 17px;
  background: url(../img/common/h4-bg.gif) repeat-y 0 0;
  font-size: 129%;
  color: #ffffff; }
#contents h5 {
  margin-bottom: 20px;
  padding-bottom: 2px;
  font-size: 129%;
  border-bottom: 3px double #cccccc; }
#contents h6 {
  margin-bottom: 8px;
  padding: 0 0 0 25px;
  background: url(../img/common/icn-box01.gif) no-repeat 0 0;
  font-size: 107%;
  font-weight: bold; }
#contents table {
  background: #FFFFFF;
  border: 1px solid #cccccc;
  border-width: 1px 1px 0 0;
  font-size: 86%;
  color: #000000; }
  #contents table th {
    padding: 6px 0;
    background: #eeece7;
    border: 1px solid #cccccc;
    border-width: 0 0 1px 1px;
    text-align: center; }
  #contents table td {
    padding: 6px 10px;
    background: #FFFFFF;
    border: 1px solid #cccccc;
    border-width: 0 0 1px 1px;
    text-align: left; }

#catHeadBox {
  border-top: 1px solid #cccccc;
  padding: 20px 0 40px; }

p#pagetop {
  position: fixed;
  bottom: 70px;
  right: 0;
  z-index: 1000;
  width: 170px; }
  p#pagetop a {
    display: block;
    padding: 14px 0 11px 20px;
    background-color: #b50b18;
    background-image: url(../img/common/icn-arrow02.gif);
    background-repeat: no-repeat;
    background-position: 90% 50%;
    color: #ffffff;
    font-size: 100%;
	transition: 0.3s all ease-out;
    text-decoration: none; }
    p#pagetop a:hover {
      background-color: #e60012; }

.fixed-bottom {
  filter: alpha(opacity=60);
  -moz-opacity: 0.60;
  opacity: 0.60; }

/* header
----------------------------------------------------------------------*/
#header #headerHead {
  width: 100%;
  margin-bottom: 20px;
  background-color: #efefef; }
  #header #headerHead h1 {
    padding: 6px 0;
    color: #000000;
    font-size: 93%; }
#header #headerContents {
  *zoom: 1;
  margin-bottom: 45px; }
  #header #headerContents:after {
    content: "";
    display: table;
    clear: both; }
  #header #headerContents h2 {
    display: inline;
    float: left;
    margin-top: 57px; }
  #header #headerContents ul {
    display: inline;
    float: right;
    margin-right: -15px;
    *zoom: 1; }
    #header #headerContents ul:after {
      content: "";
      display: table;
      clear: both; }
    #header #headerContents ul li {
      display: inline;
      float: left;
      width: 136px;
      margin-right: 15px; }
      #header #headerContents ul li a {
        display: block;
        overflow: hidden;
        padding-top: 136px;
        height: 0;
        background-image: url(../img/common/gnav.jpg);
        background-repeat: no-repeat; }
      #header #headerContents ul li.gnav01 a {
        background-position: 0 0; }
      #header #headerContents ul li.gnav02 a {
        background-position: -136px 0; }
      #header #headerContents ul li.gnav03 a {
        background-position: -272px 0; }
      #header #headerContents ul li.gnav04 a {
        background-position: -408px 0; }
      #header #headerContents ul li.gnav01 a:hover, #header #headerContents ul li.gnav01 a.on {
        background-position: 0 -136px; }
      #header #headerContents ul li.gnav02 a:hover, #header #headerContents ul li.gnav02 a.on {
        background-position: -136px -136px; }
      #header #headerContents ul li.gnav03 a:hover, #header #headerContents ul li.gnav03 a.on {
        background-position: -272px -136px; }
      #header #headerContents ul li.gnav04 a:hover, #header #headerContents ul li.gnav04 a.on {
        background-position: -408px -136px; }

/* footer
----------------------------------------------------------------------*/
footer .ftCatchWrapper {
  width: 100%;
  padding: 28px 0 25px;
  background: url(../img/common/bg-catch.gif) repeat 0 0; }
footer .ftAccess {
  *zoom: 1;
  position: relative;
  padding: 24px 0 20px; }
  footer .ftAccess:after {
    content: "";
    display: table;
    clear: both; }
  footer .ftAccess .ftLogo {
    display: inline;
    float: left;
    width: 170px;
    margin: 45px 40px 0 0; }
  footer .ftAccess .rightBox {
    display: inline;
    float: left; }
    footer .ftAccess .rightBox p.catch {
      line-height: 1.2;
      margin-bottom: 10px;
      font-size: 143%;
      font-weight: bold;
      color: #000000;
      background: none; }
    footer .ftAccess .rightBox p.holiday {
      padding-left: 13px;
      background: url(../img/common/icn-box02.gif) no-repeat 0 6px; }
    footer .ftAccess .rightBox ul {
      margin-bottom: 10px; }
  footer .ftAccess .buildImage {
    position: absolute;
    right: 0;
    bottom: 0; }
footer #copyRight {
  padding: 24px 0 55px;
  width: 100%;
  text-align: center;
  background-color: #efefef; }

/* top
----------------------------------------------------------------------*/
.mainImageColumn {
  *zoom: 1;
  margin: 0 -20px 47px 0; }
  .mainImageColumn:after {
    content: "";
    display: table;
    clear: both; }
  .mainImageColumn div {
    display: inline;
    float: left;
    width: 320px;
    margin-right: 20px; }
    .mainImageColumn div.sliderArea {
      position: relative; }
      .mainImageColumn div.sliderArea div.sliderWrapper {
        position: absolute;
        top: 15px;
        left: 154px;
        width: 103px;
        height: 315px;
        overflow: hidden; }

#newsArea h3 {
  margin-bottom: 20px;
  padding: 14px 0 11px 17px;
  background: url(../img/common/h4-bg.gif) repeat-y 0 0;
  font-size: 129%;
  color: #ffffff; }
#newsArea .newsTitleBox {
  padding-left: 15px;
  border-left: 5px solid #e60012; }
  #newsArea .newsTitleBox .date {
    color: #e60012; }
  #newsArea .newsTitleBox h4 {
    padding: 0;
    background: none;
    color: #000000;
    font-size: 157%; }
#newsArea .cpnBox {
  *zoom: 1;
  margin-bottom: 3px;
  padding: 20px;
  border: 5px solid #e60012; }
  #newsArea .cpnBox:after {
    content: "";
    display: table;
    clear: both; }
  #newsArea .cpnBox .cpn01 {
    display: inline;
    float: left; }
  #newsArea .cpnBox .cpn02 {
    display: inline;
    float: right; }
  #newsArea .cpnBox .cpnCntBox {
    width: 440px; }
    #newsArea .cpnBox .cpnCntBox h5 {
      border: none;
      margin-bottom: 14px; }
    #newsArea .cpnBox .cpnCntBox p {
      font-size: 93%;
      line-height: 1.4; }

/* SHOP LIST
----------------------------------------------------------------------*/
.floorLink {
  *zoom: 1;
  margin-bottom: 40px; }
  .floorLink:after {
    content: "";
    display: table;
    clear: both; }
  .floorLink li {
    display: inline;
    float: left;
    width: 170px;
    margin-right: 1px; }
    .floorLink li a {
      display: block;
      padding: 14px 0 11px 20px;
      background-color: #b50b18;
      background-image: url(../img/common/icn-arrow01.gif);
      background-repeat: no-repeat;
      background-position: 90% 50%;
      color: #ffffff;
      font-size: 129%;
      text-decoration: none; }
      .floorLink li a:hover {
        background-color: #e60012; }

#floor01 .shopBox {
  margin: 0;
  border: none; }

section .borderNon {
  margin: 0;
  border: none; }

.shopBox .shopContents .detailArea p.wid650 {
  width: 650px; }

section {
  margin-bottom: 20px; }
  section .shopBox {
    *zoom: 1;
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px dotted #cccccc; }
    section .shopBox:after {
      content: "";
      display: table;
      clear: both; }
    section .shopBox .shopImg {
      display: inline;
      float: left;
      width: 264px; }
    section .shopBox .rightBox {
      display: inline;
      float: right;
      width: 706px; }
    section .shopBox .shopContents .nameArea {
      *zoom: 1;
      margin-bottom: 20px; }
      section .shopBox .shopContents .nameArea:after {
        content: "";
        display: table;
        clear: both; }
      section .shopBox .shopContents .nameArea .shopLogo {
        display: inline;
        float: left;
        margin-right: 20px; }
      section .shopBox .shopContents .nameArea dl {
        display: inline;
        float: left; }
        section .shopBox .shopContents .nameArea dl dt {
          font-size: 143%; }
        section .shopBox .shopContents .nameArea dl dd {
          margin-top: 6px;
          font-size: 86%;
          color: #e60012; }
    section .shopBox .shopContents .adressArea {
      *zoom: 1;
      margin-bottom: 20px; }
      section .shopBox .shopContents .adressArea:after {
        content: "";
        display: table;
        clear: both; }
      section .shopBox .shopContents .adressArea p {
        display: inline;
        float: left;
        margin-right: 20px; }
        section .shopBox .shopContents .adressArea p.telNum {
          background: url(../img/shop/icn-tel.gif) no-repeat 0 0;
          padding: 3px 0 3px 32px; }
        section .shopBox .shopContents .adressArea p.hpAdress {
          background: url(../img/shop/icn-web.gif) no-repeat 0 0;
          padding: 3px 0 3px 32px; }
    section .shopBox .shopContents .detailArea table {
      float: left;
      width: 330px;
      margin-right: 20px; }
      section .shopBox .shopContents .detailArea table th {
        width: 43%; }
    section .shopBox .shopContents .detailArea p {
      float: left;
      width: 350px; }

/* FLOOR MAP
----------------------------------------------------------------------*/
section#floorMap03 {
  margin-bottom: 0; }

section.floorMap {
  margin-bottom: 60px; }
  section.floorMap .floatBox .floorMapImg {
    display: inline;
    float: left;
    width: 580px; }
  section.floorMap .floatBox ul {
    display: inline;
    float: right;
    width: 390px; }
    section.floorMap .floatBox ul li {
      margin-bottom: 8px;
      padding: 3px 0 3px 40px;
      background-repeat: no-repeat;
      background-position: 0 0; }
      section.floorMap .floatBox ul li.fl01 {
        background-image: url(../img/floormap/icn-num01.gif); }
      section.floorMap .floatBox ul li.fl02 {
        background-image: url(../img/floormap/icn-num02.gif); }
      section.floorMap .floatBox ul li.fl03 {
        background-image: url(../img/floormap/icn-num03.gif); }
      section.floorMap .floatBox ul li.fl04 {
        background-image: url(../img/floormap/icn-num04.gif); }
      section.floorMap .floatBox ul li.fl05 {
        background-image: url(../img/floormap/icn-num05.gif); }
      section.floorMap .floatBox ul li.fl06 {
        background-image: url(../img/floormap/icn-num06.gif); }
      section.floorMap .floatBox ul li.fl07 {
        background-image: url(../img/floormap/icn-num07.gif); }
      section.floorMap .floatBox ul li.fl08 {
        background-image: url(../img/floormap/icn-num08.gif); }
      section.floorMap .floatBox ul li.fl09 {
        background-image: url(../img/floormap/icn-num09.gif); }
      section.floorMap .floatBox ul li.fl10 {
        background-image: url(../img/floormap/icn-num10.gif); }
      section.floorMap .floatBox ul li.fl11 {
        background-image: url(../img/floormap/icn-num11.gif); }
      section.floorMap .floatBox ul li.fl12 {
        background-image: url(../img/floormap/icn-num12.gif); }

/* ACCESS
----------------------------------------------------------------------*/
.accessBox .floatBox #googlemap {
  display: inline;
  float: left;
  width: 580px; }

.accessBox .floatBox #googlemap iframe{
  width: 580px;
height: 450px;
}
.accessBox .floatBox .rightBox {
  display: inline;
  float: right;
  width: 390px; }


.accessBox .gmBtn{
	margin: 15px 0 0;
}

.accessBox .gmBtn a{
	display: block;
	color: #fff;
	text-align: center;
	padding: 14px 10px;
    background-color: #b50b18;
	text-decoration: none;
	transition: 0.3s all ease-out;
}

.accessBox .gmBtn a:hover{
	background-color: #e60012;
}