@charset "utf-8";
#main_slide {
    margin: 0 auto;
    width: 600px;
    position: relative;
}
#main_slide p {
    display: none;
}
#sl_main {
    overflow: hidden;
    position: relative;
}
#sl_main, #sl_main img {
    height: 200px;
    width: 600px;
    margin-left: auto;
    margin-right: auto;
}
#sl_main li {
    position: absolute;
}
#sl_preload {
    display: block;
    margin: 87px auto 88px;
    width: 25px;
}
#sl_thumb_box {
    height: 40px;
    margin-top: 5px;
    position: relative;
    width: 600px;
}
#sl_inr {
    position: relative;
}
#sl_act_frame {
    position: absolute;
    top: -4px;
    z-index: 10;
}
#sl_thumb_list {
    background: #fff none repeat scroll 0 0;
    height: 40px;
    margin: 0 auto;
}
#sl_thumb_list li {
    float: left;
    font-size: 0;
    line-height: 100%;
}
#sl_thumb_list a {
    border-bottom: 1px solid #6b9ed2;
    border-left: 1px solid #6b9ed2;
    border-top: 1px solid #6b9ed2;
    display: block;
    overflow: hidden;
}
#sl_thumb_list img {
    height: 40px;
    margin: -1px 0 -1px -1px;
    width: 120px;
}
#sl_thumb_list .first a {
    border-left: 1px solid #6b9ed2;
}
#sl_thumb_list .last a {
    border-right: 1px solid #6b9ed2;
}
#sl_thumb_list .first img {
    margin-left: -1px;
}
#sl_thumb_list .last img {
    margin-right: -1px;
}





























#sl_act_frame {
  padding-top: 4px;
}
#sl_act_frame > div {
  border: 3px #6B9ED2 solid;
  height: 34px;
  
}


#sl_thumb_box {
  margin-left: auto;
  margin-right: auto;
  z-index: 2000;
  height: auto;
}
#sl_thumb_box.col1 {
  width: 120px;
}
#sl_thumb_box.col2 {
  width: 240px;
}
#sl_thumb_box.col3 {
  width: 360px;
}
#sl_thumb_box.col4 {
  width: 480px;
}
#sl_thumb_box.col5 {
  width: 600px;
}

#sl_thumb_box #sl_act_frame {
  width: 120px;
}

#contents .item_slide_box {
  margin-top: 0;
  padding-top: 35px;
  clear: both;
}
#main_slide.hidden #sl_main,
#main_slide.hidden #sl_thumb_box {
  opacity: 0;
}

#sl_act_frame > img {
  position: absolute;
  left: 50%;
  margin-left: -6px;
  top: 0;
}

.slideFirstImg {
  position: absolute;
  z-index: 9999;
  width: 600px;
  left: 50%;
  margin-left: -300px;
}



@media screen and (max-width: 768px) {
  #main_slide, #sl_main { width: 100% !important;}
  #sl_main img { width: 100% !important; height: auto !important;}
  #sl_main li {
    width: 100%;
  }
  #sl_thumb_list img {
    width: 100% !important;
    height: auto !important;
  }
  #sl_thumb_box {
    width: auto !important;
  }
  #sl_main, #sl_main img {
    width: auto;
    height: auto;
  }
  #sl_thumb_box.col1 #sl_act_frame,
  #sl_thumb_box.col1 #sl_thumb_list li {
    width: 100%;
  }
  #sl_thumb_box.col2 #sl_act_frame,
  #sl_thumb_box.col2 #sl_thumb_list li {
    width: 50%;
  }
  #sl_thumb_box.col3 #sl_act_frame,
  #sl_thumb_box.col3 #sl_thumb_list li {
    width: 33.3%;
  }
  #sl_thumb_box.col4 #sl_act_frame,
  #sl_thumb_box.col4 #sl_thumb_list li {
    width: 25%;
  }
  #sl_thumb_box.col5 #sl_act_frame,
  #sl_thumb_box.col5 #sl_thumb_list li {
    width: 20%;
  }

  .slideFirstImg {
    width: 100%;
    margin-left: 0;
    left: 0;
  }

  #sl_thumb_list {
    padding-left: 0;
  }

}