@charset "UTF-8";

#sample01 a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}
#sample02 a img {
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}
#sample02 a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}
#sample03 a {
	display: block;
	width: 152px;
	height: 34px;
	background: url(images/btn_02.gif) no-repeat 0 0;
}
#sample03 a:hover {
	background-position: 0 bottom;
}
#sample04 a {
	display: block;
	width: 152px;
	height: 34px;
	background: url(images/btn_02.gif) no-repeat 0 0;
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}
#sample04 a:hover {
	background-position: 0 bottom;
}

#sample05 a {
	position: relative;
	display: block;
	width: 152px;
	height: 34px;
	background: url(images/btn_01.gif) no-repeat 0 0;
	overflow: hidden;
}
#sample05 a span {
	opacity: 0;
	display: block;
	width: 20px;
	height: 100px;
	position: absolute;
	top: -34px;
	left: -152px;
	background: rgba(255, 255, 255, 0.2);
	background: -moz-linear-gradient(
		left,
		rgba(255, 255, 255, 0.2) 0%,
		rgba(255, 255, 255, 0.5) 40%,
		rgba(255, 255, 255, 0.8) 90%,
		rgba(255, 255, 255, 0.0) 100%
	);
	background: -webkit-linear-gradient(
		top,
		rgba(255, 255, 255, 0.2) 0%,
		rgba(255, 255, 255, 0.5) 40%,
		rgba(255, 255, 255, 0.8) 90%,
		rgba(255, 255, 255, 0.0) 100%
	);
	background: -webkit-gradient(
		linear, left top, right top,
		color-stop(0%  ,rgba(255, 255, 255, 0.2)),
		color-stop(40% ,rgba(255, 255, 255, 0.5)),
		color-stop(90% ,rgba(255, 255, 255, 0.8)),
		color-stop(100%,rgba(255, 255, 255, 0.0))
	);
	background: -o-linear-gradient(
		top,
		rgba(255, 255, 255, 0.2) 0%,
		rgba(255, 255, 255, 0.5) 40%,
		rgba(255, 255, 255, 0.8) 90%,
		rgba(255, 255, 255, 0.0) 100%
	);
	background: -ms-linear-gradient(
		top,
		rgba(255, 255, 255, 0.2) 0%,
		rgba(255, 255, 255, 0.5) 40%,
		rgba(255, 255, 255, 0.8) 90%,
		rgba(255, 255, 255, 0.0) 100%
	);
	background: linear-gradient(
		top,
		rgba(255, 255, 255, 0.2) 0%,
		rgba(255, 255, 255, 0.5) 40%,
		rgba(255, 255, 255, 0.8) 90%,
		rgba(255, 255, 255, 0.0) 100%
	);
	-webkit-transition-property: left, top, opacity;
	   -moz-transition-property: left, top, opacity;
	    -ms-transition-property: left, top, opacity;
		 -o-transition-property: left, top, opacity;
			transition-property: left, top, opacity;
	-webkit-transition-duration: 0.7s, 0.5s, 0.1s;
	   -moz-transition-duration: 0.7s, 0.5s, 0.1s;
	    -ms-transition-duration: 0.7s, 0.5s, 0.1s;
		 -o-transition-duration: 0.7s, 0.5s, 0.1s;
			transition-duration: 0.7s, 0.5s, 0.1s;
	-webkit-transition-timing-function: ease;
	   -moz-transition-timing-function: ease;
		-ms-transition-timing-function: ease;
		 -o-transition-timing-function: ease;
			transition-timing-function: ease;
	-webkit-transform: rotate(30deg);
	   -moz-transform: rotate(30deg);
		-ms-transform: rotate(30deg);
		 -o-transform: rotate(30deg);
			transform: rotate(30deg);
}
#sample05 a:hover span {
	opacity: 1;
	top: -50px;
	left: 174px;
}
#sample11 p {
	height: 154px;
	overflow: hidden;
}


#sample12 p a {
	display: block;
	width: 152px;
	height: 34px;
	background: url(images/btn_03_on.gif) no-repeat 0 0;
}