@charset "UTF-8";

/* =========================================================
Pieces
========================================================= */
/* piece
----------------------------------------------- */
#menu .pieceBody li a,
#links .pieceBody li a {
  text-decoration: none;
  font-size: 110%;
}

.pieceHeader img {
  vertical-align: bottom;
}

/* common header
----------------------------------------------- */
#commonHeader {}

#commonHeader .pieceContainer {
  border-top: 5px solid #2AA1B2;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  height: 80px;
  border-style: solid;
  font-weight: normal;
  clear: both;
  text-shadow: 0 0 3px rgba(255, 255, 255, 0.65);
}

#commonHeader h1 {
  float: left;
  margin-left: 25px;
}

#commonHeader h1 a,
#commonHeader h1 img {
  display: block;
  text-indent: -9999px;
  overflow: hidden;
}

#commonHeader .menu {
  background-position: 0 center;
  background-repeat: no-repeat;
  float: right;
  padding: 5px 0 0 0;
}

#commonHeader .menu ul,
#commonHeader .menu li {
  display: inline;
}

#commonHeader .menu li {
  background-color: #F5F5F5;
  border: 1px solid #ccc;
  padding: 3px;
}

#commonHeader .upperMenu {
  margin-left: 228px;
}

#commonHeader .lowerMenu {
  width: 420px;
  margin-top: 10px;
  vertical-align: top;
  clear: both;
}

#commonHeader .lowerMenu img {
  vertical-align: middle;
}

#commonHeader form {
  display: inline;

}

#commonHeader form input#search-box {
  width: 130px;
  height: 21px;
  border: 1px solid #aaa;
}

#commonHeader .menu .lowerMenu li.sitemap {
  padding-left: 10px;
  float: right;
}

@media screen and (max-width: 960px) {
  #commonHeader .upperMenu {
    display: none;
  }
}

@media screen and (max-width: 600px) {
  #commonHeader {
    height: auto;
  }

  #commonHeader h1 {
    float: none;
  }

  #commonHeader .menu {
    float: none;
    width: auto;
    padding-top: 0;
  }

  #commonHeader .lowerMenu li.chiiki,
  #commonHeader .lowerMenu li.soshiki {
    display: none;
  }
}

/* bn-forum
----------------------------------------------- */
#bnForum {
  margin-bottom: 40px;
}


/* common-footer
----------------------------------------------- */
#commonFooter {
  background-repeat: no-repeat;
}

#commonFooter .pieceBody {
  padding: 10px;
  font-size: 90%;
}

#commonFooter .pieceBody img {
  margin-left: 5px;
}

#commonFooter .pieceBody .footerNavi {
  float: left;
  width: 550px;
  margin: 0 0 15px 1px;
  line-height: 1;
}

#commonFooter .pieceBody .footerNavi li {
  display: inline-block;
  float: left;
  margin-top: .25em;
  margin-left: -1px;
  padding: 0 .5em;
  border-right: 1px solid #434343;
  border-left: 1px solid #434343;
}

#commonFooter .pieceBody .copyright {
  color: #808080;
  font-size: 70%;
  margin-top: 15px;
  text-align: center;
}

#commonFooter .pieceBody .address {
  clear: both;
  padding-bottom: 5px;
}

@media screen and (max-width: 600px) {
  #commonFooter .pieceBody .footerNavi {
    float: none;
    width: auto;
    margin: 0 0 15px;
  }

  #commonFooter .pieceBody .footerNavi li {
    margin-bottom: 10px;
  }

  #commonFooter .pieceBody .copyright {
    clear: both;
    float: none;
    width: auto;
    text-align: center;
  }
}

/* breadCrumbs
----------------------------------------------- */
#breadCrumbs::after {
  content: "";
  clear: both;
  display: block;
}

#breadCrumbs {
  min-height: 55px;
}

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

/*
#breadCrumbs ol:not(:first-child) {
  display: none;
}
*/
#breadCrumbs li {
  display: inline-block;
}

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

