@charset "UTF-8";
.shop .areaList:after, #shopDetail .contentsInner .introBox:after, #shopDetail .contentsInner .introBox .openBox dl dd dl:after {
  content: "";
  display: block;
  clear: both;
}

/* --------------------------------------------------------------
CSS Information

File name:		shop.css
Style Info:		店舗案内で使用するスタイル

Index:
	店舗案内共通
	店舗案内トップ
	店舗案内詳細
-------------------------------------------------------------- */
/*=====================================================
	店舗案内共通
=====================================================*/
.shop .new {
  display: inline-block;
  padding: 2px 5px;
  background-color: #F60;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
}

.shop .openDate {
  margin-left: 10px;
  color: #F60;
  font-weight: bold;
}

.shop .closedDate {
  color: #F60;
  font-weight: bold;
}

.shop .shopName {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.3;
}

.shop .areaList {
  overflow: hidden;
  margin-right: -10px;
}
.shop .areaList li {
  float: left;
  width: 218px;
  margin: 10px 10px 0 0;
}
.shop .areaList li a {
  display: block;
  width: 160px;
  background-color: #eeece0;
  display: block;
  padding: 20px 30px;
  background-image: url(../img/common/ico_arrow_right_s_gray.png);
  background-repeat: no-repeat;
  background-position: 10px 1.7em;
  color: #333333;
  text-decoration: none;
}
.shop .areaList li a:hover, .shop .areaList li a.current {
  background-image: url(../img/common/ico_arrow_right_s_orange.png);
  background-color: #ffcc00;
}

.shop .shopList {
  margin: 0 150px;
}
.shop .shopList li a {
  display: block;
  margin-top: 10px;
  background-color: #eeece0;
  font-weight: bold;
  display: block;
  padding: 20px 30px 20px 20px;
  background-image: url(../img/common/ico_arrow_right_s_gray.png);
  background-repeat: no-repeat;
  background-position: 575px 50%;
  color: #333333;
  text-decoration: none;
  overflow: hidden;
  *zoom: 1;
}
.shop .shopList li a .new {
  float: left;
  margin-right: 10px;
}
.shop .shopList li a .name {
  display: block;
  overflow: auto;
}
.shop .shopList li a:hover, .shop .shopList li a.current {
  background-image: url(../img/common/ico_arrow_right_s_orange.png);
  background-color: #ffcc00;
}

/*=====================================================
	店舗案内トップ
=====================================================*/
#shopTop .bnrRecruit {
  margin-top: 30px;
  text-align: center;
}
#shopTop .newShopList {
  letter-spacing: -.4em;
}
#shopTop .newShopList .newShopBox {
  display: inline-block;
  letter-spacing: normal;
  width: 430px;
  border-top: 1px solid #cccccc;
  vertical-align: top;
}
#shopTop .newShopList .newShopBox:nth-child(odd) {
  margin-right: 40px;
}
#shopTop .newShopList .newShopBox a {
  position: relative;
  display: block;
  padding: 20px;
  border-top: 1px solid #fff;
  color: #333333;
  text-decoration: none;
}
#shopTop .newShopList .newShopBox a:hover {
  background: url(../img/common/bg_dot.png);
}
#shopTop .newShopList .newShopBox a .shopName {
  margin: 15px 0;
}
#shopTop .newShopList .newShopBox a .caption {
  font-size: 12px;
}
#shopTop .newShopList .newShopBox:last-child, #shopTop .newShopList .newShopBox:nth-last-child(2) {
  border-bottom: 1px solid #fff;
}
#shopTop .newShopList .newShopBox:last-child a, #shopTop .newShopList .newShopBox:nth-last-child(2) a {
  border-bottom: 1px solid #cccccc;
}
#shopTop .closeShopList {
  font-size: 16px;
}
#shopTop .closeShopList dt {
  clear: both;
  float: left;
  width: 12em;
  margin-top: 5px;
}
#shopTop .closeShopList dd {
  margin-left: 12.5em;
  padding-top: 5px;
}

