@charset "utf-8";

/* =============================================================

　　TOP CSS （個別設定）

============================================================= */


/*  TOP : トップページ
--------------------------------------------- */

/* -------- メインビジュアル -------- */

.cate-top #mainvisual {
  overflow: hidden;
  position: relative;
  width: 100%;
  min-width: 960px;
  margin: 0 auto;
  margin-bottom: 40px;
  text-align: center;
}

.cate-top #mainvisual .ttlMainVisual {
  position: absolute;
  top: 13%;
  left: 0;
  z-index: 10;
  width: 100%;
}

.cate-top #mainvisual .boxMainVisual {
  overflow: hidden;
  position: relative;
  padding-top: 28%;
}

.cate-top #mainvisual .boxMainVisual > li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
}

.cate-top #mainvisual .boxMainVisual > li img {
  display: block;
  overflow: hidden;
  width: 100%;
  height: auto; 
}

/* -------- お知らせ -------- */

.cate-top #information {
  margin-bottom: 70px;
}

.cate-top #information .boxSectionHead {
  margin-bottom: 20px;
}

.cate-top #information .boxSectionHead .ttlSection {
  float: left;
  margin-bottom: 0;
}

.cate-top #information .boxSectionHead .btnLink {
  float: right;
}

.cate-top #information .boxSectionHead .btnLink a {
  display: block;
  padding: 8px 15px;
  border: 1px solid #d1d1d1;
  background: #e9e9e9;
  color: #666;
  font-size: 0.9em;
  letter-spacing: -0.5px;
  line-height: 1.25em;
}

.cate-top #information .boxSectionHead .btnLink a:hover {
  background: #e7f1f8;
  color: #000;
}

.cate-top #information .boxInfoList {
  margin-left: -35px;
}

.cate-top #information .boxInfoList > li {
  display: inline-block;
  width: 460px;
  margin-left: 35px;
  margin-bottom: 35px;
  font-size: 1.05em;
  vertical-align: top;
}

.cate-top #information .boxInfoList > li > dl {
  overflow: hidden;
  position: relative;
  padding: 0 5px 0 215px;
}

.cate-top #information .boxInfoList > li > dl:hover {
  background: #e7f1f8;
}

.cate-top #information .boxInfoList > li > dl,
.cate-top #information .boxInfoList .txtMore a {
  height: 134px;
}

.cate-top #information .boxInfoList > li > dl > dt {
  margin-bottom: 5px;
  padding-top: 5px;
}

.cate-top #information .boxInfoList > li > dl > dt > span {
  display: block;
}

.cate-top #information .boxInfoList > li > dl > dt br {
  display: none;
}

.cate-top #information .boxInfoList .txtDate,
.cate-top #information .boxInfoList .ttlInfo {
  font-weight: bold;
}

.cate-top #information .boxInfoList .txtDate {
  margin-bottom: 2px;
  color: #0099cc;
}

.cate-top #information .boxInfoList .ttlInfo {
  overflow: hidden;
  white-space: nowrap;
  word-wrap: normal; /* IE */
  text-overflow: ellipsis; 
}

.cate-top #information .boxInfoList > li > dl > dd {
  overflow: hidden;
  height: 62px;
  font-size: 0.98em;
  letter-spacing: -1px;
  line-height: 1.5em;
}

.cate-top #information .boxInfoList .imgInfo {
  position: absolute;
  top: 0;
  left: 0;
  width: 205px;
}

.cate-top #information .boxInfoList .txtMore a {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
  width: 100%;
}