@charset "utf-8";
/*
*
* cutsom css: howto
*
*/

body {
    counter-reset: section;
}
#header {
    counter-reset: section2;
}
#site_wrap {
  counter-reset: subsection;

}
#main_contents {
  counter-reset: subsection2;
}

#main_col {
  counter-reset: subsection3;
}

#top {
  counter-reset: subsection4;
}
#bread_crumb {
  counter-reset: subsection5;
}

#left_col {
  counter-reset: sub2section;
}

/* counter */
  h3.count-section::before {
  counter-increment: section;
  content: counter(section);
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-right: 1em;
  padding: 11px 3px 3px;
  background-color: #444;
  border-radius: 50%;
  line-height: 1;
  text-align: center;
  font-weight: 700;
  color: #fff;
  box-sizing: border-box;
}
/* counter */
  h3.count-section2::before {
  counter-increment: section2;
  content: counter(section2);
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-right: 1em;
  padding: 8px 3px 3px;
  background-color: #444;
  border-radius: 50%;
  line-height: 1;
  text-align: center;
  font-weight: 700;
  color: #fff;
  box-sizing: border-box;
}

h4.style4b.subsection::before,
h4.style4b.subsection2::before,
h4.style4b.subsection3::before,
h4.style4b.subsection4::before,
h4.style4b.subsection5::before {
counter-increment: subsection;
content: counter(subsection) ".";
display: inline-block;
width: 40px;
height: 40px;
padding: 8px 3px 3px;
background-color: #fff;
border-radius: 50%;
line-height: 1;
text-align: center;
font-weight: 700;
color: #444;
box-sizing: border-box;
}

h4.style4b.subsection2::before {
counter-increment: subsection2;
content: counter(subsection2) ".";
}

h4.style4b.subsection3::before {
counter-increment: subsection3;
content: counter(subsection3) ".";
}

h4.style4b.subsection4::before {
counter-increment: subsection4;
content: counter(subsection4) ".";
}

h4.style4b.subsection5::before {
counter-increment: subsection5;
content: counter(subsection5) ".";
}

h5.sub2section::before {
  counter-increment: sub2section;
  content: "(" counter(sub2section) ") ";
}
