@charset "utf-8";
/* CSS Document */

.main_img img {
  width: 100%;
  vertical-align: bottom;
}

.course .text {
  font-size: 15px;
  text-align: center;
  margin-bottom: 20px;
}

.course_list {
  margin-bottom: 40px;
}

.course_list li {
  width: 130px;
  margin-bottom: 30px;
  float: left;
}

.course_list li:nth-child(2n - 1) {
  clear: both;
}

.course_list li:nth-child(2n) {
  margin-left: 40px;
}

.course_list .center {
  margin: 0 auto;
  float: none;
  clear: both;
}

.course_list p {
  font-size: 12px;
}

.circle {
  width: 130px;
  height: 130px;
  margin-bottom: 15px;
  background : -moz-linear-gradient(50% 100% 90deg,rgba(255, 255, 255, 1) 0%,rgba(255, 238, 238, 1) 100%);
  background : -webkit-linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 238, 238, 1) 100%);
  background : -webkit-gradient(linear,50% 100% ,50% 0% ,color-stop(0,rgba(255, 255, 255, 1) ),color-stop(1,rgba(255, 238, 238, 1) ));
  background : -o-linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 238, 238, 1) 100%);
  background : -ms-linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 238, 238, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FFEEEE' ,GradientType=0)";
  background : linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 238, 238, 1) 100%);
  box-shadow : 3px 3px 3px rgba(0, 0, 0, 0.15);
  filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=3, Color='#000000') progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEE',endColorstr='#FFFFFF' , GradientType=0);
  border-radius: 50%;
}

.box {
  margin-bottom: 20px;
  background : -moz-linear-gradient(50% 100% 90deg,rgba(255, 255, 255, 1) 0%,rgba(240, 255, 238, 1) 100%);
  background : -webkit-linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(240, 255, 238, 1) 100%);
  background : -webkit-gradient(linear,50% 100% ,50% 0% ,color-stop(0,rgba(255, 255, 255, 1) ),color-stop(1,rgba(240, 255, 238, 1) ));
  background : -o-linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(240, 255, 238, 1) 100%);
  background : -ms-linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(240, 255, 238, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F0FFEE' ,GradientType=0)";
  background : linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(240, 255, 238, 1) 100%);
  box-shadow : 3px 3px 3px rgba(0, 0, 0, 0.15);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F0FFEE',endColorstr='#FFFFFF' , GradientType=0);
}




.info_area {
  width: 100%;
  padding: 10px 0;
  background-color: #c5df8e;
}

.info_area .iwrap {
  width: 300px;
  padding: 13px 15px;
  margin: 0 auto;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.info_area .title {
  margin: 0;
  padding: 0;
  font-size: 18px;
  color: #4d4d4d;
  border: none;
}

.info_area .text1 {
  font-size: 12px;
  letter-spacing: -0.5px;
}

.reservation-btn {
  max-width: 304px;
  margin: 20px auto 0;
}

.ban a {
  display: block;
  margin-bottom: 8px;
}

.ban img {
  vertical-align: bottom;
}

.message {
  margin-bottom: 30px;
}

.message .title {
  font-size: 24px;
}

.message .text {
  font-size: 12px;
  margin-bottom: 10px;
}


/* .slider
------------------------- */

.slider {
  margin: 0 auto;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.slider ul {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.slider ul li {
  top: 0;
  left: 0;
  width: 100%;
  position: absolute;
}

.slider ul li img {
  width: 100%;
}

/* sideNavi
------------------------- */
.slider .btnPrev,
.slider .btnNext {
  margin-top: -25px;
  top: 50%;
  width: 50px;
  height: 50px;
  position: absolute;
  z-index: 101;
}
.slider .btnPrev {
  left: 10px;
  background: #ccc url(../img/btnPrev.jpg) no-repeat center center;
}
.slider .btnNext {
  right: 10px;
  background: #ccc url(../img/btnNext.jpg) no-repeat center center;
}


/* =======================================
ClearFixElements
======================================= */
.slider ul:after {
  content: ".";
  height: 0;
  clear: both;
  display: block;
  visibility: hidden;
}

.slider ul {
  display: inline-block;
  overflow: hidden;
}

.top_info {
  font-size: 15px;
  margin: 20px auto 30px;
  padding: 20px;
  border: 2px solid red;
  border-radius: 6px;
}