@charset "UTF-8";

/*==========================================*/
/* reset */
/*==========================================*/

* {
  margin: 0px;
  padding: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

html {
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  font-weight: normal;
  font-style: normal;
  width: 100%;
}

form, fieldset, h1, h2, h3, h4, h5, h6, div, p, address, blockquote, pre, hr, caption, th, td, li, dt, dd, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  font-weight: normal;
  font-size: 100%;
}

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

video, audio, canvas {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

[hidden] {
  display: none;
}

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

caption {
  padding: 0;
  text-align: left;
}

th, td {
  text-align: left;
  vertical-align: baseline;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1;
  *line-height: 1.2;
}

hr {
  display: none;
}

ul, ol {
  list-style-type: none;
}

img {
  border: none;
  vertical-align: top;
}

em {
  font-style: normal;
}

iframe {
  border: none;
  margin: 0px;
  padding: 0px;
  display: block;
}

form label {
  cursor: pointer;
}

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

::-webkit-input-placeholder {
  color: #CCC;
}

:-ms-input-placeholder {
  color: #CCC;
}

::-moz-placeholder {
  color: #CCC;
}

input[type=search] {

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius : 0;
  -webkit-appearance : none;
}

/*==========================================*/
/* html / body */
/*==========================================*/
html {
  min-height: 100%;
  position: relative;
  background-color: #fff;
  /*
  基準フォントサイズを10pxにして、コンテンツ内では10px = 1.0rem として指定
  例）16px = 1.6rem
  */
  font-size: 62.5%;
}

body {
  color: #555555;
  font-family: 'Open Sans', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "MS Pゴシック", "MSPGothic", sans-serif;
  font-size: 62.5%;
  line-height: 1.4;
}


/*==========================================*/
/* link */
/*==========================================*/

a:link, a:visited {
  color: #3874d1;
  text-decoration: none;
  -webkit-transition: 50ms linear;
  -ms-transition: 50ms linear;
  transition: 50ms linear;
  opacity: 1;
}

a:hover, a:active {
  color: #3874d1;
  text-decoration: none;
  opacity: .6;
}

#header .sb_logo a:hover{
  opacity: 1.0;
}

.exLink:after {
  content:"";
  display:inline-block;
  background:url("$assets-icon_external-png") no-repeat;
  vertical-align: middle;
  background-size: 10px 10px;
  margin-left:3px;
  width:12px;
  height:12px;
}

.exLink_white:after {
  content:"";
  display:inline-block;
  background:url("/hc/theming_assets/01HZKPF9P9WV54T7PHYRJ509DH") no-repeat;
  vertical-align: middle;
  background-size: 10px 10px;
  margin-left:3px;
  width:12px;
  height:12px;
}


/*==========================================*/
/* input, textarea */
/*==========================================*/

input, textarea, .btn, .nesty-input {
  width: 100%;
  padding-left: 15px;
  background-color: #fff;
  border: #D3D0C6 solid 1px;
  border-radius: 6px;
/*  -webkit-appearance: none; */
  font-family: 'Open Sans', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "MS Pゴシック", "MSPGothic", sans-serif;
  line-height: 1.2;
}
input::-ms-clear { display:none; }

textarea {
  line-height: 1.6;
}




/*==========================================*/
/* Helper */
/*==========================================*/

/*============== clearfix ==============*/
.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}


/*==========================================*/
/* Layout */
/*==========================================*/

/*============== Frame ==============*/

main {
  /*min-height: calc(100vh - 300px);*/
  min-height: calc(100vh - 175px);
  width: 100%;
  font-size: 1.6rem;
  padding-bottom: 24px;
}

.header-inner,
.footer-inner,
.sub-nav-inner,
.page-header,
.main-contents {
  margin: 0 auto;
  padding: 0 12px;
  max-width: 1160px;
}

.main-contents > .section {
  margin-top: 40px;
}

#header .header-inner > section,
#footer .footer-inner > section,
.sub-nav-inner > section {
  display: table;
  width: 100%;
}

.main-inner {
  width: 100%;
}


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



#header {
  background: #6d9bc5;
　  width:100%;
}

#header .sb_logo {
	display:inline-block;
  float:left;
  margin:18px 0;
 width:30%;
}


.sb_logo img {
 max-width:122px;
  
}

.sb_logo a:hover{
  opacity: 100%;
}

#header .top-search-area {
　 display:inline-block;
  float:right;
  width:60%;
  margin:-8px 0 0 10px;
}

#header  .top-search-area .search input[type="search"] {
  width: 90%;
  height: 28px;
  border-radius: 6px;
  margin : 40px 0 0 15px;
  font-size:1.4rem;
  }

.top-search-area form {
  position: relative;
}

.top-search-area input[type="serach"] {
  position: absolute;
}

.top-search-area input[type="submit"] {
  position: absolute;
  right: -18px;
  top: 35px;
  width: 80px;
  height: 0;
  background: url("/hc/theming_assets/01HZKPEYCJ90SEH44VF1THAAST") no-repeat 50% 50%/ 20px 20px;
  z-index: 1;
  padding: 2.4em 0 0 0;
  border: none;
  text-indent: 100%;
  font-size: 1.6rem;
}


.searchbox-suggestions {
  background-color: #fff;
  border: 1px solid #EEE;
  border-radius: 4px;
  padding: 10px 20px;
}

.searchbox-suggestions li {
  padding: 5px 0;
}

[data-loading="true"] input,
[data-loading="true"] textarea {
  background: transparent url("/hc/theming_assets/01HZKPEQ90GVG7T4V97HA35SNQ") 99% 50% no-repeat;
  background-size: 16px 16px;
}

#header .inquiry{
  display:none;
}


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

/*--- inquiry ---*/

#footer {
  width: 100%;
  margin: 0;
  padding: 0 0 14px 0;
  background-color: #727b7f;
  color: #fff;
}


/*--- copyright ---*/

#footer .copyright {
  font-size: 1.0rem;
  margin-top:5px;
  float:right;
}

#footer .copyright a {
  display: block;
  color: #fff;
  text-align:right;
}

#footer .copyright img {
  vertical-align: bottom;
}

#footer .copyright em {
  margin: 0 0 0 10px;
}

#footer .copyright .corporate-group {
  margin: 10px 0 0 0;
  text-decoration: underline;
}

/*--- pagetop ---*/

#pagetop {
  position: fixed;
  bottom: 35px;
  right: 20px;
  opacity: 0;
  z-index: 1;
  overflow: hidden;
 -webkit-transition: 200ms ease-out;
  -ms-transition: 200ms ease-out;
  transition: 200ms ease-out;
}

#pagetop.show {
  opacity: 1;
}

#pagetop .btnPagetop {
  display: block;
  width: 50px;
  height: 50px;
  opacity: 1;
  padding: 50px 0 0 0;
  background-color: #6E98C5;
  border-radius: 100%;
  font-size: 0;
  line-height: 1;
}

#pagetop .btnPagetop:after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  border-top: #fff solid 2px;
  border-right: #fff solid 2px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin: -29px 0 0 18px;
}


/*==========================================*/
/* Common styles */
/*==========================================*/

/*============== Buttons ==============*/

button, [role=button], [type=button], [type=submit] {
  border-radius: 4px;
  border: 1px solid #DDD;
  color: #1A74B0;
  cursor: pointer;
  display: inline-block;
  padding: 5px 10px;
  position: relative;
  vertical-align: middle;
  white-space: nowrap;
}

a[role=button]:hover {
  text-decoration: none;
}

input[type=submit]:hover {
  opacity: .6;
}

input[type=submit][disabled] {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  /* IE 8 */
  opacity: 0.4;
}

button img, [role=button] img {
  border-radius: 4px;
  margin: 0 5px 0 0;
  height: 20px;
  position: relative;
  top: -1px;
  vertical-align: middle;
}
[dir=rtl] button img, [dir=rtl] [role=button] img {
  margin: 0 0 0 5px;
}

/*============== Sub-nav ==============*/

.sub-nav {
  width: 100%;
  background-color: #EBE8DF;
  border-bottom: #D3D0C6 solid 1px;
}

/*============== Breadcrumbs ==============*/

.sub-nav-inner .breadcrumbs {
 display: none;
  white-space: nowrap;
  vertical-align: middle;
  font-size: 0;
}

.sub-nav-inner .breadcrumbs li {
  color: #555;
  display: inline-block;
  font-size: 1.4rem;
  font-weight: bold;
}

.sub-nav-inner .breadcrumbs li:first-child {
  padding-left: 26px;
  background-image: url("/hc/theming_assets/01HZKPFB2SJ81VV7QXV1R56RQZ");
  background-repeat: no-repeat;
  background-position:  0 50%;
  background-size: 20px 20px;
}

.sub-nav-inner .breadcrumbs li{
  margin-right: 8px;
  display: inline-block;
}

.sub-nav-inner .breadcrumbs li a {
  display: block;
  padding: 16px 24px 16px 0;
  background-image: url("/hc/theming_assets/01HZKPFK8N6R4AA5S06DD8GHZZ");
  background-repeat: no-repeat;
  background-position: right top;
  background-size: contain;
  line-height: 1;
  line-height: 1.2;
  font-weight: normal;
  color: #555555;
}

.sub-nav-inner .breadcrumbs li a:hover {
  text-decoration: none;
}

.sub-nav-inner .backbtn-for-phone {
  display: table-cell;
  white-space: nowrap;
  vertical-align: middle;
}

.sub-nav-inner .backbtn-for-phone a {
  display: block;
  padding: 16px 24px 16px 0;
  line-height: 1;
  *line-height: 1.2;
  font-size: 1.4rem;
  font-weight: normal;
  color: #555555;
}

.sub-nav-inner .backbtn-for-phone a:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 4px 0 0;
  border-left: #555555 solid 2px;
  border-top: #555555 solid 2px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/*============== Search ==============*/

.sub-nav-inner .search {
  display: table-cell;
  position: relative;
  vertical-align: middle;
  text-align: right;
}

.sub-nav-inner .search input[type="search"] {
  display : none;
  background-color: #fff;
  border: #D3D0C6 solid 1px;
  border-radius: 6px;
  padding: 0 0 0 .7em;
  height: 2.4em;
  line-height: 2.4rem;
}

.sub-nav-inner .search input[type="submit"] {
  display : none;
  position: absolute;
  top: 6px;
  right: 0;
  background: url("/hc/theming_assets/01HZKPEYCJ90SEH44VF1THAAST") no-repeat 50% 50%/ 18px 18px;
  z-index: 1;
  width: 48px;
  height: 0;
  /* margin-top: -1.2em; */
  padding: 32px 0 0 0;
  border: transparent solid 1px;
  text-indent: 100%;
}

.sub-nav-inner .search input[type="submit"]:hover {
  opacity: .6;
}

/*============== Pagination ==============*/

.pagination {
  margin: 24px 0;
  text-align: center;
}

.pagination * {
  display: inline-block;
}

.pagination li {
  border: 1px solid #ccc;
  float: left;
  margin-left: -1px;
}

.pagination a, .pagination em {
  color: inherit;
  font-size: 1.6rem;
  padding: 8px 16px;
}

.pagination-current {
  background-color: #f9f9f9;
  color: #BEBEBE;
}

.pagination-current span {
    font-size: 1.6rem;
    padding: 8px 16px;
}

.pagination-first {
  border-radius: 6px 0 0 6px;
}

.pagination-last {
  border-radius: 0 6px 6px 0;
}

/*============== Article list ==============*/

.recent-articles ul,
.related-articles ul,
.article-list,
.search-results-list {
  border-top: #dddddd solid 1px;
}

.section-title-info{
  font-size: 1.2rem;
  font-weight: normal;
  background-color: #f2f2f2;
  float:left;
  height: 45px;
  padding: 15px;
  margin-left: 16px;
}

.article-list-info{
  font-size: 1.2rem;
  font-weight: normal;
  background-color: #f2f2f2;
  float:left;
  height: 45px;
  padding: 14px;
}


.show-more-info{
   background-color: #f2f2f2;
   color: #8e95b3;
   font-size: 1.2rem;
   height: 45px;
   padding: 14px 0 14px 10px;
     float:right;
}

.recent-articles li,
.related-articles li,
.article-list li,
.search-results-list li {
  border-bottom: #dddddd solid 1px;
}

.recent-articles li a,
.related-articles li a,
.article-list li a,
.search-results-list li a {
  position: relative;
  display: block;
  padding: 16px 32px 16px 0;
}

.recent-articles li a:after,
.related-articles li a:after,
.article-list li a:after,
.search-results-list li a:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 8px;
  display: block;
  width: 8px;
  height: 8px;
  margin: auto;
  border-top: #b5b5b5 solid 2px;
  border-right: #b5b5b5 solid 2px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.recent-articles .see-all-articles,
.related-articles .see-all-articles,
.article-list .see-all-articles,
.search-results-list .see-all-articles {
 /*margin-top: 8px;*/
  margin: 8px auto 0 auto;
  width:70%;
  text-align:center;
/*display: inline-block;*/
  display:block;
  padding: 12px 16px;
  background-color: #f0f0f0;
  border: #b5b5b5 solid 1px;
  border-bottom-width: 2px;
  border-radius: 6px;
  color: #555;  
}

.list-empty {
  display: inline-block;
  margin-top: 16px;
  color: #888;
  font-style: normal;
}

.errorText {
  /* ajaxでfail時に出る文言 */
  padding: 16px 0;
  color: #888888;
}

/*============== title ==============*/

h1, h2, h3, h4, h5, h6 {
  line-height: 1.2;
  /*color: #507591;*/
  color:#6E98C5;
  font-weight: bold;
}

h3, h4, h5, h6 {
  line-height: 1.4;
}

/*============== Page title ==============*/

h1.page-title {
  display: block;
  margin: 40px 0 0 0;
  font-size:2.0rem;
  line-height:1.3;
  font-weight: normal;
  text-align: left;
}

/*============== Section title ==============*/

h2.section-title {
  display: block;
  font-size: 1.6rem;
  color: #888888;
}
h2.section-title a {
  color:#6E98C5;
  
}

/*============== Aside title ==============*/

aside h3 {
  /* helperが吐き出すソースなのでclass名付与できず */
  font-size: 1.9rem;
  font-weight: bold;
}
aside h3 a {
  color: #507591;
}

/*============== Notice ==============*/

.notice {
  margin-top: 16px;
  padding: 8px 16px 12px;
  border: #e0e0e0 solid 1px;
  background-color: #f2f2f2;
  border-radius: 6px;
}

.notice li {
  margin-top: 8px;
  padding-left: 1em;
  text-indent: -1em;
  list-style-type: disc;
  list-style-position: inside;
  line-height: 1.4;
}


/*==========================================*/
/* Pages */
/*==========================================*/

/*============== Home page ==============*/


#home-page .main-visual{
  text-align:center;
  margin-top:15px;
}

#home-page .main-visual h1{
  font-size:2.2rem;
  font-weight:normal;
  
}

#home-page .main-menu,
#home-page .pickup-faq,
#home-page .side-contents {
 margin: 0 auto;
 padding: 0 10px;
 max-width: 1024px;
}


#home-page p{
  float:right;
  font-size:1.3rem;
  padding:10px;
}

#home-page .main-menu li a:active {
  top: 1px;
  border-bottom-width: 1px;
}

/* navi_icon */


#home-page .main-menu ul {
  margin-left: -8px;
  font-size: 0;
}

#home-page .main-menu li {
 display: inline-block;
 width: 100%;
  margin: 0 0 8px 0;
  border: transparent solid 0px;
  border-left-width: 8px;
  vertical-align: top;
  line-height: 1.2;
}


#home-page .main-menu li a {
  position: relative;
  display: block;
  min-height: 90px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 23px 50%;
  background-size: 46px 46px;
  border: #ccc solid 1px;
  border-bottom-width: 2px;
  border-radius: 8px;
  font-size: 1.7rem;
  font-weight: normal;
  color: #649bc5;
}

/* descrption */
#home-page .main-menu dl{
  height:90px;
  width:100%;
}

#home-page .main-menu dt{
  height:90px;
  display: table-cell;
  vertical-align:middle;
  padding:0 5px 0 85px;
  line-height:1.2;
}



#home-page .main-menu li a:active {
  top: 1px;
  border-bottom-width: 1px;
}
/* navi_icon */
#home-page li.menu01 a { background-image: url("/hc/theming_assets/01HZKPFRR43CX13F1HS5FFYMNB");}/* サロンボードバックアップについて */
#home-page li.menu02 a { background-image: url("/hc/theming_assets/01HZKPFXVTCDWCZ87YJE0BS1XA");}/* ご利用の前に */
#home-page li.menu03 a { background-image: url("/hc/theming_assets/01HZKPEFB1X70MD6XHYNMQG7YK");}/* ログイン */
#home-page li.menu04 a { background-image: url("/hc/theming_assets/01HZKPF29XVF915C5EKNG8HN6S");}/* 予約管理（ヘアサロン） */
#home-page li.menu05 a { background-image: url("/hc/theming_assets/01HZKPF29XVF915C5EKNG8HN6S");}/* 予約管理（キレイサロン） */



#home-page .main-menu li a em {
  display: block;
  margin-top: 6px;
  font-size: 1.2rem;
  font-weight: normal;
  color: #555555;
}




/*============== Category list ==============*/

#category-list-page h2.section-title {
  padding: 0 0 8px 0;
  border-bottom: #6E98C5 solid 2px;
 }


#category-list-page .article-list {
  border-top: none;
}

#category-list-page .see-all-articles{
  display:block;
  width:75%;
}


/*============== Article ==============*/

#article-page {
  margin-bottom: -60px; /* フッタ上部のマージンを削除 */
}

#article-page .page-title {
  padding: 16px 0;
  border-top: #cccccc solid 1px;
  border-bottom: #cccccc solid 1px;
}

#article-page .article-body {
  margin-top: 24px;
  padding-bottom: 24px;
  line-height: 1.6;
}

#article-page .article-body h1 {
  margin: 25px 0 20px 0;
  padding-top: 15px;
  border-top: #cccccc solid 1px;
  font-size: 2.3rem;
  font-weight: normal;
}

