@charset "UTF-8";

/* =========================================================
   Pieces
========================================================= */

/* common
----------------------------------------------- */
.piece ul li span.separator,
.piece ul li span.unit {
  display: none;
}

/* common header
----------------------------------------------- */
#commonHeader .pieceBody {
  padding: 10px 0;
}

#commonHeader h1 {
  float: left;
}

#commonHeader h1 a {
  display: block;
  width: 365px;
  height: 50px;
}

#commonHeader h1 a ruby {
  display: none;
}

#commonHeader .menu {
  float: right;
  text-align: right;
}

#commonHeader .lowerMenu {
  clear: both;
}

#commonHeader .lowerMenu ul li {
  display: inline-block;
  /display: inline;
  /zoom: 1;
  margin-left: 10px;
  padding: 1px 0 1px 12px;
  background: url(./ic-arrow.png) left 0.5em no-repeat
}

#commonHeader .lowerMenu ul li a {
  color: #382100;
}

/* global-navi
----------------------------------------------- */
#globalNavi {
  border-top: 1px solid #BAB5A8;
}

#globalNavi ul li {
  float: left;
  width: 149px;
  border-right: 1px solid #BAB5A8;
}

#globalNavi ul li.mn1 {
  width: 148px;
  border-left: 1px solid #BAB5A8;
}

#globalNavi ul li a {
  display: block;
  padding: 10px 5px;
  border-bottom-width: 5px;
  border-bottom-style: solid;
  color: #382100;
  font-size: 120%;
  font-weight: normal;
  text-decoration: none;
  text-align: center;
  transition: background-color 0.35s ease 0s, color 0.35s ease 0s;
  zoom: 1;
}

#globalNavi ul li.mn1 a {
  border-bottom-color: #FF8796;
}

#globalNavi ul li.mn1 a:hover,
#globalNavi ul li.mn1 a.current,
#page-schools-kinsch-category-life-index #globalNavi ul li.mn1 a,
#page-schools-kinsch-category-life-more #globalNavi ul li.mn1 a {
  background: #FFF0F2;
}

#globalNavi ul li.mn2 a {
  border-bottom-color: #FFD445;
}

#globalNavi ul li.mn2 a:hover,
#globalNavi ul li.mn2 a.current {
  background: #FFF5D3;
}

#globalNavi ul li.mn3 a {
  border-bottom-color: #B3D63D;
}

#globalNavi ul li.mn3 a:hover,
#globalNavi ul li.mn3 a.current {
  background: #E3F0B9;
}

#globalNavi ul li.mn4 a {
  border-bottom-color: #60B593;
}

#globalNavi ul li.mn4 a:hover,
#globalNavi ul li.mn4 a.current {
  background: #D2F5E6;
}

#globalNavi ul li.mn5 a {
  border-bottom-color: #4299F0;
}

#globalNavi ul li.mn5 a:hover,
#globalNavi ul li.mn5 a.current {
  background: #D6F0FF;
}

#globalNavi ul li.mn6 a {
  border-bottom-color: #C4ABE8;
}

#globalNavi ul li.mn6 a:hover,
#globalNavi ul li.mn6 a.current {
  background: #F0E9FF;
}

/* common-footer
----------------------------------------------- */
#commonFooter {
  border-top: 1px solid #ADA797;
}

#commonFooter .pieceBody {
  width: 900px;
  margin: 0 auto;
  padding: 15px 0;
}

/* copyright
----------------------------------------------- */
#copyright {
  background: #B7E03C;
}

#copyright .pieceBody {
  width: 900px;
  margin: 0 auto;
  padding: 7px 0;
  text-align: center;
}

/* bread-crumbs
----------------------------------------------- */
#breadCrumbs {
  margin: 15px auto;
}

#breadCrumbs ol,
#breadCrumbs li {
  list-style: none;
}

#breadCrumbs li {
  display: inline-block;
  margin: 0;
}

#breadCrumbs li:not(:first-child):before {
  content: ">";
  margin: 0 4px 0 3px;
}

/* page-title
----------------------------------------------- */
#pageTitle .pieceBody {
  background: url(./title-line.png) left top no-repeat;
}

#pageTitle h1 {
  margin: 0 auto 20px;
  padding: 20px 15px;
  line-height: 1.1;
  background: url(./title-line.png) left bottom no-repeat;
  font-size: 200%;
  font-weight: normal;
  text-align: center;
}

/* keyvisual
----------------------------------------------- */
#keyvisual .pieceContainer {
  width: 900px;
  /*
  height: 450px;
  */
  margin: 0 auto;
}

/* recent-docs
----------------------------------------------- */
#recentDocs .pieceHeader {
  position: relative;
  margin-bottom: 15px;
}

#recentDocs .pieceHeader h2 {
  padding: 5px 0 5px 30px;
  background: url(./line-shinchaku.png) left bottom no-repeat;
  color: #D3257C;
  font-size: 130%;
  font-weight: normal;
}

#recentDocs .pieceHeader h2 img {
  position: absolute;
  top: 0;
  left: 0;
}

#recentDocs .pieceBody {
  position: relative;
}

#recentDocs .pieceBody .feed {
  position: absolute;
  bottom: 0;
  left: 0;
}

#recentDocs .pieceBody ul {
  padding-bottom: 10px;
}

#recentDocs .pieceBody li {
  margin-bottom: 7px;
  padding: 1px 0 1px 14px;
  background: url(./ic-list1.png) left 0.5em no-repeat;
}

#recentDocs .pieceBody .links {
  text-align: right;
}

/* links, side-menu, category-list
----------------------------------------------- */
#links,
#sideMenu,
#categoryList {
  margin-bottom: 20px;
  border: 2px dashed #E0DABF;
  background: url(./ic-list2.png) 5px 5px no-repeat;
}

#links .pieceContainer,
#sideMenu .pieceContainer,
#categoryList .pieceContainer {
  padding-top: 15px;
  background: url(./ic-list2.png) 185px 5px no-repeat;
}

#links .pieceHeader h2,
#sideMenu .pieceHeader h2,
#categoryList .pieceHeader h2 {
  padding: 0 12px 5px;
  font-size: 120%;
  font-weight: normal;
  line-height: 1.1;
  text-align: center;
}

#links .pieceBody,
#sideMenu .pieceBody,
#categoryList .pieceBody {
  padding: 5px 12px 10px;
}

#links .pieceBody li,
#sideMenu .pieceBody li,
#categoryList .pieceBody li {
  margin-bottom: 3px;
  padding: 1px 0 1px 12px;
  background: url(./ic-arrow.png) left 0.5em no-repeat;
}

/* anniversaryLink, parentsLink, studyLink
----------------------------------------------- */
#anniversaryLink .pieceHeader h2,
#parentsLink .pieceHeader h2,
#studyLink .pieceHeader h2 {
  margin-bottom: 5px;
  text-align: center;
  line-height: 1.1;
}

#anniversaryLink .pieceBody,
#parentsLink .pieceBody,
#studyLink .pieceBody {
  padding: 10px;
  border: 1px solid #ccc;
  background: #f2f2f2;
}

#anniversaryLink .pieceBody a,
#parentsLink .pieceBody a,
#studyLink .pieceBody a {
  display: block;
  margin-bottom: 5px;
  padding: 5px;
  border: 1px solid #ccc;
  background: #fff;
  text-align: center;
}