@charset "UTF-8";
/* Hayuka elementary school stylesheet
--------------------------------------------- */

/* Headline style
--------------------------------------------- */
.contentGpCategoryCategoryTypes section h2 {
  background: #44A6E9;
}
.body h2 {
  background: #44A6E9;
}
.body h3 {
  border-left: 10px solid #44A6E9;
}
.body h4 {
  color: #44A6E9;
}
.body th {
  background: #C9E5F9;
}
.maps h2 {
  border-left-color: #44A6E9;
}
#topics .pieceHeader h2 {
  color: #44A6E9;
  /*background-image: url(./images/ic-topic01.gif);*/
}
#pageTitle h1,
#docPageTitle h1 {
  border-bottom: 5px solid #C9E5F9;
}

/* List style
--------------------------------------------- */
.contentGpArticleDocs ul li, .contentGpCategory ul li, .contentArticleCategoryGroup ul li ,
.news li , .oshirase li , .dayori li ,.contentArticleRecentDocs li ,
.contentArticleCategory .category h2 {
  background-image: url(./images/ic-list.png);
  margin-bottom: 3px;
  padding: 1px 0 1px 10px;
  background-position: left center;
  background-repeat: no-repeat;
}
.rels ul li, .tags ul li {
  background-image: url(./images/ic-list.png);
}
#banner .banner {
  background: #C9E5F9;
}
/* Header style
--------------------------------------------- */
#commonHeader {
  border-color: #44A6E9;
}
.accessMenu {
  background: #44A6E9;
}
#commonHeader .lowerMenu .access {
  background-image: url(./images/ic-list.png);
}

/* Gloval navi style
--------------------------------------------- */
#globalNavi {
  border-bottom: 6px solid #44A6E9;
}
#globalNavi .pieceBody li.current a,
#globalNavi .pieceBody li a:hover {
  background-color: #C9E5F9;
}

/* Tab style
--------------------------------------------- */
#recentDocsTab .pieceBody .tabs li.current {
  border-top: 6px solid #44A6E9;
}
#recentDocsTab .pieceBody .wrapper .content li {
  background-image: url(./images/ic-list.png);
}
#docTab .pieceBody .tabs .current {
  border-top: 6px solid #44A6E9;
  background: #fff; 
}

/* Schoolmenu style
--------------------------------------------- */
#schoolMenu ul li a .title {
  background: #C9E5F9;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3Y2VlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNjVlYTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(left,  #C9E5F9 0%, #44A6E9 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#C9E5F9), color-stop(100%,#44A6E9));
  background: -webkit-linear-gradient(left,  #C9E5F9 0%,#44A6E9 100%);
  background: -o-linear-gradient(left,  #C9E5F9 0%,#44A6E9 100%);
  background: -ms-linear-gradient(left,  #C9E5F9 0%,#44A6E9 100%);
  background: linear-gradient(to right,  #C9E5F9 0%,#44A6E9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C9E5F9', endColorstr='#44A6E9',GradientType=1 );
  zoom: 1;
}
#schoolMenu ul li a .detail {
  background: #C9E5F9;
}
#schoolMenu ul li a .detail span {
  background-image: url(./images/ic-list.png);
}

/* Sidemenu style
--------------------------------------------- */
#sideMenu ul li a,
#categoryList .pieceBody section a {
  background-image: url(./images/ic-list.png);
}
#sideMenu ul li.current a,
#sideMenu ul li a:hover,

/* Categorylist style
--------------------------------------------- */
#categoryList .pieceBody section .current a,
#categoryList .pieceBody section a:hover {
  background-color: #C9E5F9;
}

/* Copyright style
--------------------------------------------- */
#copyright {
  border-bottom: 6px solid #44A6E9;
}

/* Button style
--------------------------------------------- */
.back a {
  background-color: #C9E5F9;
}

.aboutTable {}
.aboutTable th {
  background: #eee;
  text-align: center;
}
.aboutTable th,
.aboutTable td {
  padding: 5px;
  border:1px solid #ddd;
}