#article-page .article-body h2 {
  margin: 20px 0 20px 0;
  padding: 16px 0;
  padding-top: 0px;
  font-size: 2.0rem;
  border-bottom: #cccccc solid 1px;
}

#article-page .article-body h3 {
  padding-top: 16px;
  font-weight: bold;
  line-height: 1.6;
  font-size: 1.7rem;
}

#article-page .article-body p {
  line-height: 1.5;
}

#article-page .article-body a {
  text-decoration: underline;
}

#article-page .article-body img {
  max-width: 100%;
}

#article-page .article-body .align-left {
  text-align: left;
}

#article-page .article-body .align-center {
  text-align: center;
}

#article-page .article-body .align-right {
  text-align: right;
}

#article-page .article-body ol {
  counter-reset: listcounter;
}

#article-page .article-body li {
  margin-top: 4px;
  list-style-type: disc;
  list-style-position: inside;
  line-height: 1.4;
}

#article-page .article-body li ol,
#article-page .article-body li ul {
  margin-top: 0;
  margin-left: 2em;
}

#article-page .article-body li ul li {
  list-style-type: circle;
}

#article-page .article-body ol > li {
  margin-top: 16px;
  padding-left: 2em;
  text-indent: -2em;
  list-style-type: none;
  line-height: 1.4;
}

#article-page .article-body ol > li:before {
  content: counter(listcounter);
  counter-increment: listcounter;
  display: inline-block;
  margin-right: .5em;
  background: #649bc5;
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  color: #fff;
  text-indent: 0;
  text-align: center;
  line-height: 1.5;
}

#article-page .article-body li ol > li:before {
  content: counter(listcounter) ".";
  width: auto;
  height: auto;
  background: none;
  color: #555555;
}

#article-page .article-body li ol li {
  margin-top: 4px;
}

#article-page .article-body ol ol {
  margin-left: 0;
}

#article-page .article-body .index {
  margin-top: 24px;
  padding: 16px 24px;
  background-color: #fff;
  border: #e0e0e0 solid 1px;
  border-radius: 4px;
}

#article-page .article-body .index h3 {
  padding-top: 0px;
  font-size:18px;
}

#article-page .article-body .index > ul {
  margin-top: 16px;
}

#article-page .article-body .index li {
  padding-left: 0;
  text-indent: 0;
}

#article-page .article-body .box {
  margin-top: 16px;
  padding: 16px;
  border: #ccc solid 1px;
  border-radius: 6px;
}

#article-page .article-body .box1 {
  margin-top: 16px;
  padding: 16px;
  border: #ccc solid 1px;
  border-radius: 6px;
  background-color: #fdb17d;
}

#article-page .article-body .box h3 {
  padding-top: 0;
  padding-bottom: 12px;
}

#article-page .article-body .point:before {
  content: "POINT";
  display: inline-block;
  margin: 0 .5em 0 0;
  padding: 3px 6px;
  background-color: #f29407;
  border-radius: 4px;
  line-height: 1;
  color: #fff;
  font-weight: normal;
}

#article-page .article-body .table01 {
  width: 100%;
	border: #ccc solid 1px;
  border-collapse: collapse;
}

#article-page .article-body .table01 th {
  padding: 1em;
	border: #ccc solid 1px;
  background-color: #ebe8df;
}

#article-page .article-body .table01 td {
  padding: 1em;
	border: #ccc solid 1px;
}

#article-page .article-body .note {
  margin-top: 16px;
  padding: 8px 16px 12px;
  border: #e0e0e0 solid 1px;
  background-color: #f2f2f2;
  border-radius: 6px;
}

#article-page .article-body .note li {
  margin-top: 8px;
  padding-left: 1em;
  text-indent: -1em;
  list-style-type: none;
}

#article-page .article-body .note li:before {
  content: "※";
  display: inline;
}

#article-page .article-body .caution {
  margin-top: 16px;
  padding: 8px 16px 12px;
  border: #f53816 solid 1px;
  border-radius: 6px;
}

#article-page .article-body .caution li {
  margin-top 8px;
  padding-left: 3em;
  text-indent: -3em;
  list-style-type: none;
  color: #f53816;
}

#article-page .article-body .caution li:before {
  content: "注意：";
  display: inline;
  font-weight: bold;
}

#article-page .article-body .btn_inquiry {
  margin: 60px 0 0 0;
  vertical-align: middle;
  color: #ffffff;
  text-align: center;
}

#article-page .article-body .btn_inquiry a {
  display: inline-block;
  padding: 14px 80px;
  background-color: #6E98C5;
  color: #fff;
  box-shadow: 0 1px 0 0 #5c80a8;
  border: #5c80a8 solid 1px;
  border-radius: 6px;
  text-decoration: none;
  text-align: center;
}

#article-page .btn_inquiry a:before {
  content:"";
  display:inline-block;
  background:url("$assets-icon_mail-png") no-repeat;
  vertical-align: middle;
  background-size: 17px 17px;
  width:18px;
  height:18px;
    margin:-2px 2px 0 0;
}

#article-page .article-attachments {
  margin: 16px 0 0 0;
}

#article-page .side-contents {
  width: 100%;
  margin: 40px 0 0 0;
  padding: 0 0 60px 0;
  background-color: #f2f2f2;
}

#article-page .recent-articles,
#article-page .related-articles {
  margin: 0 auto;
  padding: 40px 12px 0;
  max-width: 1024px;
  background-color: #f2f2f2;
}

#article-page .side-contents  h3 {
  padding: 0 0 8px 0;
  border-bottom: #507591 solid 2px;
}

#article-page .side-contents ul {
  border-top: none;
}



/*============== Search results ==============*/

#search-result-page .search-results-list li a {
  font-weight: bold;
}

#search-result-page .search-results-list li a .search-result-description {
  display: block;
  margin-top: 6px;
  color: #888;
  -webkit-transition: 50ms linear;
  -ms-transition: 50ms linear;
  transition: 50ms linear;
  opacity: 1;
  font-weight: normal;
}

/*============== Request forms ==============*/

#post-request-page .notice{
  font-size:1.4rem;
}

#post-request-page h2{
  margin-top:10px;
}

#post-request-page p{
  padding:10px 0;
  line-height:1.7;
}

#post-request-page ol{
  padding:0 0 15px 15px;
}

#post-request-page .main-contents a {
  text-decoration: underline;
}

#post-request-page .side-contents {
  width: 100%;
  margin: 40px 0 0 0;
  padding: 0 0 60px 0;
  background-color: #f2f2f2;
}

#post-request-page .form-field {
  margin-top: 24px;
}

#post-request-page .form-field textarea {
  min-height: 200px;
}

#post-request-page .form-field label {
  display: block;
  font-weight: bold;
  margin-bottom: 8px;
}

#post-request-page .form-field input[type=checkbox] + label {
  margin: 0 0 0 12px;
}

#post-request-page .form-field.required > label:after {
  content: '必須';
  margin-left: 6px;
  top: -1px;
  background: #fff;
  border: 1px solid #f53816;
  border-radius: 2px;
  color: #f53816;
  font-weight: normal;
  font-size: 11px;
  padding: 1px 3px;
  white-space: nowrap;
  position: relative;
}

#post-request-page .form-field p {
  margin-top: 4px;
  color: #888888;
}

#post-request-page .form-field input[type=number],
#post-request-page .form-field input.datepicker {
  width: 150px;
}

#post-request-page .form form + form {
  margin-top: 40px;
}

#post-request-page .form a.nesty-input {
  height: auto;
  text-decoration: none;
}

#post-request-page .form a.nesty-input:hover {
  opacity: 1;
  color: #555555;
}

#post-request-page .form a.nesty-input:after {
  top: 30%;
}

#post-request-page .form .upload-dropzone em {
  color: #888888;
}

#post-request-page .form .upload-dropzone em a {
  color: #3874d1;
}

[data-loading="true"] input,
[data-loading="true"] textarea {
  background: transparent url("/hc/theming_assets/01HZKPEQ90GVG7T4V97HA35SNQ") 99% 50% no-repeat;
  background-size: 16px 16px;
}

#post-request-page .form footer {
  margin-top: 40px;
}

#post-request-page .form footer input[type=submit] {
  width:70%;
  height: 48px;
  padding: 0 20px;
  background: #6E98C5;
  border: 1px solid #5c80a8;
  border-bottom-width: 2px;
  border-radius: 4px;
  font-size: 1.6rem;
  line-height: 1.2;
  color: #FFF;
  min-width: 100px;
  display:block;
  margin:0 auto; 
}

.form footer a {
  color: #CCC;
  cursor: pointer;
}

/* 添付ファイル非表示
#post-request-page .form-field:nth-child(11n){
  display:none;
  color:red;
}
*/



/* 各項目注意文 */
#request_custom_fields_360003815454_hint,#request_custom_fields_360003733893_hint,#request_description_hint{
  font-size:1.4rem;
}

/* privacy policy checkbox */
#request_custom_fields_360003615993{
	width:5%;
  margin:15px 0;

}
/*============== Error ==============*/

#error-page .section-title {
  margin-bottom: 16px;
}

#error-page .section p {
  margin-bottom: 8px;
}


/*============================================================================================*/
/*
* 上記ここまで基本Style
* 【SP:縦】　〜479px
*/
/*============================================================================================*/


/*================================================================

 【SP：横】 480px 〜 599px

================================================================*/


@media screen and (min-width: 480px) {
  
  
  /*============== Header ==============*/
  
  #header {
  
　  width:100%;
}

#header .sb_logo {
	display:inline-block;
  float:left;
  margin:18px 0;
  width:35%;
}

.sb_logo img {
max-width:122px;
  margin-left:10px;
}
  
  #header .top-search-area {
  display:inline-block;
  float:right;
}

 #header  .top-search-area .search input[type="search"] {
  width: 90%;
  height: 28px;
  border-radius: 6px;
  margin : 40px 0 0 15px;
  font-size:1.4rem;
 }


.top-search-area form {
  position: relative;
}

.top-search-area input[type="serach"] {
  position: absolute;
}

.top-search-area input[type="submit"] {
  position: absolute;
  right: -10px;
  top: 35px;
  width: 80px;
  height: 0;
  background: url("/hc/theming_assets/01HZKPEYCJ90SEH44VF1THAAST") no-repeat 50% 50%/ 20px 20px;
  z-index: 1;
  padding: 2.4em 0 0 0;
  border: none;
  text-indent: 100%;
  font-size: 1.6rem;
}
  

/*============== home_page ==============*/  
  
 
  
  
  

}


/*================================================================

 Breakpoint
 【タブレット】 600px 〜 1024px


================================================================*/

@media screen and (min-width: 600px) {
  
  
  .header-inner,
  .footer-inner,
  .sub-nav-inner,
  .page-header,
  .main-inner{
  padding: 0 px;
  }

  
  /*============== Header ==============*/
  
  #header .sb_logo {
  float:left;
  margin:18px 0;
  width:140px;
}

.sb_logo img {
margin-left:10px;
}

  
#header .top-search-area {
  display:inline-block;
  float:right;
  margin-top:20px;
  width:45%;
  margin-right:-10px;
}

 #header  .top-search-area .search input[type="search"] {
  width: 90%;
  height: 28px;
  border-radius: 6px;
  margin : 15px 0 0 3px;
  font-size:1.4rem;
 }

  .top-search-area form {
  position: relative;
}

.top-search-area input[type="serach"] {
  position: absolute;
}

.top-search-area input[type="submit"] {
  position: absolute;
  right:10%;
  top: 10px;
  width: 50px;
  height: 0;
  background: url("/hc/theming_assets/01HZKPEYCJ90SEH44VF1THAAST") no-repeat 50% 50%/ 20px 20px;
  z-index: 1;
  padding: 2.4em 0 0 0;
  border: none;
  text-indent: 100%;
  font-size: 1.6rem;
}

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

  #footer .copyright{
    margin:15px 5px 0 0;
    float:right;
    text-align:right;
  }
   
  
  
/*============== Homepage ==============*/
 
 #home-page p{
   font-size:1.3rem;
  }

  
 #home-page .main-menu li {
  width: 50%;
 }
  
 

/*============== breadcrumbs ==============*/
  
  .sub-nav-inner .backbtn-for-phone {
    display: none;
  }

  .sub-nav-inner .breadcrumbs {
    display: table-cell;
  }
  
   
  
  }

/*================================================================

 Breakpoint
 【PC】 1025px 〜 


================================================================*/
@media screen and (min-width: 1025px) {

/*============== Header ==============*/  
  
#header .header-inner{
    width:1025px;
    margin:0 auto;
  }
  
  
  #header .sb_logo{
   max-width:100%;
  }
  
 
#header .top-search-area {
　 display:inline-block;
  float:right;
  width:36%;
  margin-top:10px;
}

#header  .top-search-area .search input[type="search"] {
  width: 90%;
  height: 28px;
  border-radius: 6px;
  margin : 25px 0 0 15px;
  font-size:1.4rem;
  }

.top-search-area form {
  position: relative;
}

.top-search-area input[type="serach"] {
  position: absolute;
}

.top-search-area input[type="submit"] {
  position: absolute;
  right: -2px;
  top: 20px;
  width: 80px;
  height: 0;
  background: url("/hc/theming_assets/01HZKPEYCJ90SEH44VF1THAAST") no-repeat 50% 50%/ 20px 20px;
  z-index: 1;
  padding: 2.4em 0 0 0;
  border: none;
  text-indent: 100%;
  font-size: 1.6rem;
}
  
  
  
/*============== Footer ==============*/  

  /* pagetop */
  #pagetop {
    bottom: 60px;
    right: 40px;
  }

 /* .header-inner,*/
  .footer-inner,
  .sub-nav-inner,
  .page-header,
  .main-contents {
    padding: 0 30px;
    font-size: 1.4rem;
  }
  
  .footer-inner{
    width:1025px;
    margin:0 auto;
  }

  #home-page .main-menu,
  #home-page .pickup-faq,
  #home-page .side-contents {
    margin-top: 40px;
  }

  .main-inner {
    width: 1025px;
    margin: 0 auto;
  }

  h2.section-title {
    font-size: 1.7rem;
  }

  .sub-nav-inner .search input[type="search"] {
    height: 2.6em;
  }

  .sub-nav-inner .search input[type="submit"] {
/*    margin-top: -1.3em; */
  }
  
  /*============== breadcrumbs ==============*/ 
  .sub-nav-inner{
    width:1025px;
    margin:0 auto;
  }
  
  
  /*============== Article-list ==============*/
  .recent-articles ul,
  .related-articles ul,
  .article-list,
  .search-results-list {
    padding-top: 24px;
    font-size: 1.4rem;
  }

  .recent-articles ul li,
  .related-articles ul li,
  .article-list li,
  .search-results-list li {
    padding-left: 1em;
    border-bottom: none;
    text-indent: -1em;
 
  }

  .recent-articles ul li + li,
  .related-articles ul li + li,
  .article-list li + li,
  .search-results-list li + li {
    margin: 12px 0 0 0;
  }

  .recent-articles ul li:before,
  .related-articles ul li:before,
  .article-list li:before,
  .search-results-list li:before {
    content: "・";
    display: inline;
  }

  .recent-articles ul li a,
  .related-articles ul li a,
  .article-list li a,
  .search-results-list li a {
    display: inline;
    padding: 0;
  }

  .recent-articles ul li a:after,
  .related-articles ul li a:after,
  .article-list li a:after,
  .search-results-list li a:after {
    display: none;
  }

  /* 記事をもっとみる */
  #category-list-page .article-list > a {
   margin-top: 24px; 
    padding: 0;
    background: none;
    border: none;
    color:#649bc5;
    font-weight:bold;
    text-align:left;
    width:100%;
    
  }

  
 /* 3点リーダー */
   
 #category-list-page ul.article-list{
  width: 440px;
    
  }
  
 #category-list-page .article-list li{
    overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
    
  }

  
/*============== Page title ==============*/
h1.page-title {
  font-size: 3.0rem;
}

/*============== Section title ==============*/
h2.section-title {
  font-size: 1.7rem;
}

/*============== Aside title ==============*/
aside h3 {
  font-size: 1.7rem;
}


  /*============== Home-page ==============*/
 

  #home-page .main-menu {
    margin-top: 20px;
  }

  #home-page .main-menu li {
    width: 33.333333%;
  }

  #home-page .main-menu,
  #home-page .pickup-faq,
  #home-page .info {
    padding: 0 24px;
    vertical-align: top;
  }

  
  #home-page .info {
    width: 300px;
    padding-top: 24px;
    padding-bottom: 24px;
    background-color: #f2f2f2;
    border: #e0e0e0 solid 1px;
    border-radius: 4px;
  }

  #home-page .info .section-title {
    border-bottom: none;
    padding-bottom: 0;
    border-radius: 4px;
  }

  #home-page .info .article-list {
    padding-top: 24px;
    border-top: none;
  }

  #home-page .info .article-list li {
    margin: 0 0 16px 0;
    padding-left: 0;
    text-indent: 0;
  }

  #home-page .info .article-list li:before {
    display: none;
  }

  #home-page .info .article-list a {
  }

  #home-page .info .article-list time {
    float: none;
    display: block;
    margin-bottom: 6px;
  }

  #home-page .info .article-list em {
    overflow: visible;
  }

  #home-page .info .show-more-info {
    font-size: 1.4rem;
  }

  #home-page .info .show-more-info a {
    margin-top: 16px;
    padding: 0;
  }

  #home-page .banner {
    float: right;
    margin: 24px 0 0 0;
  }

  #home-page .banner li {
    display: block;
    margin: 16px 0 0 0;
  }


/*============== Category list ==============*/
#category-list-page .main-contents > .section {
  width: 450px;
  float: left;
  margin-left: 40px;
 height: 275px;  

}

#category-list-page .main-contents > .section:nth-child(odd) {
  margin-left: 0;
}

/*============== Section list ==============*/
#section-list-page .article-list > li {
  width: 800px;
  margin-top: 15px !important;
}

#section-list-page .article-list > li:nth-child(even){

}

