/* CSS Document */

#products{
	width:980px;
	margin:0 auto;	
}

.list01 li{
	width:50%;
	float:left;
}

h4{
	margin-top:35px;	
}

.item{
	margin-top:25px;
	margin-bottom:75px;	
}

.item01,
.item02{
	width:300px;
	float:left;
	margin-right:40px;
}	

.item03{
	width:300px;
	float:left;	
}

.item li .btn01{
	margin-top:10px;
	text-align:center;	
}

.item li .btn02{
	margin-top:40px;
	text-align:center;	
}

.movie_list{
	margin:20px 0 40px;	
}

.movie_list li{
	width:320px;
	float:left;
	margin-right:10px;
}
.movie_list li.last{
	margin-right:0;	
}


@media (max-width:670px) {
	#products{
		width:100%;
		margin:0 auto;	
	}	
	
	h4{
		width:90%;
		margin:15px auto 0;	
	}
	
	.item{
		width:90%;
		margin:10px auto 35px;
	}
	
	
	
	.item01,
	.item02{
		width:100%;
		float:none;
		text-align:center;
		margin-right:0px;
		margin-bottom:20px;
	}	
	
	.item03{
		width:100%;
		float:none;
		text-align:center;
		margin-right:0px;
		margin-bottom:20px;
	}
	
	.item li img{
		width:100%;
		height:auto;
	}
	
	.item li .btn01{
		margin-top:10px;
		text-align:center;	
	}
	
	.item li .btn02{
		margin-top:20px;
		text-align:center;	
	}
	
	.item li .btn01 a img{
		width:60%;
		height:auto;
	}
	
	.item li .btn02 a img{
		width:50%;
		height:auto;
	}
	
	.movie_list{
		width: 90%;
		margin:20px auto 40px;	
	}
	
	.movie_list li{
		width:100%;
		float:none;
		margin-bottom:20px;
		margin-right:0px;
	}
	.movie_list li.last{
		margin-right:0;	
	}
	
	.movie_list li iframe{
		width:100%;	
	}
	
}