@charset "UTF-8";
@import "/_common/themes/openlayers/ol.css";

/* =========================================================
   Common Classes.
========================================================= */
/* Icons.
----------------------------------------------- */
.iconFile,
.iconDefault {
    background-image: url("./img/default.gif");
}
.iconBmp {
    background-image: url("./img/bmp.gif");
}
.iconCsv {
    background-image: url("./img/csv.gif");
}
.iconDoc,
.iconDocx {
    background-image: url("./img/doc.gif");
}
.iconGif {
    background-image: url("./img/gif.gif");
}
.iconJpg,
.iconJpe,
.iconJpeg {
    background-image: url("./img/jpg.gif");
}
.iconJtd {
    background-image: url("./img/jtd.gif");
}
.iconLzh {
    background-image: url("./img/lzh.gif");
}
.iconPdf {
    background-image: url("./img/pdf.gif");
}
.iconPng {
    background-image: url("./img/png.gif");
}
.iconPpt,
.iconPptx {
    background-image: url("./img/ppt.gif");
}
.iconXls,
.iconXlsx {
    background-image: url("./img/xls.gif");
}
.iconZip {
    background-image: url("./img/zip.gif");
}

/* CKEditor templates
----------------------------------------------- */
.temp1,
.temp2,
.temp3,
.temp4 {
    clear: both;
    margin-bottom: 20px;
}
.temp1 .thumb {
    float: left;
    margin-bottom: 10px;
    margin-right: 20px;
}
.temp1 ul,
.temp1 ol {
    display: inline-block;
    vertical-align: top;
}
.temp2 .thumb {
    float: right;
    margin-bottom: 10px;
    margin-left: 20px;
}
.temp1 .thumb ~ h2,
.temp1 .thumb ~ h3,
.temp1 .thumb ~ h4,
.temp2 .thumb ~ h2,
.temp2 .thumb ~ h3,
.temp2 .thumb ~ h4 {
    overflow: hidden;
}
.temp3,
.temp4 {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.temp3 dl,
.temp4 dl {
    margin: 0 5px;
    padding: 0;
    vertical-align: bottom;
}
.temp3 dl {
    max-width: 48%;
}
.temp4 dl {
    max-width: 31%;
}
.temp3 dl dt,
.temp4 dl dt {
    margin-bottom: 10px;
    text-align: center;
}
.temp3 dl dd,
.temp4 dl dd {
    margin: 0;
    text-align: center;
}
table.temp5,
table.temp6 {
    margin-bottom: 30px;
}
.temp5 caption,
.temp6 caption {
    text-align: center;
}
.temp5 th,
.temp5 td,
.temp6 th,
.temp6 td {
    padding: 6px 10px;
    border: 1px solid #b3b3b3;
    text-align: center;
}

/* adobeReader download
----------------------------------------------- */
.temp7 {
    margin: 0 0 20px;
}
.adobeReader,
.temp7 {
    clear: both;
    padding: 10px 20px 10px 196px;
    border: 1px solid #faa;
    background: #fff3f3 url("./img/adobe_bn.png") no-repeat 20px center;
}
.adobeReader p,
.temp7 p {
    margin: 0 0 10px;
}

/* feed
----------------------------------------------- */
ul.feed li {
    display: inline-block;
}

/* =========================================================
   Piece
========================================================= */

/* recentDocs
------------------------------------- */
#recentDocs .more {
    text-align: right;
}

/* calendar
----------------------------------------------- */
#calendar .pieceBody h3 {
    margin-bottom: 5px;
    padding: 0 0 0 5px;
    background: none;
    font-size: 120%;
    font-weight: bold;
}
#calendar .pieceBody table {
    width: 100%;
    max-width: calc(100% - 10px);
    margin: 0 5px 10px !important;
    border: none;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
}
#calendar .pieceBody th,
#calendar .pieceBody td {
    display: table-cell !important;
    float: none !important;
    width: auto !important;
    padding: 2px 0 !important;
    border: 1px solid #999 !important;
    font-weight: bold;
    text-align: center;
}

