﻿nav.categories ul li a span {
  padding: 0px 0px 13px 20px;
  font-size: 12px;
  text-align: left;
}

nav.categories ul li a {
  background-position: center top 30px !important;
}

nav.categories ul li a {
  border-color: #BB001B;
}

nav.categories ul li a span:before {
  margin: 0 3px 0 0;
  content: " ";
  display: inline-block;
  width: 17px;
  height: 19px;
  background-repeat: no-repeat;
  vertical-align: middle;
}

nav.categories ul .login a span:before {
  background: url(/assets/img/icon_login.png);
  background-size: contain;
}

nav.categories ul .home a span:before {
  background: url(/assets/img/icon_home.png);
  background-size: contain;
}

nav.categories ul .reservation a span:before {
  background: url(/assets/img/icon_reservation.png);
  background-size: contain;
}

nav.categories ul .customer a span:before {
  background: url(/assets/img/icon_customer.png);
  background-size: contain;
}

nav.categories ul .salon a span:before {
  background: url(/assets/img/icon_salon.png);
  background-size: contain;
}

nav.categories ul .stylist a span:before {
  background: url(/assets/img/icon_stylist.png);
  background-size: contain;
}

nav.categories ul .password a span:before {
  background: url(/assets/img/icon_password.png);
  background-size: contain;
}

nav.categories ul .media a span:before {
  background: url(/assets/img/icon_media.png);
  background-size: contain;
}

nav.categories ul .alert a span:before {
  background: url(/assets/img/icon_bell.png);
  background-size: contain;
}

nav.categories ul .system a span:before {
  background: url(/assets/img/icon_system.png);
  background-size: contain;
}

nav.categories ul .menu a span:before {
  background: url(/assets/img/icon_menu.png);
  background-size: contain;
}

nav.categories ul .faq a span:before {
  background: url(/assets/img/icon_faq.png);
  background-size: contain;
}

nav.categories ul .keisai a span:before {
  background: url(/assets/img/icon_keisai.png);
  background-size: contain;
}

nav.categories ul .library a span:before {
  background: url(/assets/img/icon_library.png);
  background-size: contain;
}

footer {
  padding: 270px 0 0 0;
  position: static;
}

footer div.copyright {
  padding: 15px 0 40px 0;
}

div.container div.l-main {
  padding: 22px 10px 150px 10px;
  margin-top: 30px !important;
}

article.manual-list {
  background-color: #F7F8F8;
  margin: 0 auto;
  margin-top: 50px;
  padding: 0;
  border: none;
}

article.manual-list header h2 {
  font-weight: bold;
}

article.manual-list div.categories {
  background-color: #F7F8F8;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  padding: 0px;
}

article.manual-list header {
  background-color: #F7F8F8;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  margin: 0;
  padding: 0px;
}

article.manual-list header h2 {
  color: #333333 !important;
  padding: 0.5em 0 0.5em 1.4em;
  font-weight: bold;
  text-align: center;
  font-size: 28px;
}

article.manual-list div.cat {
  float: none;
  height: auto;
  margin-right: 0px;
  background-color: #FFF;
  margin: 0 auto;
  margin-top: 10px;
  padding: 0px;
  width: 100%;
  border-radius: 6px;
  border: 1px solid #88181c;
}

article.manual-list div.cat h2 {
  border-bottom: 1px solid #ccc;
  line-height: 1.4em;
  margin-bottom: 15px;
  padding-bottom: 0;
  background-color: #88181c;
  color: #FFF;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  font-size: 18px;
  padding: 10px 0 10px 15px;
}

article.manual-list div.cat h2:before {
  background: url(../img/h2_icon_white.png) no-repeat left center !important
}

article.manual-list div.cat ul {
  padding: 5px 20px 5px;
}

article.manual-list div.cat ul li a {
  color: #333333;
  text-decoration: none;
  background: url(../img/icon_arrow.png) no-repeat left;
  padding-left: 15px;
}

article.manual-list div.cat ul li {
  margin-bottom: 15px;
}

div.detail-body {
  border: 1px solid #88181c;
  padding-bottom: 40px;
  margin-bottom: 30px;
  border-bottom-left-radius: 5px!important;
  border-bottom-right-radius: 5px!important;
  padding-bottom: 20px!important;
}

div.manual-detail article.detail-inner header {
  padding: 5px 15px 5px 15px;
}

div.manual-detail article.detail-inner header h2 {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.2em;
}

div.side ul {
  padding: 0px;
  margin-top: 0px;
}

div.side ul li {
  margin-bottom: 0em;
  border-bottom: 1px solid #CCCCCC;
  padding: 18px 0px 18px 18px;
}

