@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600);

html {
  /*border-top: 5px solid #fff;*/
  /*background: #58DDAF;
  color: #2a2a2a;*/
}

html, body {
  margin: 0;
  padding: 0;
  /*font-family: 'Open Sans';*/
}

h1 {
  color: #fff;
  text-align: center;
  font-weight: 300;
}

#slider {
  position: relative;
  overflow: hidden;
  margin: 20px auto 0 auto;
  border-radius: 4px;
  height:410px;
}

#slider ul {
  position: relative;
  margin: 0;
  padding: 0;
  /*height: 200px;*/
  list-style: none;

  /**/
  overflow:hidden;
}

#slider ul li {
  position: relative;
  overflow:hidden;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  /*width: 500px;
  height: 300px;*/

  /*width:1250px;*/
  /*height:1024px;*/

  background: #ccc;
  text-align: center;
  line-height: 300px;

  /**/
  height:410px;
  min-width:1000px;
  /*background-image:url("../images/main_visual_img1.jpg");
  background-repeat:no-repeat;
  background-position:50%;*/
}

a.control_prev, a.control_next {
  position: absolute;
  top: 180px;
  /*top: -255px;*/
  z-index: 9999;
  display: block;
  width: auto;
  height: auto;
  color: #fff;
  text-decoration: none;
  font-weight: lighter;
  font-size: 15px;
  cursor: pointer;
  /*padding: 2% 2%;*/
  z-index:100;
  height:50px;
  width:50px;

  background-repeat:no-repeat;
  background-position:0 0;
  /*background-color:#2a2a2a;
  border-radius:35px;
  -moz-opacity:0.3; -khtml-opacity:0.3; opacity:0.3;
  filter: alpha(opacity=30);*/ /* IE 8 */
}
a.control_prev {
  left:-100px;
  /*padding: 13px 22px 13px 16px;*/
  background-image:url("../images/slider_pc_left_btn.png");
}
a.control_prev:hover {
  background-image:url("../images/slider_pc_left_btn_on.png");
}
a.control_next {
  right:-100px;
  /*padding: 13px 16px 13px 22px;*/
  background-image:url("../images/slider_pc_right_btn.png");
}
a.control_next:hover {
  background-image:url("../images/slider_pc_right_btn_on.png");
}

@media screen and (max-width:639px) {
  a.control_prev {top:99px;left:0;}
  a.control_next {top:99px;right:0;}
  /*#slider ul li {min-width:767px;}*/
  .contents .main_visual .container {
    position:relative;
    overflow:hidden;
    height:248px;
    width:auto;
  }
}


/*a.control_prev:hover, a.control_next:hover {
  background-color:#ed174f;
  opacity: 1;
  -webkit-transition: all 0.2s ease;
}*/

/*a.control_prev {
  border-radius: 0 2px 2px 0;
}

a.control_next {
  right: 0;
  border-radius: 2px 0 0 2px;
}*/

.slider_option {
  position: relative;
  margin: 10px auto;
  width: 160px;
  font-size: 18px;
}