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

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

/* 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);
}

/* Header style
--------------------------------------------- */
#commonHeader {
  border-color: #E370BD;
}
.accessMenu {
  background: #E370BD;
}
#commonHeader .lowerMenu .access {
  background-image: url(./images/ic-list.png);
}

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

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

/* Schoolmenu style
--------------------------------------------- */
#schoolMenu ul li a .title {
  background: #F9DFF0;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3Y2VlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNjVlYTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(left,  #F9DFF0 0%, #E370BD 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#F9DFF0), color-stop(100%,#E370BD));
  background: -webkit-linear-gradient(left,  #F9DFF0 0%,#E370BD 100%);
  background: -o-linear-gradient(left,  #F9DFF0 0%,#E370BD 100%);
  background: -ms-linear-gradient(left,  #F9DFF0 0%,#E370BD 100%);
  background: linear-gradient(to right,  #F9DFF0 0%,#E370BD 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F9DFF0', endColorstr='#E370BD',GradientType=1 );
  zoom: 1;
}
#schoolMenu ul li a .detail {
  background: #F9DFF0;
}
#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: #F9DFF0;
}

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

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



#kouka {
  position: relative;
  height:350px;
  background: url(./images/bg.png);
}
#kouka div {
  width: 180px;
}
#num1 {
  position: absolute;
  top:10px;
  left:10px;
}
#num2 {
  position: absolute;
  top:10px;
  right:200px;
}
#num3 {
  position: absolute;
  bottom: 50px;
  left: 10px;
}

#kouteiTab a {
  display: inline-block;
  width: 155px;
  margin-right: 8px;
  margin-bottom:30px;
  padding: 5px 0;
  text-align: center;
  font-size: 130%;
  text-decoration: none;
  font-weight: bold;
  color:#525252;
}
#spring {
  background: #FBDDE3;
}
#spring.active {
  border-bottom: 4px solid #F1A5B7;
}

#spring:hover {
  border-bottom: 4px solid #F1A5B7;
}
#summer {
  background: #D5F3F7;
}
#summer.active {
  border-bottom: 4px solid #2DDEF5;
}
#summer:hover {
  border-bottom: 4px solid #2DDEF5;
}
#autumn {
  background: #F9E7B3;
}
#autumn.active {
  border-bottom: 4px solid #F3C237;
}
#autumn:hover {
  border-bottom: 4px solid #F3C237;
}
#winter {
  background: #E7DDFD;
  margin-right: 0 !important;
}
#winter.active {
  border-bottom: 4px solid #BD9EFB;
}
#winter:hover {
  border-bottom: 4px solid #BD9EFB;
}
#kouteiBlock div {
  float: left;
  width: 320px;
  height:240px;
  text-align: center;
  margin-bottom: 30px;
}
#kouteiBlock div img {
  max-width: 320px;
  max-height:240px;
}
#kouteiBlock div:nth-child(2n) {
  float: right;
}
#kouteiBlock ul li {
	float: left;
	background: #D1F5D9;
	width: 210px;
	margin: 0 15px 15px 0;
	padding: 5px 0;
	text-align: center;
}
#kouteiBlock ul li a {
	display: block;
}
#kouteiBlock ul li:nth-child(3n) {
	margin-right: 0;
}