@charset "UTF-8";
/* Ayakami elementary school stylesheet
--------------------------------------------- */

/* Headline style
--------------------------------------------- */
.contentGpCategoryCategoryTypes section h2 {
  background: #1A7DE6;
}
.body h2 {
  background: #1A7DE6;
}
.body h3 {
  border-left: 10px solid #1A7DE6;
}
.body h4 {
  color: #1A7DE6;
}
.body th {
  background: #BBD8F7;
}
.maps h2 {
  border-left-color: #1A7DE6;
}
#topics .pieceHeader h2 {
  color: #1A7DE6;
  /*background-image: url(./images/ic-topic01.gif);*/
}
#pageTitle h1,
#docPageTitle h1 {
  border-bottom: 5px solid #BBD8F7;
}

/* List style
--------------------------------------------- */
.contentGpArticleDocs ul li, .contentGpCategory ul li, .contentArticleCategoryGroup ul li ,
#docTab .content 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);
}

/* Header style
--------------------------------------------- */
#commonHeader {
  border-color: #1A7DE6;
}
.accessMenu {
  background: #1A7DE6;
}
#commonHeader .lowerMenu .access {
  background-image: url(./images/ic-list.png);
}

/* Gloval navi style
--------------------------------------------- */
#globalNavi {
  border-bottom: 6px solid #1A7DE6;
}
#globalNavi .pieceBody li.current a,
#globalNavi .pieceBody li a:hover {
  background-color: #BBD8F7;
}

/* Tab style
--------------------------------------------- */
#recentDocsTab .pieceBody .tabs li.current {
  border-top: 6px solid #1A7DE6;
}
#recentDocsTab .pieceBody .wrapper .content li {
  background-image: url(./images/ic-list.png);
}
#docTab .pieceBody .tabs .current {
  border-top: 6px solid #1A7DE6;
  background: #fff; 
}

/* Schoolmenu style
--------------------------------------------- */
#schoolMenu ul li a .title {
  background: #BBD8F7;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3Y2VlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNjVlYTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(left,  #BBD8F7 0%, #1A7DE6 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#BBD8F7), color-stop(100%,#1A7DE6));
  background: -webkit-linear-gradient(left,  #BBD8F7 0%,#1A7DE6 100%);
  background: -o-linear-gradient(left,  #BBD8F7 0%,#1A7DE6 100%);
  background: -ms-linear-gradient(left,  #BBD8F7 0%,#1A7DE6 100%);
  background: linear-gradient(to right,  #BBD8F7 0%,#1A7DE6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#BBD8F7', endColorstr='#1A7DE6',GradientType=1 );
  zoom: 1;
}
#schoolMenu ul li a .detail {
  background: #BBD8F7;
}
#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: #BBD8F7;
}

/* Copyright style
--------------------------------------------- */
#copyright {
  border-bottom: 6px solid #1A7DE6;
}

/* Button style
--------------------------------------------- */
.back a {
  background-color: #BBD8F7;
}