/* =========================================================
   Content
========================================================= */
/* contentGpCategoryCategoryTypes, contentGpCategoryCategoryType
----------------------------------------------- */
body[id$="category-index"] #contentBody,
body[id$="category-bunya-index"] #contentBody {
    padding: 0;
    background: none;
}
.contentGpCategoryCategoryTypes section,
.contentGpCategoryCategoryType section {
    margin-bottom: 10px;
    padding: 15px;
    background-color: #efefef;
}

/* contentGpCategoryCategory
----------------------------------------------- */
.contentGpCategoryCategory {
    position: relative;
}
.contentGpCategoryCategory .feed {
    position: absolute;
    top: 8px;
    right: 10px;
}
.contentGpCategoryCategory .docs::before {
    content: "新着情報";
    display: block;
    margin-bottom: 10px;
    padding: 7px 10px 3px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    color: #fff;
    font-size: 120%;
    font-weight: bold;
    zoom: 100%;
}
body[id^="page-ishiiSportsClub"] .contentGpCategoryCategory .docs::before {
    background-color: #0077d7;
}
body[id^="page-sportsClubMima"] .contentGpCategoryCategory .docs::before {
    background-color: #dd2200;
}
body[id^="page-tokushimakenKendoRenmei"]
    .contentGpCategoryCategory
    .docs::before {
    background-color: #2b60cd;
}
body[id^="page-tokushimakenKyudouRenmei"]
    .contentGpCategoryCategory
    .docs::before {
    background-color: #00426b;
}
body[id^="page-tokushimakenTrainerKyokai"]
    .contentGpCategoryCategory
    .docs::before {
    background-color: #008b00;
}
.contentGpCategoryCategory .docs ul:not(.feed) {
    width: 498px;
    margin: 0 auto;
    padding: 10px 10px 20px;
    border-top: solid 1px #999;
    border-right: solid 1px #999;
    border-left: solid 1px #999;
    border-bottom: solid 1px #999;
    background-color: #fff;
}
.contentGpCategoryCategory .docs ul:not(.feed) li {
    margin: 0;
    padding: 5px;
    border-bottom: 1px dotted #adadad;
}
.contentGpCategoryCategory .docs + .more {
    margin-top: -1px;
}

/* contentGpArticleDocs
----------------------------------------------- */
.contentGpArticleDocs .feed {
    top: -33px;
}
.contentGpArticleDocs .docs {
    clear: both;
}
.contentGpArticleDocs .docs h2 {
    margin-bottom: 10px;
    padding: 5px 10px;
    background-color: #efefef;
    font-size: 100%;
    font-weight: bold;
}
.contentGpArticleDocs .docs ul {
    margin: 0 0 15px;
    padding: 0;
}
.contentGpArticleDocs .docs ul li {
    margin: 0;
    padding: 5px 10px;
    border-bottom: 1px dotted #adadad;
}
body[id$="docs-index"] .back {
    display: none;
}

