@charset "utf-8";

@import "../../../files/css/layout.css";


#main {
	background:url(../img/index/main/bg.jpg) 0 0 repeat-y;
}

	#main img {
		width:100%;
		height:auto;
	}	
	
/*-------------------------------------------------------------------------
	manual_navi
/*-----------------------------------------------------------------------*/	

#manual_navi {
}


/*-------------------------------------------------------------------------
	manual
/*-----------------------------------------------------------------------*/	

#manual01 {
}

	#manual01 .movie {
		background:url(../img/index/manual01/movie.png) 0 0 no-repeat;
		position: relative;
  		width:100%;
		padding-top:56.25%;
		background-size: contain;
		margin:0 0 -3.5% 0;
	}
	
	#manual02 .movie {
		background:url(../img/index/manual02/movie.png) 0 0 no-repeat;
		position: relative;
  		width:100%;
		padding-top:56.25%;
		background-size: contain;
		margin:0 0 -3.5% 0;
	}
	
	#manual03 .movie {
		background:url(../img/index/manual03/movie.png) 0 0 no-repeat;
		position: relative;
  		width:100%;
		padding-top:56.25%;
		background-size: contain;
		margin:0 0 -8.5% 0;
	}
	
	#manual04 .movie {
		background:url(../img/index/manual04/movie.png) 0 0 no-repeat;
		position: relative;
  		width:100%;
		padding-top:56.25%;
		background-size: contain;
		margin:0 0 -8.3% 0;
	}
	
	#manual05 .movie {
		background:url(../img/index/manual05/movie.png) 0 0 no-repeat;
		position: relative;
  		width:100%;
		padding-top:56.25%;
		background-size: contain;
		margin:0 0 -8.2% 0;
	}
	
	#manual06 .movie {
		background:url(../img/index/manual06/movie.png) 0 0 no-repeat;
		position: relative;
  		width:100%;
		padding-top:56.25%;
		background-size: contain;
		margin:0 0 -8.2% 0;
	}
	
	#manual07 .movie {
		background:url(../img/index/manual07/movie.png) 0 0 no-repeat;
		position: relative;
  		width:100%;
		padding-top:56.25%;
		background-size: contain;
		margin:0 0 -8.2% 0;
	}
	
	#manual01 .movie iframe,
	#manual02 .movie iframe,
	#manual03 .movie iframe,
	#manual04 .movie iframe,
	#manual05 .movie iframe,
	#manual06 .movie iframe,
	#manual07 .movie iframe {
		position: absolute;
  		top:0;
		left:11%;
		width: 75% !important;
  		height: 75% !important;
		border:#d0c4b0 solid 4px;
		padding:6px 6px 6px 6px;
	}
	
	@media screen and (max-width: 480px) {
	#manual01 .movie iframe,
	#manual02 .movie iframe,
	#manual03 .movie iframe,
	#manual04 .movie iframe,
	#manual05 .movie iframe,
	#manual06 .movie iframe,
	#manual07 .movie iframe {
		position: absolute;
  		top:0;
		left:10%;
		width: 75% !important;
  		height: 75% !important;
		border:#d0c4b0 solid 3px;
		padding:4px 4px 4px 4px;
	}
	}


/*-------------------------------------------------------------------------
	sec02
/*-----------------------------------------------------------------------*/	


	






/*-------------------------------------------------------------------------
	footer
/*-----------------------------------------------------------------------*/