@charset "utf-8";
/* ====================================================
	
	
	
	スライダーCSS
	
	
	
====================================================*/
/* ------------------------------
サブスライダー サイズ設定
------------------------------ */

#video {
  float: left;
  margin-bottom: 20px;
  position: relative;
}
#movie {
  float: left;
  margin: 20px 0 0 -30px;
  position: relative;
  overflow: hidden;
  text-align: center;
}
dl#video dt {
  position: absolute;
  top: 0px;
  left: 10px;
  z-index: 9999;
}
.bjqs > li > a > img {
  box-shadow: rgba(204, 204, 204, 0.65098) 0px 0px 4px;
  -webkit-box-shadow: rgba(204, 204, 204, 0.65098) 0px 0px 4px;
  -moz-box-shadow: rgba(204, 204, 204, 0.65098) 0px 0px 4px;
}
.bjqs > li > a > img.btn_play {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}
/* ------------------------------
スライダーCSS
------------------------------ */

ul.bjqs {
  position: relative;
  list-style: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
  display: none;
}
li.bjqs {
  border: none
}
li.bjqs img {
  border: none
}
li.bjqs-slide {
  display: none;
  position: absolute;
}
ul.bjqs-controls {
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: 9999;
  border: 10px solid #000;
}
ol.bjqs-markers {
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: 9999;
}
ol.bjqs-markers li {
  float: left;
}
p.bjqs-caption {
  display: block;
  width: 96%;
  margin: 0;
  padding: 2%;
  position: absolute;
  bottom: 0;
}
ul.bjqs-controls li a {
  display: block;
  padding: 0;
  position: absolute;
  text-decoration: none;
  text-transform: uppercase;
}
a.bjqs-prev {
  left: 0;
  top: 175px !important;
}
a.bjqs-next {
  right: 0;
  top: 175px !important;
}
a.bjqs-prev img:hover,
a.bjqs-next img:hover {
  filter: alpha(opacity=50);
  -moz-opacity: 0.50;
  opacity: 0.50;
}
p.bjqs-caption {
  background: #ccc;
  color: #fff;
  text-align: center;
}
ol.bjqs-markers {
  position: absolute;
  bottom: 10px;
  margin-left: 270px
}
ol.bjqs-markers li {
  float: left;
  margin: 0 3px;
}
ol.bjqs-markers li a {
  display: block;
  height: 10px;
  width: 10px;
  overflow: hidden;
  text-indent: -9999px;
  background: #999;
}
ol.bjqs-markers li.active-marker a {
  background: #09C;
}
/* 左右矢印画像 */
.slider_arrow {
  margin: 0;
}
/*再生ボタン*/
.btn_play {
  position: absolute;
  width: 70px;
  height: 68px;
  top: 146px;
  left: 234px;
  filter: alpha(opacity=80);
  -moz-opacity: 0.80;
  opacity: 0.80;
  border: 0;
}
#detail #movie li {
  margin-left: 0;
  list-style: none;
}