/*colorio sitmap*/
div.colorio_sitemap {
     width: 100%;
    background-color: #f4f4f4;
    margin-bottom: -70px;
}

div.colorio_sitemap .ttl h3 {
  font-size: 14px;
}

div.colorio_sitemap .ttl h3 a{
  color: #000000;
}

div.colorio_sitemap .ttl h3 a :visited{
  color: #000000;
}

div.colorio_sitemap li {
  margin-bottom: 2px;
}
div.colorio_sitemap dd.listBlock.info_list li {
  margin-bottom: 4px;
}

div.colorio_sitemap .layCol03 li {
  margin-bottom: 4px;
}
div.colorio_sitemap .layCol04 li {
  margin-bottom: 4px;
}
div.colorio_sitemap li a {
  line-height: 1.5;
}

div.colorio_sitemap .layCol03 li > a {
  color: #000;
}


#contents .colorio_sitemap .subNav {
  width: 960px;
  margin: 0 auto;
  padding: 45px 0 35px;
}

.colorio_sitemap .subNav .innerBlock a {
  color: #000;
}
div.colorio_sitemap .subNav .innerBlock li > a {
  line-height: 1.5;
  font-size: 12px;
  color: #686868;
}
#contents .colorio_sitemap .subNav .layCol01,
#contents .colorio_sitemap .subNav .layCol03 {
  float: left;
  width: 30%;
  box-sizing: border-box;
  padding: 0 15px;
}
#contents .colorio_sitemap .subNav .layCol02 {
  float: left;
  width: 40%;
  box-sizing: border-box;
  padding: 0 15px;
}
#contents .colorio_sitemap .subNav .layCol02{
  border-left: 1px solid #E5E5E5;
  border-right: 1px solid #E5E5E5;
  height: 280px;
}

#contents .colorio_sitemap .subNav .indent {
  margin-left: 10px;
}
#contents .colorio_sitemap .subNav .layCol01 dl dt{
  margin-bottom: 3px;
  font-size: 12px;
}

#contents .colorio_sitemap .subNav .layCol02 dl dt{
  margin-bottom: 5px;
  font-size: 14px;
}

#contents .colorio_sitemap .subNav .layCol03 dl dt,
#contents .colorio_sitemap .subNav .layCol04 dl dt {
  margin-bottom: 5px;
}

.bdrnone {
  border: none !important;
}

div.colorio_sitemap span.bold {
  font-weight: bold;
}
div.colorio_sitemap span.bold-gray {
  color: #686868 !important;
    font-weight: bold;
}


div.colorio_sitemap dd.listBlock {
  margin-bottom: 20px;
}
div.colorio_sitemap div.layCol01 dd.listBlock,
div.colorio_sitemap div.layCol02 dd.listBlock {
  margin-bottom: 11px;
}

div.colorio_sitemap dd.listBlock li.title {
  padding-top: 10px;
  padding-right: 10px;
  line-height: 1.6em;
  font-weight: bold;
}

div.colorio_sitemap div.layCol04 dt {
  margin-bottom: 10px;
  border-top: solid 1px #dddddd;
}

div.colorio_sitemap div.layCol04 .bdrbtm {
  border-bottom: solid 1px #dddddd;
  padding-bottom: 20px;
}

/*cate-bar*/

div.colorio_sitemap .dash-bar {
  padding-left: 14px;
  background: url(/products/colorio/common/images/link_dash_ico.png) no-repeat 0 0.35em;
  background-size: 7px auto;
  line-height: 1.5;
}

/*!colorio sitmap*/
#shutto-component-35 {
  padding: 0;
}

#shutto-component-35 #shutto-component-34 {
    background:#f4f4f4;
    padding:30px 6.8vw 30px 6.8vw;
    position:relative;
}
#shutto-component-35 #shutto-component-34 a{
    color:#2F3E46;
}
#shutto-component-35 #shutto-component-34 li{
    font-size:3.2vw;
}
#shutto-component-35 #shutto-component-34 h3,
#shutto-component-35 #shutto-component-34 dt.ttl{
    font-size:4.3vw;
    font-weight:bold;
    margin-top:1em;
}
#shutto-component-35 #shutto-component-34 .layCol01 dt.ttl{
    font-size:3.8vw;
}
#shutto-component-35 #shutto-component-34 .subNav > .ttl > h3{
    margin-bottom:1em;
    margin-left:-3.6vw;
    margin-top:0;
}
#shutto-component-35 #shutto-component-34 dt.ttl{
    margin-top:1em;
}
#shutto-component-35 #shutto-component-34 h3 + dl > dt.ttl{
    margin-top:0.5em;
}
#shutto-component-35 #shutto-component-34 .bdrbtm{
    border-bottom: solid 1px #dddddd;
    padding-bottom: 1.5em;
    margin-bottom:1.5em;
}