#section-list-page .article-list > li:nth-child(1){
  margin-top: 0;
}

  /*============== Article ==============*/
  #article-page {
    margin-bottom: 0;
  }

  #article-page .main-contents {
    float: left;
    width: 688px;
  }

  #article-page .article-body {
  }

  #article-page .side-contents {
    float: right;
    width: 300px;
    margin-top: 40px;
    margin-right: 24px;
    background: none;
  }

  #article-page .side-contents > section + section {
    margin-top: 24px;
  }

  #article-page .side-contents h3 {
    padding: 0;
    border-bottom: none;
  }

  #article-page .recent-articles,
  #article-page .related-articles {
    padding: 32px 24px;
    border: #e0e0e0 solid 1px;
    border-radius: 4px;
  }

  #article-page .side-contents ul {
    margin-top: 0;
    border-top: none;
  }

  /*============== Search results ==============*/
  #search-result-page .search-results-list li {
    margin-bottom: 24px;
    padding-left: 0;
    text-indent: 0;
  }

  #search-result-page .search-results-list li:before {
    display: none;
  }

  #search-result-page .search-results-list li a {
    display: inline-block;
  }

  #search-result-page .search-results-list li a .search-result-description {
  }

  /*============== Request forms ==============*/
  #post-request-page .main-contents {
    float: left;
    width: 688px;
  }

  #post-request-page .article-body {
  }


  #post-request-page .side-contents {
    float: right;
    width: 300px;
    margin-top: 40px;
    margin-right: 24px;
    background: none;
  }

}

/*================================================================*/
/*
* 上記ここまでのCSSはレストランボードのを流用
*
* 既存オンラインマニュアルからの移行CSSは下記に追記
*/
/*================================================================*/
/*====== common style ======*/
.fcBlack {color:#000 !important;}
.fcRed {color:#df2026 !important;}
.fcLightblue {color:#42b2ce !important;}
.fcBlue {color:#009dd6 !important;}
.fcGray {color:#86888b !important;}
.fcPurple {color:#744c94 !important;}
.fcLightpink {color:#e78682 !important;}
.fcPink {color:#c95789 !important;}
.fcYellow {color:#fac906 !important;}
.fcGreen {color:#47967f !important;}
.fcYG {color:#89bc58 !important;}
.fcGold {color:#9d7a28 !important;}
.fcOrange {color:#f5a461 !important;}
.fcDarkGray {color:#555 !important;}

.fwbold {font-weight:bold !important;}
.fwnormal {font-weight:normal !important;}

.fs12 {font-size:12px !important;}
.fs14 {font-size:14px !important;}
.fs16 {font-size:16px !important;}

.fl {float:left;}
.fr {float:right;}

.tLeft {text-align:left !important;}
.tRight {text-align:right !important;}
.tCenter {text-align:center !important;}

.textLine {text-decoration:underline !important;}
.nob {border:none !important;}

.m0 {margin:0 !important;}
.m20 {margin:20px !important;}
.mLR0 {margin-left:0 !important; margin-right:0 !important;}
.mLR10 {margin-left:10px !important; margin-right:10px !important;}
.mLR15 {margin-left:15px !important; margin-right:15px !important;}
.mLR20 {margin-left:20px !important; margin-right:20px !important;}
.mL0 {margin-left:0 !important;}
.mL5 {margin-left:5px !important;}
.mL10 {margin-left:10px !important;}
.mL20 {margin-left:20px !important;}
.mL30 {margin-left:30px !important;}
.mL40 {margin-left:40px !important;}
.mL50 {margin-left:50px !important;}
.mL60 {margin-left:60px !important;}
.mL70 {margin-left:70px !important;}
.mR0 {margin-right:0 !important;}
.mR5 {margin-right:5px !important;}
.mR10 {margin-right:10px !important;}
.mT0 {margin-top:0px !important;}
.mT5 {margin-top:5px !important;}
.mT10 {margin-top:10px !important;}
.mT15 {margin-top:15px !important;}
.mT20 {margin-top:20px !important;}
.mT30 {margin-top:30px !important;}
.mB0 {margin-bottom:0 !important;}
.mB5 {margin-bottom:5px !important;}
.mB10 {margin-bottom:10px !important;}
.mB20 {margin-bottom:20px !important;}
.mB30 {margin-bottom:30px !important;}
.mB40 {margin-bottom:40px !important;}
.pLR0 {padding-left:0 !important; padding-right:0 !important;}
.p0 {padding:0 !important;}
.pL0 {padding-left:0 !important;}
.pL10 {padding-left:10px !important;}
.pB0 {padding-bottom:0 !important;}
.pT5 {padding-top:5px !important;}

.w250 {width:250px;}
.w440 {width:440px;}

.bdLnone {border-left:none !important;}
.bdRnone {border-right:none !important;}
.bdTnone {border-top:none !important;}
.bdBnone {border-bottom:none !important;}

.bdT {border-top:1px solid #ccc !important; padding-top:20px !important;}
.bdB {border-bottom:1px solid #ccc !important; padding-bottom:20px !important;}

a.blank{
	padding-right: 14px;
  margin-right: 8px;
	background: transparent url($assets-icon_external-png) center right no-repeat;
}

.pcView {
  display: none;
}

.spView {
  display: block;
}

#article-page .article-body a {
  word-break: break-all;
}

/*====== number ======*/
#num01 {
  width: 22px;
  height: 22px;
  margin: 5px 5px 0px 0px;
  display: inline-block;
  background: url(/hc/theming_assets/01HZKPF0BS85WVJ8TEKKKPJJ1J);
}
#num02 {
  width: 22px;
  height: 22px;
  margin: 5px 5px 0px 0px;
  display: inline-block;
  background: url(/hc/theming_assets/01HZKPFMN8PWA44EZKC5RN9877);
}
#num03 {
  width: 22px;
  height: 22px;
  margin: 5px 5px 0px 0px;
  display: inline-block;
  background: url(/hc/theming_assets/01HZKPG25VNW73JZA7VMJV72EQ);
}
#num04 {
  width: 22px;
  height: 22px;
  margin: 5px 5px 0px 0px;
  display: inline-block;
  background: url(/hc/theming_assets/01HZKPG1AW9ZJWHY8CNC7STQG2);
}
#num05 {
  width: 22px;
  height: 22px;
  margin: 5px 5px 0px 0px;
  display: inline-block;
  background: url(/hc/theming_assets/01HZKPFMSSKKENYM836MHZEAV2);
}
#num06 {
  width: 22px;
  height: 22px;
  margin: 5px 5px 0px 0px;
  display: inline-block;
  background: url(/hc/theming_assets/01HZKPEY7P5KQZF0ZXM1M6T3MA);
}
#num07 {
  width: 22px;
  height: 22px;
  margin: 5px 5px 0px 0px;
  display: inline-block;
  background: url(/hc/theming_assets/01HZKPEPG4JJD2MYSQCPSQK8P0);
}
#num08 {
  width: 22px;
  height: 22px;
  margin: 5px 5px 0px 0px;
  display: inline-block;
  background: url(/hc/theming_assets/01HZKPF2WY0CNKF72PCM8P7SSK);
}
#num09 {
  width: 22px;
  height: 22px;
  margin: 5px 5px 0px 0px;
  display: inline-block;
  background: url(/hc/theming_assets/01HZKPEFXW2WVYMW51TQQ4189Z);
}
#num10 {
  width: 22px;
  height: 22px;
  margin: 5px 5px 0px 0px;
  display: inline-block;
  background: url(/hc/theming_assets/01HZKPFF064TGBBBJ4D9ZP1SRA);
}
#num11 {
  width: 22px;
  height: 22px;
  margin: 5px 5px 0px 0px;
  display: inline-block;
  background: url(/hc/theming_assets/01HZKPESJMM5YPC4X22HMBTX4N);
}
#num12 {
  width: 22px;
  height: 22px;
  margin: 5px 5px 0px 0px;
  display: inline-block;
  background: url(/hc/theming_assets/01HZKPFT36DZBH99Q22QFP8PQQ);
}
#num13 {
  width: 22px;
  height: 22px;
  margin: 5px 5px 0px 0px;
  display: inline-block;
  background: url(/hc/theming_assets/01HZKPFKK8YSM82EJ4WZRYS59M);
}


/*====== dt dd ======*/

.itemtop {
	margin:30px 20px;
	padding:10px 15px;
	border:#009dd6 1px solid;
}
.itemtop dt {
	padding:5px 0 5px;
	color:#009dd6;
	font-size:16px;
	font-weight:bold;
}
.itemtop dd {
	margin-bottom:10px;
	padding-left:30px;
	padding-bottom:15px;
	border-bottom:#4d4d4d dotted 1px;
}
.itemtop dd.lastchild {
	margin-bottom:0;
	border-bottom:none;
}

/**** clear ****/
.clearfix:after {
	clear:both;
	content:".";
	display:block;
	font-size:0.1em;
	height:0.1px;
	line-height:0;
	visibility:hidden;
}
.clearfix {
	min-height:1px;
	zoom:1;
}
* html .clearfix {
	height:1px;
}
.clear {
	clear:both;
}

/**** tableColor ****/
.tcPink,
.tcGray {
	margin-bottom: 20px;
}
.tcPink table th.first,
.tcGray table th.first {
	background-color: #BDD7EE;
	color: #4b4b4b;
}
.tcPink .icoLink {
	padding-left:12px;
	background:url("/hc/theming_assets/01HZKPG1F7SJYDDSWF79SBRXM7") no-repeat left center;
}

.tcPink .title {
  margin: 5px 0;
  color: #b74c66;
  font-size: 14px;
  font-weight: bold;
}
.tcPink table th {
	background-color: #b74c66;
	color: #fff;
}
.tcPink table td.first {
  color: #b74c66;
  font-weight: bold;
}
.tcPink table td.on {
	background-color: #fef5f7;
	text-align: center;
	color: #b74c66;
}
.tcPink table td.off {
	background-color: #e9e7e8;
	text-align: center;
}

.tcGray .title {
  margin: 5px 0;
  color: #666;
  font-size: 14px;
  font-weight: bold;
}
.tcGray table th {
	background-color: #666;
	color: #fff;
}
.tcGray table td.on {
	background-color: #e5dfd8;
	text-align: center;
	color: #666;
}
.tcGray table td.off {
	background-color: #eee;
	text-align: center;
}

/**** start ****/
.start h2 {
	border-left:#b74c66 5px solid;
	color:#b74c66;
}
.start h3 {
	padding:10px 10px 0;
	background-color:#ebd4d4;
	color:#b74c66;
}
.start .naviColor {
	background-color:#fff;
}
.start .menuArea {
	border:#ebd4d4 10px solid;
}
.start h4 {
	border:#b74c66 1px solid;
}
.start h4 em {
	background-color:#b74c66;
}
.start .menu li {
	background:url(/salonboard_manual/images/ico_square_redpink.png) no-repeat left 2px;
}
.start h5 {
	padding:5px 10px;
	background-color:#f7ebeb;
	color:#b74c66;
	font-size:16px;
	font-weight:bold;
}
.start ul {
	margin-top:15px;
}
.start ul dt {
	margin-bottom:10px;
	padding:5px 0 0 25px;
	background:url("/hc/theming_assets/01HZKPEMFTAY0T09KAJ91N9J2R") no-repeat left 7px;
}
.start ul dd {
	margin-bottom:20px;
	margin-left:0;
}
.start dt {
	background-color:#f7ebeb;
	color:#b74c66;
	font-size:16px;
	font-weight:bold;
}

/**** login ****/
.article-body .login h2 {
	border-left:#da9e3b 5px solid;
	color:#da9e3b;
}
.article-body .login h3 {
	padding:10px 10px 0;
	background-color:#f5e6d0;
	color:#da9e3b;
}
.article-body .login .naviColor {
	background-color:#fff;
}
.article-body .login .menuArea {
	border:#f5e6d0 10px solid;
}
.article-body .login h4 {
	border:#da9e3b 1px solid;
}
.article-body .login h4 em {
	background-color:#da9e3b;
}
.article-body .login .menu li {
	background:url(/salonboard_manual/images/ico_square_yellow.png) no-repeat left 2px;
}
.article-body .login h5 {
	margin-bottom:20px;
	padding-left:25px;
	background:url("/hc/theming_assets/01HZKPFVP80EFP11XAJF2MN8GM") no-repeat left 2px;
	font-size:16px;
	font-weight:bold;
}
.article-body .login .step dt {
	background-color:#fbf2e4;
	color:#da9e3b;
}
.article-body .login .detailcontents {
	margin:0 10px 30px;
}
.article-body .login .itemtop {
	border:1px solid #d99d3a;
}
.article-body .login .itemtop dt {
	color:#d99d3a;
}
.article-body .login .itemtop dd p {
	margin:0 0 10px;
}
.article-body .login .bglineTit {
	padding:3px 10px;
	background-image:none;
	background-color:#fbf2e4;
	color:#da9e3b;
}
.article-body .login .idList dt {
	padding:10px 0;
	color:#d99d3a;
	font-size:14px;
	font-weight:bold;
}
.article-body .login .idList dt:first-child {
	padding-top:0;
}
.article-body .login .idList dd {
	padding:0 0 10px 10px;
}

/**** flow ****/
.flow h2 {
	border-left:#e78682 5px solid;
	color:#e78682;
}
.flow h3 {
	padding:10px 10px 0;
	background-color:#fbe9e8;
	color:#e78682;
}
.flow .naviColor {
	background-color:#fff;
}
.flow .menuArea {
	border:#fbe9e8 10px solid;
}
.flow h4 {
	border:#e78682 1px solid;
}
.flow h4 em {
	background-color:#e78682;
}
.flow .menu li {
	background:url(/salonboard_manual/images/ico_square_lightpink.png) no-repeat left 2px;
}
.flow h5 {
	padding:3px 10px;
	background-color:#fbe9e8;
	color:#e78682;
	font-size:16px;
}
.flow .paraPink {
	padding-left:25px;
	background:url("/hc/theming_assets/01HZKPFJ05S6503Y2RBNB2RZNF") no-repeat left 2px;
	color:#e78682;
	font-size:16px;
	font-weight:bold;
}
.flow .detailcontents {
	margin:15px 10px 30px;
}
.flow .flowList dt {
	margin-bottom:10px;
	color:#009dd6;
	font-size:14px;
	font-weight:bold;
}
.flow .flowList dt img {
	margin-right:8px;
}
.flow .flowList dd {
	margin-bottom:30px;
}

/**** settei ****/
.settei h2 {
	border-left:#47967f 5px solid;
	color:#47967f;
}
.settei h3 {
	background-color:#d7e2dc;
	color:#47967f;
}
.settei .naviColor {
	background-color:#d7e2dc;
}
.settei .menuArea {
	border:#d7e2dc 10px solid;
}
.settei h4 {
	border:#47967f 1px solid;
}
.settei h4 em {
	background-color:#47967f;
}
.settei .menu li {
	background:url(/salonboard_manual/images/ico_square_green.png) no-repeat left 2px;
}
.settei .step {
	margin-top:20px;
}
.article-body .settei .panel .step dt {
  color:#47967f;
}
.settei .step dt {
	background-color:#e4f0e9;
	color:#47967f;
}
.settei h5 {
	color:#47967f;
	font-size:16px;
	font-weight:bold;
}
.settei .icoLink {
	padding-left:12px;
	background:url("/hc/theming_assets/01HZKPG1F7SJYDDSWF79SBRXM7") no-repeat left center;
}

/**** uketsuke ****/
.uketsuke h2 {
	border-left:#436aa6 5px solid;
	color:#436aa6;
}
.uketsuke h3 {
	background-color:#d6daeb;
	color:#436aa6;
}
.uketsuke .naviColor {
	background-color:#d6daeb;
}
.uketsuke .menuArea {
	border:#d6daeb 10px solid;
}
.uketsuke h4 {
	border:#436aa6 1px solid;
}
.uketsuke h4 em {
	background-color:#436aa6;
}
.uketsuke .menu li {
	background:url(/salonboard_manual/images/ico_square_blue.png) no-repeat left 2px;
}
.uketsuke .step dt {
	background-color:#f0f2f7;
	color:#436aa6;
}
.uketsuke h5,
.uketsuke h4.hdgGray {
	margin-bottom:20px;
	border:#86888b 1px solid;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	-ms-border-radius:3px;
}
.uketsuke h5 em,
.uketsuke h4.hdgGray em {
	display:block;
	margin:1px;
	padding:5px 10px;
	background-color:#86888b;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	-ms-border-radius:3px;
	color:#fff;
	font-size:16px;
	font-weight:bold;
}

/**** yoyaku ****/
.yoyaku h2 {
	border-left:#744c94 5px solid;
	color:#744c94;
}
.yoyaku h3 {
	background-color:#d8cfe2;
	color:#744c94;
}
.yoyaku .naviColor {
	background-color:#d8cfe2;
}
.yoyaku .menuArea {
	border:#d8cfe2 10px solid;
}
.yoyaku h4 {
	border:#744c94 1px solid;
}
.yoyaku h4 em {
	background-color:#744c94;
}
.yoyaku .menu li {
	background:url(/salonboard_manual/images/ico_square_purple.png) no-repeat left 2px;
}
.yoyaku .step dt {
	background-color:#ede9f2;
	color:#744c94;
}
.yoyaku h5 {
	margin-bottom:20px;
	padding-left:25px;
	background:url("/hc/theming_assets/01HZKPFWD9YBWJJ0VSR8TJYGFP") no-repeat left 2px;
	color:#744c94;
	font-size:16px;
	font-weight:bold;
}

/**** menuYoyakuManagement ****/
.menuYoyakuManagement h2 {
	border-left:#744c94 5px solid;
	color:#744c94;
}
.menuYoyakuManagement h3 {
	background-color:#d8cfe2;
	color:#744c94;
}
.menuYoyakuManagement .naviColor {
	background-color:#d8cfe2;
}
.menuYoyakuManagement .menuArea {
	border:#d8cfe2 10px solid;
}
.menuYoyakuManagement h4 {
	border:#744c94 1px solid;
}
.menuYoyakuManagement h4 span {
	background-color:#744c94;
}
.menuYoyakuManagement .menu li {
	background:url(/salonboard_manual_backup/images/ico_square_purple.png) no-repeat left 2px;
}
.menuYoyakuManagement .step dt {
	background-color:#ede9f2;
	color:#744c94;
}
.menuYoyakuManagement h5 {
	margin-bottom:20px;
	padding-left:25px;
	background:url(/salonboard_manual_backup/images/yoyaku/listicon.png) #fff no-repeat left 2px;
	color:#744c94;
	font-size:16px;
	font-weight:bold;
}

/**** custom ****/
.custom h2 {
	border-left:#89bc58 5px solid;
	color:#89bc58;
}
.custom h3 {
	background-color:#f0f6e9;
	color:#89bc58;
}
.custom .naviColor {
	background-color:#f0f6e9;
}
.custom .menuArea {
	border:#f0f6e9 10px solid;
}
.custom h4 {
	border:#89bc58 1px solid;
}
.custom h4 em {
	background-color:#89bc58;
}
.custom .menu li {
	background:url(/salonboard_manual/images/ico_square_yellowgreen.png) no-repeat left 2px;
}
.custom .step dt {
	background-color:#f0f6e9;
	color:#89bc58;
}
.custom h5 {
	font-size:14px;
}

/**** keisai ****/
.keisai h2 {
	border-left:#c95789 5px solid;
	color:#c95789;
}
.keisai h3 {
	background-color:#f0d8e0;
	color:#c95789;
}
.keisai .naviColor {
	background-color:#f0d8e0;
}
.keisai .menuArea {
	border:#f0d8e0 10px solid;
}
.keisai h4 {
	margin-bottom:20px;
	padding-left:23px;
	background:url("/hc/theming_assets/01HZKPG11QCKEBM38V4ZS2D5E8") no-repeat left 2px;
	color: #c95789;
	font-size:16px;
}
.keisai .menu li {
	background:url(/salonboard_manual/images/ico_square_pink.png) no-repeat left 2px;
}
.keisai .step dt {
	background-color:#faeded;
	color:#c95789;
}
.keisai h5 {
	padding:3px 10px;
	background-color:#faeded;
	color:#c95789;
	font-size:16px;
}
.keisai h6 {
	padding:3px 10px;
	background-color:#86888b;
	color:#fff;
	font-size:16px;
	font-weight:bold;
}
.keisaiTit {
	padding:3px 10px;
	background-color:#faeded;
	color:#c95789;
	font-size:16px;
	font-weight:bold;
}
.keisai .detailcontents {
	margin:15px 10px 30px;
}
.keisai .couponPoint {
	padding:10px;
	border:#c95789 1px solid;
}
.keisai .couponPoint li {
	margin-bottom:10px;
	color:#c95789;
	font-size:14px;
	font-weight:bold;
	zoom:1;
}
.keisai .couponPoint li.lastchild {
	margin-bottom:0;
}
.keisai .couponPoint li em {
	display:inline-block;
	width:85px;
	margin-right:10px;
	padding:3px 0;
	background-color:#c95789;
	color:#fff;
	font-size:12px;
	text-align:center;
  float: left;
	font-weight:bold;
}
.keisai .couponPoint dt {
	font-weight:bold;
}
.keisai .couponPoint dd {
	margin:3px 0 0 95px;
	color:#4b4b4b;
	font-size:12px;
	font-weight:normal;
}
.keisai .couponPoint p {
	margin:0 0 0 95px;
}
.keisai .detailcontents .itemtop {
	margin:20px 0 30px;
	padding-top:15px;
}
.keisai .detailcontents .itemtop li {
	margin-bottom:13px;
	padding-bottom:15px;
	border-bottom:1px dotted #4D4D4D;
  padding: 5px 5px 15px 0;
}
.keisai .detailcontents .itemtop li.lastchild {
	margin-bottom:0;
	border-bottom:0;
}
.keisai .detailcontents .itemtop li img {
	margin:-3px 8px 0 0;
}
.keisai .rulesList dt {
	margin-bottom:10px;
	padding:5px;
	font-size:14px;
	font-weight:bold;
	background-color:#faeded;
	color:#c95789;
}
.keisai .rulesList dd {
	margin-bottom:30px;
}
.keisai .rulesList .grayArea {
	padding: 2px 10px 10px;
	background-color:#ececec;
}
.keisai .rulesList .grayArea p {
	margin:0;
}
.keisai .rulesList .grayArea .leftTxt {
	float:left;
	width:25px;
  margin-top: 3px;
}
.keisai .rulesList .grayArea .rightTxt {
	margin-left:26px;
}
.keisai .chartwrapper {
	display: block;
  margin-bottom: 30px;
}
.keisai .chartdetail {
  width: 100%;
  margin-left: 0;
}
.keisai .chartdetail dt {
	margin:0 0 5px;
	padding:5px 0;
	color:#009dd6;
	font-size:16px;
	font-weight:bold;
  min-height: 30px;
}
.keisai .chartdetail dt.num1 {
  padding-left: 30px;
  background: url(/hc/theming_assets/01HZKPF0BS85WVJ8TEKKKPJJ1J) no-repeat 0 5px;
}
.keisai .chartdetail dt.num2 {
  padding-left: 30px;
  background: url(/hc/theming_assets/01HZKPFMN8PWA44EZKC5RN9877) no-repeat 0 5px;
}
.keisai .chartdetail dt.num3 {
  padding-left: 30px;
  background: url(/hc/theming_assets/01HZKPG25VNW73JZA7VMJV72EQ) no-repeat 0 5px;
}
.keisai .chartdetail dt.num4 {
  padding-left: 30px;
  background: url(/hc/theming_assets/01HZKPG1AW9ZJWHY8CNC7STQG2) no-repeat 0 5px;
}
.keisai .chartdetail dt.num5 {
  padding-left: 30px;
  background: url(/hc/theming_assets/01HZKPFMSSKKENYM836MHZEAV2) no-repeat 0 5px;
}
.keisai .chartdetail dt img {
	margin-right:8px;
}
.keisai .chartdetail dd {
	margin:0 0 10px;
	padding:0 0 15px;
	border-bottom: 1px dotted #4D4D4D;
}
.keisai .chartdetail dd.lastchild {
	border:none;
}

/**** groupid ****/
.groupid h2 {
	border-left:#c95789 5px solid;
	color:#c95789;
}
.groupid h3 {
	background-color:#f0d8e0;
	color:#c95789;
}
.groupid .naviColor {
	background-color:#f0d8e0;
}
.groupid .menuArea {
	border:#f0d8e0 10px solid;
}
.groupid h4 {
	border:#c95789 1px solid;
}
.groupid h4 em {
	background-color:#c95789;
}
.groupid .menu li {
	background:url(/salonboard_manual/images/ico_square_pink.png) no-repeat left 2px;
}
.groupid .step dt {
	background-color:#faeded;
	color:#c95789;
}

/**** seikyu ****/
.seikyu h2 {
	border-left:#775c40 5px solid;
	color:#775c40;
}
.seikyu h3 {
	padding:10px 10px 0;
	background-color:#ddd4c8;
	color:#775c40;
}
.seikyu .naviColor {
	background-color:#ddd4c8;
}
.seikyu .menuArea {
	border:#ddd4c8 10px solid;
}
.seikyu h4 {
	border:#775c40 1px solid;
}
.seikyu h4 em {
	background-color:#775c40;
}
.seikyu .menu li {
	background:url(/salonboard_manual/images/ico_square_brown.png) no-repeat left 2px;
}
.seikyu .step dt {
	background-color:#ebe4db;
	color:#775c40;
}
.seikyu .circleIconTit {
	margin:30px 0 20px;
	padding-left:25px;
	background:url("/hc/theming_assets/01HZKPEWM5GF1KEVWKFP1M5A9S") no-repeat left 2px;
	color:#775c40;
	font-size:16px;
	font-weight:bold;
}
#article-page .article-body .seikyu ol.flow > li {
  margin-top: 0;
  padding-left: 0;
  text-indent: 0;
}
#article-page .article-body .seikyu ol.flow > li:before,
#article-page .article-body .seikyu li ol.flow > li:before {
  content: none;
}
#article-page .article-body .seikyu li ol.flow li {
  margin-top: 0;
}
.seikyu .flow .inner {
	padding: 14px 0 70px 20px;
	margin-bottom: 20px;
	background: url("/hc/theming_assets/01HZKPFYK3KXS1WMC3JQBJ46KF") no-repeat center bottom;
}
.seikyu .flow .inner:last-child {
	padding-bottom: 0;
	background-image: none;
}
.seikyu .flow dl {
	text-align: center;
	font-weight: bold;
}
.seikyu .flow dt {
	position: relative;
	padding: 8px 30px 6px;
	font-size: 16px;
	color: #fff;
	background-color: #775c40;
	border-top-right-radius: 12px;
	-webkit-border-top-right-radius: 12px;
	-moz-border-top-right-radius: 12px;
	-o-border-top-right-radius: 12px;
	-ms-border-top-right-radius: 12px;
}
.seikyu .flow dt img {
	position: absolute;
	top: -14px;
	left: -1px;
}
.seikyu .flow dd {
	padding: 20px 30px;
	font-size: 14px;
	background-color: #ebe4db;
	border: #775c40 2px solid;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
	-webkit-border-bottom-left-radius: 12px;
	-webkit-border-bottom-right-radius: 12px;
	-moz-border-bottom-left-radius: 12px;
	-moz-border-bottom-right-radius: 12px;
	-o-border-bottom-left-radius: 12px;
	-o-border-bottom-right-radius: 12px;
	-ms-border-bottom-left-radius: 12px;
	-ms-border-bottom-right-radius: 12px;
}
.seikyu .flow .innerPoint {
	position: relative;
	margin: 21px 0 10px 70px;
}
.seikyu .flow .innerPoint em {
	position: absolute;
	top: -1px;
	left: -70px;
	padding: 0 14px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	background-color: #ff3399;
	color: #fff;
}
.seikyu .boxInner dl {
	padding: 12px;
	margin: 0 0 10px 0;
	background-color: #fcfbda;
}
.seikyu .boxInner dt {
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
}
.seikyu .boxPoint {
	margin: 0;
  clear: both;
}
.seikyu .boxPoint em {
	display: block;
	margin-bottom: 4px;
	width: 60px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	background-color: #ff3399;
	color: #fff;
}
.seikyu .titlePoint {
	position: relative;
	margin: 20px 0 10px 70px;
	font-size: 14px;
	font-weight: bold;
}
.seikyu .titlePoint em {
	position: absolute;
	left: -70px;
	padding: 0 14px;
	text-align: center;
	background-color: #ff3399;
	color: #fff;
}