div.side ul li:last-child {
  border-bottom: none;
}

div.side .category-current ul li {
  padding: 18px 0px 18px 15px;
}

div.side .category-current ul li a {
  font-size: 13px;
}

div.side ul li.login, div.side ul li.home, div.side ul li.reservation, div.side ul li.customer, div.side ul li.salon, div.side ul li.stylist, div.side ul li.menu, div.side ul li.password, div.side ul li.media, div.side ul li.system, div.side ul li.alert, div.side ul li.notification {
  background-position: 15px;
  background: no-repeat;
  position: relative;
  padding-left: 1.2em;
  line-height: 1.4;
}

div.side ul>li:before {
  margin: 0 3px 0 0;
  content: " ";
  display: inline-block;
  width: 17px;
  height: 19px;
  vertical-align: middle;
  background-repeat: no-repeat;
}

div.side ul li.login:before {
  background: url("/assets/img/icon_login.png");
  background-size: contain;
}

div.side ul li.home:before {
  background: url("/assets/img/icon_home.png");
  background-size: contain;
}

div.side ul li.reservation:before {
  background: url("/assets/img/icon_reservation.png");
  background-size: contain;
}

div.side ul li.customer:before {
  background: url("/assets/img/icon_customer.png");
  background-size: contain;
}

div.side ul li.keisai:before {
  background: url("/assets/img/icon_keisai.png");
  background-size: contain;
  background-repeat: no-repeat;
}

div.side ul li.salon:before {
  background: url("/assets/img/icon_salon.png");
  background-size: contain;
}

div.side ul li.stylist:before {
  background: url("/assets/img/icon_stylist.png");
  background-size: contain;
}

div.side ul li.menu:before {
  background: url("/assets/img/icon_menu.png");
  background-size: contain;
}

div.side ul li.password:before {
  background: url("/assets/img/icon_password.png");
  background-size: contain;
}

div.side ul li.media:before {
  background: url("/assets/img/icon_media.png");
  background-size: contain;
}

div.side ul li.system:before {
  background: url("/assets/img/icon_system.png");
  background-size: contain;
}

div.side ul li.alert:before {
  background: url("/assets/img/icon_bell.png");
  background-size: contain;
}

div.side ul li.notification:before {
  background: url("/assets/img/icon_notification.png");
  background-size: contain;
}

div.side ul li.library:before {
  background: url("/assets/img/icon_library.png");
  background-size: contain;
}

div.l-header_inner div.global div.search div.search-inner {
  border: none;
  padding-bottom: 0px;
}

div.l-header_inner div.global div.search input[type="text"] {
  font-size: 14px;
  float: left;
  border: 1px solid #ccc;
  padding: 10px;
  width: 400px;
  border-radius: 5px;
}

div.search .searchbtn {
  background: #88181c;
  border-radius: 5px;
  padding: 10px;
}

div.side ul li a {
  font-weight: bold;
  text-decoration: none;
}

.button-red {
  border-radius: 35px;
  padding: 1.5em 4em;
}

nav.categories ul li {
  margin-right: 5px;
  margin-bottom: 5px;
}

nav.categories ul li a {
  height: 50px;
  width: 188px;
}

nav.categories ul li a span {
  width: 188px;
}


/*accordion*/

.accordion {
  text-align: left;
}

.accordion .inner {
  display: none;
  margin-top: 7px;
}

.accordion .inner li {
  font-size: 12px;
  border-bottom: none;
  text-decoration: underline;
}

.accordion .inner li a {
  color: #333333;
  font-weight: normal;
}

.accordion p {
  cursor: pointer;
  padding: 10px;
}

.accordion li {
  cursor: pointer;
  padding: 10px;
}

.accordion .inner li {
  padding: 5px 10px 5px 25px;
}

.accordion .inner li::before {
  display: none;
}

footer div.footer-inner {
  background: #fff;
}

footer div.footer-inner {
  background: #FFFFFF;
}

.search_txt {
  margin-bottom: 20px;
}

.qa-title {
  font-size: 18px;
  border-bottom: 2px solid #a91f25;
  padding-bottom: 7px;
  margin-bottom: 10px;
  margin-left: 25px;
  margin-right: 25px;
}

.qa-box {
  margin-bottom: 20px;
}

.qa-box .support {
  background: #f7f7f7;
  padding: 15px 20px;
}

.faqbtn {
  background: #88171a;
  padding: 18px;
  margin-top: 10px;
  border-radius: 5px;
}

.faqbtn a img {
  margin: 0 auto;
  display: block;
}