@charset "UTF-8";

/* 文字色、背景色 */
body {
  color: #454545;
  background-color: #c2f2ff;
}
.top_back {
  background-color: #a5ebff!important;
}
/* リンクの色 */
a {
  color: #004fb1;
}
a:hover {
  color: #1a79ef;
}
/* スライドショー */
.slide_container,
.bx-wrapper .bx-viewport {
  background-color: #a5ebff!important;
}
/* コンテンツエリア全体 */
div#content {
  background-color: #c2f2ff;
}
/* グローバルナビの色　*/
.gnav {
  text-shadow: 0 2px 0 #fff;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  box-shadow :0 2px 10px rgba(0, 0, 0, 0.2);
  background-color: #a7e3ff;
}
.gnav .wrapper {
  -webkit-box-shadow: #ffffff 0 0 100px inset;
  -moz-box-shadow: #ffffff 0 0 100px inset;
  box-shadow: #ffffff 0 0 100px inset;
}
.gnav ul li {
  border-bottom-color: #fff;
}
.gnav ul li a {
  color: #666;
  border-bottom-color: #2bb2ff;
}
.gnav ul li a:hover, .gnav ul li a.current {
  -webkit-box-shadow: #fff 0 0 35px inset;
  -moz-box-shadow: #fff 0 0 35px inset;
  box-shadow: #fff 0 0 35px inset;
  background-color: #70d2ff;
}
.gnav ul li ul{
  -webkit-box-shadow: #ffffff 0 0 35px inset;
  -moz-box-shadow: #ffffff 0 0 35px inset;
  box-shadow: #ffffff 0 0 35px inset;
  border-bottom-color: #2bb2ff;
  background-color: #cdefff;
}
/* 公表情報ボタン */
.indication_btn {
  text-shadow: 0 2px 0 #fff; 
  -webkit-box-shadow:0 2px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow:0 2px 10px rgba(0, 0, 0, 0.2);
  box-shadow:0 2px 10px rgba(0, 0, 0, 0.2);
  background-color: #a7e3ff;
}
.indication_btn a {
  color: #666666;
  -webkit-box-shadow:#ffffff 0 0 35px inset;
  -moz-box-shadow:#ffffff 0 0 35px inset;
  box-shadow:#ffffff 0 0 35px inset;
}
.indication_btn a:hover, .indication_btn a.current {
  color: #666666;
  background-color:#70d2ff;
}
/* コンテンツエリア -> main */
dl dd {
  border-bottom-color: #999;
}
.content_box {
  -webkit-box-shadow:0 2px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow:0 2px 10px rgba(0, 0, 0, 0.2);
  box-shadow:0 2px 10px rgba(0, 0, 0, 0.2);
  background-color: #fff;
}
.content_box h1 {
  color: #0088e8;
  text-shadow: 0 2px 0 #fff,2px 0 0 #fff,0 -2px 0 #fff,-2px 0 0 #fff,2px 2px 0 #fff,-2px 2px 0 #fff,2px -2px 0 #fff,-2px -2px 0 #fff;
  background-color: transparent;
}
.content_box h2 {
  border-bottom-color: #b9c3cf;
  background-color: transparent;
}
.content_box h3 {
  color: #004fb1;
}
.catch {
  color: #0088e8;
  text-shadow: 0 2px 0 #fff,2px 0 0 #fff,0 -2px 0 #fff,-2px 0 0 #fff,2px 2px 0 #fff,-2px 2px 0 #fff,2px -2px 0 #fff,-2px -2px 0 #fff;
}
.content_box ul li:before {
  color: #ffcc00;
}
/* フッターのスタイル */
.footer {
  background-color: #c2f2ff;
}
.fotter_inner a {
  color: #454545;
}
.footer_inner p {
  color: #454545; 
}
.footer .footerNav {
  background-color: #22a9ff;
}
.footer .footerNav a {
  color: #fff;
}
.footer .footerNav ul {
  color: #fff;
}
/* テーブル装飾 */
.data1, .data1 tr th, .data1 tr td,
.data2, .data2 tr th, .data2 tr td {
  border-color: #999!important;
  border-top-color: #999!important;
  border-right-color: #999!important;
  border-bottom-color: #999!important;
  border-left-color: #999!important;
}
.data1 th, .data2 th {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ecf9ff), color-stop(100%, #cdefff));
  background-image: -webkit-linear-gradient(#ecf9ff 0%, #cdefff 100%);
  background-image: -moz-linear-gradient(#ecf9ff 0%, #cdefff 100%);
  background-image: -o-linear-gradient(#ecf9ff 0%, #cdefff 100%);
  background-image: linear-gradient(#ecf9ff 0%, #cdefff 100%);
  color: #666;
}

/* タブレット向けのレイアウトの指定：～960px */
@media only screen and (max-width: 960px) {
.indication_btn a.current {
  background-color:#a7e3ff;
}
.indication_btn a:hover {
  background-color:#70d2ff;
}
/* タブレット向けのレイアウトの指定：～767px */
@media only screen and (max-width: 767px) {
#slide ul li span:after, #slide ul li a:after {
  box-shadow: #a5ebff 3em 0 4em 0 inset,#a5ebff -3em 0px 4em inset;
}
}