/**** clm ****/
.clm h2 {
	border-left:#666 5px solid;
	color:#666;
}
.clm h3 {
	background-color:#ddd4c8;
	color:#666;
}
.clm .naviColor {
	background-color:#ddd4c8;
}
.clm .menuArea {
	border:#ddd4c8 10px solid;
}
.clm h4 {
	border:#666 1px solid;
}
.clm h4 em {
	background-color:#666;
}
.clm .menu li {
	background:url(/salonboard_manual/images/ico_square_gray.png) no-repeat left 2px;
}
.clm p {
	margin:0 0 15px;
}
.clm .step dt {
	background-color:#eee;
	color:#666;
}
.clm .step dd img {
	float:left;
}
.clm .step dd div,
.clm .step dd dl {
	float:left;
	width:406px;
	margin-left:20px;
}
.clm .step dd:after {
	clear:both;
	content:".";
	display:block;
	font-size:0.1em;
	height:0.1px;
	line-height:0;
	visibility:hidden;
}
.clm .step dd {
	min-height:1px;
	zoom:1;
}
* html .clm .step dd {
	height:1px;
}
.clm .process dt {
	width:auto;
	padding:5px 10px;
}
.clm .step .itemtop {
	padding:0;
	border:none;
}
.clm .step .itemtop dt {
	width:auto;
	padding:0 0 5px;
	font-size:14px;
}
.clm .step .itemtop dd {
	margin-bottom:0;
	border-bottom:none;
}

/**** cls ****/
.cls h2 {
	border-left:#666 5px solid;
	color:#666;
}
.cls h3 {
	background-color:#ddd4c8;
	color:#666;
}
.cls .naviColor {
	background-color:#ddd4c8;
}
.cls .menuArea {
	border:#ddd4c8 10px solid;
}
.cls h4 {
	border:#666 1px solid;
}
.cls h4 em {
	background-color:#666;
}
.cls .menu li {
	background:url(/salonboard_manual/images/ico_square_gray.png) no-repeat left 2px;
}
.cls h5 {
	margin-bottom:20px;
	padding:3px 10px;
	background-color:#ddd4c8;
	color:#666;
	font-size:16px;
	font-weight:bold;
}
.cls .step dt,
.article-body .cls .panel .step dt{
	background-color:#eee;
	color:#666;
}
.cls .beforeList {
	margin-top:15px;
}
.cls .beforeList dt {
	margin-bottom:10px;
	padding:5px 0 0 25px;
	background:url("/hc/theming_assets/01HZKPG0RWDNNVDPYST51G5WFR") no-repeat left 7px;
	font-size:16px;
	font-weight:bold;
}
.cls .beforeList dd {
	margin-bottom:20px;
	margin-left:0;
}
.cls .beforeList ul {
	margin-left:15px;
}
#article-page .article-body .cls .beforeList li,
.cls .beforeList li {
	padding-bottom:5px;
	list-style-type:disc;
}
.cls .detailcontents {
	margin:15px 0 30px;
}
.cls .howto dt {
	margin-bottom:20px;
	padding:5px;
	background-color:#eee;
	color:#666;
	font-size:16px;
	font-weight:bold;
}
.cls .howto dt img {
	margin-right:10px;
}
.cls .howto dd {
	margin:0 10px 30px;
}
.cls .howto .chui {
	margin:20px 0 30px;
}
.cls .howto .chui dt {
	padding:0 0 0 64px;
	background-color:transparent;
	color:#c43;
	font-size:12px;
}
.cls .howto .chui dd {
	margin:0;
}
.cls .smpDisplay {
	float:left;
	width:406px;
	margin-left:20px;
}
.cls .smpDisplay dt {
	padding-bottom:5px;
	color:#009dd6;
	font-size:14px;
	font-weight:bold;
}
.cls .smpDisplay dt img {
	margin-right:8px;
}
.cls .smpDisplay dd {
	padding:0 0 15px 30px;
}
.cls .processList {
	float:left;
	width:406px;
	margin-left:20px;
}

/**** att ****/
.att h2 {
	border-left:#1a9ebf 5px solid;
	color:#1a9ebf;
}
.att h3 {
	background-color:#c5e6ef;
	color:#1a9ebf;
}
.att .naviColor {
	background-color:#c5e6ef;
}
.att .menuArea {
	border:#c5e6ef 10px solid;
}
.att h4 {
	border:#1a9ebf 1px solid;
}
.att h4 em {
	background-color:#1a9ebf;
}
.att .menu li {
	background:url(/salonboard_manual/images/ico_square_lightblue.png) no-repeat left 2px;
}
.att h5 {
	padding:5px 5px 5px 28px;
	background:url("/hc/theming_assets/01HZKPFZMZDGA45KPJ2KG2MBQ3") #e0f2f7 no-repeat 5px 5px;
	color:#1a9ebf;
	font-size:14px;
	font-weight:bold;
}
.att h6 {
	margin-bottom: 5px;
	padding-left: 15px;
	background:url("/hc/theming_assets/01HZKPF9HY30BE2XYRXGGZ4TCG") no-repeat 0 3px;
	font-size: 14px;
	color: #1a9ebf;
}
.article-body .att p {
	margin: 5px 0 10px;
}
.att .detailcontents {
	margin:15px 10px 30px;
}
.att .grayArea {
	padding:5px 10px 10px 10px;
	margin-bottom: 20px;
	background-color:#ececec;
}
.att .grayArea p {
	margin:0;
}
.att .grayArea .leftTxt {
	float:left;
	width:25px;
  margin-top: 3px;
}
#article-page .article-body .att .grayArea ul.rightTxt,
.att .grayArea .rightTxt {
	margin-left:26px;
  margin-top: 3px;
}
.att dl dt {
	margin-bottom: 5px;
}
.att dl dd {
	margin-bottom: 20px;
}
.att dl dd:last-child {
	margin-bottom: 0;
}
.att dl p {
	margin:0 0 10px;
}
.att table {
	width:100%;
}
.att table th {
	background-color:#f1efeb;
	border:#ccc 1px solid;
	font-weight:bold;
	text-align:left;
}
.att table td {
	border:#ccc 1px solid;
}
.att ol {
	margin-bottom:10px;
}
.att ol li {
	margin-left:20px;
	list-style-type:decimal;
}
.att .paraIndent {
	padding-left:0.8em;
	text-indent:-0.5em;
}
.att .paraIndent02 {
	padding-left:1.2em;
	text-indent:-1.2em;
}
.att .borderContainer {
	margin:10px 0;
	padding:10px;
	border:#42b2ce 1px solid;
}
.att .borderContainer dt,
.att .borderContainer li {
	padding-left:14px;
	background:url("/hc/theming_assets/01HZKPFZG6YCKAMRMCRS1C9TTA") no-repeat 0 6px;
	font-weight:bold;
}
.att .borderContainer dd li {
	padding-left:0;
	background:none;
	font-weight:normal;
}
.att .borderContainer .lastchild {
	margin-bottom:0;
}

/**** qa ****/
.qa h2 {
	border-left:#42b2ce 5px solid;
	color:#42b2ce;
}
.qa h3 {
	background-color:#c5e6ef;
	color:#42b2ce;
}
.qa .naviColor {
	background-color:#c5e6ef;
}
.qa .menuArea {
	border:#c5e6ef 10px solid;
}
.qa h4 {
	border:#42b2ce 1px solid;
}
.qa h4 em {
	background-color:#42b2ce;
}
.qa .menu li {
	float:none;
	width:auto;
	background:url(/salonboard_manual/images/ico_square_lightblue.png) no-repeat left 2px;
}
.qa h5 {
	padding:5px 5px 5px 28px;
	background:url("/hc/theming_assets/01HZKPFZMZDGA45KPJ2KG2MBQ3") #e0f2f7 no-repeat 5px 5px;
	color:#1a9ebf;
	font-size:14px;
	font-weight:bold;
}
.qa .qaList dt {
	padding-bottom:15px;
	padding-left:30px;
	background:url("/hc/theming_assets/01HZKPFHJT0GZ3QQQPZ0XGWW4A") no-repeat 0 0;
	color:#1a9ebf;
	font-size:14px;
	font-weight:bold;
}
.qa .qaList dd {
    margin-bottom:20px;
	padding-left:30px;
	background:url("/hc/theming_assets/01HZKPERZ8SYH3PA7X4P65AXP6") no-repeat 0 0;
    border-bottom:1px dotted #4D4D4D;
}

