@charset "UTF-8";

/* =========================================================
   Base
========================================================= */
/* elements
----------------------------------------------- */
html {
  height: 100%;
}

body {
  width: 100%;
  height: 100%;
  line-height: 1.5;
  margin: 0;
  border: 0;
  background: #d9d4c6 url("./images/bg.gif") repeat-x center top;
  font-size: 87.5%;
  overflow-wrap: break-word;
  -webkit-text-size-adjust: 100%;
}

body,
td,
th,
select,
option,
input,
button,
textarea {
  font-family: -apple-system, BlinkMacSystemFont, "Source Han Sans JP", "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-weight: normal;
}

input,
button,
textarea {
  max-width: 100%;
  font-size: 100%;
  vertical-align: middle;
}

#search-box {
  width: calc(100% - 49px);
}

#search-button {
  width: 44px;
  padding-left: 0;
  padding-right: 0;
}

#weather .pieceBody {
  text-align: center;
}

blockquote {
  margin: 10px 20px;
}

h1,
h2,
h3,
h4,
h5 {
  font-size: 100%;
  font-weight: normal;
}

img {
  width: auto;
  height: auto;
  max-width: 100%;
  border: 0;
  vertical-align: bottom;
}

img.external {
  margin: 0 0.15em;
  vertical-align: middle;
}

#map_canvas div {
  font-family: inherit;
}

.maps img,
#map_canvas img,
#canvas img {
  max-width: none;
}

address,
cite,
dfn,
em,
var {
  font-style: normal;
  font-weight: normal;
}

strong {
  font-weight: bold;
}

pre {
  font-family: -apple-system, BlinkMacSystemFont, "Source Han Code JP", Osaka-mono, Meiryo, monospace;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow: auto;
}

table {
  width: auto;
  max-width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
}

ul {
  list-style-type: none;
  list-style-position: outside;
}

li {
  list-style-position: outside;
  vertical-align: bottom;
}

rp,
rt {
  font-size: 80%;
  text-decoration: none;
}

a {
  color: #009952;
  background-color: transparent;
  text-decoration: none;
}

a img:hover,
a img:focus {
  opacity: 0.9;
}

#cmsPreviewMark {
  position: absolute;
  width: 100%;
  margin: 1px 0 !important;
  font-family: inherit !important;
}

/* =========================================================
   Common Classes.
========================================================= */
/* Icons.
----------------------------------------------- */
.iconFile,
.iconDefault {
  display: inline-block;
  min-height: 16px;
  padding-left: 22px;
  background-repeat: no-repeat;
  background-image: url("/_common/images/icons/default.png");
}

.iconBmp {
  background-image: url("/_common/images/icons/bmp.png");
}

.iconCsv,
.iconTxt {
  background-image: url("/_common/images/icons/default.png");
}

.iconDoc,
.iconDocx {
  background-image: url("/_common/images/icons/doc.png");
}

.iconGif {
  background-image: url("/_common/images/icons/gif.png");
}

.iconJpg,
.iconJpe,
.iconJpeg {
  background-image: url("/_common/images/icons/jpg.png");
}

.iconJtd {
  background-image: url("/_common/images/icons/jtd.png");
}

.iconLzh {
  background-image: url("/_common/images/icons/lzh.png");
}

.iconPdf {
  background-image: url("/_common/images/icons/pdf.png");
}

.iconPng {
  background-image: url("/_common/images/icons/png.png");
}

.iconWebp {
  background-image: url("/_common/images/icons/webp.png");
}

.iconPpt,
.iconPptx {
  background-image: url("/_common/images/icons/ppt.png");
}

.iconXls,
.iconXlsx {
  background-image: url("/_common/images/icons/xls.png");
}

.iconZip {
  background-image: url("/_common/images/icons/zip.png");
}

.iconMpg,
.iconMov,
.iconMp4,
.iconMp3,
.iconWmv {
  background-image: url("/_common/images/icons/mpg.png");
}

/* Common
----------------------------------------------- */
/* more
---------------------- */
.more {
  margin: 20px 0;
  text-align: center;
}

.top .more {
  display: none;
}

.more a {
  display: block;
  line-height: 1.2;
  padding: 6px 10px;
  border-radius: 4px;
  background-color: #f3f1ec;
}

.more a:hover,
.more a:focus {
  text-decoration: underline;
}

/* pagination
---------------------- */
.pagination {
  line-height: 1;
  margin: 20px 0;
  text-align: center;
}

.pagination .separator {
  display: none;
}

.pagination a[href],
.pagination em,
.pagination span {
  display: inline-block;
  margin-left: -1px;
  margin-top: 0.25em;
  padding: 0 0.9em 0 0.7em;
  border-right: 1px solid #d9d4c6;
}