/* contentGpArticleDoc
----------------------------------------------- */
body.single #pageTitle {
    margin-bottom: 10px;
    padding: 15px 0;
    border-top-width: 3px;
    border-top-style: solid;
}
body[id^="page-ishiiSportsClub"] #pageTitle {
    border-color: #0077d7;
}
body.single[id^="page-sportsClubMima"] #pageTitle {
    border-color: #dd2200;
}
body[id^="page-tokushimakenKendoRenmei"] #pageTitle {
    border-color: #2b60cd;
}
body[id^="page-tokushimakenKyudouRenmei"] #pageTitle {
    border-color: #00426b;
}
body[id^="page-tokushimakenTrainerKyokai"] #pageTitle {
    border-color: #008b00;
}
body.single[id^="page-ishiiSportsClub"] #pageTitle h1 {
    margin-bottom: 10px;
    color: #000;
    font-size: 170%;
    text-align: center;
}
.contentGpArticleDoc > .date {
    margin-bottom: 10px;
    text-align: right;
}
.contentGpArticleDoc .body,
.contentGpArticleDoc .maps,
.contentGpArticleDoc .rels,
.contentGpArticleDoc .tags {
    margin-bottom: 30px;
    padding: 0 10px;
}
.contentGpArticleDoc .body h2 {
    margin-bottom: 10px;
    padding: 8px 15px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    background-color: #0077d7;
    font-size: 130%;
    font-weight: bold;
    color: #fff;
}
.contentGpArticleDoc .body h3 {
    margin-bottom: 5px;
    font-size: 110%;
}
.contentGpArticleDoc .body h4 {
    margin-bottom: 5px;
}
.contentGpArticleDoc .body p {
    margin-bottom: 15px;
}
.contentGpArticleDoc .body table {
    margin-bottom: 15px;
    border: none;
}
.contentGpArticleDoc .body th,
.contentGpArticleDoc .body td {
    padding: 10px;
    border: 1px solid #999;
}
.contentGpArticleDoc .body th {
    background: #dcecf9;
}
.contentGpArticleDoc ul,
.contentGpArticleDoc ol {
    margin-bottom: 15px;
}
.contentGpArticleDoc li,
.contentGpArticleDoc ol ul li {
    padding-left: 10px;
    line-height: 1.8;
}
.contentGpArticleDoc ol {
    padding-left: 25px;
}
.contentGpArticleDoc ol li {
    padding-left: 0;
    background: none;
    list-style-position: outside;
}
.contentGpArticleDoc .maps h2,
.contentGpArticleDoc .rels h2,
.contentGpArticleDoc .tags h2,
.contentGpArticleDoc .inquiry h2 {
    margin-bottom: 5px;
    padding: 2px 10px;
    background-color: #efefef;
    font-weight: bold;
}
.contentGpArticleDoc .tags div a {
    margin-right: 10px;
    padding-left: 10px;
}
.contentGpArticleDoc > .inquiry {
    display: none;
}
.back {
    clear: both;
    padding-top: 15px;
    border-top: solid 1px #adadad;
    text-align: center;
}
.back a {
    display: block;
    width: 58px;
    margin: 0 auto;
    padding: 5px 0;
    border: solid 1px #999;
    background-color: #efefef;
    text-decoration: none;
    color: #000;
}

/* contentTagTag
----------------------------------------------- */
body[id*="-tag-"] #contentBody #pageTitle + ul,
.contentTagTags ul,
.contentTagTag ul {
    margin: 10px 2em 0;
    list-style: disc;
}
.contentTagTag h2 {
    margin: 20px 0 10px;
    padding: 5px 10px;
    background-color: #efefef;
    font-size: 100%;
    font-weight: bold;
}

/* calendarMonthlyEvents
----------------------------------------------- */
.calendarMonthlyEvents {
    padding: 10px;
    border: 1px solid #999;
    background-color: #fff;
}
.calendarMonthlyEvents h2 {
    margin-bottom: 10px;
    padding: 7px 10px 3px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    color: #fff;
    font-size: 120%;
    font-weight: bold;
    zoom: 100%;
}
body[id^="page-ishiiSportsClub"] .calendarMonthlyEvents h2 {
    background-color: #0077d7;
}
body[id^="page-sportsClubMima"] .calendarMonthlyEvents h2 {
    background-color: #dd2200;
}
body[id^="page-tokushimakenKendoRenmei"] .calendarMonthlyEvents h2 {
    background-color: #2b60cd;
}
body[id^="page-tokushimakenKyudouRenmei"] .calendarMonthlyEvents h2 {
    background-color: #00426b;
}
body[id^="page-tokushimakenTrainerKyokai"] .calendarMonthlyEvents h2 {
    background-color: #008b00;
}
.calendarMonthlyEvents table {
    width: 100%;
    border: none;
}
.calendarMonthlyEvents table th,
.calendarMonthlyEvents table td {
    padding: 10px 5px;
    border: none;
    border-bottom: 1px dotted #7a8a96;
}
.calendarMonthlyEvents table td.date {
    width: 45%;
    text-align: center;
}
.calendarMonthlyEvents table td.date span {
    display: block;
}