#slider {
	width: 800px;
	height: 300px;
	margin: auto;
	cursor: pointer;
/*background: -webkit-radial-gradient(#ffefce,
	#fcd78d);
background: -moz-radial-gradient(#ffefce,
	#fcd78d);
background: -ms-radial-gradient(#ffefce,
	#fcd78d);
background: -o-radial-gradient(#ffefce,
	#fcd78d);
background: radial-gradient(#ffefce,
	#fcd78d);
*/
}
#pat01_slide {
	width: 100px;
	height: 300px;
	background: #ccc;
	margin: 5px 0 0 5px;
	float: left;
	overflow: hidden;
	border: 2px solid #fff;
	outline: 1px solid #999
}
#pat02_slide {
	width: 200px;
	height: 300px;
	background: #ccc;
	margin: 5px 0 0 5px;
	float: left;
	overflow: hidden;
	border: 2px solid #fff;
	outline: 1px solid #999
}
#slide {
	width: 100px;
	height: 300px;
	background: #ccc;
	margin: 5px 0 0 5px;
	float: left;
	transition: all .5s ease-out;
	overflow: hidden;
	border: 2px solid #fff;
	outline: 1px solid #999;
}
#slide:hover {
	width: 400px;
}