@charset "UTF-8";

body
  {
   margin:0px;          /* ページ全体のmargin */
   padding:0px;         /* ページ全体のpadding */
   text-align:center;   /* 下記のautoに未対応用のセンタリング */
  }

#main
  {
   margin-left:auto;    /* 左側マージンを自動的に空ける */
   margin-right:auto;   /* 右側マージンを自動的に空ける */
   text-align:left;     /* 中身を左側表示に戻す */
   width:1200px;         /* 幅を決定する */
   border: 1px solid #ccc; /* 枠線 */
  }

#slide {
width:1200px;
height:540px;
margin:0;
position:relative;
}

#slide img {
position:absolute;
left:0;
top:0;
}

#slide ul {
margin:0;
}

#goto_top {
  position: fixed;
  right: 10%;
  bottom: 10%;
}

#goto_top a {
  width: 100px;
  height: 50px;
  border-radius: 20px;
  background: #58D3F7;
  display: block;
  color: #fff;
  text-align: center;
  line-height: 50px;
  text-decoration: none;
  font-weight: bold;
}   

/* ========SLIDESHOW CUSTOMIZE======== */
#slide {
    width:1200px;
    height:540px;
    overflow:hidden;
    position:relative;
    padding-bottom:25px;
}

.slideInner {
    list-style:none;
    margin:0;
    padding:0;
}

.slideInner li {
    position:absolute;
    background:#fff;
    margin:0;
    padding:0;
}

.slidePrev {
     position:absolute;
     width:50px;
     height:60px;
     top:120px;
     left:0;
     cursor:pointer;
     z-index:100;
}

.slideNext {
     position:absolute;
     display:block;
     width:50px;
     height:60px;
     top:120px;
     right:0;
     cursor:pointer;
     z-index:100;
}

.controlNav {
     position:absolute;
     float:left;
     left:50%;
     bottom:0;
}

.controlNav span {
     position:relative;
     left:-50%;
     float:left;
     margin:5px;
     -webkit-border-radius:5px;
     -moz-border-radius:5px;
     border-radius:5px;
     width:10px;
     height:10px;
     overflow:hidden;
     -webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5) inset;
     -moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5) inset;
     box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5) inset;
     background:#eee;
     text-indent:-9999px;
     vertical-align:middle;
}

.controlNav span:hover {
     background:#ccc;
     cursor:pointer;
}

.controlNav span.current {
     -webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5) inset, 0 0 2px rgba(133, 209, 198, 0.5);
     -moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5) inset, 0 0 2px rgba(133, 209, 198, 0.5);
     box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5) inset, 0 0 2px rgba(133, 209, 198, 0.5);
     background:#85d1c6;
}