/**** jhpoint ****/
.jhpoint h5 {
	margin-bottom:20px;
	padding-left:23px;
	background:url("/hc/theming_assets/01HZKPEXMRTDYDYM06AG4D4M8S") no-repeat left 2px;
	color: #42b2ce;
	font-size:16px;
}
.jhpoint h6 {
	margin-bottom:20px;
	padding:5px 5px 5px 28px;
	background:url("/hc/theming_assets/01HZKPFZMZDGA45KPJ2KG2MBQ3") #e0f2f7 no-repeat 5px 5px;
	border-radius:0px;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	-o-border-radius:0px;
	-ms-border-radius:0px;
	color:#1a9ebf;
	font-size:14px;
	font-weight:bold;
}
.jhpoint img {
	margin:0 10px 30px;
}
.jhpoint div {
	padding:0 20px 30px;
}
.jhpoint div img {
	margin:0;
}
.jhpoint dl {
	margin:20px 20px 30px;
}
.jhpoint dl dt {
	margin-bottom:10px;
	color:#1a9ebf;
	font-size:14px;
	font-weight:bold;
}
.jhpoint dl dd {
	margin-bottom:20px;
}

/**** other ****/
.other h5 {
	margin-bottom:20px;
	padding-left:23px;
	background:url("/hc/theming_assets/01HZKPEXMRTDYDYM06AG4D4M8S") no-repeat left 2px;
	color: #42b2ce;
	font-size:16px;
}
.other h6 {
	margin-bottom:20px;
	padding:5px 5px 5px 28px;
	background:url("/hc/theming_assets/01HZKPFZMZDGA45KPJ2KG2MBQ3") #e0f2f7 no-repeat 5px 5px;
	border-radius:0px;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	-o-border-radius:0px;
	-ms-border-radius:0px;
	color:#1a9ebf;
	font-size:14px;
	font-weight:bold;
}

/**** hpds ****/
.hpds h2 {
	border-left:#f5a461 5px solid;
	color:#f5a461;
}
.hpds h3 {
	padding:10px 10px 0;
	background-color:#fce4d0;
	color:#f5a461;
}
.hpds .naviColor {
	background-color:#fce4d0;
}
.hpds .menuArea {
	border:#fce4d0 10px solid;
}
.hpds h4 {
	border:#f5a461 1px solid;
}
.hpds h4 em {
	background-color:#f5a461;
}
.hpds h5 {
	margin-bottom:20px;
	padding-left:25px;
	background:url("/hc/theming_assets/01HZKPEV7DQ9AXMNGR01X2B7ZK") no-repeat left 2px;
	font-size:16px;
	font-weight:bold;
}
.hpds .menu li {
	background:url(/salonboard_manual/images/ico_square_orange.png) no-repeat left 2px;
}
.hpds .step dt {
	background-color:#fdebdb;
	color:#f5a461;
}
.hpds .icoLink {
	padding-left:12px;
	background:url("/hc/theming_assets/01HZKPG1F7SJYDDSWF79SBRXM7") no-repeat left center;
}
.hpds .caseArea {
	padding:10px;
	border:#f5a461 1px solid;
}
.hpds .caseList li {
	position:relative;
	padding:0 0 10px 7em;
}
.hpds .caseList em {
	display:block;
	width:6em;
	position:absolute;
	top:0;
	left:0;
	background-color:#ca6f24;
	color:#fff;
	text-align:center;
}
.darectmembersAbout .contentsTit {
	font-size: 16px;
	font-weight: bold;
	color: #f5a461;
}
.darectmembersAbout .point-title em {
	display: inline-block;
	background-color: #ff3399;
	color: #fff;
	margin-right: 10px;
	padding: 0 10px;
	text-align: center;
}
.darectmembersAbout .point-title {
	margin: 10px 0;
	font-size: 14px;
	font-weight: bold;
}
.dmFlowList > li {
	margin-bottom: 20px;
	padding-bottom: 70px;
	background: url("/hc/theming_assets/01HZKPFYK3KXS1WMC3JQBJ46KF") no-repeat center bottom;
	overflow: hidden;
  display: block;
}
.dmFlowList > li:last-child {
	margin-bottom: 40px;
	padding-bottom: 0;
	background-image: none;
}
.dmFlowList .flowImgArea {
  min-width: 100%;
  text-align: center;
}
.dmFlowList .flowImgArea img {
  margin-right: 15px;
}
.dmFlowList .flowContents {
	margin-top: 20px;
  margin-left: 0;
}
.flowPoint li {
	margin-bottom: 15px;
}
.flowPoint li .pointIcon {
	display: inline-block;
	background-color: #ff3399;
	color: #fff;
	margin-right: 10px;
	padding: 0 10px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
.flowPoint li p {
	margin: 5px 0;
}
.darectmember {
	margin: 0 5px;
	padding: 3px 5px;
	background-color: #aaa;
	border-radius: 2px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
}
.firstimageList li {
	position: relative;
	margin-bottom: 20px;
	padding-left: 27px;
}
.firstimageList li img {
	position: absolute;
	top: 0;
	left: 0;
}
#article-page .article-body .hpds .infomation-shopcard {
	margin-bottom: 20px;
}
#article-page .article-body .hpds .infomation-shopcard .osusume-customer-img {
	min-width: 105px;
}
#article-page .article-body .hpds .infomation-shopcard .osusume-customer-dd {
	text-indent: 0;
}
#article-page .article-body .hpds .infomation-shopcard .osusume-customer p {
	margin: 0;
}
#article-page .article-body .hpds .infomation-shopcard .osusume-customer > dt {
	color: #F5A461;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 10px;
}

/**** msg ****/
.msg h2 {
	border-left:#9d7a28 5px solid;
	color:#9d7a28;
}
.msg h3 {
	background-color:#f0e2c3;
	color:#9d7a28;
}
.msg .naviColor {
	background-color:#f0e2c3;
}
.msg .menuArea {
	border:#f0e2c3 10px solid;
}
.msg h4 {
	border:#9d7a28 1px solid;
}
.msg h4 em {
	background-color:#9d7a28;
}
.msg .menu li {
	background:url(/salonboard_manual/images/ico_square_gold.png) no-repeat left 2px;
}
.msg .qaList dt {
	padding-left:23px;
	background:url("/hc/theming_assets/01HZKPFR079FBVTP7SH588357A") no-repeat left 2px;
	color:#9d7a28;
	font-size:16px;
	font-weight:bold;
}
.msg .qaList dd {
	margin:20px 20px 30px;
}
.msg .qaList dd p {
	margin:0;
}
.msg .step dt {
	background-color:#faf6ec;
	color:#9d7a28;
}
.msg h5 {
	margin-bottom:20px;
	padding-left:23px;
	background:url("/hc/theming_assets/01HZKPFR079FBVTP7SH588357A") no-repeat left 2px;
	color:#9d7a28;
	font-size:16px;
}

/**** regi ****/
.regi h2 {
	border-left:#47967f 5px solid;
	color:#47967f;
}
.regi h3 {
	background-color:#e4f0e9;
	color:#47967f;
}
.regi .naviColor {
	background-color:#e4f0e9;
}
.regi .menuArea {
	border:#e4f0e9 10px solid;
}
.regi h4 {
	border:#47967f 1px solid;
}
.regi h4 em {
	background-color:#47967f;
}
.regi .menu li {
	background:url(/salonboard_manual/images/ico_square_green.png) no-repeat left 2px;
}
.regi .step dt {
	background-color:#e4f0e9;
	color:#47967f;
}
.regi h5 {
	margin-bottom:20px;
	padding-left:25px;
	background:url("/hc/theming_assets/01HZKPFQ3NP093S9TG6VAKW4GX") no-repeat left 2px;
	font-size:16px;
	font-weight:bold;
}
.regi h6 {
	margin:30px 0;
	padding:3px 10px;
	background-color:#eee;
	font-size:16px;
}
.regi .icoLink {
	padding-left:12px;
	background:url("/hc/theming_assets/01HZKPG1F7SJYDDSWF79SBRXM7") no-repeat left center;
}

/**** analysis ****/
.analysis h2 {
	border-left:#e78682 5px solid;
	color:#e78682;
}
.analysis h3 {
	background-color:#fbe9e8;
	color:#e78682;
}
.analysis .naviColor {
	background-color:#fbe9e8;
}
.analysis .menuArea {
	border:#fbe9e8 10px solid;
}
.analysis h4 {
	border:#e78682 1px solid;
}
.analysis h4 em {
	background-color:#e78682;
}
.analysis .menu li {
	background:url(/salonboard_manual/images/ico_square_lightpink.png) no-repeat left 2px;
}
.analysis .step dt {
	background-color:#fbe9e8;
	color:#e78682;
}
.analysis h5 {
	margin-bottom:20px;
	padding-left:23px;
	background:url("/hc/theming_assets/01HZKPFQHV9JZ6SCD4C5QAS37W") no-repeat left 2px;
	color: #e78682;
	font-size:16px;
}
.analysis h6 {
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
  color: #555;
}
.analysis .useOf dt {
	font-size: 16px;
	font-weight: bold;
	color: #e78682;
  line-height: 34px;
}
.analysis .useOf dt em {
	padding: 5px 8px;
	margin-right: 10px;
	background-color: #e78682;
	color: #fff;
}
.analysis .useOf dd {
	margin: 0 10px 30px;
}
.analysis .ability dt {
  font-size: 14px;
  border-bottom: #e78682 1px solid;
}
.analysis .ability dd {
  margin: 5px 0 15px;
}
#article-page .article-body .analysis .box {
  padding: 10px 15px;
  margin-bottom: 30px;
  border: #e78682 solid 1px;
  border-radius: 6px;
}

/**** etc ****/
.etc h2 {
	border-left:#f5a461 5px solid;
	color:#f5a461;
}
.etc h3 {
	padding:10px 10px 0;
	background-color:#fce4d0;
	color:#f5a461;
}
.etc .naviColor {
	background-color:#fff;
}
.etc .menuArea {
	border:#fce4d0 10px solid;
}
.etc h4 {
	border:#f5a461 1px solid;
}
.etc h4 em {
	background-color:#f5a461;
}
.etc .menu li {
	background:url(/salonboard_manual/images/ico_square_orange.png) no-repeat left 2px;
}
.etc .step dt {
	background-color:#fdebdb;
	color:#f5a461;
}
.etc .icoLink {
	padding-left:12px;
	background:url("/hc/theming_assets/01HZKPG1F7SJYDDSWF79SBRXM7") no-repeat left center;
}
.etc .caseArea {
	padding:10px;
	border:#f5a461 1px solid;
}
.etc .caseList li {
	position:relative;
	padding:0 0 10px 7em;
}
.etc .caseList em {
	display:block;
	width:6em;
	position:absolute;
	top:0;
	left:0;
	background-color:#ca6f24;
	color:#fff;
	text-align:center;
}

/**** career ****/
.career h2 {
	border-left:#436aa6 5px solid;
	color:#436aa6;
}
.career h3 {
	background-color:#d6daeb;
	color:#436aa6;
}
.career .naviColor {
	background-color:#d6daeb;
}
.career .menuArea {
	border:#d6daeb 10px solid;
}
.career h4 {
	border:#436aa6 1px solid;
}
.career h4 em {
	background-color:#436aa6;
}
.career h5 {
	padding-left: 25px;
	background: url("/hc/theming_assets/01HZKPFQ8BM8M7CRQSWRHH12WF") transparent no-repeat left 2px;
	color: #436aa6;
	font-size: 16px;
}
.career .menu li {
	background:url(/salonboard_manual/images/ico_square_blue.png) no-repeat left 2px;
}
.career .step dt {
	background-color:#f0f2f7;
	color:#436aa6;
}
.career dt.caption {
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
	background-color: transparent;
	color: #4b4b4b;
}
.career .rhombus {
	color: #436aa6;
}

/*====== .contents ======*/
#article-page .article-body li ul,
#article-page .article-body li ul{
    margin-left: 0;
}
#article-page .article-body li ul li {
    list-style-type: none;
    margin-left: 0;
}
#article-page .article-body li,ol,ul{
	list-style-type: none;
}
.article-body p{
	margin:15px 0;
}
.article-body img[src$="star.png"] {
	margin-top:2px;
}
.article-body img[src$="check.png"] {
	margin:0 3px;
}
.article-body .menuArea strong,
.article-body  strong{
	color:#df2026;
	font-weight:normal;
}
.article-body .list{
	margin:20px 10px;
}
.article-body .list li{
	padding:5px 0;
}
.article-body .abc_list{
	margin:20px 10px;
}
.article-body .abc_list li{
  padding: 0 0 10px 30px;
}
.article-body .abc_list li.abc_list_a{
	background: url($assets-icon_a-png) no-repeat top left;
}
.article-body .abc_list li.abc_list_b{
	background: url($assets-icon_b-png) no-repeat top left;
}
.article-body .abc_list li.abc_list_c{
	background: url($assets-icon_c-png) no-repeat top left;
}
.article-body .abc_list li.abc_list_d{
	background: url($assets-icon_d-png) no-repeat top left;
}
.article-body .abc_list li.abc_list_e{
	background: url($assets-icon_e-png) no-repeat top left;
}
.article-body .point{
	position:relative;
	margin:20px 10px 30px;
  padding:15px 10px 10px;
	border:#a1493f 2px solid;
}
.article-body .point dt{
	margin-bottom:5px;
	color:#a1493f;
	font-size:14px;
	font-weight:bold;
}
.article-body .point dt img{
	position:absolute;
	top:-10px;
	left:10px;
}
.article-body .point ul{
	margin:20px 0 30px;
}
.article-body .point ul li{
	margin-bottom:10px;
}
.article-body .panel .step .point dt{
	background-color:transparent;
  color: #a1493f;
}
.article-body .step dt {
	position:relative;
	margin-bottom:20px;
	padding:5px 5px 5px 90px;
	font-size:16px;
	font-weight:bold;
}
.article-body .step dt img {
	position:absolute;
	top:4px;
	left:4px;
}
.article-body .step dd {
	margin:0 10px 30px;
}
.article-body .step dd .panel {
	margin: 0 0 30px;
}
.article-body .step .itemtop {
	margin:0;
}
.article-body .step .itemtop dt {
	margin-bottom:0;
	color:#009dd6;
}
.article-body .step .itemtop dt img {
    position:relative;
    left:0;
    top:0;
}
.article-body .step .itemtop dd {
	margin:0 0 10px;
}
.article-body .stepGray dt{
	background-color:#ececec;
	color:#86888b;
}
.article-body .step .point{
  margin: 30px 0 0;
}
.article-body .step .point dt{
	position:static;
	margin-bottom:5px;
	padding:0;
	background-color:#fff;
	color:#a1493f;
	font-size:14px;
}
.article-body .step .point dt img{
	left:10px;
	top:-10px;
}
.article-body .step .point dd{
	margin:0;
}
.article-body .useOf .point{
	margin: 30px 0 0;
}
.article-body .useOf .point dt{
	position:static;
	margin-bottom:5px;
	padding:0;
	background-color:#fff;
	color:#a1493f;
	font-size:14px;
}
.article-body .useOf .point dt img{
	left:10px;
	top:-10px;
}
.article-body .useOf .point dd{
	margin:0;
}
.article-body .step .chui {
	margin:20px 0 30px;
}
.article-body .step .chui dt {
	position:static;
	padding:0;
	background-color:#fff;
	color:#c43;
	/*font-size:12px;*/
  padding-left: 62px !important;
  padding-bottom: 5px;
  min-height: 20px;
  margin-bottom: 0;
}
.article-body .step .chui dt em,
.article-body .chui dt em,
.article-body .step .hosoku dt em,
.article-body .hosoku dt em  {
	display: none;
}
.article-body .step .chui dt img {
	position:static;
}
.article-body .step .chui dd {
	margin:0;
}
.article-body .commonExplain {
	margin:30px 20px;
	padding:10px;
	background-color:#fdf9ee;
	border:#d7cdc3 1px solid;
}
.article-body .commonExplain p {
	margin:0;
}
.article-body .degi,
.article-body .nondegi {
	position:relative;
	margin:40px 10px;
	padding:20px 10px 10px;
}
.article-body .degi dt,
.article-body .nondegi dt {
	color:#fff;
	font-weight:bold;
}
.article-body .degi dt img,
.article-body .nondegi dt img{
	position:absolute;
	top:-10px;
	left:1px;
}
.article-body .degi {
	background-color:#fdf9ee;
	border:#135195 1px solid;
}
.article-body .nondegi {
	background-color:#fdf9ee;
	border:#f47892 1px solid;
}
.article-body .step .nondegi {
	margin:40px 0;
}
.article-body .step .nondegi dt {
	position:static;
	margin-bottom:0;
	padding:0;
	background-color:transparent;
}
.article-body .step .nondegi dd {
	margin:0;
}
.article-body .itemtop {
	margin:30px 10px;
	padding:10px;
	border:#009dd6 1px solid;
}
.article-body .itemtop dt {
	padding:5px 0 5px;
	color:#009dd6;
	font-size:16px;
	font-weight:bold;
}
.article-body .itemtop dt img {
	margin-right:8px;
}
.article-body .itemtop dd {
	margin-bottom:10px;
	padding-left:0;
	padding-bottom:15px;
	border-bottom:#4d4d4d dotted 1px;
}
.article-body .itemtop dd.lastchild {
	margin-bottom:0;
	border-bottom:none;
}
.article-body .itemtop .step dt {
	width:auto;
	padding:5px 5px 5px 90px;
}
.article-body .itemtop .step dd {
	margin-bottom:30px;
	padding:0;
	border:none;
}
.article-body .itemtop .step dd.lastchild {
	margin-bottom:0;
}
.article-body .itemtopGray {
	border:#86888b 1px solid;
}
.article-body .itemtopGray dt {
	color:#86888b;
}
.article-body .itemtopPink {
	border:#c95789 1px solid;
}
.article-body .itemtopPink dt {
	color:#c95789;
}
.article-body .chui {
	margin:20px 10px 30px;
	padding:10px;
	border:#c43 dotted 1px;
}
.article-body .chui dt,
.article-body .itemtop .chui dt{
  color: #c43;
  font-weight: bold;
  font-size: 100%;
  padding: 0 0 5px 64px;
  overflow: visible;
  height: auto;
  width: auto;
  text-indent: 0;
  background: url(/hc/theming_assets/01HZKPFBB9B0SP14FQCZBJZM3A) no-repeat top left;
  min-height: 20px;
}
.article-body .chui dt img {
	margin-right:10px;
}
.article-body .chui ul {
	margin-left:15px;
}
.article-body .chui li {
	padding-left:0.8em;
	text-indent:-0.5em;
}
.article-body .hosoku {
	margin:20px 10px 30px;
	padding:10px;
	border:#c43 dotted 1px;
}
.article-body .hosoku dt {
  color: #c43;
  font-weight: bold;
  padding: 0 0 5px 64px;
  overflow: visible;
  height: auto;
  width: auto;
  text-indent: 0;
  background: url(/hc/theming_assets/01HZKPFY9V07ZMPF6RT8ZM18GN) no-repeat top left;
  min-height: 20px;
}
.article-body .osusume {
	margin:20px 10px 30px;
	padding:10px;
	border:#c95789 dotted 1px;
}
.article-body .osusume dt {
	margin-bottom:12px;
	color:#c95789;
	font-weight:bold;
}
.article-body .osusume dt img {
	margin-right:10px;
}
.article-body .panel {
  margin:0 10px 30px;
	border:#009dd6 1px solid;
}
.article-body .panel ul.panelList {
    padding:10px;
}
.article-body .panel ul.panelList li {
	position:relative;
	margin-bottom:15px;
	padding:0 0 10px 30px;
	border-bottom:1px dotted #4d4d4d;
}
.article-body .panel ul.panelList li:last-child {
	margin-bottom:0;
	border-bottom:none;
}
.article-body .panelNum {
	position:absolute;
	top:0;
	left:0;
}
.article-body .panel dl {
	width:100%;
}
.article-body .panel dt {
	padding-bottom:5px;
	color:#009dd6;
	font-size:14px;
	font-weight:bold;
}
.article-body .panel dt em {
	font-size:12px;
}
.article-body .panel dd {
	padding-bottom:10px;
  margin: 0 0 10px;
}
.article-body .panel .step {
	float:none;
	width:auto;
	margin:10px;
	padding:0;
}
.article-body .panel .step > dl {
	float:none;
	width:auto;
	padding:0 5px;
}
.article-body .panel .step dt {
	width:auto;
}
.article-body .yoyaku .panel .step .point dt {
    color: #a1493f;
}
.article-body .yoyaku .panel .step dt {
    color: #744c94;
}
.article-body .yoyaku .panel .step .chui dt {
	color:#c43;
}
.article-body .panel .point {
	float:none;
	width:auto;
	padding:10px 10px 0;
}
.article-body .panel .step dl.point {
	float:none;
	width:auto;
	padding: 10px 10px 0;
}
.article-body .hdgPanel {
	padding:3px;
	background-color:#e5f1f5;
	background-image:none;
	color:#009dd6;
	font-size:14px;
	font-weight:bold;
}
.article-body .alert {
	margin:0 10px 30px;
	padding:10px;
	border:#744c94 1px solid;
}
.article-body .alert p {
	margin:0 0 10px;
	color:#744c94;
	font-size:14px;
	font-weight:bold;
}
.article-body .alert dt {
	float:left;
	clear:both;
	width:107px;
	padding:3px 0;
	background-color:#6d7788;
	color:#fff;
	font-weight:bold;
	text-align:center;
}
.article-body .alert dd {
	padding:3px 0;
	margin:0 0 10px 117px;
}
.article-body .alert dd.lastchild {
	margin-bottom:0;
}
.article-body #shortSearch dt {
	width:30%;
	background-color:#668dbf;
}
.article-body #shortSearch dd {
	margin-left:32%;
}
.article-body table {
	width:100%;
}
.article-body th {
	padding:3px 5px;
	background-color:#f1efeb;
	border:#ccc 1px solid;
	text-align:left;
  font-weight: bold;
  word-break: break-word;
}
.article-body .thW190 th {
	width:190px;
}
.article-body .thW110 th {
	width:110px;
}
.article-body td {
	padding:3px 5px;
	border:#ccc 1px solid;
  word-break: break-word;
}
.article-body .contentsMargin {
	margin:30px 10px;
}
#article-page .article-body table li {
	padding-left:0.5em;
	text-indent:-0.5em;
  margin-top: 0;
}
.article-body .processList dt,
.article-body .step .processList dt {
	float:left;
	clear:both;
	width:auto;
	margin-bottom:0;
	padding:0;
	background-color:#fff;
}
.article-body .processList dt img {
	position:static;
}
.article-body .processList dd,
.article-body .step .processList dd {
	margin:0 0 10px 32px;
}

