h1 {
	font: normal 390%/110% Garamond, Georgia, serif;
	letter-spacing: -2px;
	text-transform: uppercase;
	text-align: center;
	margin: 0;
}
.credits {
	font: 130%/110% Garamond, Georgia, serif;
	text-align: center;
	color: #999;
	width: 300px;
	margin: .5em auto 1.5em;
	padding-top: 8px;
	border-top: 1px solid #ededed;
	letter-spacing: 2px;
}
.credits em {
	color: #999;
}
.credits a {
	color: #333;
	text-decoration: none;
	text-transform: uppercase;
}
.credits a:hover {
	text-decoration: underline;
}
img {
	border: none;
}

/* ---------- gallery styles start here ----------------------- */
.gallery {
	list-style: none;
	margin: 0;
	padding: 0;
}
.gallery li {
	margin: 10px;
	padding: 0;
	float: left;
	position: relative;
	width: 212px;		/*  mask画像の高さ＋α含む？  */
	height: 175px;		/*  mask画像の高さ＋α含む？  */
}

.gallery a {
	text-decoration: none;
	color: #999;
}
.gallery a:hover {
	color: #000;
	text-decoration: underline;
}
.gallery img {
	border: none;
	padding: 14px 12px 12px 13px;　　　/*  四隅のオフセット  */
}
.gallery em {			/*  画像のタイトル文字設定  */
	width: 193px;   	/*  （参考）mask画像の横幅  193*162   画像　170*120  */
	height: 25px;
	display: block;
	position: absolute;
	top: 2px;		　　　/*    */
	left: 2px;
	background: url(./tape.png) no-repeat;
	text-align: center;
	font: italic 100%/100% Georgia, "Times New Roman", Times, serif;
	padding-top: 125px;	　　　/*  上からのオフセット＋画像高さ＋α  */
}

/* ---------- gallery2 styles start here ----------------------- */
.gallery2 {
	list-style: none;
	margin: 0;
	padding: 0;
}
.gallery2 li {
	margin: 10px;
	padding: 0;
	float: left;
	position: relative;
	width: 212px;
	height: 192px;   
}

.gallery2 a {
	text-decoration: none;
	color: #999;
}
.gallery2 a:hover {
	color: #000;
	text-decoration: underline;
}
.gallery2 img {
	border: none;
	padding: 14px 12px 62px 13px;
}
.gallery2 em {
	width: 193px;
	height: 25px;
	display: block;
	position: absolute;
	top: 2px;
	left: 2px;
	background: url(./sea-tate.png) no-repeat;
	text-align: center;
	font: italic 100%/100% Georgia, "Times New Roman", Times, serif;
	padding-top: 168px;
}



/* ---------- gallery3 styles start here 271*195　四隅切り込み画像で基本パターン----------------------- */
.gallery3 {
	list-style: none;
	margin: 0;
	padding: 0;
}
.gallery3 li {
	margin: 0px;		/*  mask画像+画像全体の左マージン  */
	padding: 0;
	float: left;
	position: relative;
	width: 282px;		/*  mask画像の高さ＋α含む  */
	height: 217px;		/*  mask画像の高さ＋α含む  */
}

.gallery3 a {
	text-decoration: none;
	color: #999;
}
.gallery3 a:hover {
	color: #000;
	text-decoration: underline;
}
.gallery3 img {
	border: none;
	padding: 2px 2px 2px 2px;　　　/*  四隅のオフセット  */
}
.gallery3 em {			/*  画像のタイトル文字設定  */
	width: 274px;   	/*  （参考）mask画像の横幅  275*199   画像width=267 height=192  */
	height: 15px;
	display: block;
	position: absolute;
	top: -2px;		　　　/*    */
	left: -2px;
	background: url(./cut-corner275.png) no-repeat;
	text-align: center;
	font: italic 100%/100% Georgia, "Times New Roman", Times, serif;
	padding-top: 202px;	　　　/*  上からのオフセット＋画像高さ＋α  */
}
/* ---------- gallery4 styles start here 120*90  topへのリンク用----------------------- */
.gallery4 {
	list-style: none;
	margin: 0;
	padding: 0;
}
.gallery4 li {
	margin: 0px;
	padding: 0;
	float: left;
	position: relative;
	width: 122px;		/*  mask画像の高さ＋α含む  */
	height: 100px;		/*  mask画像の高さ＋α含む  */
}

.gallery4 a {
	text-decoration: none;
	color: #999;
}
.gallery4 a:hover {
	color: #000;
	text-decoration: underline;
}
.gallery4 img {
	border: none;
	padding: 0px 0px 0px 0px;　　　/*  乗せる画像のオフセット  */
}
.gallery4 em {			/*  画像のタイトル文字設定  */
	width: 128px;   	/*  （参考）mask画像の横幅  128*98   画像　120*90  */
	height: 15px;
	display: block;
	position: absolute;
	top: -2px;		　　　/*    */
	left: -2px;
	background: url(./blue-dot128.png) no-repeat;
	text-align: center;
	font: italic 100%/100% Georgia, "Times New Roman", Times, serif;
	padding-top: 92px;	　　　/*  上からのオフセット＋画像高さ＋α  */
}
/* ---------- gallery5 styles start here tape width=120 height=162----------------------- */
.gallery5 {
	list-style: none;
	margin: 0;
	padding: 0;
}
.gallery5 li {
	margin: 10px;
	padding: 12;
	float: left;
	position: relative;
	width: 132px;		/*  mask画像の高さ＋α含む  */
	height: 170px;		/*  mask画像の高さ＋α含む  */
}

.gallery5 a {
	text-decoration: none;
	color: #999;
}
.gallery5 a:hover {
	color: #000;
	text-decoration: underline;
}
.gallery5 img {
	border: none;
	padding: -20px -10px -10px -10px;　　　/*  乗せる画像のオフセット  */
}
.gallery5 em {			/*  画像のタイトル文字設定  */
	width: 120px;   	/*  （参考）mask画像の横幅    画像　width=120 height=162  */
	height: 15px;
	display: block;
	position: absolute;
	top: 0px;		　　　/*    */
	left: 30px;
	background: url(./tape.png) no-repeat;
	text-align: center;
	font: italic 100%/100% Georgia, "Times New Roman", Times, serif;
	padding-top: 175px;	　　　/*  上からのオフセット＋画像高さ＋α  */
}