@charset "UTF-8";

body {
  width: 900px;
  margin: 0px auto;
  padding: 0px ;
/*   background-image: url(headerbar.png);
  background-repeat: repeat-x;
 padding-top: 20px;
  background-color: #eeffff; */
  background-position: center 0px;
/*--  background-position: top 200px;  center 20px --*/
  text-align: center;
  }

#main {
  font-family:  Meiryo,sans-serif,"メイリオ","游ゴシック","ＭＳ Ｐゴシック","ＭＳ Ｐ明朝", Osaka ; 
/*  font-family:  Meiryo,sans-serif,"メイリオ","游ゴシック"; */
  text-align: left;
/*  background: #ffffff; */

}

/* -----------------------------------------------------------------*/

/*--------------- ヘッダー部分 ----------------*/

#headerset {
  position: relative;
  height: 112px;
  background-image: url(headerbar.png);
  background-repeat: repeat-x;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

#header1 {
  font-size: 12px;
  color: #ffffff;
  position: absolute;
    top: 1px;
    left: 18px;
}

#header2 {
  position: absolute;
    top: 25px;
    left: 15px;
}

#header3 {
  display: inline-block;
  font-size: 36px;
  color: #b30059;/* #9f1c96;*/
  font-weight: bolder;
  letter-spacing: 5px;

text-shadow:
       2px  2px 2px #ffffff,
      -2px  2px 2px #ffffff,
       2px -2px 2px #ffffff,
      -2px -2px 2px #ffffff,
       2px  0px 2px #ffffff,
       0px  2px 2px #ffffff,
      -2px  0px 2px #ffffff,
       0px -2px 2px #ffffff;        /* 文字の影 */

  position: absolute;
    top: 30px;
    left: 520px;
}

#header4 {
  display     : inline-block;
  font-size: 20px;
/*  font-family: Osaka; */
  font-weight: bold;
  position: absolute;
    top: 79px;
    left: 82px;

  color       : #034a9f;            /* 文字の色 */
  text-shadow : 2px 2px #fed890;  /* 文字の影 */
}

hr.header{
  width: 99%;
  height: 2px;
  background-color: gray;
  border: none;
}

/*--------------- ヘッダー　ここまで ----------------*/


/*--------------- メインメニュー ----------------*/

.nav {
  width: 900px;
  height: 27px;/*-- 40px --*/
  margin: 0 auto;
  padding: 0;
  display: flex;
}
/*---------------------*/
.nav li {
  position: relative;
  list-style: none;
}
.nav li a {
  display: block;
  width: 145px;/*-- 150px --*/
  height: 27px;/*-- 40px --*/
  text-align: center;
  color: #444;/*-- #fff --*/
  font-size: 14px;
  line-height: 2.0;/*-- 2.8 --*/
  background: #aedcff;/*-- #9fb7d4 --*/
  transition: 0.5s;
  text-decoration: none;
  border-right: 1px solid #eee;
  box-sizing: border-box;
}

/*---- 1段目メニュ階層カレント ----*/
.nav li.current > a {
  color: orange;
  background: #FFF;
}

.nav > li:hover > a {/*layer-1*/
  color: orange;/*-- orange --*/
  background: #FFF;/*-- #afc6e2 --*/
}
/*---- 1段目メニュ階層カレント ----*/

/*---------------------*/
.nav > li li:hover > a {/*layer-2*/
  color: #c8c800;/*-- olive --*/
  background: #FFF;/*-- #afc6e2 --*/
/*--  font-weight: bold;--*/
}
/*---------------------*/
.nav li ul {
  top: 27px;/*-- 40px --*/
  left: -40px;/*-- 40px --*/
  position: absolute;
}
/*---------------------*/
.nav li ul li {
  overflow: hidden;
  height: 0;
  transition: 0.2s;
}
.nav li ul li a {
  border-top: 1px solid #eee;
}
.nav li:hover > ul > li {
  overflow: visible;
  height: 27px;/*-- 40px --*/
}