/*====== .point ======*/
.pointLabel {
/*	background: url(/hc/theming_assets/01HZKPFW4JN7N2MANFBAF7A1J1) no-repeat 10px 0;
	margin-top: -30px;
	padding-top: 30px;
	*/
}

/*====== .chui ======*/
.chui dt {
	width: 56px;
	height: 20px;
	background: url(/hc/theming_assets/01HZKPFBB9B0SP14FQCZBJZM3A) no-repeat 0;
	text-indent: -9999em;
	overflow: hidden;
}

/*====== .step ======*/
.start .step1 {background: url(/hc/theming_assets/01HZKPFDX639CFHV79XVF2324Y) #f7ebeb no-repeat 5px center;}
.start .step2 {background: url(/hc/theming_assets/01HZKPFHEFYSADGQ1H7Q8864X8) #f7ebeb no-repeat 5px center;}
.start .step3 {background: url(/hc/theming_assets/01HZKPFXEBKGJ4ZS5DFNZZ30ES) #f7ebeb no-repeat 5px center;}
.start .step4 {background: url(/hc/theming_assets/01HZKPFX565G60TA5Q9Q5CVPNS) #f7ebeb no-repeat 5px center;}

.analysis .step1 {background: url(/hc/theming_assets/01HZKPG2A2JF7VBQ8ZS69E381A) #f7ebeb no-repeat 5px center;}
.analysis .step2 {background: url(/hc/theming_assets/01HZKPENVKDVZCQP5G9AEB71XM) #f7ebeb no-repeat 5px center;}
.analysis .step3 {background: url(/hc/theming_assets/01HZKPF0G6RY5GE3M5KK1HZQK0) #f7ebeb no-repeat 5px center;}
.analysis .step4 {background: url($assets-analysis_step04-png) #f7ebeb no-repeat 5px center;}

.career .step1 {background: url(/hc/theming_assets/01HZKPFH0JK10XKA37WQAXP5B9) #f7ebeb no-repeat 5px center;}
.career .step2 {background: url(/hc/theming_assets/01HZKPFCZ8MAPS5GFQEW8N5PXD) #f7ebeb no-repeat 5px center;}
.career .step3 {background: url(/hc/theming_assets/01HZKPEXC0T1QRH23FK4YCJBK6) #f7ebeb no-repeat 5px center;}
.career .step4 {background: url(/hc/theming_assets/01HZKPEXGDQG6GBEGJF7CJ8HHT) #f7ebeb no-repeat 5px center;}
.career .step5 {background: url(/hc/theming_assets/01HZKPFB73T8TQ39YCPCN0AH0D) #f7ebeb no-repeat 5px center;}
.career .step6 {background: url(/hc/theming_assets/01HZKPFH5EJ82K3FXBG5QDR735) #f7ebeb no-repeat 5px center;}

.clm .step1 {background: url(/hc/theming_assets/01HZKPFPEF5W35HTX67QD28C74) #f7ebeb no-repeat 5px center;}
.clm .step2 {background: url(/hc/theming_assets/01HZKPF49BD3R402PV994WH199) #f7ebeb no-repeat 5px center;}
.clm .step3 {background: url(/hc/theming_assets/01HZKPEGKG7A2JCWYMJRX92TTE) #f7ebeb no-repeat 5px center;}
.clm .step4 {background: url(/hc/theming_assets/01HZKPEJKC2YKSGB9FDGKF35CE) #f7ebeb no-repeat 5px center;}
.clm .step5 {background: url(/hc/theming_assets/01HZKPF0RWEP9B61WYSM6TE72X) #f7ebeb no-repeat 5px center;}

.custom .step1 {background: url(/hc/theming_assets/01HZKPFTJF5H012YFCFM47ZXAW) #f7ebeb no-repeat 5px center;}
.custom .step2 {background: url(/hc/theming_assets/01HZKPEQDKCBM6DMRAT85GBMJM) #f7ebeb no-repeat 5px center;}
.custom .step3 {background: url(/hc/theming_assets/01HZKPFFY4MJ7WM6BVEJN35F2Y) #f7ebeb no-repeat 5px center;}
.custom .step4 {background: url(/hc/theming_assets/01HZKPFEV45VGX8P5DQWPMXSG9) #f7ebeb no-repeat 5px center;}
.custom .step5 {background: url(/hc/theming_assets/01HZKPERBV752NG59K4M4N0YWK) #f7ebeb no-repeat 5px center;}
.custom .step6 {background: url(/hc/theming_assets/01HZKPFSTZ4S7R1PTR1BG5EDKD) #f7ebeb no-repeat 5px center;}

.etc .step1 {background: url(/hc/theming_assets/01HZKPFK3BD51YADY5G0AMRBR7) #f7ebeb no-repeat 5px center;}
.etc .step2 {background: url(/hc/theming_assets/01HZKPFGQTWZ76XK3FC5X7BHGB) #f7ebeb no-repeat 5px center;}
.etc .step3 {background: url(/hc/theming_assets/01HZKPER7503KRECW8CW3DJJ9D) #f7ebeb no-repeat 5px center;}
.etc .step4 {background: url(/hc/theming_assets/01HZKPETJY5HPZF3EF6TQ5GED2) #f7ebeb no-repeat 5px center;}
.etc .step5 {background: url(/hc/theming_assets/01HZKPFFQQ0GYBMQA0VXWQD8MC) #f7ebeb no-repeat 5px center;}
.etc .step6 {background: url(/hc/theming_assets/01HZKPFMBJ2WZ6P003KMP7B50Z) #f7ebeb no-repeat 5px center;}
.etc .step7 {background: url(/hc/theming_assets/01HZKPFTCKDM14RZ41SX9GP3PF) #f7ebeb no-repeat 5px center;}

.keisai .step1 {background: url(/hc/theming_assets/01HZKPG06EPW4FZARD256TS534) #f7ebeb no-repeat 5px center;}
.keisai .step2 {background: url(/hc/theming_assets/01HZKPEE22N5ZJJV30DTF6GSFR) #f7ebeb no-repeat 5px center;}
.keisai .step3 {background: url(/hc/theming_assets/01HZKPF5R4AJJEPNNCB68BF8G0) #f7ebeb no-repeat 5px center;}
.keisai .step4 {background: url(/hc/theming_assets/01HZKPF7JCZMCKSP5JN8ZT584M) #f7ebeb no-repeat 5px center;}
.keisai .step5 {background: url(/hc/theming_assets/01HZKPEDRXHB3PADZ0J5Q11RZS) #f7ebeb no-repeat 5px center;}
.keisai .step6 {background: url(/hc/theming_assets/01HZKPG0FZ79RC09HW8KC4ZS9X) #f7ebeb no-repeat 5px center;}
.keisai .step7 {background: url(/hc/theming_assets/01HZKPFQD8VJDVJ93F2F87V4WA) #f7ebeb no-repeat 5px center;}
.keisai .step8 {background: url(/hc/theming_assets/01HZKPFZSP50PXT19SGEZB9TVK) #f7ebeb no-repeat 5px center;}
.keisai .step9 {background: url(/hc/theming_assets/01HZKPFR4RR7DD0R2NVZKPQBNE) #f7ebeb no-repeat 5px center;}
.keisai .step10 {background: url(/hc/theming_assets/01HZKPFXA207XQ8WWG2M6SBGQ7) #f7ebeb no-repeat 5px center;}

.login .step1 {background: url(/hc/theming_assets/01HZKPF85ZEQYEFFP64EYDKZF1) #f7ebeb no-repeat 5px center;}
.login .step2 {background: url(/hc/theming_assets/01HZKPFQVJNWRAS6YHMPMFVVZA) #f7ebeb no-repeat 5px center;}
.login .step3 {background: url(/hc/theming_assets/01HZKPFZBKJVHQGD831WPFAPME) #f7ebeb no-repeat 5px center;}
.login .step4 {background: url(/hc/theming_assets/01HZKPG02D6YQKS5VJC4JA0GKY) #f7ebeb no-repeat 5px center;}
.login .step5 {background: url(/hc/theming_assets/01HZKPFQP1RRM49CFXT73YXY63) #f7ebeb no-repeat 5px center;}

.msg .step1 {background: url(/hc/theming_assets/01HZKPFVCH9SJ9S0YT876475J3) #f7ebeb no-repeat 5px center;}
.msg .step2 {background: url(/hc/theming_assets/01HZKPEQJDP0RER0ENG7T5A4FW) #f7ebeb no-repeat 5px center;}
.msg .step3 {background: url(/hc/theming_assets/01HZKPFGK94J4K2YYKPV5JPY19) #f7ebeb no-repeat 5px center;}
.msg .step4 {background: url(/hc/theming_assets/01HZKPFFKBP37FFGH37PB1P387) #f7ebeb no-repeat 5px center;}
.msg .step5 {background: url(/hc/theming_assets/01HZKPET843K1TEG9ZFRF0Z817) #f7ebeb no-repeat 5px center;}
.msg .step6 {background: url(/hc/theming_assets/01HZKPFT885PA9NCTY33NS2EHR) #f7ebeb no-repeat 5px center;}
.msg .step7 {background: url(/hc/theming_assets/01HZKPFM78HZKQ1WAYNYJ41ZW8) #f7ebeb no-repeat 5px center;}

.regi .step1 {background: url(/hc/theming_assets/01HZKPFD3J239JKDVS7R1KJ9HK) #f7ebeb no-repeat 5px center;}
.regi .step2 {background: url(/hc/theming_assets/01HZKPFHQ8Q3G7560G0M5SP840) #f7ebeb no-repeat 5px center;}
.regi .step3 {background: url(/hc/theming_assets/01HZKPFVZQ4WT18QDRHWZEZF16) #f7ebeb no-repeat 5px center;}
.regi .step4 {background: url(/hc/theming_assets/01HZKPFXJQ2JP9JMF78X9QX3V3) #f7ebeb no-repeat 5px center;}

.seikyu .step1 {background: url(/hc/theming_assets/01HZKPFEPQDPD981HJKK6F76HD) #f7ebeb no-repeat 5px center;}
.seikyu .step2 {background: url(/hc/theming_assets/01HZKPFKDP3HKJN9D2HADVEFPV) #f7ebeb no-repeat 5px center;}
.seikyu .step3 {background: url(/hc/theming_assets/01HZKPFSYYAVH7RZ01XT0W7EEW) #f7ebeb no-repeat 5px center;}
.seikyu .step4 {background: url(/hc/theming_assets/01HZKPFV7KP0FMJTZJZF0HEG9C) #f7ebeb no-repeat 5px center;}
.seikyu .step5 {background: url(/hc/theming_assets/01HZKPFJYKHJ0X1AA7DD40Q46K) #f7ebeb no-repeat 5px center;}

.settei .step1 {background: url(/hc/theming_assets/01HZKPG0X8VWRKD0ANV74YEVWY) #f7ebeb no-repeat 5px center;}
.settei .step2 {background: url(/hc/theming_assets/01HZKPEH639TQQV1M088Z6R13Q) #f7ebeb no-repeat 5px center;}
.settei .step3 {background: url(/hc/theming_assets/01HZKPF43N1BF6M0N7KH6KM90R) #f7ebeb no-repeat 5px center;}
.settei .step4 {background: url(/hc/theming_assets/01HZKPF0MCXECY0GCAKVX2SM6W) #f7ebeb no-repeat 5px center;}

.uketsuke .step1 {background: url(/hc/theming_assets/01HZKPFD7MPEGPRPZHS9FC00N2) #f7ebeb no-repeat 5px center;}
.uketsuke .step2 {background: url(/hc/theming_assets/01HZKPFHVQP0JV1PDYBMTR20YK) #f7ebeb no-repeat 5px center;}
.uketsuke .step3 {background: url(/hc/theming_assets/01HZKPFW8S09JJB48GNWF8GVEG) #f7ebeb no-repeat 5px center;}

.yoyaku .step1 {background: url(/hc/theming_assets/01HZKPFCM71RSA7WP6KH9FPGFM) #f7ebeb no-repeat 5px center;}
.yoyaku .step2 {background: url(/hc/theming_assets/01HZKPFH9P22V75SRBEKR90XNH) #f7ebeb no-repeat 5px center;}
.yoyaku .step3 {background: url(/hc/theming_assets/01HZKPFY0EH1BGE69P41A4D3MH) #f7ebeb no-repeat 5px center;}
.yoyaku .step4 {background: url(/hc/theming_assets/01HZKPFY50V5QWB7M7VD6HJ8BB) #f7ebeb no-repeat 5px center;}
.yoyaku .step5 {background: url(/hc/theming_assets/01HZKPFGW7RMS23XRDSAVD0WGC) #f7ebeb no-repeat 5px center;}
.yoyaku .step6 {background: url(/hc/theming_assets/01HZKPFCTMTT6V7JAX76AZ6W6K) #f7ebeb no-repeat 5px center;}
.yoyaku .step7 {background: url(/hc/theming_assets/01HZKPEX7HCPCYNC3XV224Q9VD) #f7ebeb no-repeat 5px center;}

.menuYoyakuManagement .step1 {background: url(/hc/theming_assets/01HZKPFCM71RSA7WP6KH9FPGFM) #f7ebeb no-repeat 5px center;}
.menuYoyakuManagement .step2 {background: url(/hc/theming_assets/01HZKPFH9P22V75SRBEKR90XNH) #f7ebeb no-repeat 5px center;}

.groupid .step1 {background: url(/hc/theming_assets/01HZKPG06EPW4FZARD256TS534) #f7ebeb no-repeat 5px center;}
.groupid .step2 {background: url(/hc/theming_assets/01HZKPEE22N5ZJJV30DTF6GSFR) #f7ebeb no-repeat 5px center;}
.groupid .step3 {background: url(/hc/theming_assets/01HZKPF5R4AJJEPNNCB68BF8G0) #f7ebeb no-repeat 5px center;}
.groupid .step4 {background: url(/hc/theming_assets/01HZKPF7JCZMCKSP5JN8ZT584M) #f7ebeb no-repeat 5px center;}
.groupid .step5 {background: url(/hc/theming_assets/01HZKPEDRXHB3PADZ0J5Q11RZS) #f7ebeb no-repeat 5px center;}
.groupid .step6 {background: url(/hc/theming_assets/01HZKPG0FZ79RC09HW8KC4ZS9X) #f7ebeb no-repeat 5px center;}
.groupid .step7 {background: url(/hc/theming_assets/01HZKPFQD8VJDVJ93F2F87V4WA) #f7ebeb no-repeat 5px center;}
.groupid .step8 {background: url(/hc/theming_assets/01HZKPFZSP50PXT19SGEZB9TVK) #f7ebeb no-repeat 5px center;}
.groupid .step9 {background: url(/hc/theming_assets/01HZKPFR4RR7DD0R2NVZKPQBNE) #f7ebeb no-repeat 5px center;}
.groupid .step10 {background: url($assets-keisai_step010-png) #f7ebeb no-repeat 5px center;}

.cls .step1 {background: url(/hc/theming_assets/01HZKPFPEF5W35HTX67QD28C74) #f7ebeb no-repeat 5px center;}
.cls .step2 {background: url(/hc/theming_assets/01HZKPF49BD3R402PV994WH199) #f7ebeb no-repeat 5px center;}
.cls .step3 {background: url(/hc/theming_assets/01HZKPEGKG7A2JCWYMJRX92TTE) #f7ebeb no-repeat 5px center;}
.cls .step4 {background: url(/hc/theming_assets/01HZKPEJKC2YKSGB9FDGKF35CE) #f7ebeb no-repeat 5px center;}
.cls .step5 {background: url(/hc/theming_assets/01HZKPF0RWEP9B61WYSM6TE72X) #f7ebeb no-repeat 5px center;}
.cls .step6 {background: url(/hc/theming_assets/01HZKPFPKR8HCGBDXMSH54JDQ7) #f7ebeb no-repeat 5px center;}
.cls .step7 {background: url($assets-clm_step07-png) #f7ebeb no-repeat 5px center;}

.hpds .step1 {background: url(/hc/theming_assets/01HZKPG165RVWQXFHPMX89K65F) #f5a461 no-repeat 5px center;}
.hpds .step2 {background: url(/hc/theming_assets/01HZKPEHAPJBRF4ZBVJF1TWSBT) #f5a461 no-repeat 5px center;}
.hpds .step3 {background: url(/hc/theming_assets/01HZKPF51C2Y5XPF1FV1VW59PF) #f5a461 no-repeat 5px center;}
.hpds .step4 {background: url(/hc/theming_assets/01HZKPF1PJM3H30FR3TQBA04SY) #f5a461 no-repeat 5px center;}
.hpds .step5 {background: url(/hc/theming_assets/01HZKPEKV9D0YJ8H7V589SF3BX) #f5a461 no-repeat 5px center;}
.hpds .step6 {background: url(/hc/theming_assets/01HZKPG0MK3K4YR39FM62HKD0G) #f5a461 no-repeat 5px center;}
.hpds .step7 {background: url(/hc/theming_assets/01HZKPFPZ5XXB828B9H2RTHVJJ) #f5a461 no-repeat 5px center;}

.stepGray .step1 {background: url(/hc/theming_assets/01HZKPFPTDVC1SD80HF2MD6XW8) #ececec no-repeat 5px center;}
.stepGray .step2 {background: url(/hc/theming_assets/01HZKPF0X2SQF8JHH1A5MGRFHA) #ececec no-repeat 5px center;}
.stepGray .step3 {background: url(/hc/theming_assets/01HZKPEK7KB7P68R91X698AFKW) #ececec no-repeat 5px center;}

/*====== .star ======*/
.star {
	background: url(/hc/theming_assets/01HZKPEBW0AJC5Z3FJFKQM6P24) no-repeat left center;
	text-indent: -9999em;
  display: inline-block;
  width: 13px;
}
/*====== .num ======*/
.article-body .itemtop .num1 {
	padding-left: 30px;
	background: url(/hc/theming_assets/01HZKPF0BS85WVJ8TEKKKPJJ1J) no-repeat 0 5px;
}
.article-body .itemtop .num2 {
	padding-left: 30px;
	background: url(/hc/theming_assets/01HZKPFMN8PWA44EZKC5RN9877) no-repeat 0 5px;
}
.article-body .itemtop .num3 {
	padding-left: 30px;
	background: url(/hc/theming_assets/01HZKPG25VNW73JZA7VMJV72EQ) no-repeat 0 5px;
}
.article-body .itemtop .num4 {
	padding-left: 30px;
	background: url(/hc/theming_assets/01HZKPG1AW9ZJWHY8CNC7STQG2) no-repeat 0 5px;
}
.article-body .itemtop .num5 {
	padding-left: 30px;
	background: url(/hc/theming_assets/01HZKPFMSSKKENYM836MHZEAV2) no-repeat 0 5px;
}
.article-body .itemtop .num5 {
	padding-left: 30px;
	background: url(/hc/theming_assets/01HZKPFMSSKKENYM836MHZEAV2) no-repeat 0 5px;
}
.article-body .itemtop .num6 {
	padding-left: 30px;
	background: url(/hc/theming_assets/01HZKPEY7P5KQZF0ZXM1M6T3MA) no-repeat 0 5px;
}
.article-body .itemtop .num7 {
	padding-left: 30px;
	background: url(/hc/theming_assets/01HZKPEPG4JJD2MYSQCPSQK8P0) no-repeat 0 5px;
}
.article-body .itemtop .num8 {
	padding-left: 30px;
	background: url(/hc/theming_assets/01HZKPF2WY0CNKF72PCM8P7SSK) no-repeat 0 5px;
}
.article-body .itemtop .num9 {
	padding-left: 30px;
	background: url(/hc/theming_assets/01HZKPEFXW2WVYMW51TQQ4189Z) no-repeat 0 5px;
}
.article-body .itemtop .num10 {
	padding-left: 30px;
	background: url(/hc/theming_assets/01HZKPFF064TGBBBJ4D9ZP1SRA) no-repeat 0 5px;
}
.article-body .itemtop .num11 {
	padding-left: 30px;
	background: url(/hc/theming_assets/01HZKPESJMM5YPC4X22HMBTX4N) no-repeat 0 5px;
}
.article-body .itemtop .num12 {
	padding-left: 30px;
	background: url(/hc/theming_assets/01HZKPFT36DZBH99Q22QFP8PQQ) no-repeat 0 5px;
}
.article-body .itemtop .num13 {
	padding-left: 30px;
	background: url(/hc/theming_assets/01HZKPFKK8YSM82EJ4WZRYS59M) no-repeat 0 5px;
}

/*itemtop li用*/
#article-page .article-body .itemtop ul.numlist li {
  padding-bottom: 15px;
}
#article-page .article-body .itemtop ul.numlist li:last-child {
  padding-bottom: 8px;
}

/*パディング＆ボーダーつき li用*/
#article-page .article-body ul.numlist.numBorder {
  padding: 10px;
}
#article-page .article-body ul.numlist.numBorder li {
  margin-bottom: 15px;
  padding-bottom: 10px;
  border-bottom: 1px dotted #4d4d4d;
}
#article-page .article-body ul.numlist.numBorder li:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

/*li用*/
#article-page .article-body ul.numlist li {
  padding-bottom: 10px;
}
#article-page .article-body ul.numlist li.num1 {
	padding-left: 30px;
	background: url(/hc/theming_assets/01HZKPF0BS85WVJ8TEKKKPJJ1J) no-repeat 0 0;
}
#article-page .article-body ul.numlist li.num2 {
	padding-left: 30px;
	background: url(/hc/theming_assets/01HZKPFMN8PWA44EZKC5RN9877) no-repeat 0 0;
}
#article-page .article-body ul.numlist li.num3 {
	padding-left: 30px;
	background: url(/hc/theming_assets/01HZKPG25VNW73JZA7VMJV72EQ) no-repeat 0 0;
}
#article-page .article-body ul.numlist li.num4 {
	padding-left: 30px;
	background: url(/hc/theming_assets/01HZKPG1AW9ZJWHY8CNC7STQG2) no-repeat 0 0;
}
#article-page .article-body ul.numlist li.num5 {
	padding-left: 30px;
	background: url(/hc/theming_assets/01HZKPFMSSKKENYM836MHZEAV2) no-repeat 0 0;
}
#article-page .article-body ul.numlist li.num6 {
	padding-left: 30px;
	background: url(/hc/theming_assets/01HZKPEY7P5KQZF0ZXM1M6T3MA) no-repeat 0 0;
}
#article-page .article-body ul.numlist li.num7 {
	padding-left: 30px;
	background: url(/hc/theming_assets/01HZKPEPG4JJD2MYSQCPSQK8P0) no-repeat 0 0;
}
#article-page .article-body ul.numlist li.num8 {
	padding-left: 30px;
	background: url(/hc/theming_assets/01HZKPF2WY0CNKF72PCM8P7SSK) no-repeat 0 0;
}
#article-page .article-body ul.numlist li.num9 {
	padding-left: 30px;
	background: url(/hc/theming_assets/01HZKPEFXW2WVYMW51TQQ4189Z) no-repeat 0 0;
}
#article-page .article-body ul.numlist li.num10 {
	padding-left: 30px;
	background: url(/hc/theming_assets/01HZKPFF064TGBBBJ4D9ZP1SRA) no-repeat 0 0;
}
#article-page .article-body ul.numlist li.num11 {
	padding-left: 30px;
	background: url(/hc/theming_assets/01HZKPESJMM5YPC4X22HMBTX4N) no-repeat 0 0;
}
#article-page .article-body ul.numlist li.num12 {
	padding-left: 30px;
	background: url(/hc/theming_assets/01HZKPFT36DZBH99Q22QFP8PQQ) no-repeat 0 0;
}
#article-page .article-body ul.numlist li.num13 {
	padding-left: 30px;
	background: url(/hc/theming_assets/01HZKPFKK8YSM82EJ4WZRYS59M) no-repeat 0 0;
}

/* ============== インラインCSSのclass化 ============== */

#article-page .article-body .common_position_r {
  position: relative;
}

#article-page .article-body .common_flex {
  display: block;
}

#article-page .article-body .common_flex > div,
#article-page .article-body .common_flex > dl{
  margin-top:20px;
}

#article-page .article-body .common_bd_dot {
  margin-bottom: 10px;
  padding-bottom: 15px;
  border-bottom: #4d4d4d dotted 1px;
}

#article-page .article-body .common_bd_none {
  border: none;
}

#article-page .article-body .common_inline_b {
  display: inline-block;
}

#article-page .article-body .common_va_m {
  vertical-align: middle;
}

#article-page .article-body .common_c_pink {
  color: #c95789;
}

#article-page .article-body .common_mb10 {
  margin: 0 0 10px;
}

#article-page .article-body .common_fs_12 {
  font-size: 12px;
}

#article-page .article-body .common_img_100per {
  width: 100%;
  max-width: auto;
}

#article-page .article-body .common_style_a {
  background-color: transparent;
  color: #009dd6;
  font-size: 100%;
  font-weight: bold;
  text-align: left;
  margin: 0;
  padding: 0;
}

#article-page .article-body .common_style_c {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 20px;
  background-color: #faf6ec;
  color: #9d7a28;
  padding: 5px 5px 5px 80px;
}

#article-page .article-body .common_style_d {
  background-color: #e5f1f5;
  color: #009dd6;
  font-size: 14px;
  font-weight: bold;
  padding: 3px 10px;
}

#article-page .article-body .common_style_e {
  background-color: #e5f1f5;
  color: #009dd6;
  border: #009cd5 1px solid;
  padding: 2px 5px;
}

#article-page .article-body .common_style_f {
  background-color: #eef6f8;
  margin: 0 15px 15px;
  padding: 10px;
}

#article-page .article-body .common_style_g {
  width: auto;
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 0 29px;
}

#article-page .article-body .common_style_h {
  display: block;
  width: 100%;
}

#article-page .article-body .common_style_i li {
  display: block;
}

#article-page .article-body .common_style_i li > p {
  margin-top:10px;
  margin-left: 35px;
}

#article-page .article-body .common_style_j {
  display: flex;
  display: -webkit-flex;
  width: 100%;
}

#article-page .article-body .common_style_k {
  display: block;
}

#article-page .article-body .common_style_k > div {
  margin-top: 20px;
}

#article-page .article-body .common_width_auto {
  width: auto;
}

#article-page .article-body .common_width_35 {
  width: 35px;
}

#article-page .article-body .common_width_50 {
  width: 50px;
}

#article-page .article-body .common_width_60 {
  width: 60px;
}

#article-page .article-body .common_width_65 {
  width: 65px;
}

#article-page .article-body .common_width_80 {
  width: 80px;
}

#article-page .article-body .common_width_90 {
  width: 90px;
}

#article-page .article-body .common_width_100 {
  width: 100px;
}

#article-page .article-body .common_width_110 {
  width: 110px;
}

#article-page .article-body .common_width_120 {
  width: 120px;
}

#article-page .article-body .common_width_125 {
  width: 125px;
}

#article-page .article-body .common_width_130 {
  width: 130px;
}

#article-page .article-body .common_width_150 {
  width: 150px;
}

#article-page .article-body .common_width_189 {
  width: 189px;
}

#article-page .article-body .common_width_200 {
  width: 200px;
}

#article-page .article-body .common_width_212 {
  width: 212px;
}

#article-page .article-body .common_width_213 {
  width: 213px;
}

#article-page .article-body .common_width_245 {
  width: 245px;
}

#article-page .article-body .common_width_250 {
  width: 250px;
}

#article-page .article-body .common_width_275 {
  width: 275px;
}

#article-page .article-body .common_width_317 {
  width: 317px;
}

#article-page .article-body .common_width_335 {
  width: 335px;
}

#article-page .article-body .common_width_345 {
  width: 345px;
}

#article-page .article-body .common_width_340 {
  width: 340px;
}

#article-page .article-body .common_width_670 {
  width: 670px;
}

#article-page .article-body .common_width_5per {
  width: 5%;
}

#article-page .article-body .common_width_10per {
  width: 10%;
}

#article-page .article-body .common_width_15per {
  width: 15%;
}

#article-page .article-body .common_width_20per {
  width: 20%;
}

#article-page .article-body .common_width_25per {
  width: 25%;
}

#article-page .article-body .common_width_30per {
  width: 30%;
}

#article-page .article-body .common_width_35per {
  width: 35%;
}

#article-page .article-body .common_width_40per {
  width: 40%;
}

#article-page .article-body .common_width_45per {
  width: 45%;
}

#article-page .article-body .common_width_50per {
  width: 50%;
}

#article-page .article-body .common_width_55per {
  width: 55%;
}

#article-page .article-body .common_width_60per {
  width: 60%;
}

#article-page .article-body .common_width_65per {
  width: 65%;
}

#article-page .article-body .common_width_70per {
  width: 70%;
}

#article-page .article-body .common_width_75per {
  width: 75%;
}

#article-page .article-body .common_width_80per {
  width: 80%;
}

#article-page .article-body .common_width_85per {
  width: 85%;
}

#article-page .article-body .common_width_90per {
  width: 90%;
}

#article-page .article-body .common_width_95per {
  width: 95%;
}

#article-page .article-body .css_before_0007 {
  width: 323px;
  border: #42b2ce 1px solid;
  color: #42b2ce;
  font-size: 16px;
  font-weight: bold;
  margin: 0 auto;
  padding: 10px;
}

#article-page .article-body .css_before_0009 {
  width: 323px;
  border: #42b2ce 1px solid;
  margin: 10px auto;
  padding: 10px 40px;
}

#article-page .article-body .css_before_0010 {
  display: block;
  margin-bottom: 5px;
  color: #42b2ce;
  font-size: 16px;
  font-weight: bold;
}

#article-page .article-body .css_before_0011 {
  margin: 0 8px 0 0;
}

#article-page .article-body .css_before_0012 {
  border: #42b2ce 1px solid;
}

#article-page .article-body .css_before_0015 {
  position: relative;
  border: #42b2ce 1px solid;
}

#article-page .article-body .css_before_0016 {
  padding-right: 130px;
  overflow: hidden;
}

#article-page .article-body .css_before_0017 {
  display: block;
  float: left;
  color: #4b4b4b;
  font-size: 12px;
  font-weight: normal;
  margin: 5px 0 10px;
}

#article-page .article-body .css_before_0018 {
  position: absolute;
  top: 15px;
  right: 10px;
  border-bottom: none;
}

#article-page .article-body .css_before_0019 {
  display: block;
  text-align: center;
}

#article-page .article-body .css_before_0019 > div {
  margin-top: 15px;
}

#article-page .article-body .css_before_0019 > div:first-child {
  margin-top: 0;
}


#article-page .article-body .css_biyou_0027 {
  border: #a1493f 1px solid;
  padding: 10px;
}

#article-page .article-body .css_biyou_0037 {
  border: #4d4d4d 1px solid;
  padding: 10px;
}

#article-page .article-body .css_biyou_0047 {
  width: 90%;
}

#article-page .article-body .css_biyou_0060 {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
}

#article-page .article-body .css_biyou_0079 {
  margin-top: 20px;
}

#article-page .article-body .css_biyou_0123 {
  width: 40px;
}

#article-page .article-body .css_biyou_0132 {
  margin: 10px;
}

#article-page .article-body .css_biyou_0198 {
  background-color: #ececec;
  color: #86888b;
}

#article-page .article-body .css_biyou_0199 {
  border: #86888b 1px solid;
  margin: 20px 10px 30px;
  padding: 0 20px;
}

