@charset "UTF-8";
/*design/css/top.css*/
#wrap {
  padding: 0;
  width: 100%;
}

/******************************************************************************
contents
******************************************************************************/
#contents {
  margin: 0;
  width: 100%;
  float: none;
  padding: 300px 0 0;
  margin: 0;
}

#contents #inner {
  min-height: 0;
}

#contents .block-ttl {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 50%;
  width: 180px;
  height: 288px;
  padding: 13px 10px 0 10px;
  margin-left: -90px;
  background: #a20600;
}

#contents .block-ttl02 {
  z-index: 2;
  position: absolute;
  top: 80px;
  left: 50%;
  width: 300px;
  margin-left: -430px;
}

#contents .block-ttl03 {
  z-index: 2;
  position: absolute;
  top: 80px;
  right: 50%;
  width: 300px;
  margin-right: -508px;
  padding-right: 20px;
}

#contents #inner .block-ttl03 #news-area h3 {
  margin-top: -3px;
  margin-bottom: 5px;
}

#contents #inner .block-ttl03 #news-area .ttl-link {
  padding: 0;
  margin: 0 0 10px 0;
  background: url(/design/img/cmn/line.gif) repeat-x left bottom;
}

#contents #inner .block-ttl03 #news-area .ttl-link p {
  padding: 0;
  margin: 0 !important;
}

/*------------------------------*/
/*block-ttl*/
/*------------------------------*/
#top .scroll_area .pdf-arrea {
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  background: url(../img/cmn/ic-pdf.png) no-repeat left;
  padding: 0 22px 0 15px;
  vertical-align: top;
}

/*
#contents #inner .block-ttl03 #news-area ul{
  overflow:scroll;
  height:165px;
  }
#contents #inner .block-ttl03 #news-area ul li .n-date{
  display:block;

  }
#news-area ul li a{
  display:block;
  font-size:1.1em;
  color:#03F;
  padding:0;
  margin:0 0 10px 0;
  line-height:120%;

  }
  */
#contents #inner .block-ttl03 #news-area .scroll_area {
  /*overflow:auto;*/
  height: 135px;
}

#contents #inner .block-ttl03 #news-area .scroll_area dl {
  margin: 10px 0 25px 0;
}

#contents #inner .block-ttl03 #news-area .scroll_area dl dt {
  color: #000;
  font-size: 1.5em;
  margin: 5px 0 0 0;
  padding: 0 0 0 18px;
  font-weight: bold;
  background: url(/design/img/top/n-midashi.gif) no-repeat left top;
}

#contents #inner .block-ttl03 #news-area .scroll_area dl dd {
  margin: 5px 0 20px 0;
  padding: 0 20px 0 0;
}

#contents #inner .block-ttl03 #news-area .scroll_area dl dd a {
  color: #333;
  font-size: 1.6em;
  font-weight: bold;
  line-height: 120%;
}

#contents .block-ttl #logo {
  margin: 0 0 0px 0;
  text-align: center;
}

#contents .block-news {
  z-index: 1;
  position: absolute;
  top: 80px;
  left: 50%;
  margin-left: 130px;
  width: 345px;
}

#contents .block-news h2 {
  padding-bottom: 8px;
  margin-bottom: 15px;
  background: url(/design/img/cmn/line.gif) repeat-x left bottom;
}

#contents .block-news ul {
  padding-bottom: 10px;
  margin-bottom: 15px;
  background: url(/design/img/cmn/line.gif) repeat-x left bottom;
}

#contents .block-news ul li span.day {
  float: left;
  width: 70px;
}

#contents .block-news ul li span.txt {
  float: right;
  width: 270px;
}

#contents #inner .simply-scroll {
  width: 100%;
  z-index: 0;
  margin-bottom: 20px;
  border-top: solid 3px #a20600;
  border-bottom: solid 3px #a20600;
}

#contents #inner .simply-scroll .simply-scroll-clip {
  width: 100%;
}

#contents #inner .simply-scroll .simply-scroll-list li {
  float: left;
  width: 542px;
  height: 360px;
  margin-bottom: 0;
}

#contents #inner #sub {
  width: 950px;
  margin: 0 auto;
}

#contents #inner #sub li {
  display: inline;
  float: left;
  margin: 0 20px 15px 0;
  padding: 0;
}

/*------------------------------*/
/*block-news*/
/*------------------------------*/
/*------------------------------*/
/*simply-scroll*/
/*------------------------------*/
/*------------------------------*/
/*sub*/
/*------------------------------*/
/*------------------------------*/
/*sub02*/
/*------------------------------*/
ul#sub02 {
  width: 950px;
  height: 20px;
  margin: 0 auto;
}

ul#sub02 li {
  display: inline;
  float: left;
  margin: 0 20px 0 0;
  padding: 0;
}

/******************************************************************************
bnr
******************************************************************************/
.bnr-area {
  margin: 0 auto 40px;
  text-align: center;
}

.bnr-area a:hover {
  filter: alpha(opacity=70) !important;
  -moz-opacity: 0.7 !important;
  opacity: 0.7 !important;
}

/******************************************************************************
banner-area
******************************************************************************/
.banner-area {
  width: 950px;
  padding-top: 30px;
  margin: 30px auto;
  text-align: center;
  background: url(/design/img/cmn/line.gif) repeat-x left top;
}

.banner-area h3 {
  font-size: 16px;
  padding: 30px 0 20px;
}

.banner-area .banners {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 15px;
}

.banner-area .banners li {
  margin: 0;
  list-style-type: none;
}

/******************************************************************************
footer
******************************************************************************/
#footer {
  width: 950px;
  margin: 0px auto 15px auto;
}
/*# sourceMappingURL=top.css.map */