#breadCrumbs li a {
  text-decoration: none;
}

#breadCrumbs .pieceBody {
  padding: 20px 0 12px 10px;
}

@media screen and (max-width: 600px) {
  #breadCrumbs {
    margin: 10px;
  }
}

/* page-title
----------------------------------------------- */
#pageTitle,
#contentTitle {
  width: 100%;
}

#pageTitle .pieceContainer,
#contentTitle .pieceContainer {
  margin: 0 auto;
  width: 730px;
}

#pageTitle .pieceBody,
#contentTitle .pieceBody {
  padding-bottom: 1px;
  background: linear-gradient(#ffffff, #ebebeb);
}

#pageTitle .pieceBody h1,
#contentTitle .pieceBody h2 {
  padding: 12px 10px 8px 30px;
  background-position: left center;
  background-repeat: no-repeat;
  font-size: 180%;
  font-weight: bold;
  border: 1px solid #ccc;
  color: #333;
}

@media screen and (max-width: 600px) {

  #pageNav #pageTitle .pieceContainer,
  #pageNav #contentTitle .pieceContainer {
    margin: 0 10px;
  }

  #pageTitle .pieceBody h1,
  #contentTitle .pieceBody h2 {
    font-size: 150%;
  }
}

.contentPage {
  margin-top: 20px;
}

#ToppageHeaderContainer {
  margin-top: 50px;
}

/* recent-docs-tab
----------------------------------------------- */
#recentDocsTab {
  clear: both;
}

#recentDocsTab .pieceBody .tabs a {
  display: inline-block;
  width: 18%;
  padding: 8px 0;
  border: 1px solid #ccc;
  border-radius: 5px 5px 0 0;
  /*  IE-CSS3 */
  border-bottom: none;
  background-image: url("./images/bg-tab-on.gif");
  background-position: left top;
  background-repeat: repeat-x;
  text-align: center;
  font-size: 110%;
  color: #000;
  text-decoration: none;
}

#recentDocsTab .pieceBody .tabs a.current,
#recentDocsTab .pieceBody .tabs a:hover {
  background-image: url("./images/bg-tab-on.gif");
}

#recentDocsTab .pieceBody .wrapper {
  padding: 15px;
  border: 1px solid #ccc;
}

#recentDocsTab .pieceBody .wrapper .content h3,
#recentDocsTab .pieceBody .wrapper .content li {
  margin-bottom: 3px;
  padding-left: 20px;
  background-image: url("../base/images/ic-list02.gif");
  background-position: 0 2px;
  background-repeat: no-repeat;
}

#recentDocsTab header {
  float: left;
}

#recentDocsTab .summary {
  display: none;
}

#recentDocsTab .pieceBody .wrapper .shinchaku {
  width: 100%;
}

#recentDocsTab .pieceBody .wrapper .links ul {
  position: relative;
  top: 15px;
}

#docsTab .pieceBody .wrapper .links .feed a {
  display: block;
  float: left;
  margin-right: 5px;
}

#recentDocsTab .pieceBody .wrapper .links .feed a.rss {
  width: 49px;
  height: 20px;
  background-image: url("../base/images/bt-rss.png");
  background-repeat: no-repeat;
  text-indent: -9999px;

}

#recentDocsTab .pieceBody .wrapper .links .feed a.atom {
  width: 45px;
  height: 20px;
  background-image: url("../base/images/bt-atom.png");
  background-repeat: no-repeat;
  text-indent: -9999px;
}

#recentDocsTab .date,
#recentDocsTab .date {
  margin-bottom: 10px;
  clear: both;
  text-align: right;
}

#recentDocs .docs article,
#recentDocsTab .docs article {
  clear: both;
  padding: 10px 5px;
  border-bottom: 1px dotted #666;
}

#recentDocsTab .unit,
#recentDocsTab .separator {
  display: none;
}

/* category Ichiran
----------------------------------------------- */
#category {
  margin-top: 3px;
  height: 490px;
}

#categoryList {
  margin-bottom: 15px;
}