.pagination .current {
  font-weight: bold;
}

.pagination .previous_page::before {
  content: "<";
  display: inline;
}

.pagination .next_page::after {
  content: ">";
  display: inline;
}

.pagination a[href]:last-child,
.pagination .next_page {
  border-right: 0;
}

#calendar .pagination {
  margin: 0;
}

#calendar .pagination a[href],
#calendar .pagination em,
#calendar .pagination span {
  padding: 0 0.4em 0 0.2em;
}

.calendarEvents .pagination .next_page::after,
#calendar .pagination .next_page::after {
  content: "";
}

/* breadCrumbs
---------------------- */
#breadCrumbs ol,
#breadCrumbs li {
  list-style: none;
}

#breadCrumbs li {
  display: inline-block;
}

#breadCrumbs li:not(:first-child)::before {
  content: ">";
  margin: 0 5px;
}

/* RSS Atom
---------------------- */
.feed {
  text-align: right;
}

.contentGpArticleDocs .feed {
  display: none;
}

#contentBody {
  position: relative;
}

.contentGpCategoryCategoryType .feed,
.contentGpCategory .feed {
  position: absolute;
  right: 10px;
  top: 3px;
}

ul.feed li,
#feed li,
#feed .pieceBody>a {
  display: inline-block;
}

ul.feed li:first-child,
#feed li:first-child,
#feed .pieceBody>a:first-child {
  margin-right: 2px;
}

ul.feed li a,
#feed li a {
  display: block;
}

.contentGpCategoryCategoryType .feed a:hover,
.contentGpCategoryCategoryType .feed a:focus,
.contentGpCategory .feed a:hover,
.contentGpCategory .feed a:focus,
#feed li a:hover,
#feed li a:focus {
  background-color: transparent;
  text-decoration: underline;
}

ul.feed li:first-child a,
#feed li:first-child a,
#feed .pieceBody>a:first-child {
  padding-left: 15px;
  background: url("./images/feed.png") no-repeat left center;
}

#feed .pieceBody>a:hover,
#feed .pieceBody>a:focus {
  background-color: transparent;
  text-decoration: underline;
}

.fb-wrapper {
  display: inline-block;
}

/* article layout
----------------------------------------------- */
.contentGpCategoryCategoryTypes h2,
.contentGpCategory>section>h2 {
  margin-bottom: 15px;
  font-size: 110%;
}

.contentGpCategoryCategoryTypes h2 a,
.contentGpCategory>section>h2 a {
  display: block;
  line-height: 1;
  padding: 7px 5px;
  border: 1px solid #d9d4c6;
  border-radius: 4px;
  background: #f3f1ec url("./images/module.gif") repeat-x left top;
  color: #222;
  letter-spacing: 4px;
}

.contentGpCategoryCategoryTypes h2 a:hover,
.contentGpCategoryCategoryTypes h2 a:focus,
.contentGpCategory>section>h2 a:hover,
.contentGpCategory>section>h2 a:focus {
  color: #009952;
}

#pageTitle h1,
body[class^="dir-archive"] .contentGpArticleDocs .docs>h2 {
  line-height: 1.2;
  margin: 4px 0 20px;
  padding: 6px 10px;
  border-radius: 4px;
  background: #f3f1ec;
  color: #222;
  font-family: inherit;
  font-weight: bold;
  text-align: center;
  letter-spacing: normal;
}

.dir-article #pageTitle,
body[class^="dir-archive"] #pageTitle {
  display: none;
}

#recentSummary li,
.contentGpCategory>.docs li,
.contentGpCategory>section>.docs li,
.contentGpArticleDocs .docs>ul>li {
  margin-bottom: 30px;
}

.docs>li>span {
  display: block;
}

.docs>li>h2,
.contentGpCategory li>h2,
.contentGpArticleDocs .docs>h2,
body[class^="dir-archive"] .contentGpArticleDocs .docs>ul>li>h2,
.calendarEvents h2,
.contentGpArticleDoc>.date {
  margin-bottom: 15px;
  padding: 13px 0 10px;
  background: url("./images/date-header.gif") no-repeat center top;
  font-family: -apple-system, BlinkMacSystemFont, "Source Han Sans JP", "Noto Sans JP", "Hiragino Kaku Gothic ProN", Georgia, Meiryo, sans-serif;
  text-align: center;
  letter-spacing: 4px;
}

.dir-article .contentGpArticleDocs .docs>ul>li>h2 {
  display: none;
}

