@charset "utf-8";
.badge {
  padding: 5px 8px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.badge-area1 {
  background-color: #b291e6;
}

.badge-area2 {
  background-color: #7fc956;
}

.badge-area3 {
  background-color: #ebaf23;
}

.badge-area4 {
  background-color: #f57d7d;
}

.badge-area5 {
  background-color: #ab9d61;
}

.badge-shigaichi {
  background-color: #49a1a5;
}

.badge-sasebokou {
  background-color: #577735;
}

.badge-nanbu_99 {
  background-color: #64963f;
}

.badge-hokubu_99 {
  background-color: #509f7d;
}

.badge-kuroshima {
  background-color: #94574a;
}

.badge-emukae {
  background-color: #dcb445;
}

.badge-satoyama {
  background-color: #c9737e;
}

.badge-mikawachi {
  background-color: #d07859;
}

.badge-haikimiyahtb {
  background-color: #8578a0;
}

.badge-uku {
  background-color: #9d6183;
}

.badge-ojika {
  background-color: #0d578f;
}

.commonHeaderTitle {
  margin: 0;
  padding: 10px 20px 10px;
  color: #fff;
  font-size: 26px;
  line-height: 1.5;
  letter-spacing: 2px;
  background-color: #45B7A2;
  background: url(/img/common/bgTitle.png);
}

.commonHeaderTitleSub {
  font-size: 18px;
}

@media print {
  .noPrint {
    display: none;
  }

  .printPagebreak {
    page-break-after: always;
  }
}
/*==========================================
= Sub Navigation
===========================================*/
.subnav {
  clear: both;
  background: #fff;
}
.subnav ul {
  clear: both;
  overflow: hidden;
  margin: 0 0 10px;
  padding: 10px 10px 0;
  list-style: none;
  border-bottom: 2px solid #e66139;
}
.subnav ul li {
  float: left;
  margin: 0 3px 0 0;
  padding: 0;
}
.subnav ul li a {
  display: block;
  padding: 3px 10px;
  font-size: 14px;
  text-align: center;
  text-decoration: none;
  letter-spacing: 3px;
  color: #444444;
  background-color: white;
  border: 2px solid #e66139;
  border-bottom: 0;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -ms-border-radius: 4px 4px 0 0;
  -o-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
.subnav ul li a.active, .subnav ul li a:hover {
  color: white;
  background-color: #e66139;
}

.modal .modal-content {
  overflow: hidden;
}
.modal .modal-header {
  color: #fff;
  background-color: #00a1a3;
}
.modal .modal-header h4 {
  font-size: 18px;
}
.modal .modal-header .close {
  color: #fff;
  text-shadow: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}

/*==========================================
= Google Map Dialog
===========================================*/
.googleMap .dialog,
.googleMap .googleDialog {
  width: 230px;
}
.googleMap .dialog h4.dialog-title,
.googleMap .googleDialog h4.dialog-title {
  margin: 0 0 5px;
  font-size: 14px;
}
.googleMap .dialog .dialog-photo,
.googleMap .googleDialog .dialog-photo {
  margin: 0 0 3px;
}
.googleMap .dialog .dialog-photo img,
.googleMap .googleDialog .dialog-photo img {
  margin: 0 auto;
  max-width: 200px;
  max-height: 80px;
}
.googleMap .dialog .dialog-copy,
.googleMap .googleDialog .dialog-copy {
  margin: 0 0 5px;
  width: 230px;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.googleMap .dialog .btn-dialog,
.googleMap .googleDialog .btn-dialog {
  font-size: 11px;
}
.googleMap .dialog .btn-dialog:before,
.googleMap .googleDialog .btn-dialog:before {
  content: "";
}
.googleMap .dialog .btn-dialog.btn-route,
.googleMap .googleDialog .btn-dialog.btn-route {
  color: #fff;
  background-color: #e66139;
  border-color: #d2451a;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.googleMap .dialog .btn-dialog.btn-route:hover, .googleMap .dialog .btn-dialog.btn-route:focus, .googleMap .dialog .btn-dialog.btn-route:active, .googleMap .dialog .btn-dialog.btn-route.active,
.googleMap .googleDialog .btn-dialog.btn-route:hover,
.googleMap .googleDialog .btn-dialog.btn-route:focus,
.googleMap .googleDialog .btn-dialog.btn-route:active,
.googleMap .googleDialog .btn-dialog.btn-route.active {
  color: #fff;
  background-color: #d2451a;
  border-color: #d2451a;
}
.googleMap .dialog .btn-dialog.btn-route:active, .googleMap .dialog .btn-dialog.btn-route.active,
.googleMap .googleDialog .btn-dialog.btn-route:active,
.googleMap .googleDialog .btn-dialog.btn-route.active {
  background-color: #a43615;
  background-image: none;
}
.googleMap .dialog .btn-dialog.btn-detail,
.googleMap .googleDialog .btn-dialog.btn-detail {
  color: #fff;
  background-color: #47bfb5;
  border-color: #369d94;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.googleMap .dialog .btn-dialog.btn-detail:hover, .googleMap .dialog .btn-dialog.btn-detail:focus, .googleMap .dialog .btn-dialog.btn-detail:active, .googleMap .dialog .btn-dialog.btn-detail.active,
.googleMap .googleDialog .btn-dialog.btn-detail:hover,
.googleMap .googleDialog .btn-dialog.btn-detail:focus,
.googleMap .googleDialog .btn-dialog.btn-detail:active,
.googleMap .googleDialog .btn-dialog.btn-detail.active {
  color: #fff;
  background-color: #369d94;
  border-color: #369d94;
}
.googleMap .dialog .btn-dialog.btn-detail:active, .googleMap .dialog .btn-dialog.btn-detail.active,
.googleMap .googleDialog .btn-dialog.btn-detail:active,
.googleMap .googleDialog .btn-dialog.btn-detail.active {
  background-color: #297770;
  background-image: none;
}

.markerToggle ul {
  margin: 0;
  padding: 0;
}
.markerToggle ul li {
  margin: 0 0 5px;
  padding: 0;
  width: 48%;
  font-size: 12px;
}

/*==========================================
= Client Information
===========================================*/
.client_information {
  margin: 0 0 20px;
  width: 100%;
  font-size: 12px;
}
.client_information .btn-if {
  color: #fff;
  background-color: #aaaaaa;
  border-color: #909090;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  font-size: 12px;
}
.client_information .btn-if:hover, .client_information .btn-if:focus, .client_information .btn-if:active, .client_information .btn-if.active {
  color: #fff;
  background-color: #909090;
  border-color: #909090;
}
.client_information .btn-if:active, .client_information .btn-if.active {
  background-color: #777777;
  background-image: none;
}
.client_information tr th,
.client_information tr td {
  padding: 6px 5px;
  line-height: 1.7;
}
.client_information tr th {
  width: 30%;
  border-bottom: 1px solid #fff;
  background-color: #d5e5d0;
}
.client_information tr td {
  width: 70%;
  border-bottom: 1px solid #fff;
  background-color: #f0f0e9;
}
.client_information tr:nth-child(odd) td {
  background-color: #f4f4ef;
}
.client_information tr:last-child th, .client_information tr:last-child td {
  border-bottom: 0;
}
.client_information .checkOn,
.client_information .checkOff {
  background: url(/images/restaurant/check_off.png) no-repeat;
  padding-left: 17px;
  margin-right: 5px;
  line-height: 1.2;
}
.client_information .checkOn {
  background-image: url(/images/restaurant/check_on.png);
}
.client_information .checkOff {
  background-image: url(/images/restaurant/check_off.png);
}

/*@ sourceMappingURL=layout.css.map */