
@media only screen and (orientation : portrait)
{
	/*縦向きの際に適用*/
	#overlay
	{
		top:0%;
	}
	.prettyPopin
	{
		top:13%;
		left:4%;
	}

}

@media only screen and (orientation : landscape)
{
	/*横向きの際に適用*/
	#overlay
	{
		top:0%;
	}
	.prettyPopin
	{
		top:13%;
		left:4%;
	}

}




#overlay
{
	background:#000;
	position:absolute;
	left:0;
	z-index:10000;
	width:100%
}
.prettyPopin
{
	display:none;
	overflow:hidden;
	position:absolute;
	z-index:11000;
	background:url(../images/prettyPopin/popinLeft.gif) bottom left no-repeat
}
.prettyPopin a#b_close
{
/*
	display:none;
	z-index:2;
		position:absolute;
	top:10px;
	right:13px;
	width:41px;
	height:9px;
	background:url(../images/prettyPopin/b_close.gif) bottom left no-repeat
	text-indent:-10000px;
*/
}
.prettyPopin .prettyContent
{
	position:relative;
	width:100%;
	height:100%;
	font-size:1.2em;
	background:url(../images/prettyPopin/popinRight.gif) bottom right no-repeat
}
.prettyPopin .prettyContent .prettyContent-container
{
	display:none;
	/*padding:20px 15px 15px 15px*/
}
.prettyPopin .prettyContent .loader
{
	position:absolute;
	top:50%;
	left:50%;
	margin:-14px 0 0 -14px
}