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

/* =========================================================
   category
========================================================= */

/* side-link
----------------------------------------------- */
#categoryList .pieceHeader {
  padding-left: 23px;
  background-image: url(./images/tl-side.gif);
  background-position: left top;
  background-repeat: no-repeat;
}

/* Bunya Ichiran
----------------------------------------------- */
.categoryKurashi,
.categorySangyo,
.categoryKanko-bunka,
.categoryGyosei,
.categoryAnshin {
  float: left;
  width: 100%;
  margin-bottom: 15px;
  padding: 10px 0px;
  background-color: #e1f5f5;
  line-height: 1.5;
}
.categoryAnshin {
  background-color: #ffebf2;
}
.contentArticleCategory .category h2 {
  float: left;
  width: 150px;
  padding-left: 60px;
  line-height: 50px;
}
.contentArticleCategory .categoryKurashi h2 {
  background-image: url(./images/ic-kurashi.gif);
  background-position: 10px center;
  background-repeat: no-repeat;
}
.contentArticleCategory .categoryKanko-bunka h2 {
  background-image: url(./images/ic-kankou.gif);
  background-position: 10px center;
  background-repeat: no-repeat;
}
.contentArticleCategory .categorySangyo h2 {
  background-image: url(./images/ic-sangyou.gif);
  background-position: 10px center;
  background-repeat: no-repeat;
}
.contentArticleCategory .categoryGyosei h2 {
  background-image: url(./images/ic-gyousei.gif);
  background-position: 10px center;
  background-repeat: no-repeat;
}
.contentArticleCategory .categoryAnshin h2 {
  background-image: url(./images/ic-bousai.gif);
  background-position: 10px center;
  background-repeat: no-repeat;
}
.contentArticleCategory .category .children {
  padding-left: 210px;
}
.contentArticleCategory .category .children div {
  display: inline;
  padding-right: 10px;
}

/* shinchaku-ichiran
----------------------------------------------- */
.contentArticleCategory .latest {
  margin-bottom: 30px;
  padding: 0px;
  background-image: url(./images/tl-shinchaku-bottom.gif);
  background-position: right top;
  background-repeat: no-repeat;
}
.contentArticleCategory .latest h2 {
  margin-bottom: 10px;
  padding: 1px 10px 0px 23px;
  background-image: url(./images/tl-shinchaku-top.gif);
  background-position: left top;
  background-repeat: no-repeat;
  color: #ffffff;
  font-size: 130%;
  font-weight: bold;
  line-height: 30px;
}
.contentArticleCategory ul {
  padding: 0px 5px;
}
.contentArticleCategory li {
  padding: 0px 0px 5px 10px;
  background-image: url(./images/ic-list.gif);
  background-position: left 0.5em;
  background-repeat: no-repeat;
}
h3 {
  margin-bottom: 10px;
  padding: 0px 5px 0px 22px;
  background-color: #d3f2f2;
  background-image: url(./images/tl-classtitle.gif);
  background-position: left center;
  background-repeat: no-repeat;
  color: #333;
  font-size: 120%;
  font-weight: bold;
  line-height: 30px;
}
div.more,
.contentGpCategory ul + div {
  padding: 0px 5px 10px 0px;
  text-align: right;
}

/* RSS Atom
----------------------------------------------- */
.feed {
  float: right;
  position: relative;
  top: -32px;
  right: 10px;
  height: 13px;
  line-height: 0;
  background-color: transparent;
  overflow: hidden;
}
.feed a.feedRss {
  display: inline-block;
  width: 40px;
  height: 13px;
  background-image:url(./images/bt-rss.gif);
  background-repeat:no-repeat;
  text-indent: 50px;
  overflow: hidden;
}
.feed a.feedAtom {
  display: inline-block;
  width: 40px;
  height: 13px;
  background-image:url(./images/bt-atom.gif);
  background-repeat:no-repeat;
  text-indent: 50px;
  overflow: hidden;
}

/* left,right-banner
----------------------------------------------- */
#rightBannerUp a,
#rightBannerLow a {
  display: block;
  margin: 0px 0px 5px 0px;
}


.docs-category {
  display: flex;
  flex-wrap: wrap;
}
.docs-category section {
  width: calc((100% - 40px) / 3);
  margin: 0 0 24px;
}
.docs-category section:not(:nth-child(3n+3)) {
  margin-right: 20px;
}