.about {
	float: left;
	height: auto;
	width: 700px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	background-repeat: no-repeat;
}
/* --- リストエリア --- */
ul.thumbnail {
	width: 700px; /* リストエリアの幅 */
	margin: 0;
	padding: 0;
	border-top: 1px #808080 dotted; /* リストエリアの上境界線 */
	list-style-type: none;
}

/* --- リスト項目 --- */
ul.thumbnail li {
padding: 30px 15px; /* リスト項目のパディング（上下、左右） */
border-bottom: 1px #808080 dotted; /* リスト項目の下境界線 */
height: 155px;
}

/* --- 項目内容 --- */
ul.thumbnail dl {
width: 100%;
margin: 0;
font-size: 80%;
}

/* --- 写真エリア --- */
ul.thumbnail dt.photo {
width: 160px; /* 写真エリアの幅 */
float: left;
}
ul.thumbnail dt.photo img {
border: 1px #808080 solid; /* 写真の境界線 */
}

/* --- キャプションエリア --- */
ul.thumbnail dt.title,
ul.thumbnail dd,
ul.thumbnail dt.catch  {
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 240px;
}

/* --- タイトルエリア --- */
ul.thumbnail dt.title {
	margin-bottom: 0px; /* タイトルエリアの下マージン */
	line-height: 170%;
	font-size: 20px;
	color:#FF6600
}
ul.thumbnail dd.catch {
	margin-bottom: 0px; /* タイトルエリアの下マージン */
	
	line-height: 120%;
	font-size: 10px;
	color:#FF6600
}
/* --- コメントエリア --- */
ul.thumbnail dd {
	line-height: 170%;
	font-size: 12px;
}

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