@charset "Shift_JIS";

/*
	================================================================================================
		support bd movie setup share css common.css
	================================================================================================
*/
.mt20{
	margin-top:20px!important;
}
/*
	============================================================================
		popup movie
	============================================================================
*/

.movieArea {
	width: 560px;
	margin: 0 auto;
}
p.movie_comment {
	padding-top: 8px;
	margin: 5px;
	color: #666666;
	text-align: center;	
}



@media screen and (max-width: 640px) {
	.movieArea {
		height: 0;
		max-width: 100%;
		overflow: hidden;
		padding-bottom: 56.25%;
		position: relative;
		margin: 5px;
	}
	.movieArea iframe, .movieArea object, .movieArea embed {
		height: 100%;
		position: absolute;
		top: 0;
		width: 100%;
	}
	p.movie_comment {
		text-align: left;		
	}
	div.js-enqueteArea {
		width: 97%;
		margin: 0 auto;
	}
}


/*
	====================================
		popup js-enqueteArea layout
	====================================
*/

#popup_pagewidth {
	margin:0px auto 0px auto;
	padding:0px 26px 26px 26px;
}
#enq {
	width:700px;
	margin:0 auto;
	padding-bottom:15px;
}
#popup_pagewidth #enqueteArea {
	float:none;
}
#sbi_comment1 {
	margin-right: 80px;
}
.js-enqueteArea {
	clear: both;
	margin: 0 auto;
	width: 700px;
}
.btn_close {
	clear:both;
}
@media screen and (max-width: 640px) {
	#popup_pagewidth {
		padding: 0px;
		max-width: 96%;
	}
	.js-enqueteArea {
		clear: both;
		margin: 0 auto;
		width: auto;
	}
	#sbi_comment1 {
		margin: 0 auto;
	}
}

p.link_area,
div.link_area {
	margin: 20px auto 0;
	width: 560px;
}
div.link_area p {
	margin-bottom: 10px;
}
div.link_area ul {
	display: inline-block;
}
div.link_area ul.txtlink li {
	margin-left: 15px;
	margin-right: 0;
	float: none;
}
.bg_gray {
	border: 1px solid #e3e3e3;
	background-color: #f3f3f3;
	padding: 15px;
}

span.link_out {
	background: url("/support/share/images/icon_blank.gif") no-repeat scroll 0 0 transparent;
	display: inline-block;
	height: 0;
	overflow: hidden;
	padding: 9px 0 0;
	vertical-align: baseline;
	*vertical-align: middle;	/* for IE */
	width: 11px;
	margin-left: 3px;
}


@media screen and (max-width: 640px) {
	div.link_area {
		width: 96%;
	}
	div.link_area.bg_gray {
		width: 92%;
		padding: 9px;
	}

}