.rootdir #pageTitle h1,
.docs>li>h3,
.contentGpCategory li>h3,
.contentGpArticleDocs .docs>ul>li>h3 {
  line-height: 1.2;
  margin-bottom: 15px;
  padding: 0;
  background: none;
  color: inherit;
  font-size: 171%;
  font-weight: normal;
  text-align: left;
}

.docs h3 a:hover,
.docs h3 a:focus {
  text-decoration: underline;
}

.body a,
.footer a {
  text-decoration: underline;
}

.body a:hover,
.footer a:hover,
.body a:focus,
.footer a:focus {
  text-decoration: none;
}

.footer {
  line-height: 1.2;
  padding: 10px 0;
  border-top: 1px dotted #d9d4c6;
  color: #999;
}

.footer .publish_date {
  margin: 0 0.5em;
}

.footer .category::after {
  content: "|";
  margin: 0 0.25em;
}

.footer .category span:not(:last-child)::after {
  content: ",";
  margin-right: 0.25em;
}

.footer a {
  color: #999;
}

/* article element
----------------------------------------------- */
.body::after {
  content: "";
  clear: both;
  display: block;
}

.body h1,
.body h2,
.body h3,
.body h4,
.body h5,
.body h6,
.body p,
.body ul,
.body ol {
  margin-bottom: 10px;
}

.body ul,
.body ol {
  margin-left: 35px;
}

.body ul {
  list-style-type: disc;
}

.body p.indent {
  text-indent: 1em;
}

.body p.hanging {
  padding-left: 1em;
  text-indent: -1em;
}

.body p.noMargin {
  margin: 0;
}

#calendar table,
.body table {
  margin: 0 0 10px;
  border: 1px solid #f3f1ec;
}

table[border="0"],
table[border="0"] th,
table[border="0"] td {
  border: 0;
}

#calendar table caption,
.body table caption {
  font-weight: bold;
}

#calendar th,
.body th {
  background-color: #f3f1ec;
  text-align: center;
}

#calendar th,
#calendar td,
.body th,
.body td {
  padding: 5px;
  border: 1px solid #f3f1ec;
  vertical-align: middle;
}

#gsearchresult table,
#gsearchresult th,
#gsearchresult td {
  margin: 0;
  padding: 0;
  border: 0;
  background-color: transparent;
}

.gsc-selected-option-container {
  max-width: none !important;
}

#calendar table p,
.body table p {
  padding: 0;
}

#calendar table ul,
#calendar table ol,
.body table ul,
.body table ol {
  margin: 0 0 5px 20px;
}

dl dt {
  font-weight: normal;
}

dl dd {
  margin-bottom: 10px;
}

dl.about dt {
  font-size: 105%;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #d9d4c6;
}

dl.about dt:not(:first-child) {
  margin-top: 20px;
}

dl.about dd {
  margin-bottom: 0;
}

sup {
  font-size: 85%;
  vertical-align: super;
}

sub {
  font-size: 85%;
  vertical-align: sub;
}

.body .warning {
  color: #ee0000;
  font-weight: bold;
}

.body .border {
  margin: 20px 0;
  padding: 10px;
  border: 1px solid #8b8b8b;
}

.contentGpArticleDoc .body,
.contentGpArticleDoc .maps,
.contentGpArticleDoc .rels,
.contentGpArticleDoc .tags {
  margin-bottom: 30px;
}

.tags ul li {
  display: inline-block;
  margin-right: 1em;
}

/* more
---------------------- */
.back a {
  margin: 0 auto;
  padding: 6px 32px;
}

/* sns
---------------------- */
#sns {
  margin: 20px 0;
  padding: 0;
}

.twitter-wrapper,
.g-wrapper,
.fb-wrapper,
.mixi-wrapper,
.line-wrapper {
  display: inline-block;
  line-height: 10px;
  vertical-align: top;
}

/* pagetop
---------------------- */
.pageTop {
  margin: 5px 0 30px;
  text-align: right;
}

.pageTop a {
  display: inline-block;
}

.pageTop a::before {
  content: "▲";
}

/* required
---------------------- */
.required {
  color: #ee0000;
}

.nowrap {
  white-space: nowrap;
}

/* CKEditor templates
----------------------------------------------- */
.temp1::after,
.temp2::after {
  content: "";
  clear: both;
  display: block;
}

.temp1,
.temp2,
.temp3,
.temp4 {
  margin-bottom: 10px;
}

.temp1 .thumb {
  float: left;
  margin: 10px 10px 10px 0;
}

.temp1 ul,
.temp1 ol {
  display: inline-block;
  vertical-align: top;
}

.temp2 .thumb {
  float: right;
  margin: 0 0 10px 10px;
}

.temp3,
.temp4 {
  text-align: center;
}