/*---- 2段目メニュ階層カレント ----*/
.nav li ul li.current > a {
  color: #c8c800;
  background: #FFF;
}

.nav > li ul li:hover > a {/*layer-1*/
  color: #c8c800;/*-- orange --*/
  background: #FFF;/*-- #afc6e2 --*/
}
/*---- 2段目メニュ階層カレント ----*/

/*--
 .nav li ul li.current a {
  color: #c8c800;
  background: #FFF;
}
 --*/
/*---------------------*/
  .nav li ul li ul {
    top: 0;
    left: 105px;/*-- 110px --*/
  }
  .nav li ul li ul:before {/*layer-2?*/
    position: absolute;
    content: "";
    top: 9px;/*-- 15px --*/
    left: 30px;/*--  --*/
    border: 5px solid transparent;
    border-left: 5px solid #444;/*-- #fff --*/
  }
  .nav li ul li ul li:hover > a {/*layer-3*/
    color: #ff44ff;/*-- pink --*/
    background: #fff;/*-- #afc6e2 --*/
  }

  .nav li ul li ul li:visited > a {/*layer-3*/
    color: #ff44ff;/*-- pink --*/
    background: #fff;/*-- #afc6e2 --*/
  }
/*---------------------*/
  .nav li ul li ul.left {
    top: 0;
    left: -190px;/*-- 左側表示不使用未変更 --*/
  }
  .nav li ul li ul.left:before,/*layer-2-left?*/
  .nav li ul li ul li ul.left:before {/*layer-3-left?*/
    position: absolute;
    content: "";
    top: 9px;/*-- 15px --*/
    left: 190px;/*-- 左側表示不使用未変更 --*/
    border: 5px solid transparent;
    border-right: 5px solid #444;/*-- #fff --*/
  }
  .nav li ul li ul.left li:hover > a {/*layer-2-left*/
    color: pink;
    background: #fff;/*-- #afc6e2 --*/
  }
  .nav li ul li ul li ul.left li:hover > a {/*layer-3-left*/
    color: purple;
    background: #fff;/*-- #afc6e2 --*/
  }

/*--------------- メインメニューここまで ----------------*/

/* -----------*//*     コンテンツブロック内に関する指定 ------  */

/* 文字 */
#sideframe {
  margin-top: 0px;
  padding-top: 0px;
  border-left:1px solid gray;
  border-right:1px solid gray;
}

/*--------------- サイトマップメニュー ----------------*/

#sitemap {
  width:165px;
/*--  max-height:790px; --*/
  margin: 0px auto;
  padding: 0px;
  border:3px double gray;
  font-size: 12px;
/*--  overflow:auto; --*/
}

 .titleA {
  width: 150px;/*-- 150px --*/
  font-weight:bold;
  height: 14px;/*-- 40px --*/
  text-align: center;
  color: #444;/*-- #fff --*/
  font-size: 13px;
  margin-left:1em;
  margin-bottom:3px;
  letter-spacing:3px;
}
/*------------------------*/
#sitemap .mainA > a {
  display: block;
  width: 161px;/*-- 150px --*/
  height: 16px;/*-- 40px --*/
  text-align: left;
  color: #444;/*-- #fff --*/
  font-size: 13px;
  background: #aedcff;/*-- #9fb7d4 --*/
  text-decoration: none;
  border-bottom: 1px solid #444;
  padding-left:4px;
}

#sitemap .mainA:hover > a {/*layer-1*/
  display: block;
  color: orange;/*-- orange --*/
  background: #FFF;/*-- #afc6e2 --*/
/*--  font-weight: bold;--*/
}

#sitemap .mainA a:hover {/*layer-1*/
  display: block;
  color: orange;/*-- orange --*/
  background: #FFF;/*-- #afc6e2 --*/
/*--  font-weight: bold;--*/
}
/*--------------------------*/
#sitemap .mainB > a {
  display: block;
  width: 151px;/*-- 150px --*/
  height: 16px;/*-- 40px --*/
  text-align: left;
  color: #444;/*-- #fff --*/
  font-size: 13px;
  background: #aedcff;/*-- #9fb7d4 --*/
  text-decoration: none;
  border-bottom: 1px solid #444;
  padding-left:14px;
}

