@charset "UTF-8";
@import "../base/init.css";
@import "../base/style.css";
@import "../piece/style.css";

/* =========================================================
   Sitemap
========================================================= */
ul.sitemap, ul.sitemap ul {
/*   list-style-position: outside;
  list-style-type: none; */
}


ul.sitemap {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 1em;
}








ul.sitemap ul {
  padding-left: 30px;
  background-color: #ffffff;
}
ul.sitemap li {
  line-height: 1.5;
  /* background-image: url(./images/ic-list.gif); */
  background-position: 8px 0.7em;
  background-repeat: no-repeat;
}
ul.sitemap li a {
  padding-left: 18px;
}
ul.sitemap li.level1 {
  line-height: 2;
  /* margin-bottom: 15px; */
  /* background-color: #e3f5ff; */
  /* background: #e5f8f2; */
  
  padding-left: 0.75em;
  position: relative;
  border-bottom: 2px dotted #ccc;
}

ul.sitemap > li.level1::before {
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    content: "";
    display: block;
    height: 5px;
    left: 1em;
    position: absolute;
    top: 1em;
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transition: all 0.2s ease-in-out 0s;
    width: 5px;
    z-index: 1;
}

ul.sitemap > li.level1::after {
    background: #01bf81 none repeat scroll 0 0;
    border-radius: 1000px;
    content: "";
    display: block;
    height: 1em;
    left: 0.5em;
    position: absolute;
	top: 1em;
    transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
    width: 1em;
    z-index: 0;
}



ul.sitemap ul.level2 {
  /* padding-top: 10px; */
  margin-bottom: 10px;
}

ul.sitemap ul.level2 a {
	padding: 0;
}

ul.sitemap ul li.level2 {
	position: relative;
	padding-left: 0.75em;
}

ul.sitemap ul li.level2::before {
    border-right: 1px solid #01bf81;
    border-top: 1px solid #01bf81;
    content: "";
    display: block;
    height: 5px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transition: all 0.2s ease-in-out 0s;
    width: 5px;
    z-index: 1;
}


.pageTop {
  margin: 0 0 20px;
  text-align: right;
}
.pageTop a {
  padding: 0 0 0 15px;
  /* background-image: url(./images/ic-top.gif); */
  background-repeat: no-repeat;
  background-position: left center;
}