/*=====================================================
	店舗案内詳細
=====================================================*/
#shopDetail .contentsInner .introBox .detailBox {
  position: relative;
  float: left;
  width: 460px;
  padding-left: 170px;
}
#shopDetail .contentsInner .introBox .detailBox .shopName {
  margin: 10px 0;
}
#shopDetail .contentsInner .introBox .detailBox .pic {
  position: absolute;
  top: 0;
  left: 0;
}
#shopDetail .contentsInner .introBox .openBox {
  float: right;
  width: 260px;
}
#shopDetail .contentsInner .introBox .openBox dl {
  background-color: #eeece0;
}
#shopDetail .contentsInner .introBox .openBox dl .openHeader {
  background-color: #999;
  color: #fff;
  font-weight: bold;
  text-align: center;
}
#shopDetail .contentsInner .introBox .openBox dl dd {
  padding: 5px;
}
#shopDetail .contentsInner .introBox .openBox dl dd dl dt {
  float: left;
  width: 90px;
}
.english #shopDetail .contentsInner .introBox .openBox dl dd dl dt {
  width: 120px;
}
#shopDetail .contentsInner .introBox .openBox dl dd dl dd {
  float: left;
  width: 160px;
  padding: 0;
}
.english #shopDetail .contentsInner .introBox .openBox dl dd dl dd {
  width: 130px;
}
#shopDetail .contentsInner .introBox .shopNote {
  clear: both;
  padding-top: 10px;
}
#shopDetail .contentsInner .introBox .btnMenu {
  clear: both;
  padding-top: 20px;
}
#shopDetail .contentsInner .introBox .btnMenu a {
  margin: 0 auto;
  display: block;
  background-color: #fff;
  background-repeat: no-repeat;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  color: #333333;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  line-height: 1.0;
  width: 200px;
  padding: 25px 40px 25px 60px;
  background-image: url(../img/common/ico_book.png), url(../img/common/ico_arrow_right_s_gray.png);
  background-position: 15px 50%, right 10px top 50%;
}
#shopDetail .contentsInner .introBox .btnMenu a:hover {
  background-color: #ffcc00;
  background-image: url(../img/common/ico_book.png), url(../img/common/ico_arrow_right_s_orange.png);
}
#shopDetail .contentsInner .legendList li {
  margin-top: 10px;
}
#shopDetail .contentsInner .legendList li dt, #shopDetail .contentsInner .legendList li dd {
  display: table-cell;
  vertical-align: middle;
}
#shopDetail .contentsInner .legendList li dd {
  padding-left: 15px;
}
#shopDetail .contentsInner .icon {
  line-height: 1.3;
}
#shopDetail .contentsInner .icon.storeInfo {
  width: 215px;
  padding: 5px;
  background-color: #333;
  color: #fff;
}
#shopDetail .contentsInner .icon.storeInfo span {
  display: block;
  padding: 10px 5px 10px 10px;
  border-left-width: 3px;
  border-left-style: solid;
  border-left-color: #ccc;
}
#shopDetail .contentsInner .icon.storeInfo span.udon {
  border-left-color: #ccc;
}
#shopDetail .contentsInner .icon.storeInfo span.soba {
  border-left-color: #cccc99;
}
#shopDetail .contentsInner .icon.storeInfo span.kids {
  border-left-color: #ff7e00;
}
#shopDetail .contentsInner .icon.storeInfo span.gentei {
  border-left-color: #ffc600;
}
#shopDetail .contentsInner .icon.storeInfo span.dessert {
  border-left-color: #f55097;
}
#shopDetail .contentsInner .icon.storeInfo span.otsumami {
  border-left-color: #9fc51c;
}
#shopDetail .contentsInner .icon.storeInfo span.morning {
  border-left-color: #70cc6e;
}
#shopDetail .contentsInner .icon.storeInfo span.midnight {
  border-left-color: #6ec9cc;
}
#shopDetail .contentsInner .icon.storeInfo span.noSmoking {
  border-left-color: #678be5;
}
#shopDetail .contentsInner .icon.storeInfo span.parking {
  border-left-color: #9f67e5;
}
#shopDetail .contentsInner .icon.storeInfo span.driveThrough {
  border-left-color: #ffafbb;
}
#shopDetail .contentsInner .icon.moneyInfo {
  position: relative;
  width: 200px;
  padding: 15px 5px 15px 20px;
  text-indent: -1em;
  background-color: #ece8cd;
}
#shopDetail .contentsInner .icon.moneyInfo:before {
  position: relative;
  top: 0;
  left: -2px;
  content: "●";
}
#shopDetail .contentsInner .icon.moneyInfo.elecMoney:before {
  color: #ccc;
}
#shopDetail .contentsInner .icon.moneyInfo.jaf:before {
  color: #9f67e5;
}
#shopDetail .contentsInner .icon.moneyInfo.jf:before {
  color: #cccc99;
}
#shopDetail .contentsInner .icon.moneyInfo.barclay:before {
  color: #ffcc66;
}
#shopDetail .contentsInner .icon.moneyInfo.royalGroup01:before {
  color: #cc0000;
}
#shopDetail .contentsInner .icon.moneyInfo.royalGroup02:before {
  color: #ff6600;
}
#shopDetail .contentsInner .icon.moneyInfo.richmond:before {
  color: #94186b;
}
#shopDetail .contentsInner .icon.moneyInfo.edy:before {
  color: #3399cc;
}
#shopDetail .contentsInner .icon.moneyInfo.waon:before {
  color: #ff9933;
}
#shopDetail .contentsInner .icon.moneyInfo.id:before {
  color: #999966;
}
#shopDetail .contentsInner .icon.moneyInfo.quickpay:before {
  color: #333399;
}
#shopDetail .contentsInner #mapCanvas {
  margin-top: 20px;
  width: 900px;
  height: 500px;
  background: url(../img/common/loading.png) no-repeat 50% 50% #e4e4e4;
}
#shopDetail .contentsInner #mapCanvas p {
  padding-top: 190px;
  text-align: center;
  font-weight: bold;
}

#shopDetail.english .contentsInner .introBox .openBox dl dd dl dt {
  width: 110px;
}
#shopDetail.english .contentsInner .introBox .openBox dl dd dl dd {
  width: 140px;
}
#shopDetail.english .contentsInner .introBox .shopNote {
  clear: both;
  padding-top: 10px;
}