#article-page .article-body .css_biyou_0238 {
  position: relative;
  padding-bottom: 1em;
}

#article-page .article-body .css_biyou_0239 {
  position: absolute;
  left: 430px;
  top: 265px;
  width: 235px;
}

#article-page .article-body .css_biyou_0241 {
  position: absolute;
  left: 10px;
  top: 220px;
  width: 260px;
}

#article-page .article-body .css_biyou_0242 {
  position: absolute;
  left: 350px;
  top: 130px;
  width: 315px;
}

#article-page .article-body .css_biyou_0248 {
  width: 300px;
}

#article-page .article-body .css_biyou_0249 {
  color: #f5a461;
}

#article-page .article-body .css_biyou_0293 {
  width: 5em;
}

#article-page .article-body .css_biyou_0296 {
  background-color: transparent;
  color: #A1493F;
  font-size: 14px;
  margin-bottom: 5px;
  position: static;
  padding: 0;
}

#article-page .article-body .css_kirei_0085 {
  position: relative;
  padding-bottom: 1.5em;
}

#article-page .article-body .css_kirei_0086 {
  position: absolute;
  left: 430px;
  bottom: 0;
  width: 200px;
}

#article-page .article-body .css_kirei_0088 {
  position: absolute;
  left: 5px;
  bottom: 0;
  width: 300px;
}