#category .categorys .category {
  float: left;
  margin-right: 4%;
  margin-top: 15px;
  width: 30.0%;
}

#category .categorys .category.blankNone {
  margin-right: 0;
}

#category .category h2,
#categoryList h2,
.piece h2 {
  padding: 7px 0 5px 25px;
  border: 1px solid #cccccc;
  border-radius: 7px 7px 0 0;

  background-color: #2B4EB3;

  color: white;
  font-weight: normal;
  font-size: 120%;
}

#category .categorys .category ul,
#categoryList ul {
  padding: 10px 5px;
  min-height: 210px;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}

#category .categorys .category li,
#categoryList li {
  padding-left: 25px;
  background-image: url("../base/images/ic-list01.gif");
  background-position: 5px center;
  background-repeat: no-repeat;
}

/* gyoji-yotei
----------------------------------------------- */

.calendarEvents {
  clear: both;
  margin-top: 15px;
  margin-bottom: 20px;
}

.calendarEvents h2 {
  background-color: #F5F5F5;
  border: 1px solid #cccccc;
  color: #2AA1B2;
  text-align: center;
}

.calendarEvents table {
  width: 100%;
  margin-bottom: 20px;
  border: 1px solid #ccc;
}

.calendarEvents ul {
  background-color: #ffffff;
}

.calendarEvents li {
  background-image: url("./images/ic-list-shinchaku.gif");
  padding: 2px 0 2px 8px;
  background-position: 1px 10px;
  background-repeat: no-repeat;
  font-size: 80%;
}

.calendarEvents th,
.calendarEvents td {
  border: 1px solid #ccc;
  padding: 5px;
}

.calendarEvents tbody td {
  height: 120px;
  width: 12.6%;
  vertical-align: top;
}

.calendarEvents .sat {
  color: #003399;
  /*  background-color: #dff6fe; */
}

.calendarEvents .sun {
  color: #990033;
  /*  background-color: #ffe6f1; */
}

.calendarEvents .holiday {
  color: #990033;
  /*  background-color: #ffe6f1; */
}

.calendarEvents .prevMonth *,
.calendarEvents .nextMonth * {
  display: none;
}

.calendarEvents .pagination {
  padding: 8px 0;
  margin-top: 0;
  text-align: center;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
}

.calendarEvents .lowerPagination {
  display: none;
}

#links .calendarEvents ul {
  background-color: #ffffff;
}

#links .calendarEvents li {
  background-image: url("./images/bn_b_boll.gif");
  padding: 2px 0 2px 10px;
}

.calendarEvents thead {
  display: none;
}

.calendarEvents .date {
  position: relative;
}

.calendarEvents .date::before {
  content: "日";
  position: absolute;
  top: 0;
  left: 20px;
  width: auto;
  height: auto;
}

.calendarEvents .date::after {
  position: absolute;
  top: 0;
  left: 30px;
  width: auto;
  height: auto;
}

.calendarEvents .mon .date::after {
  content: "（月）";
}

.calendarEvents .tue .date::after {
  content: "（火）";
}

.calendarEvents .wed .date::after {
  content: "（水）";
}

.calendarEvents .thu .date::after {
  content: "（木）";
}

.calendarEvents .fri .date::after {
  content: "（金）";
}

.calendarEvents .sat .date::after {
  content: "（土）";
  color: #003399;
}

.calendarEvents .sun .date::after {
  content: "（日）";
  color: #990033;
}

/* top Left Navi
----------------------------------------------- */
#topLeftNavi {
  clear: both;
  margin-top: 15px;
}

#topLeftNavi .pieceBody ul {
  padding-bottom: 10px;
}

#topLeftNavi .pieceBody li {
  padding-bottom: 10px;
  background-repeat: no-repeat;
}

#topLeftNavi .pieceBody ul li.movie {
  height: 85px;
  background-image: url("./images/bg-movie.jpg");
}

#topLeftNavi .pieceBody ul li.kaigiroku {
  height: 85px;
  background-image: url("./images/bg-kaigiroku.jpg");
}

