@charset "utf-8";
*{
	margin:0;
	padding:0;
}
img{
	vertical-align:bottom;
}

.container{
	max-width:740px;
	width:100%;
	margin:0 auto;
	background:url(../images/bg.jpg);
}
header{
	background:#02254F;
}
	header ul{
		max-width:660px;
		margin:0 auto;
		padding:10px 0;
	}
	header li{
		list-style:none;
		background:url(../images/link_icon.jpg) no-repeat 0 0.7em;
		display:inline;
		padding:10px 20px 10px 1.2em;
		font-size:90%;
	}
	header a:link{
		color:#FFF;
		text-decoration:none;
	}
	header a:visited{
		color:#FFF;
		text-decoration:none;
	}
	header a:hover{
		color:#FFF;
		text-decoration:none;
	}
.main{
	text-align:center;
	padding:50px 0;
}
	.main .movie{
		margin-bottom:90px;
	}
	.main .btn{
		margin-bottom:20px;
	}

footer{
	max-width:740px;
	margin:0 auto;
	padding:15px 0;
	color:#999;
	text-align:center;
	font-size:80%;
	border-top:#00B2FD 3px solid;
}

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
  Media Queries による切り替え
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

/* スマホ向けのスタイル：0px〜480px（基準は320px）---------------------------------------------------------------------------*/
@media only screen and (min-width: 0px) {

	
}


/* タブレット向けのスタイル：722px ～ 950px---------------------------------------------------------------------------*/
@media only screen and (min-width: 721px) {

	
}

/*  PC向けのスタイル：1000px以上---------------------------------------------------------------------------*/
@media only screen and (min-width: 999px) {

	
}