@charset "utf-8";
#PageIndex.pageIndex #MainImgLeft {
  position: relative;
  top: -212px;
  width: 980px;
  height: 0;
  margin: 0 auto;
}

#PageIndex.pageIndex #MainImgLeft ul li a {
  display: block;
  height: 140px;
  width: 140px;
  margin-right: auto;
  border: 1px solid #fff;
  -webkit-box-shadow: 0 0 5px 0 #777;
  -moz-box-shadow: 0 0 5px 0 #777;
  box-shadow: 0 0 5px 0 #777;
  position: absolute;
  z-index: 200 !important;
}

#PageIndex.pageIndex #MainImgLeft ul li a:hover {
  opacity: .8;
}

#PageIndex.pageIndex #MainImgRight {
  margin: 0 auto;
  position: relative;
  top: -248px;
  width: 980px;
  z-index: 100;
  height: 0;
}

#MainImgRight ul li+li,
.subMainimgRight ul li+li {
  margin-top: 15px;
}

#MainImgRight ul li a {
  -webkit-box-shadow: 0 0 5px 0 #777;
  -moz-box-shadow: 0 0 5px 0 #777;
  box-shadow: 0 0 5px 0 #777;
}

#MainImgRight ul li a:hover {
  opacity: 0.8;
}

.subMainimgRight {
  position: relative;
  margin-top: 5px;
  margin-bottom: 20px;
}

.subMainimgRight ul {
  padding-top: 26px;
}

.subMainimgRight span a {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  background: transparent url("../img/character1.png") no-repeat scroll left center;
  height: 51px;
  text-indent: -9999px;
  width: 60px;
  z-index: 100 !important;
}

#MainImgRight ul li a,
.subMainimgRight ul li a {
  display: block;
  height: 98px;
  width: 192px;
  margin-left: auto;
  margin-right: 20px;
  border: 1px solid #fff;
}

.subMainimgRight ul li a {
  border: 1px solid #7f7f7e;
}

.subMainimgRight ul li:hover {
  opacity: .8;
}

#PageIndex.pageIndex .subMainimgRight {
  display: none;
}

#SubEvent,
#SubFlower,
#SubBanner,
#subBanner2 {
  margin-top: 30px !important;
}

#subBanner2 li {
  margin-top: 5px;
  list-style-type: none;
}

#subBanner2 li:hover {
  opacity: 0.8;
}




/*動画で観光案内*/

#PageMovie .movie-list {
  margin-top: 30px;
  margin-bottom: 30px;
  width: 100%;
}

#PageMovie .movie-list section {
  display: inline-block;
  vertical-align: top;
  width: 237px;
  margin-right: 10px;
  margin-bottom: 25px;
}

#PageMovie .movie-list section:hover {
  opacity: 0.7;
}

#PageMovie .movie-list section:nth-child(3n) {
  margin-right: 0;
}

#PageMovie .movie-list section dt {
  margin-bottom: 5px;
  text-align: right;
}

#PageMovie .movie-list section dd p {
  padding: 0;
  width: 240px;
}

#PageMovie .movie-list section dd p a {
  width: 240px;
}

#PageMovie .movie-list section dt img {
  width: 100%;
  object-fit: cover;
  height: 135px;
  border: 1px solid #ccc;
}

#PageMovie .movie-list section dd a:link,
#PageMovie .movie-list section dd a:visited,
#PageMovie .movie-list section dd a:active {
  color: #333;
  text-decoration: underline;
}




/*会員名簿 バス・タクシーテーブル共通*/

#PageMemberlist table,
#PageTransport table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
  line-height: 1.5;
  border-left: 1px solid #ccc;
  table-layout: fixed;
}

#PageMemberlist tr:nth-of-type(even),
#PageTransport tr:nth-of-type(even) {
  background: #ececec;
}

#PageMemberlist table thead th,
#PageTransport table thead th {
  padding: 10px;
  font-weight: bold;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 2px solid #fdd22d;
  background: #f7ECDC;
  text-align: center;
}

#PageMemberlist table tbody th,
#PageTransport table tbody th {
  padding: 10px;
  font-weight: bold;
  vertical-align: top;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background: #ececec;
}

#PageMemberlist tr:nth-child(even) td,
#PageTransport tr:nth-child(even) td {
  background-color: #f8f8f8;
}

#PageMemberlist table td,
#PageTransport table td {
  padding: 10px;
  vertical-align: top;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background: #fff;
}




/*会員名簿 */

#PageMemberlist th:nth-of-type(1) {
  width: 10%;
}

#PageMemberlist th:nth-of-type(2) {
  width: 20%;
}

#PageMemberlist th:nth-of-type(3) {
  width: 27%;
}

#PageMemberlist td:nth-of-type(4),
#PageMemberlist td:nth-of-type(5) {
  width: 22%;
}




/*バス・タクシー */

#PageTransport th:nth-of-type(1) {
  width: 35%;
}

#PageTransport th:nth-of-type(2) {
  width: 50%;
}

#PageTransport th:nth-of-type(3) {
  width: 20%;
}




/*end*/