*{margin:0; padding:0;}
body{background-color:#222; width:100%;}
a:link{color:#333333;}
a:visited{color:#333333;}
a:active{color:#333333;}


#my_body{margin:0 auto; width:780px; background-color:#000; background-image:url("img/bg.gif");}
#my_contents{margin:0px 5px 0px 5px ; width:770px; background-color:#ddd; }
#my_left{margin:20px 16px 0px 40px ;width:400px; float:left; display:inline;}
#my_left p{margin:0px 0px 6px 0px;  padding:0; font-size:14px;color:#333333; line-height:22px;}
#my_right{margin:20px 0px 0px 20px ;width:260px;font-size:11px;color:#333333;text-align:right; float:left; display:inline;float:left;}


#my_footer{clear:both; background-color:#666; margin:0px 5px 0px 5px ; width:770px; border-top:1px solid #333333;border-bottom:1px solid #333333;}
.footad {text-align:left; padding:5px 20px ; color:#ccc; font-size:11px;line-height:15px;}
.foottx {text-align:right; padding:5px ; color:#ccc; font-size:10px;}

h1{width:400px;}
h2{margin:0 0 20px 0;padding:0;}
h3{margin:8px 0px 8px 0px; padding:0; font-size:14px;color:#205AA7;border-bottom:1px solid #aec5e4; line-height:18px;}
h4{margin:8px 0px 8px 0px;  padding:0; font-size:14px;color:#666666; line-height:18px;}
h5{margin:8px 0px 8px 0px; padding:0; font-size:14px;color:#205AA7;line-height:18px;}

.nbody{margin:4px 0px 4px 0px; color:#333333; font-size:12px; line-height:20px;}
.flright { float:right; margin:0 0 12px 12px;}

/* toppage */
.sign{margin:2px 0px 4px 160px;}
.newsframe{border: 1px #ddd solid; }
.bnbtn{margin:0px 0px 8px 0px;}
.kinew{margin:4px 0px 4px 0px; padding:0; font-size:12px;  font-weight: bold; color:#666666;line-height:12px;}

.hmenu {display:none; }

div img { vertical-align: text-bottom; }
object { vertical-align: text-bottom; }
embed { vertical-align: text-bottom; }



.tb{float: left;}

/* TOP-PAGE Navi */

#TNAVI {width:770px;}



/* --------------------------------
  dslb
-------------------------------- */

li {
  list-style: none;
}

/* --------------------------------
  dslb
-------------------------------- */
.dslb {
  height: 293px;
  overflow: hidden;
  position: relative;
  background-image:url(img/posterimg2.jpg);
}

.dslb__inner {
  margin: 0 auto;
  width: 770px;
}


.dslb-slide__item {
  bottom: 0;
  height: 100%;
  position: absolute;
  width: 100%;
}

/* === 画像の設定 ======================================= */
.dslb-slide__img {
  animation: slideAnime ease infinite;
  animation-duration: 15s;
  animation-fill-mode: backwards;
  display: block;
  height: inherit;
  height: auto;
  object-fit: cover;
  opacity: 0;
  width: 100%;
}

/* === スライドのアニメーションを段差で開始する ========= */
.dslb-slide__item:nth-of-type(1) .dslb-slide__img {
  animation-delay: 5s;
}



/* === スライドのアニメーション ========================= */
@keyframes slideAnime {
  0% {
    opacity: 0;
  }

  20% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  70% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}