@charset "utf-8";
@import url("/css/margin.css");
/*-------------------------------------------------

common

-------------------------------------------------*/
* {
	margin:0;
	padding:0;
}
html {
	overflow-y: scroll;/* filter: expression(document.execCommand("BackgroundImageCache",false, true));*/
}
body {
	color:#555;
	font-size:12px;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
	line-height:1.6em;
	-webkit-text-size-adjust:none;
	border-top:5px solid #d70c19;
	background:rgb(255, 246, 233);
}
img {
	border: 0;
	vertical-align:text-bottom;
}
table {
	width:100%;
	border-spacing:0;
	border-collapse:collapse;
}
ul li {
	list-style-type: none;
}
.indent {
	text-indent:1em;
}
.add {
	font-size:10px;
	line-height:1.4em;
}
.borderB {
	padding:0 0 20px 0;
	margin:0 0 20px 0;
	border-bottom:1px dotted #999;
}
.borderT {
	padding:20px 0 0 0;
	margin:20px 0 0 0;
	border-top:1px dotted #999;
}
.clear {
	clear:both;
}
.center {
	text-align:center;
}

/*-------------------------------------------------

link

-------------------------------------------------*/
a:link {
	color: #1985B3;
	text-decoration: underline;
}
a:visited {
	color: #1985B3;
	text-decoration: underline;
}
a:hover {
	color: #FF9900;
	text-decoration: underline;
}
a:active {
	color: #1985B3;
	text-decoration: underline;
}
/*-------------------------------------------------

header

-------------------------------------------------*/
#wrap{
	width:620px;
	margin:0 auto;
}
#header{
	padding:20px 0;
}
h1{
	color:#d70c19;
	font-size:20px;
}
iframe{
	width:560px;
	height:315px;
}

/*-------------------------------------------------

content

-------------------------------------------------*/
#content{
	padding:30px;
	border-radius: 8px;         /* CSS3 */
	-moz-border-radius: 8px;    /* Firefox */
	-webkit-border-radius: 8px; /* Safari,Chrome */
	background:#FFF;
	border:2px solid #d70c19;
	-webkit-box-shadow: 1px 1px 2px 0px #D3D3D3; /* Safari, Chrome用 */
	-moz-box-shadow: 1px 1px 2px 0px #D3D3D3; /* Firefox用 */
	box-shadow:1px 1px 2px 0px #D3D3D3;
}
#movieBox{
	padding:0 20px;
}
.closeBtn {
	color:#FFF;
	font-size:14px;
	cursor:pointer;
	font-weight:bold;
	padding:1em 3em;
	background: #20ADCB;
	border:1px solid #20ADCB;
	border-radius: 8px;         /* CSS3 */
	-moz-border-radius: 8px;    /* Firefox */
	-webkit-border-radius: 8px; /* Safari,Chrome */
	-webkit-appearance: none;
}
/*-------------------------------------------------

footer

-------------------------------------------------*/
#footer{
	font-size:10px;
	text-align:center;
	padding:20px;
}
#footer div{
	margin:0 0 20px 0;
}


@media screen and (min-width: 0px) and (max-width: 720px) {
	body {
	padding: 10px;
		}
	#wrap{
	width:100%;
}
	iframe{
	width:100%;
	height:auto;
}
#content{
	padding:10px;
}
}