.wrapper {
  width: 1000px;
  margin: 0 auto;
}


header {
  position:relative;
  font-weight: bold;
}

h1 {
line-height:0;
}

.logo {
position:absolute;
top: 30px;
}


.team2 {
line-height:1;
padding-left:17em;
}


.team {
  display        : inline-block;
  color          : #ffffff;            /* 文字の色 */
  text-align: center;
  font-size      : 12pt;               /* 文字のサイズ */
  letter-spacing : 4px;                /* 文字間 */
  text-shadow    : 
       2px  2px 1px #003366,
      -2px  2px 1px #003366,
       2px -2px 1px #003366,
      -2px -2px 1px #003366,
       2px  0px 1px #003366,
       0px  2px 1px #003366,
      -2px  0px 1px #003366,
       0px -2px 1px #003366;        /* 文字の影 */
       padding-left:16em;
}


.container {
  display: flex;
}


.side {
  width: 200px;
}

.main {
   width: 800px;
   font-size: 11pt;
}

footer {
  border-top: solid 1px black;
}


.menu {
  text-align: right;
  width: 1000px;
  border-top: solid 1px black;
  border-bottom: solid 1px black;
  background: linear-gradient(to bottom, #FF0000, #FF9999);
  line-height:0.5;
}


.menu ul li {
  list-style-type: none;
  display: inline-block;
  padding-right: 1.3em;
}


.menu a {
  text-decoration: none;
  color: #FFF;
}

.menu2 {
  color:black;
  font-weight: bold;
  border-top: solid 1px black;
  border-bottom: solid 1px black;
  background: linear-gradient(to top, #dcdcdc, #eeeeee);
  padding: 0.2em 1em 0.2em 1em ;
}


.menu2r {
   text-decoration: none;
   float: right;
   text-align: right;
   display: inline-block;
}

.oshirase {
   font-size: 11pt;
   text-align: left;
   width: 1000px;
   height: 130px;
   margin-bottom: 1em;
   border-bottom: 1px black solid;
   color: #000000;
   overflow-y: auto;
   text-decoration: none;
}

.oshirase a {
   text-decoration: none;
}

table {
    border-collapse:  collapse;     /* セルの線を重ねる */
}
 
th {
    text-align: center;
    border: solid 0.5px;              /* 枠線指定 */
    background-color: #cdefff;  /* 背景色指定 */
    padding : 5px 5px;
}

td {
    border: solid 0.5px;              /* 枠線指定 */
    padding : 20px 10px;
}

.oshirase_sub {
   font-size: 11pt;
   text-align: left;
   width: 800px;
   height: 280px;
   margin-bottom: 1em;
   border-bottom: 1px black solid;
   color: #000000;
   overflow-y: auto;
   text-decoration: none;
}

.oshirase_sub a {
   text-decoration: none;
}

table.kekka th {
width: auto;
height: 1;
line-height: 0;
 text-align: left;
}

table.kekka td {
width: auto;
height: 1;
line-height: 0;
 text-align: center;
 padding : 1em;
}

.menukekka {
  line-height:0;
   font-size: 12pt;
  color:black;
  font-weight: bold;
  border-top: solid 1px black;
  border-bottom: solid 1px black;
  background: linear-gradient(to top, #dcdcdc, #eeeeee);
  padding: 0em 0em 0em 0em ;
}

.menukekka ul li {
  list-style-type: none;
  display: inline-block;
  padding-right: 1.3em;
}

.menukekka a {
  text-decoration: none;
  color: blue;
}

.slide {
  position   : relative;
  overflow  : hidden;
                    /* 画像のサイズに合わせて変更ください */
  width      : 800px;
  height     : 500px;
  margin     : auto;      /* サンプルは中央寄せの背景：白 */
  background : #fff;
}

 
 /*=== 画像の設定 ======================================= */
.slide a {
  display    : block;
  position   : absolute;
z-index: 0;
                      /* 画像のサイズを表示エリアに合せる */
  width      : inherit;
  height     : inherit;
  opacity    : 0;
  animation  : slideAnime 11s ease infinite;
}

 /*=== スライドのアニメーションを段差で開始する ========= */
.slide a:nth-of-type(1) { animation-delay: 0s }
.slide a:nth-of-type(2) { animation-delay: 5.5s }
/*.slide a:nth-of-type(3) { animation-delay: 11s }*/
 
 /*=== スライドのアニメーション ========================= */
@keyframes slideAnime{
   0% { opacity: 0 }
   5% { opacity: 1 }
  50% { opacity: 1 }
  60% { opacity: 0;z-index: 1; }
 100% { opacity: 0 }
}

.slide:hover a {
    animation-play-state:paused;/* マウスを載せると一時停止 */
}

.rbotan
{
    position: relative;
}

.rbotan .text1
{
    position: absolute; 
    bottom: 0px; 
    color: white;
    font-family: sans-serif;
    font-size: 13px;
    animation: blinker 3s linear infinite;
}

.rbotan .text2
{
    position: absolute; 
    bottom: 0px; 
    color: white;
    font-family: sans-serif;
    font-size: 14.5px;
    animation: blinker 3s linear infinite;
}

@keyframes blinker {  
  0% { opacity: 1; }
  100% { opacity: 0; }

}

table.senshu {
   width :95%;
   border-collapse: collapse;
   border: 2px solid green; /* 外側の枠線 */
}

table.senshu td {
   vertical-align: top;
   border-width: 1px 0px;
}

table.staff {
        font-size:  1.2em ;
        border-collapse : collapse ; 
}

table.staff th {
        color:black ;
         font-weight: bold;
         background-color:#CCFFFF ;
         border : 2px solid #000080;
         padding : 1px 10px 1px 10px ;
}

table.staff td {
         border : 2px solid #000080;
         padding : 1px 10px 1px 10px ;
}

.mem
{
    position: relative;
    float: left;
}

.mem p
{
    position: absolute; 
    top: 0.6em;
    left: 1em;
    color: darkblue;
    font-weight: bolder;
    font-size: 1.1em;
}

.kekkabox {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #62c1ce;
}

.kekkabox .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #62c1ce;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}

.kekkabox p {
    margin: 0; 
    padding: 0;
}

.textblink {
  animation: blinker 3s linear infinite;
}

.kuria {
clear: left;
}