/*************************************************
例2
*************************************************/
/* フェードインさせる要素を包含する */
#boxset2 {
	width:790px;
	position:relative;
}

/* 未表示の場合でも表示領域を確保するために必要 */
#boxset2 div {
	position:absolute;
	margin-right:5px;
	margin-bottom:5px;
}
#boxset2 div:nth-child(1) {
	width:500px;
	height:200px;
	top:0;
	left:0;
}
#boxset2 div:nth-child(2) {
	width:140px;
	height:200px;
	top:0;
	left:505px;
}
#boxset2 div:nth-child(3) {
	width:140px;
	height:200px;
	top:0;
	left:650px;
}
#boxset2 div:nth-child(4) {
	width:290px;
	height:95px;
	top:205px;
	left:0;
}
#boxset2 div:nth-child(5) {
	width:290px;
	height:95px;
	top:305px;
	left:0;
}
#boxset2 div:nth-child(6) {
	width:500px;
	height:200px;
	top:205px;
	left:293px;
}
#boxset2 div:nth-child(7) {
	width:140px;
	height:200px;
	top:405px;
	left:0px;
}
#boxset2 div:nth-child(8) {
	width:500px;
	height:200px;
	top:405px;
	left:145px;
}
#boxset2 div:nth-child(9) {
	width:140px;
	height:200px;
	top:405px;
	left:650px;
}

/* 実際にフェードインさせる要素 */
#boxset2 div p {
	margin:0;
	color:#fff;
	width:100%;
	height:100%;
	display:none;
}
#boxset2 div p a {
	display:block;
	color:#fff;
	font-size:20px;
	width:100%;
	height:100%;
	
	padding-top:14px;
	text-align:center;
	box-sizing:border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

#boxset2 a:hover img{
opacity:0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
background: #fff;
}