@charset "utf-8";
/* CSS Document */

/* --- リストエリア --- */
ul.thumbnail {
	width: 800px; /* リストエリアの幅 */
	margin: 0 auto 0 auto;
	padding: 10px 0px 0 0px; /* リストエリアのパディング（上、右、下、左） */
	list-style-type: none;
}

/* --- リスト項目 --- */
ul.thumbnail li {
	width: 99%; /* 項目の幅 */
	float: left;
	margin-bottom: 20px; /* 項目の下マージン */
	text-align: left;
}

/* --- 項目内容 --- */
ul.thumbnail dl {
	width: 90%;
	margin: 0;
	font-size: 100%;
	padding-left: 50px;
}

/* --- 写真エリア --- */
ul.thumbnail dt {
	width: 400px; /* 写真エリアの幅 */
	float: left;
	font-size: 13px;
	color: #333;
}

/* --- 画像 --- */
ul.thumbnail dt img {
	padding: 7px; /* 画像のパディング */
	background-color: #CCC; /* 画像の背景色 */
	border: 1px solid; /* 画像の境界線 */
	border-color: #a9a9a9 #808080 #808080 #a9a9a9; /* 画像の境界線色（上右下左） */
}

/* --- キャプションエリア --- */
ul.thumbnail dd {
	margin: 0 0 0 0px; /* キャプションエリアのマージン（上右下左） */
	line-height: 180%;
	padding-top: 10px;
	padding-left: 450px;
	color: #009;
	font-size: 14px;
}


/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}