#topLeftNavi .pieceBody ul li.hatsugen {
  height: 85px;
  background-image: url("./images/bg-hatsugen.jpg");
}

#topLeftNavi .pieceBody ul li.kekka {
  height: 85px;
  background-image: url("./images/bg-kekka.jpg");
}

#topLeftNavi .pieceBody li a {
  display: block;
  padding: 32px 0 17px 67px;
  font-size: 110%;
  font-weight: bold;
  color: #555;
  text-decoration: none;
  position: relative;
}

#topLeftNavi .pieceBody li.home {
  background-image: none;
}

/* address
---------------------- */
#address {
  padding: 10px 5px;
  border: 1px solid #cccccc;
  color: #555;
  background-color: #F5F5F5;
}

#address .pieceContainer {
  height: 100%;
}

#address .pieceHeader h2 {
  margin-bottom: 5px;
  font-size: 100%;
  font-weight: normal;
}

#address .pieceBody p {
  color: #555;
}

#address .pieceBody .copyright {
  margin-left: 530px;
}

/* footer-menu
----------------------------------------------- */
#footerMenu {
  clear: both;
}

#footerMenu .pieceBody {
  margin-top: 10px;
  height: 25px;
}

#footerMenu .pieceBody li {
  float: left;
  margin-right: 25px;
  margin-bottom: 3px;
  padding-left: 20px;
  background-image: url("../base/images/ic-list01.gif");
  background-position: 0 2px;
  background-repeat: no-repeat;
}

/* gikaiTayori
----------------------------------------------- */
#gikaiTayori .pieceContainer {
  border: 1px solid #999999;
}

#gikaiTayori .pieceHeader h2 {
  padding: 3px 5px;
  background-color: #009999;
  background-image: url("./images/bg-h2-sectionheader.jpg");
  color: #ffffff;
  font-size: 120%;
  font-weight: normal;
  text-align: center;
  text-shadow: black 1px 1px 0, black -1px 1px 0, black 1px -1px 0, black -1px -1px 0;
}

#gikaiTayori .pieceBody {
  padding: 5px;
}

#gikaiTayori .pieceBody .wrapper {
  padding: 5px;
}

#gikaiTayori .pieceBody::after {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}

#gikaiTayori .pieceBody img {
  width: 200px;
  margin-right: 5px;
}

#gikaiTayori .pieceBody .next {
  clear: both;
  text-align: right;
}

#gikaiTayori .pieceBody .tabs {
  background-image: url("./images/bg-h2-sectionheader.jpg");
  text-align: center;
  height: 30px;
}

#gikaiTayori .pieceBody .tabs a {
  font-size: 120%;
  color: #ffffff;
  text-decoration: none;
}

#gikaiTayori .pieceBody header {
  margin-bottom: 5px;
}

#gikaiTayori .pieceBody footer {
  display: none;
}

#gikaiTayori .pieceBody .links .feed {
  display: none;
}

#gikaiTayori .pieceBody h3 {
  font-size: 110%;
}

/* page-title
----------------------------------------------- */
#pageTitle,
#contentTitle {
  width: 100%;
}

#pageTitle .pieceContainer,
#contentTitle .pieceContainer {
  margin: 0 auto;
  width: 730px;
}

.contentPortalArticleDoc .headerInner,
#contentTitle .pieceBody {
  padding-bottom: 1px;
  background: linear-gradient(#ffffff, #ebebeb);
  border: 1px solid #aaa;
}

.contentPortalArticleDoc .headerInner h1,
#contentTitle .pieceBody h2 {
  padding: 12px 10px 8px 30px;
  background-position: left center;
  background-repeat: no-repeat;
  font-size: 180%;
  font-weight: bold;
  color: #333;
}

@media screen and (max-width: 600px) {

  #pageNav #pageTitle .pieceContainer,
  #pageNav #contentTitle .pieceContainer {
    margin: 0 10px;
  }

  .contentPortalArticleDoc .headerInner h1,
  #contentTitle .pieceBody h2 {
    font-size: 150%;
  }
}

