/* --- リストエリア --- */
ul.thumbnail {
width: 100%; /* リストエリアの幅 */
margin: 0;
padding: 15px 5px 5px 0; /* リストエリアのパディング（上、左右、下） */
/* border-top: 1px #808080 dotted; /* リストエリアの上境界線 */ 
list-style-type: none;
background:url(img/bg_bwn.jpg);
background-repeat: repeat;
height: 380px; /* リストエリアの幅 */
}


/* --- リスト項目 --- */
ul.thumbnail li {
width: 192px; /* 項目の幅 */
height: 190px; /* リストエリアの幅 */
margin: 0 2px; /* 内容のセンタリング */
float: left;
}

/* --- 項目内容 --- */
ul.thumbnail dl {
width: 182px; /* 内容の幅 */
margin: 0 auto; /* 内容のセンタリング */
font-size: 90%;
}

/* --- 写真エリア --- */
ul.thumbnail dt {
/* height: 102px; */ /* 写真エリアの高さ（dt要素の高さを指定する場合） */
text-align: center;
margin-bottom: 5px; /* 写真エリアの下マージン */
}
ul.thumbnail dt img {
border: 1px #808080 solid; /* 写真の境界線 */
}

/* --- キャプションエリア --- */
ul.thumbnail dd {
margin: 0 0 3px; /* キャプションエリアのマージン（上、左右、下） */
height: 6.5em; /* キャプションエリアの高さ */
line-height: 120%;
}

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