@charset "utf-8";

/*===================================*/
 /* index page */
/*===================================*/

/*----------------------------- ctv -----------------------------*/
.ctv_center{
 width: 1000px; margin: 0 auto; position: relative; 
}


#btn_event{
  cursor: pointer;
	width: 310px;
	height: 105px;
  position: absolute;
top: 2px; left: 795px;
	z-index: 50; 
}

#btn_event img:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}


#btn_ctv{
  cursor: pointer;
	width: 241px;
	height: 253px;
  position: absolute;
top: 225px; left: 895px;
	z-index: 50; 
}

#btn_ctv img:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

#close_ctv{
  background: #eeeeee;
  color: #717171;
  text-align: center;
  font-size: 15px;
  padding:5px;
  cursor: pointer;
  margin: 180px 0 0 -39px;  /*縦横の半分をネガティブマージンでずらす*/
  position: absolute;  /*body要素に対して絶対配置*/
  top: 50%;  /*上端を中央に*/
  left: 50%;  /*左端を中央に*/
  width: 60px;  /*横幅*/
  height: 20px;  /*縦幅*/
  border-radius: 3px;        /* CSS3草案 */  
  -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 3px;   /* Firefox用 */
}
#overlay_ctv {
  display: none;
  width: 100%;
  height:100%;
  text-align: center;
  position: fixed;
  top: 0px;
  right:0px;
  z-index: 2000;
  background:#000000;
  opacity:0.95;
  filter:alpha(opacity=95);
  -ms-filter: "alpha( opacity=95 )"; 
}

#overlay_ctv_iframe {
  display: block;
  margin: -263px 0 0 -350px;  /*縦横の半分をネガティブマージンでずらす*/
  position: absolute;  /*body要素に対して絶対配置*/
  top: 50%;  /*上端を中央に*/
  left: 50%;  /*左端を中央に*/
  width: 700px;  /*横幅*/
  height: 400px;  /*縦幅*/
  background-color:#FFFFFF;
  opacity:1;
  filter:alpha(opacity=100);
  -ms-filter: "alpha( opacity=100 )"; 
}
#overlay_ctv audio {
  display: block;
  margin: 140px 0 0 -250px;  /*縦横の半分をネガティブマージンでずらす*/
  position: absolute;  /*body要素に対して絶対配置*/
  top: 50%;  /*上端を中央に*/
  left: 50%;  /*左端を中央に*/
  width: 500px;  /*横幅*/
  height: 65px;
}