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

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

/* List style
--------------------------------------------- */
#copyright li a, .contentGpArticleDocs ul li, .contentGpCategory ul li, .contentArticleCategoryGroup ul li ,
.news li , .oshirase li , .linkList li a, .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);
}
#copyright li a {
  color: #000;
}
.linkList {
  margin-bottom: 20px;
}
.linkList li {
  margin-bottom: 7px;
}
.linkList li ul li {
  margin-left: 2em;
}
/* Header style
--------------------------------------------- */
#commonHeader {
  border-color: #8ECB28;
}
.accessMenu {
  background: #8ECB28;
}
#commonHeader .lowerMenu .access {
  background-image: url(./images/ic-list.png);
}

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

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

/* bannermenu style 
--------------------------------------------- */ 
#banner .banner { background-color: #D7EDB2; }

/* 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: #D7EDB2;
}
/* Copyright style
--------------------------------------------- */
#copyright {
  border-bottom: 6px solid #8ECB28;
}

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

/* Colmn Block
--------------------------------------------- */
.col2Block {
  float: left;
  width: 288px;
  margin-right: 20px;
  margin-bottom: 20px;
  padding: 15px;
  border: 1px solid #ddd;
}
.col2Block:nth-child(2n) {
  margin-right: 0;
}
.col2Block .bg {
  padding: 5px 0;
  background: #8ECB28;
  color: #fff;
  font-weight: bold;
  text-align: center;
}
.col3Block {
  float: left;
  width: 288px;
  margin-right: 20px;
  margin-bottom: 20px;
  padding: 15px;
  border: 1px solid #ddd;
}
.col3Block:nth-child(3n) {
  margin-right: 0;
}
.col3Block .bg {
  padding: 5px 0;
  background: #8ECB28;
  color: #fff;
  font-weight: bold;
  text-align: center;
}
/* About style
--------------------------------------------- */
.mottoWrap {
  width: 280px;
  margin: 0 auto 20px;
  border: 5px solid #ccc;
}
.motto {
  display: inline-block;
  margin: 30px;
  width: 1em;
  font-size: 200%;
  color: #8ECB28;
}
h4 span {
  display: inline-block;
  margin-right: 20px;
  background: #8ECB28;
  color: #fff;
  padding: 5px;
}
.flow img {
  display: inline-block;
  width: 200px;
  margin-right: 20px;
  margin-bottom: 20px;
}
.flow img:nth-child(3n) { 
  margin-right: 0;
}
.aboutTable {
  width: 300px;
}
.aboutTable tr {
  border:1px solid #c5c5c5;
}
.aboutTable th {
  padding: 10px 5px;
  width: 100px;
}
.aboutTable td {
  padding: 10px 5px;
  text-align: center;
}
.portrait {
  float: left;
  margin: 0 20px 10px 0;
  padding: 10px;
  background: #D7EDB2;
}

/* 献立
--------------------------------------------- */
.foodBlock {
  float: left;
  width: 288px;
  margin-right: 20px;
  margin-bottom: 20px;
  padding: 15px;
  border: 1px solid #ddd;
}
.foodBlock:nth-child(3n) {
  margin-right: 0;
}
.foodBlock .date {
  padding: 5px 0;
  background: #8ECB28;
  color: #fff;
  font-weight: bold;
  text-align: center;
}

/* 行事予定
--------------------------------------------- */
.gyoujiWrap {
  margin-bottom: 20px;
}
.gyoujiTable {
  float: left;
  width: 458px;
  text-align: center;
  margin-right: 40px;
}
.gyoujiTable:nth-child(2n) {
  margin-right: 0;
}
.gyoujiTable tr {}
.gyoujiTable tr.holiday {
  background: #D7EDB2;
}
.gyoujiTable td {
  border:1px solid #bbb;
   padding: 10px;
}
.gyoujiTable td.date {
  width: 10%;
}
.gyoujiTable td.day {
  width: 20%;
}
.gyoujiTable td.event {
  width: 70%;
}
.gyoujiTable th {
   padding: 10px;
  border:1px solid #bbb;
  background: #8ECB28;
   color: #fff;
}
.gyoujiTable th strong {
  font-size: 120%;
}
.bentoTable {}
.bentoTable tr {}
.bentoTable th,
.bentoTable td {
  padding: 5px;
  border: 1px solid #bbb;
  text-align: center;
  vertical-align: middle;
}

/* 弁当の日
--------------------------------------------- */
.bentoWrap a {
  display: inline-block;
  width: 192px;
  height: 144px;
  margin: 0 10px 10px 0;
  overflow: hidden;
}
.bentoWrap img {
  display: inline-block;
  width: 192px;
  height: 144px;
  float: left;
  margin: 0 8px 8px 0;
}
.bentoWrap a:nth-child(5n) {
  margin-right: 0;
}
.bentoTitle {
  text-align: center;
  margin-bottom: 20px;  
}


.bentoWrap:after {
    content:" ";
    display:block;
    clear:both;
}