#sitemap .mainB:hover > a {/*layer-1*/
  display: block;
  color: #aaaa00;/*-- orange --*/
  background: #FFF;/*-- #afc6e2 --*/
/*--  font-weight: bold;--*/
}

#sitemap .mainB a:hover {/*layer-1*/
  display: block;
  color: #aaaa00;/*-- orange --*/
  background: #FFF;/*-- #afc6e2 --*/
/*--  font-weight: bold;--*/
}

/*--------------------------*/
#sitemap .mainC > a {
  display: block;
  width: 126px;/*-- 150px --*/
  height: 16px;/*-- 40px --*/
  text-align: left;
  color: #444;/*-- #fff --*/
  font-size: 13px;
  background: #aedcff;/*-- #9fb7d4 --*/
  text-decoration: none;
  border-bottom: 1px solid #444;
  padding-left:24px;
}

#sitemap .mainC:hover > a {/*layer-1*/
  display: block;
  color: #ff44ff;/*-- orange --*/
  background: #FFF;/*-- #afc6e2 --*/
/*--  font-weight: bold;--*/
}

#sitemap .mainC a:hover {/*layer-1*/
  display: block;
  color: #ff44ff;/*-- orange --*/
  background: #FFF;/*-- #afc6e2 --*/
/*--  font-weight: bold;--*/
}


/*--------------- サイトマップここまで ----------------*/

/*--------------- サイドメニューここから ----------------*/

/*----- インフォメーション中央外枠用 -----*/
.topics_info {
  width: 540px;/*-----  -------*/
  margin: 0px 4px;
  padding: 4px 4px;
  font-size: 14px;
  line-height: 120%;
}

.topics_info h2 {
  line-height: 120%;
  margin:0.0em 0.0m;
  font-size: 168px;
  padding: 3px;
  color: #0000a0;
  background-color: #eee;
  text-align: center;
}

/*----- インフォメーション中央内枠用 -----*/
.topics_info .topics_info2 {
  max-height:800px;
  overflow:auto;
  background-color:#eee;
  border: 3px double gray;
  margin: 5px 0px;
  padding: 8px 8px;
  border-radius: 9px;
  font-size: 14px;
  line-height: 120%;
}

/*--インフォメーション用個別表設定追加------------*/

.content .topics_info table.info{
  border:1px solid ;
  margin-top: 0.5em;
  margin-left: auto;
  margin-right: auto;
    border-top:1px solid ;
    border-left:1px solid ;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
    table-layout: fixed;
    width: auto;
}

/*--列一括中央表示の設定--*/
.content .topics_info table.info tr td:nth-of-type(1){
  text-align:center;
}

/*--列一括中央表示の設定--*/
.content .topics_info table.info tr td:nth-of-type(2){
  text-align:center;
}

.content .topics_info table.info caption{
    font-weight: bold;
    background-position:left top;
    text-align:left;
    text-indent:1em;
}
.content .topics_info table.info th{
    height: 17px;
    border-top:1px solid;
    border-right:1px solid;
    border-bottom:3px double;
    color:#222;
    background-color:#dddddd;
    background-position:left top;
    padding:0.2em 0.1em;
    text-align:center;
}
.content .topics_info table.info td{
  font-size: 13px;
    border-right:1px solid ;
    border-bottom:1px solid ;
    padding:0.2em 0.2em;
    text-align:left;
}

/*--インフォメーション用入力表設定追加------------*/

.content table.info{
  width:98%;
  border:1px solid ;
  margin-top: 0.5em;
  margin-left: auto;
  margin-right: auto;
    border-top:1px solid ;
    border-left:1px solid ;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
    table-layout: fixed;
}

/*--列一括中央表示の設定--*/
.content table.info tr td:nth-of-type(1){
  text-align:center;
}

/*--列一括中央表示の設定--*/
.content table.info tr td:nth-of-type(2){
  text-align:center;
}

