@charset "UTF-8";

/* **************************************************

Name: youtube.css

Description: additional CSS for YouTube Modal Popup

Create: 2014.08.XX
Update: XXXX.XX.XX

Copyright 2014 Hitachi, Ltd.

***************************************************** */



#ModalCover {
	position: fixed;
	z-index: 9;
	display: none;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #fff;
}
* html #ModalCover {position: absolute;}

#ModalCover div {
	position: relative;
	width: 965px;
	height: 600px;
	top: 50%;
	left: 50%;
	margin: -300px 0 0 -482.5px;
	background: url(../../../image/ko/r5/bg_youtube.png) no-repeat center center;
}
* html #ModalCover div {position: absolute;}

#ModalYouTube {
	position: fixed;
	z-index: 10;
	display: none;
	width: 853px;
	height: 530px;
	top: 50%;
	left: 50%;
	margin: -265px 0 0 -426.5px;
	background-color: #000;
}
* html #ModalYouTube {position: absolute;}

#ModalYouTube .Title {
	position: absolute;
	height: 50px;
	bottom: 0;
	left: 0;
	background-color: #f2f2f2;
}

#ModalYouTube .Title p {
	display: table-cell;
	width: 753px;
	height: 50px;
	padding: 0 80px 0 20px;
	vertical-align: middle;
	font-size: 90%;
	font-weight: bold;
	line-height: 130%;
	color: #575757;
}
* html #ModalYouTube .Title p {
	display: block;
	height: 35px;
	padding-top: 15px;
}
*:first-child+html #ModalYouTube .Title p {
	display: block;
	height: 35px;
	padding-top: 15px;
}

#ModalYouTube .BtnClose {
	position: absolute;
	right: 0;
	bottom: 0;
	line-height: 130%;
}
* html #ModalYouTube .BtnClose {right: -1px;}

#ModalYouTube .BtnClose a {
	display: table-cell;
	min-width: 50px;
	height: 30px;
	padding: 20px 5px 0;
	font-size: 76%;
	text-align: center;
	background-image: url(/image/en/r1/icon/icon_close.gif);
	background-position: center 7px;
	background-repeat: no-repeat;
	vertical-align: middle;
}
* html #ModalYouTube .BtnClose a {
	float: left;
	display: block;
	width: 50px;
	height: 25px;
	padding: 25px 5px 0;
}
*:first-child+html #ModalYouTube .BtnClose a {
	display: block;
	height: 25px;
	padding: 25px 5px 0;
}

#ModalYouTube .BtnClose a:link,
#ModalYouTube .BtnClose a:visited {
	color: #fff;
	background-color: #e60027;
	text-decoration: none;
}
#ModalYouTube .BtnClose a:hover,
#ModalYouTube .BtnClose a:active {
	color: #fff;
	background-color: #b1000e;
	text-decoration: none;
}


.hYoutubeBox {
	margin-bottom:15px; 
	background:#f2f2f2;
}
.hYoutubeBox .tit {padding:10px 15px;
	margin:0;
	color: #575757;
	font-size:90%;
	font-weight:bold;
}

.hYoutubeBox .TextStyle2 {padding:0 15px 10px;
	margin:0;
	color: #575757;
	font-size:83%;
}


@media screen and (max-width: 767px) {
	#ModalYouTube {width:100%;height:auto;margin:0;top:0;left:0;}
}