body {
	color:#1a1a1a;
	margin:0px;
	padding:0px;
	background:#f0f0f0;
}

/* テーブル・段落 */
td { font-size:13px; line-height:0%; }
p  { margin:2px 4px; }

/* リンク */
a       { color:#0000ff; text-decoration:underline; }
a:hover { color:#ffffff; text-decoration:none; background-color:#f0f8ff; }

#wrapper {
width:1000px;
margin:0 auto;
}
/* 写真幅 */
figure {
	position: relative;
	overflow: hidden;
	width: 600px;
}
figcaption {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.1);
	-webkit-transition: .3s;
	transition: .3s;
	opacity: 0;
}
figcaption h3,
figcaption p {
	position: absolute;
	left: -100%;
	width: 600px;
	-webkit-transition: .3s;
	transition: .3s;
}
figcaption h3 {
	top: 30px;
}
figcaption p {
	top: 75px;
}
figure:hover figcaption {
	opacity: 1;
}
/* 現れる文字位置 */
figure:hover figcaption h3,
figure:hover figcaption p {
	left: 10px;
}
figure:hover figcaption h3 {
	-webkit-transition-delay: .2s;
	transition-delay: .2s;
}
figure:hover figcaption p {
	-webkit-transition-delay: .5s;
	transition-delay: .5s;
}
}