@charset "utf-8";
/*-----------------------------------------------*
	home.css
 *-----------------------------------------------*/
/* サムネイルイメージ画像*/
.frame_container{
	display:block;
	width: 600px;
	height: 150px;
	margin: 0 10px 0 10px;
	background-color:#7c7354
}
a {
	text-decoration:none;
}
.frame {
	position:relative;
	float:left;
}
.frame_img {
	position:relative;
	float:right;
	border:2;
}
.frame:hover > .screen {
	background-color:rgba(204,51,51,0.5);
	box-shadow: 0 0 0 5px  #B6D16D; inset;
}
.frame:hover > .title {
	display:block;
}
.frame:hover > .note {
	display:block;
}
.title {
	position:absolute;
	top:15px;left:20px;
	color:#FFF;
	font-weight:bold;
	font-size:200%;
	display:none;
}
.note {
	position:absolute;
	top:100px;left:10px;
	color:#FFF;
	font-size:100%;
	display:none;
}
.screen {
	background-color:rgba(204,51,51,0);
	position:absolute;
	top:0;left:0;
	width:195px;
	height:150px;
}



}