@charset "UTF-8";
/* ayagawa junior high school stylesheet
--------------------------------------------- */

/* Headline style
--------------------------------------------- */
.contentGpCategoryCategoryTypes section h2 {
  background: #1A7DE6;
  color: #fff;
}
.body h2 {
  background: #1A7DE6;
  color: #fff;
}
.body h3 {
  border-left: 10px solid #1A7DE6;
}
.body h4 {
  color: #1A7DE6;
}
.body th {
  background: #E8F1C6;
}
.maps h2 {
  border-left-color: #1A7DE6;
}
#topics .pieceHeader h2 {
  color: #CC3399;
}
#pageTitle h1,
#docPageTitle h1 {
  border-bottom: 5px solid #BBD8F7;
}

/* 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 7px;
  background-repeat: no-repeat;
}
.rels ul li, .tags ul li {
  background-image: url(./images/ic-list.png);
}
#banner .banner a {
  background: #BBD8F7;
}
/* 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: #E8F1C6;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3Y2VlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNjVlYTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: linear-gradient(to right,  #E8F1C6 0%,#ACCB32 100%);
}
#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);
}

/* Categorylist style
--------------------------------------------- */
#sideMenu ul li.current a,
#sideMenu ul li a:hover,
#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: #E8F1C6;
}

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


/* original
--------------------------------------------- */
#accessibilityTool {
  background: none;
  width: 100%;
  border-top: 3px solid #1A7DE6;
}
#accessibilityTool .pieceBody {
  width: 1000px;
  margin: 0 auto;
  display: flex;
  justify-content: flex-end;
}
#headerGroup {
  display: flex;
  width: 1000px;
  margin: -44px auto 0;
  align-items: flex-end;
}
#siteLogo {
  margin-right: auto;
}
#docsSearch {
  margin-bottom: 6px;
}
#docsSearch form {
  display: flex;
}
#docsSearch .keyword label {
  display: none;
}
#docsSearch .submitters {
  margin: 0;
}
#headerMenu {
  margin-bottom: 6px;
  font-size: 0.9rem;
}
#headerMenu .pieceBody {
  display: flex;
}
#headerMenu .access {
  background-image: url(./images/ic-list.png);
}
#headerMenu .ayagawa {
  display: block;
  margin-left: 15px;
  padding: 4px 10px 4px 26px;
  border-radius: 4px;
  background: url(../school/images/ayagawa.png) 4px center no-repeat #7AB3ED;
  color: #000;
  text-decoration: none;
}
#headerMenu .access {
  margin-left: 12px;
  padding: 5px 0 5px 10px;
  background-position: left center;
  background-repeat: no-repeat;
  color: #000;
}