.content table.info caption{
    font-weight: bold;
    background-position:left top;
    text-align:left;
    text-indent:1em;
}
.content table.info th{
    height: 17px;
    border-top:1px solid;
    border-right:1px solid;
    border-bottom:3px double;
    color:#222;
    background-color:#dddddd;
    background-position:left top;
    padding:0.2em 0.1em;
    text-align:center;
  font-size: 14px;
}
.content table.info td{
  font-size: 14px;
    border-right:1px solid ;
    border-bottom:1px solid ;
    padding: 4px 4px;
    text-align:left;
}

/*----- 右側バナー用 -----*/
#portal {
  width:140px;
  max-height:840px;
  border:1px solid gray;
  margin: 0.25em auto;
  padding: 3px;
  background-color: #d9ecff;
}

#portal .imagebox {
  width:140px;
  height: 105px;
  text-align: center;
/*--
  background: url(PB024838E.JPG);
--*/
}

#portal .textbox {
  display: block;
  width:140px;
  height: 48px;
  text-align: center;
  line-height: 150%;
  font-size: 15px;
  font-weight: bold;
  padding:4px 0px 0px 0px;
  margin: 3px 0px -3px 0px;
  border-top:1px solid blue;
/*--
  background: url(PB024838E.JPG);
--*/
}

#portal .textbox a {
  display: block;
  text-decoration: none;
/*--
  background: url(PB024838E.JPG);
--*/
}
#portal .textbox a:hover {
  display: block;
  background-color: #fff;/*---- #6dc0ff ----*/
/*--
  background: url(PB024838E.JPG);
--*/
}

#portal .midashi {
  text-align: center;
  font-size: 16px;
  font-weight:bold;
  letter-spacing: 2px;
  text-shadow:
       2px  2px 2px #ffffff,
      -2px  2px 2px #ffffff,
       2px -2px 2px #ffffff,
      -2px -2px 2px #ffffff,
       2px  0px 2px #ffffff,
       0px  2px 2px #ffffff,
      -2px  0px 2px #ffffff,
       0px -2px 2px #ffffff;
  z-index:1;
}

/*--------------- コンテンツここから ----------------*/
.content {
  width: 100%;
  background-color: #fefefe;
  margin: 0 auto;
  padding: 10px;
  text-align: left;
  box-sizing: border-box;
  border-left:1px solid gray;
  border-right:1px solid gray;
    font-size: 13px;
  line-height: 150%;
}

/* -----------*//*     コンテンツブロック内に関する指定 ------  */

/* 文字 */

.content h1 {
  font-size: 20px;
  padding: 4px;
  font-weight: bold;
  color: #0080ff;
  background-color: #ddd;
  text-align: center;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

.content h2 {
  line-height: 180%;
  margin:0px;
  font-size: 18px;
  padding-top: 2px;
  color: #0000a0;
  background-color: #eee;
  text-align: center;
}

.content h3 {
  line-height: 150%;
  font-size: 16px;
  margin: 1.0em 0em;
  padding: 3px;
  padding-left: 1em;
  font-weight: bold;
  color: #b30059;
  background-color: #eee;
  border-left: 5px double #0000a0;
  border-top: 1px solid #0000a0;
  text-align: left;
}

.content h3.dengon {
  background-color: #eee;
  color: darkred;
  border-left: 7px solid darkred;
  border-right:1px solid #0000a0;
  border-bottom:1px solid #0000a0;"
  border-top-right-radius: 6px;
}

.content h4 {
  margin:0em 1em 0em 1.0em;
  font-size: 15px;
  color: black;
  text-align: left;
  text-indent: 0.5em;
}

/*----- 一般コンテンツ ------*/
.content p {
  margin: 0em 0.0em 0em 1.0em;
  padding: 0em;  
  text-align: left;
  font-size: 13px;
}

/*----- レポートコンテンツ ------*/
.content p.a1 {
  font-size:14px;
}

.content p.a2 {
  font-size:14px;
  margin-left:2em;
  text-indent:-1em;
}

.content p.b1 {
  font-size:14px;
  font-weight:bold;
}

.content p.b2 {
  font-size:14px;
  text-indent:1em;
}

/*---------------- 掲載文書 --------------*/

.widedoc{
  border: 1px solid #000;
  margin: 0px 8px;
  margin-top: 18px;
  padding: 0px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  font-size: 14px;
}


/*---------------- フッター部分 --------------*/

#footer0{
  margin-top: 0px;
  height: 30px;
  border: none;
  background-color: #aedcff;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}

#footer {
  margin-top: -47px;
  text-align: center;
  font-size: 14px;
}