#article-page .article-body .css_kirei_0089 {
  position: absolute;
  left: 360px;
  top: 175px;
  width: 310px;
}

#article-page .article-body .css_kirei_0106 {
  width: 26%;
}

#article-page .article-body .css_kirei_0107 {
  width: 24%;
}

#article-page .article-body .css_kirei_0121 {
  width: 40px;
  margin-right: 5px;
}

#article-page .article-body .css_kirei_0122 {
  width: 30px;
}

#article-page .article-body .css_kirei_0214 {
  width: 54px;
}

#article-page .article-body .css_kirei_0268 {
  margin-bottom: 20px;
  background-color: #e5f1f5;
  padding: 10px;
}

#article-page .article-body .css_kirei_0269 {
  color: #009dd6;
  font-weight: bold;
}

#article-page .article-body .css_kirei_0272 {
  background-color: #eef6f8;
  margin: 30px 10px;
  padding: 10px;
}

#article-page .article-body .css_kirei_0273 {
  margin-bottom: 10px;
  color: #009dd6;
  font-weight: bold;
}

#article-page .article-body .css_kirei_0319 {
  color: #c43;
}

#article-page .article-body .css_backup_0000, #article-page .article-body .css_backup_0007, #article-page .article-body .css_biyou_0005, #article-page .article-body .css_kirei_0014 {
  margin: 0 10px;
}

#article-page .article-body .css_backup_0002, #article-page .article-body .css_backup_0009, #article-page .article-body .css_biyou_0007, #article-page .article-body .css_kirei_0016 {
  position: relative;
  margin: 0 10px;
}

#article-page .article-body .css_backup_0004, #article-page .article-body .css_backup_0011, #article-page .article-body .css_biyou_0009, #article-page .article-body .css_kirei_0018 {
  position: absolute;
  top: 266px;
}

#article-page .article-body .css_backup_0005, #article-page .article-body .css_backup_0012, #article-page .article-body .css_biyou_0010, #article-page .article-body .css_kirei_0019 {
  margin: 70px 10px 0;
}

#article-page .article-body .css_before_0004, #article-page .article-body .css_biyou_0073, #article-page .article-body .css_kirei_0054 {
  position: relative;
  padding-bottom: 6em;
}

#article-page .article-body .css_before_0013, #article-page .article-body .css_before_0014, #article-page .article-body .css_before_0020 {
  display: block;
  color: #4b4b4b;
  font-size: 14px;
  font-weight: normal;
  margin: 0 0 10px 30px;
}

#article-page .article-body .css_biyou_0001, #article-page .article-body .css_biyou_0003, #article-page .article-body .css_kirei_0363, #article-page .article-body .css_kirei_0365 {
  margin-bottom: 0;
  border: #da9e3b 1px solid;
  font-size: 14px;
  display: inline;
  padding: 2px 10px;
}

#article-page .article-body .css_biyou_0002, #article-page .article-body .css_biyou_0004, #article-page .article-body .css_kirei_0364, #article-page .article-body .css_kirei_0366 {
  margin: 10px 0 15px;
}

#article-page .article-body .css_biyou_0012, #article-page .article-body .css_kirei_0013 {
  width: auto;
}

#article-page .article-body .css_biyou_0018,
#article-page .article-body .css_kirei_0102 {
  display: block;
}

#article-page .article-body .css_biyou_0018 div,
#article-page .article-body .css_kirei_0102 div{
  margin-bottom: 30px;
}

#article-page .article-body .css_biyou_0026, #article-page .article-body .css_kirei_0083 {
  width: 140px;
}

#article-page .article-body .css_biyou_0028, #article-page .article-body .css_kirei_0084 {
  width: 70px;
}

#article-page .article-body .css_biyou_0030, #article-page .article-body .css_biyou_0031, #article-page .article-body .css_kirei_0109, #article-page .article-body .css_kirei_0110 {
  width: 203px;
}

#article-page .article-body .css_biyou_0036, #article-page .article-body .css_kirei_0252 {
  padding-left: 2em;
  text-indent: -2em;
}

#article-page .article-body  .att .grayArea ul.rightTxt.css_biyou_0039, 
#article-page .article-body  .att .grayArea ul.rightTxt.css_biyou_0041, 
#article-page .article-body  .att .grayArea ul.rightTxt.css_biyou_0043 {
  margin-left: 130px;
}

#article-page .article-body .css_biyou_0045, #article-page .article-body .css_kirei_0097 {
  position: absolute;
  top: 0;
  right: 0;
  width: 420px;
}

#article-page .article-body .css_biyou_0046, #article-page .article-body .css_kirei_0095 {
  width: 60%;
}

#article-page .article-body .css_biyou_0048, #article-page .article-body .css_biyou_0068, #article-page .article-body .css_kirei_0144, #article-page .article-body .css_kirei_0202 {
  width: 25%;
}

#article-page .article-body .css_biyou_0049, #article-page .article-body .css_kirei_0203 {
  width: 84px;
}

#article-page .article-body .css_biyou_0050, #article-page .article-body .css_kirei_0204 {
  width: 230px;
  border-right: none;
}

#article-page .article-body .css_biyou_0051, #article-page .article-body .css_kirei_0205 {
  border-left: none;
}

#article-page .article-body .css_biyou_0053, #article-page .article-body .css_kirei_0207 {
  width: 45%;
}

#article-page .article-body .css_biyou_0054, #article-page .article-body .css_biyou_0117, #article-page .article-body .css_kirei_0111, #article-page .article-body .css_kirei_0208 {
  width: 91px;
}

#article-page .article-body .css_biyou_0055, #article-page .article-body .css_kirei_0209 {
  width: 74px;
}

#article-page .article-body .css_biyou_0056, #article-page .article-body .css_kirei_0210 {
  width: 16%;
}

#article-page .article-body .css_biyou_0057, #article-page .article-body .css_kirei_0103, #article-page .article-body .css_kirei_0211 {
  width: 10%;
}

#article-page .article-body .css_biyou_0058, #article-page .article-body .css_kirei_0212 {
  width: 46%;
}

#article-page .article-body .css_biyou_0059, #article-page .article-body .css_kirei_0213 {
  width: 28%;
}

#article-page .article-body .css_biyou_0062, #article-page .article-body .css_kirei_0000 {
  text-decoration: underline;
}

#article-page .article-body .css_biyou_0067, #article-page .article-body .css_kirei_0143 {
  padding-left: 1em;
  text-indent: -1em;
}

#article-page .article-body .css_biyou_0076, #article-page .article-body .css_kirei_0042 {
  border: #a1493f 2px solid;
  margin: 15px 0;
  padding: 10px;
}

#article-page .article-body .css_biyou_0077, #article-page .article-body .css_kirei_0043 {
  background-color: #ececec;
  width: 160px;
  padding: 5px 10px;
}

#article-page .article-body .css_biyou_0082, #article-page .article-body .css_kirei_0092 {
  position: absolute;
  right: 0;
}

#article-page .article-body .css_biyou_0087, #article-page .article-body .css_biyou_0297, #article-page .article-body .css_kirei_0021, #article-page .article-body .css_kirei_0256, #article-page .article-body .css_kirei_0263 {
  border: 1px solid #009dd6;
}

#article-page .article-body .css_biyou_0092, #article-page .article-body .css_biyou_0302, #article-page .article-body .css_kirei_0023, #article-page .article-body .css_kirei_0258 {
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 10px;
}

#article-page .article-body .css_biyou_0101, #article-page .article-body .css_biyou_0243, #article-page .article-body .css_kirei_0033 {
  background-color: #e5f1f5;
  margin: 0 10px 15px;
  padding: 10px;
}

#article-page .article-body .css_biyou_0103, #article-page .article-body .css_biyou_0245, #article-page .article-body .css_kirei_0035 {
  background-color: #e5f1f5;
  margin: 0 10px 25px;
  padding: 10px;
}

#article-page .article-body .css_biyou_0106, #article-page .article-body .css_biyou_0108 {
  float: none;
  padding-right: 10px;
  width: auto;
  margin: 40px 0 0;
}

#article-page .article-body .css_biyou_0107, #article-page .article-body .css_biyou_0109, #article-page .article-body .css_kirei_0038, #article-page .article-body .css_kirei_0039 {
  float: none;
  width: auto;
}

#article-page .article-body .css_biyou_0110, #article-page .article-body .css_kirei_0040 {
  border: #aaa 1px solid;
  padding: 0 15px;
  word-wrap: break-word;
  word-break: break-all;
  font-size: 12px;
}

#article-page .article-body .css_biyou_0111, #article-page .article-body .css_biyou_0114, #article-page .article-body .css_kirei_0044, #article-page .article-body .css_kirei_0049 {
  display: block;
}

#article-page .article-body .css_biyou_0112, #article-page .article-body .css_biyou_0115, #article-page .article-body .css_kirei_0045, #article-page .article-body .css_kirei_0050 {
  display: block;
  float: left;
}

#article-page .article-body .css_biyou_0113, #article-page .article-body .css_biyou_0116, #article-page .article-body .css_kirei_0046, #article-page .article-body .css_kirei_0051 {
  display: block;
  float: right;
}

#article-page .article-body .css_biyou_0121, #article-page .article-body .css_biyou_0125, #article-page .article-body .css_kirei_0119, #article-page .article-body .css_kirei_0124, #article-page .article-body .css_kirei_0126 {
  width: 35px;
  margin-right: 5px;
}

#article-page .article-body .css_biyou_0141, #article-page .article-body .css_biyou_0142, #article-page .article-body .css_kirei_0245, #article-page .article-body .css_kirei_0246 {
  color: #c95789;
  font-size: 14px;
  font-weight: bold;
}

#article-page .article-body .css_biyou_0194, #article-page .article-body .css_biyou_0292, #article-page .article-body .css_kirei_0194 {
  margin: 0 10px;
}

#article-page .article-body .css_biyou_0196, #article-page .article-body .css_kirei_0238 {
  border: #e78682 1px solid;
  margin: 20px 10px 30px;
  padding: 0 20px;
}

#article-page .article-body .css_biyou_0197, #article-page .article-body .css_biyou_0200, #article-page .article-body .css_kirei_0239 {
  font-size: 16px;
  font-weight: bold;
}

#article-page .article-body .css_biyou_0203, #article-page .article-body .css_kirei_0221 {
  border: #723a92 1px solid;
  padding: 10px;
}

#article-page .article-body .css_biyou_0203 > div, #article-page .article-body .css_kirei_0221 > div {
  display: block;
}

#article-page .article-body .css_biyou_0203 > div > dl, #article-page .article-body .css_kirei_0221 > div > dl {
  margin-bottom: 15px;
}

#article-page .article-body .css_biyou_0203 > div > dl, #article-page .article-body .css_kirei_0221 > div > dl:first-child {
  margin-left: 0;
}

#article-page .article-body .css_biyou_0209, #article-page .article-body .css_kirei_0227 {
  border: #723a92 1px solid;
  padding: 10px;
}

#article-page .article-body .css_biyou_0204, #article-page .article-body .css_kirei_0222 {
  padding-bottom: 65px;
  background: url no-repeat center bottom;
}

#article-page .article-body .css_biyou_0207, #article-page .article-body .css_kirei_0225 {
  background-color: #fdfaee;
  padding: 10px;
  text-align :center;
}

#article-page .article-body .css_biyou_0208, #article-page .article-body .css_kirei_0226 {
  color: #723a92;
  font-size: 16px;
  font-weight: bold;
}

#article-page .article-body .css_biyou_0210, #article-page .article-body .css_kirei_0228 {
  display: flex;
  display: -webkit-flex;
}

#article-page .article-body .css_biyou_0210 > dl, #article-page .article-body .css_kirei_0228 > dl {
  flex: 1;
  -webkit-flex: 1;
  border: #723a92 1px solid;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

#article-page .article-body .css_biyou_0210 > dl > dt, #article-page .article-body .css_kirei_0228 > dl > dt {
  background: #723a92;
  width: 100%;
  text-align: center;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  padding: 3px;
}

#article-page .article-body .css_biyou_0210 > dl > dd, #article-page .article-body .css_kirei_0228 > dl > dd {
  padding:10px;
}

#article-page .article-body .css_biyou_0211, #article-page .article-body .css_kirei_0229 {
  width: 210px;
}

#article-page .article-body .css_biyou_0213, #article-page .article-body .css_biyou_0215, #article-page .article-body .css_kirei_0231, #article-page .article-body .css_kirei_0233 {
  width: 210px;
  margin-left: 9px;
}

#article-page .article-body .css_biyou_0217, #article-page .article-body .css_kirei_0235 {
  border: #a788b6 1px solid;
  padding: 2px;
}

#article-page .article-body .css_biyou_0218, #article-page .article-body .css_kirei_0236 {
  background-color: #a788b6;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  padding: 5px 10px;
}

#article-page .article-body .css_biyou_0219, #article-page .article-body .css_kirei_0237 {
  padding: 0 8px;
}

#article-page .article-body .css_biyou_0227 {
  display: flex;
  display: -webkit-flex;
}

#article-page .article-body .css_biyou_0227 div {
  flex :2;
  -webkit-flex: 2;
}

#article-page .article-body .css_biyou_0227 p {
  flex :1;
  -webkit-flex: 1;
}

#article-page .article-body .css_biyou_0235, #article-page .article-body .css_kirei_0253 {
  width: 100%;
}

#article-page .article-body .css_biyou_0236, #article-page .article-body .css_kirei_0254 {
  width: 100%;
}

#article-page .article-body .css_biyou_0240, #article-page .article-body .css_kirei_0087 {
  position: relative;
  padding-bottom: 3em;
}

#article-page .article-body .css_biyou_0311, #article-page .article-body .css_biyou_0312, #article-page .article-body .css_kirei_0284, #article-page .article-body .css_kirei_0285 {
  color: #9d7a28;
  width: 35%;
  text-align: center;
}

#article-page .article-body .css_biyou_0313, #article-page .article-body .css_kirei_0286 {
  text-indent: -1em;
}

#article-page .article-body .css_kirei_0003, #article-page .article-body .css_kirei_0004 {
  border: 1px #47967f solid;
  border-radius: 8px;
  padding: 10px;
}

#article-page .article-body .css_kirei_0011, #article-page .article-body .css_kirei_0012 {
  padding-top: 2px;
  margin-bottom: 10px;
}

#article-page .article-body .css_kirei_0058 {
  display: block;
}

#article-page .article-body .css_kirei_0058 > dl {
  border: #436aa6 1px solid;
  border-radius: 10px;
  margin-bottom: 20px;
}

#article-page .article-body .css_kirei_0059, #article-page .article-body .css_kirei_0065, #article-page .article-body .css_kirei_0072 {
  width: auto;
  padding-left: 83px;
  border-radius: 10px 10px 0 0;
}

#article-page .article-body .css_kirei_0060, #article-page .article-body .css_kirei_0066, #article-page .article-body .css_kirei_0073 {
  top: 7px;
  left: 7px;
}

#article-page .article-body .css_kirei_0061 {
  border-radius:10px 10px 0 0;
}

#article-page .article-body .css_kirei_0062 {
  display:none;
}

#article-page .article-body .css_kirei_0063, #article-page .article-body .css_kirei_0070 {
  position: absolute;
  top: 50%;
  margin-top: -32px;
  left: 9px;
}

#article-page .article-body .css_kirei_0104, #article-page .article-body .css_kirei_0105 {
  width: 20%;
}

#article-page .article-body .css_kirei_0240, #article-page .article-body .css_kirei_0249, #article-page .article-body .css_kirei_0250, #article-page .article-body .css_kirei_0251 {
  font-size: 12px;
  color: #4b4b4b;
  font-weight: normal;
}

/*============================================↑↑↑↑↑既存サロンボードからの移設分↑↑↑↑↑============================================*/

/*==========================================*/
/* 問い合わせフォームの送信直前文言 */
/*==========================================*/
#post-request-page .form-field .anounce-text{
    font-size:1.4rem;
    color:#111111;
  }
  
  #post-request-page .form-field .request_red_text p{
      color:red;
      font-size:13px;
  }
  
  #post-request-page .form-field .request_orange_title {
      font-size: 16px;
      color: #fd7e00;
      font-weight:bold;
  }
  
  .request-anounce-box{
    margin-top: 16px;
    padding: 8px 20px 30px;
    background-color: #ffdbb8;
    border-radius: 6px;
  }
  
  .request-anounce-box ul li{
      font-size:13px;
      padding:10px 0 0 0;
      text-indent:-1em
  }
  
  /*==========================================*/
  /*問合せフォームメールアドレス欄直下赤文字*/
  /*==========================================*/
  #post-request-page .form-field .request_red_text {
    color: red;
    font-size: 14px;
  } 

/*==========================================*/
/*問合せフォームカテゴリ選択欄*/
/*==========================================*/
#request_issue_type_select {
    padding-left: 10px;
}