@charset "UTF-8";
/* CSS Document */


a:hover .sample2{
    cursor:pointer;
    filter: alpha(opacity=100);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=100)";  /* ie 8 */
    -moz-opacity:1.0;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 1.0;              /* Safari 1.x */
    opacity:1.0;
    zoom:1;
}

.sample2 {
	overflow: hidden;
	margin:	0;
	position: relative;
	float: left;
}



.sample2 .caption1 {
	font-size: 150%;
	color: #1E0201;
	margin-top:30px;
	margin-bottom:30px;
	margin-left:40px;
}

#img_table .sample2 .caption1 {
	font-size: 130%;
	color: #1E0201;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: 40px;
}

.sample2 .caption2 {
	font-size: 100%;
	color: #1E0201;
	margin-left: 40px;
	margin-right: 40px;
	line-height: 1.8em;
}

.sample2 .mask {
	width: 100%;
	height: 100%;
	position: absolute;
	top: -16px;
	left: 0px;
	opacity: 0;	/* マスクを表示しない */
	background-color: rgba(255,255,255,0.8);
	-webkit-transition: all 0.6s ease;
	transition: all 0.6s ease;
}

.sample2:hover .mask {
	opacity: 1;	/* マスクを表示する */
	padding-top: 30px;	/* ホバーで下にずらす */
}