/* ========Table CONTENTS CUSTOMIZE======== */
table {
  margin-left: auto;
  margin-right: auto;
border-collapse:collapse;
}


/*--列一括中央表示の設定--*/
table.sample tr td:nth-of-type(1){
  text-align:center;
}

table.sample{
border:1px solid ;
  width: 98%;
  margin-left: auto;
  margin-right: auto;
    border-top:1px solid ;
    border-left:1px solid ;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
}

.sample caption{
    font-weight: bold;
    background-position:left top;
    text-align:left;
}
.sample th{
    height: 18px;
    border-top:1px solid;
    border-right:1px solid;
    border-bottom:3px double;
    color:#222;
    background-color:#dddddd;
    background-position:left top;
    padding:0.2em 0.5em;
    text-align:center;
}
.sample td{
    border-right:1px solid ;
    border-bottom:1px solid ;
    padding:0.2em 0.2em;
    text-align:left;
    letter-spacing: -1px;
}

/*-------名簿用CSS設定------------*/
/*--rowspan設定で列中央表示が乱れるのを回避するためだけに追加------------*/

table.meibo{
border:1px solid ;
  margin-left: auto;
  margin-right: auto;
    border-top:1px solid ;
    border-left:1px solid ;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
}

table.meibo caption{
    font-weight: bold;
    background-position:left top;
    text-align:left;
}
table.meibo th{
    height: 20px;
    border-top:1px solid;
    border-right:1px solid;
    border-bottom:3px double;
    color:#222;
    background-color:#dddddd;
    background-position:left top;
    padding:0.2em 0.5em;
    text-align:center;
}
table.meibo td{
    border-right:1px solid ;
    border-bottom:1px solid ;
    padding:0.2em 0.2em;
    text-align:left;
    letter-spacing: 1px;
}

/*-------問い合わせ用CSS設定------------*/
table.sample2b{
  margin-left: auto;
  margin-right: auto;
    border-top:1px solid ;
    border-left:1px solid ;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
}
.sample2b caption{
    font-size: 15px;
    font-weight: bold;
    background-position:left top;
    text-align:left;
}
.sample2b th{
    border-right:3px  double;
    border-bottom:1px solid ;
    color:#222;
    background-color:#dddddd;
    background-position:left top;
    padding:0.5em 0.5em;
    text-align:center;
}
.sample2b td{
    border-right:1px solid ;
    border-bottom:1px solid ;
    padding:0.5em 0.5em;
    text-align:left;
}

/*--------- アンダーリンク用設定ここから ----------*/

#menu1{
  border-left:1px solid gray;
  border-right:1px solid gray;
margin-top: -1.0em;
margin-bottom: -0.5em;
padding-top:1px;
padding-bottom:1px;
font-size:14px;
color:white;
/* font-weight:bold; */
font-family: "メイリオ","游ゴシック","ＭＳ Ｐゴシック","ＭＳ ゴシック";
}

/* 横配列メニュー　ul,li使用 */

ul.listBox {
  margin-left: -40px;
	display: flex;
	justify-content: center;
  list-style-type: none; /* リストマーク非表示 */
/*  text-align:center; */
 }

