/* ---------------------------------------------------------------- *
  全体に関わる設定
 * ---------------------------------------------------------------- */
html, body {
  margin: 0;
  padding: 0;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: normal;
    }
body {
  margin :0px auto 0 auto;
  text-align:center;
  font-size: 90%;
  line-height:1.5;
  color:#000;
}
a:link {color:#004ccc;}
a:visited {color:#004ccc;}
a:hover {text-decoration: none; color:#E60039;}
#contents {
  text-align: center;
  margin: 0 auto;
  padding: 0 20px;
  width:960px;
}
h1 {
  margin: 0 auto;
  padding:0;
  clear:both;
}
h2 {
  margin: 0 auto;
  padding:0;
}
.sankaku {
  clear: both;
  background: url(../images/icon_sa2.gif) no-repeat left center;
  padding: 0.1em 0 0 20px;
  font-weight:bold;
}
#pageNavigation {
  display:none;
}
#MAINTITLE,
#NAVITITLE {
  display:none;
}
#main {
  margin: 0 auto;
  clear:both;
  padding: 20px 0 0;
}

/*その他スタイル*/
.box{
  margin: 0 auto;
  text-align: left;
  line-height:1.5;
  }
.txtArea{
  clear: both;
  width:95%;
  margin: 0 auto 20px;
  color:black;
  overflow:hidden;
}
.mgl_1em {
  margin-left: 1em;
}
.mgt_1em {
  margin-top: 1em;
}
.mid {
  vertical-align:middle;
}
.l_spa {
  letter-spacing: 0.1em;
  }
.txt_r {
  text-align: right;
}
.attention {
  color: #C03;
  font-weight: bold;
  font-size: 90%;
}

/* ------------------------------
   header
------------------------------ */
#logo {
  float: left;
  height: 65px;
}
#logo a {
  transition: all 0.2s ease;
}
#logo a:hover {
  opacity: 0.7;
}

/* ------------------------------
   パンくずリスト
------------------------------ */
#cate {
  text-align:left;
  font-size:90%;
  padding: 0;
  margin-bottom: 20px;
}

/* ------------------------------
   menu
------------------------------ */
#menu {
  margin:0 ;
  padding:0;
  text-align:center;
  clear:both;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: bold;
}
  #menu ul {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  #menu li {
    width: calc(100% / 4);
    font-size: 110%;
    text-align: center;
    white-space: nowrap;
    border-right:solid 1px white;
    text-align: center;
    letter-spacing: 0.1em;
  }
  #menu li a,
  #menu li > span {
    display:block;
    padding: 16px;
    background: #e6e6e6;
    color:#16417c;
    transition: all 0.2s ease;
  }
  #menu li > span {
    background-color: #c9c9c9;
    color:#4d4d4d;
  }
  #menu ul {
    padding: 0;
    list-style: none;
  }
  #menu a:link,
  #menu a:visited{
    text-decoration: none;
    background: #e6e6e6;
  }
  #menu a:hover{
    background: #98c8de;
    color:#16417c;
  }
  #menu .act {
    background: #98c8de;
    color:#16417c;
  }
  #menu span span {
    font-size: 80%;
  }

/* ------------------------------
   footer
------------------------------ */
#footer {
  width: 960px;
  margin: 0 auto;
  padding: 0 20px;
}
#footer img {
  width: 100%;
}

/* ------------------------------
   .clearFix
------------------------------ */
.clearFix{
  display:inline-table;
  min-height:1%;
}
.clearFix:after{
  display:block;
  clear:both;
  visibility:hidden;
  height:0;
  content:".";
}

/* ------------------------------
   コンテンツ
------------------------------ */
.pagetop {
  z-index:1;
  position:fixed;
  bottom:1%;
  right:0px;
  text-align:center;
  border-top:1px solid #486AAB;
  border-left:1px solid #486AAB;
  border-bottom:1px solid #486AAB;
  border-radius:5px 0 0 5px;
  background:#fff;
}
  .pagetop a {
    text-decoration:none;
    background:#486AAB;
    display:block;
    padding:5px 10px;
    color:white;
  }
  .pagetop a:hover {
    background:white;
    color:#486AAB;
  }

.program {
  overflow:hidden;
}
.program dl {
	display: -webkit-flex;
	display: flex;
  border-bottom:solid 1px #ccc;
  overflow:hidden;
  padding: 10px 0;
}
.program dt {
  width:10em;
  font-weight:bold;
}
  .program dt::before {
    content:"●";
    color:#98c8de;
  }
.leaflet {
  margin-top : 15px ;
  margin-left : 30px ;
}
.ttl{
  padding: 16px;
  color: #000;
  background-color: #98c8de;
  font-size: 140%;
  font-weight: bold;
  border-radius: 4px;
}
.policy {
  text-align: right;
}