@charset "utf-8";

/***********************
youtube
************************/
#fade{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	z-index:991;
}

/* トレーラー本体 */
#videoPlayer {
	position:absolute;
	z-index:999;
	padding:0;
	left:50%;
	top:50%;
    width: 940px;
    height: 530px;
	margin-top:-269px;
	margin-top:-219px;
	margin-left:-470px;
	z-index:991;
}
#videoPlayer {
    position: absolute;
    padding: 0px;
    left: 50%;
    top: 50%;
    width: 940px;
    height: 395px;
    margin-top: -269px;
 	margin-top:-219px;
    margin-left: -470px;
    z-index: 991;
    overflow: hidden;	
}
#videoPlayer2 {
    position: absolute;
    padding: 0px;
    left: 5%;
    top: 5%;
	width:100%;
	height:100%;
    z-index: 991;
}


#controler{
	position:absolute;
	background:rgba(255,255,255,0);
	width:100%;
	height:100%;
	top:0;
	opacity:0;
}
.playbar{
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -470px;
	margin-top: 156px;
	width: 940px;
	height: 10px;
	z-index: 992;
}
.loadbar{
	position:absolute;
	height: 1px;
	background: rgba(255, 255, 255, 0.3) none repeat scroll 0% 0%;
	top: 4px;
	width:0;
}
.playbar #bar{
	position:absolute;
	top:0;
	width:100%;
    
}
#bar_in{
	position: relative;
	cursor: pointer;
	height: 10px;
	margin: 0px 20px;
	opacity:0;
}
.playbar #bar #all{
	position: relative;
	height: 1px;
	background: rgba(255, 255, 255, 0.2) none repeat scroll 0% 0%;
	top: 4px;
}

.playbar #bar #playbar{
    position: absolute;
    height: 3px;
    background: #FFF none repeat scroll 0% 0%;
    width: 0;
    left: 0;
    top: -1px;
    opacity: 1;
}

#videoPlayer iframe{
	margin-top: -68px;
}

#videoPlayer jsframe{
	width:990px;
	height:600px;
}
#youtube {
	cursor:pointer;
	width:100px;
	height:20px;
	line-height:20px;	
	background:#333;
	color:#FFFFFF;
	text-align:center;
}


/* 閉じるボタン */
/*
#close{
	width:40px;
	height:40px;
	cursor:pointer;
}
#closeBtn{
	position:absolute;
	width: 40px;
	height: 40px;
	cursor: pointer;
	left: 950px;
	top: -50px;
	overflow:hidden;
}
*/

#closeBtn{
    position: absolute;
    width: 40px;
    height: 40px;
    cursor: pointer;
    right: 5px;
    top: 5px;
    overflow: hidden;
    z-index: 991;
}

/* ナビゲーション */
#movieNavi{
	position: absolute;
	width: 940px;
	height: 35px;
	top: 50%;
	left: 50%;
	margin-left: -470px;
	margin-top: 186px;
}
#movieNavi ul{
	list-style:none;
}
#movieNavi ul li{
	list-style:none;
	float:left;
	margin:0 10px 0 0;
	position:relative;
	width:323px;
/*	width:488px;*/
	height:38px;
	line-height:38px;
	font-weight:bold !important;
	overflow:hidden;
}
#movieNavi ul a:link{
	text-decoration:none;
}
/*ロールオーバー設定*/
.thm_btn{
	margin:0px;
/*	width:488px;*/
	background-color:#000000;
	color:#CFF;
	font-size:12px;
	text-align:center;
	font-weight:bold !important;
}

.thm_btn_over{
	position:absolute;
	left:0;
	top:0;
	margin:0px;
/*	width:488px;*/
	background-color:rgba(0,0,0,0.5);
	color:#FFF;
	font-size:12px;
	text-align:center;
	font-weight:normal !important;
	text-align:center;
	color:#FFF;
	opacity:0;
}

#trailer{
	cursor:pointer;
}

#m_trailer{
	cursor:pointer;
}