/* doc
---------------------- */
.contentPortalArticleDoc p.publishedAt,
.updatedAt {
  text-align: right;
}

.updatedAt {
  margin-bottom: 20px;
}

/* todayKaigi
----------------------------------------------- */
#todayKaigi {
  margin-bottom: 15px;
}

#todayKaigi .pieceHeader h2 {
  padding: 3px 5px;
  background-color: #009999;
  background-image: url("./images/h2-honjitsu.jpg");
  color: #555;
  font-size: 120%;
  padding: 14px 0 0 30px;
  height: 30px;
}

#todayKaigi .pieceBody {
  padding: 5px;
  border: 1px solid #999999;
  min-height: 75px;
}

#todayKaigi .pieceBody::after {
  content: "";
  clear: both;
  display: block;
}

#todayKaigi .pieceBody img {
  float: left;
  margin-right: 5px;
}

#todayKaigi .pieceBody .next {
  clear: both;
  text-align: right;
}

#todayKaigi li {
  padding-left: 25px;
  background-image: url("../base/images/ic-list01.gif");
  background-position: 5px center;
  background-repeat: no-repeat;
}

#todayKaigi span {
  display: none;
}

/* bn-faq
------------------------------------- */
#bnfaq {
  margin-top: 15px;
}

/* inquiry
------------------------------------- */
#gaiyo,
#seigan,
#shihp,
#meibo,
#annai,
#shisatsu,
#jorei {
  border: 1px solid #8BA2C7;
  border-radius: 6px;
  background: #F0FAFF;
  margin-top: 15px;
}

#gaiyo .pieceContainer {
  background-image: url("./images/bn_bg_keijiban.gif");
  background-repeat: no-repeat;
  background-position: 10px center;
}

#seigan .pieceContainer {
  background-image: url("./images/bn_bg_seigan.gif");
  background-repeat: no-repeat;
  background-position: 10px center;
}

#shihp .pieceContainer {
  background-image: url("./images/shisyou.jpg");
  background-repeat: no-repeat;
  background-position: 10px center;
}

#meibo .pieceContainer {
  background-image: url("./images/bn_bg_meibo.gif");
  background-repeat: no-repeat;
  background-position: 10px center;
}

#annai .pieceContainer {
  background-image: url("./images/bn_bg_annai.gif");
  background-repeat: no-repeat;
}

#shisatsu .pieceContainer {
  background-image: url("./images/bn_bg_shisatsu.gif");
  background-repeat: no-repeat;
  background-position: 10px center;
}

#jorei .pieceContainer {
  background-image: url("./images/bn_bg_jorei.gif");
  background-repeat: no-repeat;
  background-position: 10px center;
}

#gaiyo a,
#seigan a,
#shihp a,
#meibo a,
#annai a,
#shisatsu a,
#jorei a {
  display: inline-block;
  width: 150px;
  padding: 15px 20px 15px 65px;
  color: #555;
  font-weight: bold;
  text-decoration: none;
}

/* sns
------------------------------------- */
#snsButton {
  border: 1px solid #8BA2C7;
  border-radius: 6px;
  background: #F0FAFF;
  margin-top: 15px;
}

#snsButton .pieceContainer {
  background-image: url("./images/bn-facebook.png");
  background-repeat: no-repeat;
  background-position: 7px center;
}

#snsButton a {
  display: inline-block;
  width: 130px;
  padding: 15px 20px 15px 65px;
  color: #555;
  font-weight: bold;
  text-decoration: none;
}

/* docLeftNavi
------------------------------------- */
#docLeftNavi .pieceContainer li {
  border: 1px solid #8BA2C7;
  border-radius: 6px;
  background: #F0FAFF;
  margin-top: 15px;
  padding-left: 20px;
  background-image: url("../base/images/link_arrow.gif");
  background-position: 10px 13px;
  background-repeat: no-repeat;
}