.temp3 dl,
.temp4 dl {
  display: inline-block;
  margin: 0 5px;
  vertical-align: bottom;
}

.temp3 dl {
  max-width: 50%;
}

.temp4 dl {
  max-width: 33.33%;
}

.temp3 dl dt,
.temp4 dl dt {
  margin-bottom: 10px;
  text-align: center;
}

.temp3 dl dd,
.temp4 dl dd {
  text-align: center;
}

table.temp5 {
  width: 100%;
}

.body .temp7 p {
  padding: 0;
}

/* adobeReader
----------------------------------------------- */
.adobeReader::after,
.temp7::after {
  content: "";
  clear: both;
  display: block;
}

.adobeReader,
.temp7 {
  margin: 1.5em 0 1em;
  padding: 10px 20px 10px 196px;
  border: 1px solid #ffaaaa;
  background: #fff3f3 url("./images/adobe_bn.png") no-repeat 20px center;
}

/* clearfix
----------------------------------------------- */
.clearfix::after {
  content: "";
  clear: both;
  display: block;
}

/* =========================================================
   Pieces
========================================================= */
/* header
----------------------------------------------- */
#commonHeader {
  line-height: 1;
}

#commonHeader h1 {
  margin-bottom: 8px;
  font-size: 200%;
}

#commonHeader h1 a {
  color: #fff;
}

#commonHeader h1 a:hover,
#commonHeader h1 a:focus {
  opacity: 0.9;
}

#commonHeader .description {
  color: #fff;
  font-size: 115%;
}

/* side
----------------------------------------------- */
#menu .pieceContainer,
#links .pieceContainer {
  margin-bottom: 15px;
  padding: 5px;
  border: 1px solid #d9d4c6;
  border-radius: 4px;
  background: #f3f1ec url("./images/module.gif") repeat-x left top;
}

#menu .pieceHeader,
#links .pieceHeader {
  line-height: 1;
  margin-bottom: 5px;
}

#menu .pieceHeader h2,
#links .pieceHeader h2 {
  padding: 2px 0;
  font-family: -apple-system, BlinkMacSystemFont, "Source Han Sans JP", "Noto Sans JP", "Hiragino Kaku Gothic ProN", Georgia, Meiryo, sans-serif;
  text-align: center;
  letter-spacing: 4px;
}

#menu .pieceHeader h2 a,
#links .pieceHeader h2 a {
  color: #222;
}

#menu .pieceHeader h2 a:hover,
#links .pieceHeader h2 a:hover,
#menu .pieceHeader h2 a:focus,
#links .pieceHeader h2 a:focus {
  color: #009952;
}

#menu .pieceBody,
#links .pieceBody {
  line-height: 1.4;
  padding: 10px;
  border-radius: 4px;
  background-color: #fff;
}

#menu div[id^="list"] .pieceBody,
#links div[id^="list"] .pieceBody {
  line-height: 1.2;
  padding: 0;
}

#menu div[id^="list"] .pieceBody a,
#links div[id^="list"] .pieceBody a {
  padding: 5px 6px 4px;
  border-bottom: 1px solid #f3f1ec;
}

#menu a,
#links a {
  display: block;
}

/*#listArchive li {
  border-bottom: 1px solid #f3f1ec;
}

#listArchive a {
  display: inline-block;
  border-bottom: 0 !important;
}*/

#menu a:hover,
#menu a:focus,
#links a:hover,
#links a:focus {
  background-color: #d9d4c6;
}

#mobile a:hover,
#mobile a:focus {
  background-color: transparent;
  text-decoration: underline;
}

/* schoolBadge,mobile
----------------------------------------------- */
#schoolBadge,
#mobile {
  text-align: center;
}

/* calendar
----------------------------------------------- */
#calendar {
  text-align: center;
}

#calendar .pieceBody {
  padding: 0;
}

#calendar h3 {
  padding: 0 5px 5px;
  background-color: #f3f1ec;
}

#calendar table {
  width: calc(100% - 20px);
  margin: 10px auto;
}

#calendar table a {
  font-weight: bold;
}

#calendar a:hover,
#calendar a:focus,
.calendarEvents a:hover,
.calendarEvents a:focus {
  background-color: transparent;
  text-decoration: underline;
}

#calendar th {
  border-color: #fff;
  color: #777;
}

#calendar td {
  color: #999;
}

#calendar th,
#calendar td {
  padding: 2px 1px;
}

#calendar .prevMonth,
#calendar .nextMonth {
  color: transparent;
}

#calendar .links {
  padding-bottom: 10px;
}

#calendar .links a {
  display: inline-block;
}

.calendarEvents table {
  width: 100%;
}

.calendarEvents td:first-child {
  width: 12em;
}