ul.listBox li {
  float: left ;  
  margin-top: 0px;
  margin-right: 5px;
  margin-left: 1px;
  margin-bottom: 1px;
  padding-left: 4px;
  padding-top: 2px;
  padding-right: 4px;
  padding-bottom: 0px;
  background-color: #0071c5; /* 背景色 */
/*   border: 1px #dddddd solid; ボーダーの幅,色,スタイル */
  text-align: left; /* 文字位置 */
 }

ul.listBox li a{
  display: block;
  color: white; /* リンクの文字色 */
  text-decoration: none; /* 文字装飾 なし */
 }

ul.listBox li:hover{ /* マウスが上に来たとき */
  background-color: #aedcff; /* 背景色 */
/*  text-decoration: underline; /* 文字装飾 下線 */
 }

ul.listBox li a:hover{ /* マウスが上に来たとき */
  color: black; /* リンクの文字色 */
  background-color: #aedcff; /* 背景色 */
/*  text-decoration: underline; /* 文字装飾 下線 */
 }

/*--------- アンダーリンク用 小文字上下調整 設定 ----------*/
.sup {
display: inline;
font-size: 70%;
vertical-align:3px;
}

.sub {
display: inline;
font-size: 70%;
vertical-align:-2px;
}

/*--------- アンダーリンク用設定ここまで ----------*/

/*--------- アニメーション用設定ここから ----------*/
* {
/*--  box-sizing: border-box;
  list-style: none;
  padding: 0;
  margin: 0;
--*/
}

/*--
body {
  padding: 30px 50px;
}
--*/

/* スライドする要素 */
.contents {
  width: 280px;
  height: 210px;
}

.contents:nth-child(1) {
  background-color: tomato;
}

.contents:nth-child(2) {
  background-color: orange;
}

.contents:nth-child(3) {
  background-color: blue;
}

.contents:nth-child(4) {
  background-color: green;
}

.contents:nth-child(5) {
  background-color: yellow;
}

.contents:nth-child(6) {
  background-color: gray;
}

.contents:nth-child(7) {
  background-color: darkgray;
}
.contents:nth-child(8) {
  background-color: magenda;
}

/* スライドレールの枠 */
.wrap {
  overflow: hidden;
  display: flex;
  align-items: center;
  height: 225px; 
  margin-bottom: 0px;
}

/* content8つをまとめたスライドブロック */
.slideshow {
  display: flex;
  -webkit-animation: loop-slide 30s infinite linear 1s both;
  animation: loop-slide 30s infinite linear 1s both;
}

@-webkit-keyframes loop-slide { 
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes loop-slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
} 

/* ホバー時に動きを止める（パターン2・3）*/
.slide-paused:hover .slideshow {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

/* ホバー時の装飾（パターン3） */
.content-hover {
  transition: all 0.2s;
  margin-right: 11px;
}

.content-hover:hover {
  transform: translateY(-15px);
  border-radius: 4% 0;
  box-shadow: 0 3px 3px 0px #333;
  opacity: 0.8;
  cursor: pointer;
}

/*----------ファイルツールボタン----------------*/
.content .topics_info .filetools  {
position:relative;

display: block;
width: 70px;
height: 17px;
  font-size: 13px;
  border: 1px solid gray;
  padding: 1px 0px;
  font-weight: bold;
  text-align: center;
  border-radius: 4px;
  text-decoration: none;
/*  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px; */
}

.content .topics_info .filetools a {
  color: darkred;
  background-color: #ddd;
  text-decoration: none;
  padding: 1px 0px;
  display: block;
  border-radius: 4px;
}

.content .topics_info .filetools a:hover {
  background-color: #ccc;
  text-decoration: none;
}

.content .regist  {
position:relative;

display: block;
width: 70px;
height: 17px;
  font-size: 13px;
  border: 1px solid gray;
  padding: 1px 0px;
  font-weight: bold;
  text-align: center;
  border-radius: 4px;
  text-decoration: none;
/*  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px; */
}

.content .regist a {
  color: darkred;
  background-color: #ddd;
  text-decoration: none;
  padding: 1px 0px;
  display: block;
  border-radius: 4px;
}

.content .regist a:hover {
  background-color: #ccc;
  text-decoration: none;
}