div#modal_area{
	position: fixed;
	z-index: 10000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;

	/*IE6*/
	_position: absolute;
	_top: expression((documentElement.scrollTop || document.body.scrollTop) + 0 + 'px');
	_left: expression((documentElement.scrollLeft || document.body.scrollLeft) + 0 + 'px');
	_height: expression((documentElement.clientHeight || document.body.clientHeight) + 0 + 'px');
	
	display: none;
}
div#modal_mask{
	width: 100%;
	height:100%;
	cursor: pointer;
	background: #000000;
	-ms-filter: "alpha( opacity=70 )";
	filter: alpha( opacity=70 );
	-moz-opacity: 0.7; 
	opacity: 0.7;
}

div#modal_win{
	position: absolute;
	left: 50%;
	top: 50%;
	background-color: #f0ece2;
	border: solid 10px #f0ece2;
}

div#modal_close{
	position: absolute;
	top: -40px;
	right: -14px;
	width: 102px;
	height: 30px;
	cursor: pointer;
	background-image: url(/terrace-house/common/img/modal_close.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}
div#modal_close:hover{
	background-position: 0 -30px;
}
iframe#modal_iframe{
	position: relative;
	background-color: #f0ece2;
}

a.zoom{
}

div.zoom_btn{
	position:absolute;
	right:0;
	bottom:0;
	color: #fff;
	width: 100%;
	height: 100%;
	cursor: pointer;
	background-image: url(/terrace-house/common/img/modal_zoom_off.png);
	background-position: right bottom;
	background-repeat: no-repeat;
}
div.zoom_btn:hover{
	background-image: url(/terrace-house/common/img/modal_zoom_on.png);
}
div#modal_image{
	position: relative;
	background: #f0ece2;
	width: 100%;
	height: 100%;
	overflow: auto;
}
div#modal_image img{
	/*margin: 5px;*/
}
div#modal_youtube{
	position: relative;
	background: #000;
	width: 100%;
	height: 100%;
	overflow: auto;
}
div#modal_div{
	position: relative;
	background: #f0ece2;
	width: 100%;
	height: 100%;
	overflow: auto;
}