#docLeftNavi .pieceContainer li a {
  display: inline-block;
  padding: 10px;
  color: #555;
  font-weight: bold;
  text-decoration: none
}

/* sitemap
------------------------------------- */
.contentPortalArticleCategory .category h2 a {
  font-weight: normal;
  margin-left: 10px;
}

.contentPortalArticleCategory .category .children {
  margin-left: 30px;
}

.contentPortalArticleCategory .category .children li {
  margin: 10px;
  padding-left: 20px;
  background-position: 5px 3px;
  background-image: url("../base/images/link_arrow.gif");
  background-repeat: no-repeat;
}

#pageHeader .search {
  float: left;
  margin-right: 10px;
  width: 280px;
}

#___gcse_0 {
  display: inline;
}

#___gcse_0 .gsc-search-box .gsc-input {
  padding-right: 0 !important;
  vertical-align: middle;
  height: 25px;
}

.cse .gsc-search-button input.gsc-search-button-v2,
input.gsc-search-button-v2 {
  margin: 0 !important;
}

input.gsc-input,
.gsc-input,
.gsc-input-box,
.gsc-input-box-hover,
.gsc-input-box-focus {
  border-right: none !important;
}

.cse input.gsc-search-button,
input.gsc-search-button {
  border-radius: 0 !important;
  height: 25px;
}

table.gsc-search-box td {
  vertical-align: top !important;
}

.gsc-clear-button {
  display: none;
}

#anime img {
  height: 428px;
  width: 968px;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

#leftMenu .pieceBody {
  margin-top: 20px;
}

#leftMenu img {
  margin-bottom: 10px;
}

/*トップ中央メニュー*/
#menu1,
#menu2,
#menu3,
#menu4 {
  border: 1px solid #8BA2C7;
  border-radius: 6px;
  background: #f5f5f5;
  margin-top: 15px;
  float: left;
  text-align: center;
  width: 23%;
  margin-right: 15px;
}

#menu1 a,
#menu2 a,
#menu3 a,
#menu4 a {
  display: inline-block;
  padding: 25px 30px 25px 25px;
  color: #555;
  font-weight: bold;
  text-decoration: none;
  font-size: 150%;
}

/*アンケート*/
#docForm h2 {
  font-size: 16px !important;
}

/* convert
------------------------------------- */
/* sitemap
------------------------------------- */
ul.sitemap {
  padding: 0 10px;
}

.sitemap a.level1,
.sitemap a.level2,
.sitemap a.level3 {
  font-size: 120%;
  font-weight: normal;
}

.sitemap ul.level4 {
  margin-left: 20px;
}

.sitemap li.level4 {
  margin: 10px;
  padding-left: 20px;
  background-position: 5px 3px;
  background-image: url("../base/images/link_arrow.gif");
  background-repeat: no-repeat;
}

.sitemap li.level1.category>a,
.sitemap li.level2.category-category>a {
  display: none;
}

/* category
------------------------------------- */
#categoryList .level2 {
  padding: 10px 5px;
  min-height: 150px;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}

#categoryList section {
  padding-left: 25px;
  background-image: url("../base/images/ic-list01.gif");
  background-position: 5px center;
  background-repeat: no-repeat;
}

#categoryList section h3 {
  font-size: 90%;
  font-weight: normal;
}

/* category-list
------------------------------------- */
.contentGpCategoryCategoryType {
  padding: 0 10px;
}

.contentGpCategoryCategoryType section h2 {
  font-size: 120%;
  font-weight: normal;
}

.contentGpCategoryCategoryType ul {
  margin-left: 20px;
}

.contentGpCategoryCategoryType li {
  margin: 10px;
  padding-left: 20px;
  background-position: 5px 3px;
  background-image: url("../base/images/link_arrow.gif");
  background-repeat: no-repeat;
}

.contentGpCategoryCategoryType li span {
  font-size: 100%;
}

#todayKaigi span {
  display: block;
}

iframe.survey {
  height: 310px !important;
}