@charset "UTF-8";

/* jquery-method */

span.roll {
    /*background:url(images/bg-more.png) right bottom  no-repeat #000;*/
	background:#0087bf;
    height:100%;
    position: absolute;
    width:100%;
	padding:3%;
    z-index: 10;	
	display:block;
	border-radius:5px;
	color:#fff;font-size:12px;
} 
span.roll2 {
	background:#b40e15;
}
.roll div {display:table-cell;}
.roll p { vertical-align: middle; text-align:center; line-height: normal}

/* css-method */
span.rollover {
	opacity: 1;
	-o-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-webkit-transition: -webkit-transform 1s;
	background:#fff;
	cursor: pointer;
	height:100%;
	width:100%;
	position: absolute;
	z-index: 10;
	opacity: 0;
	
}

span.rollover:hover {
	opacity: 1;
	-o-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-webkit-transition: -webkit-transform 1s;
}

.roll img {
height:35%;
width: auto;
margin:15% auto 5% auto;
}