@charset "utf-8";


p.erea_title1{
	text-align:left;
	padding: 5px 10px 0px 5px;
	font-weight: bold;
	font-size: 150%;
	color: #1A00A0;

}

p.erea_title2{
	text-align:left;
	padding: 5px 0px 0px 30px;
	font-weight: bold;
	font-size: 150%;
	color: #1A00A0;

}




/* --- 地方別ボタンエリア（districtbutton） --- */
div#db_header {

	padding: 40px;
	margin: 0 auto;
	text-align:center;


}


/* --- メンバーリストエリアラッパー --- */
div#ml_wrapper {

	padding: 10px;
	margin: 0 auto;
	text-align:center;


}

/* --- 地方エリア バックグラウンド --- */
div#erea_bg {

	background-color: #BDC4EE;
	width: 720px;
	margin: 20px auto;
	text-align:center;

}


/* --- リストエリア バックグラウンド --- */
.ml_bg {

	background-color: #FFF;
	width: 670px;
	margin: 5px 25px auto;
	text-align:center;


}

/* --- リストエリア --- */
ul.thumbnail {
width: 670px; /* リストエリアの幅 */

padding: 0;

border-top: 1px #808080 dotted; /* リストエリアの上境界線 */
list-style-type: none;
margin: 0 auto;
text-align:left;
}

/* --- リスト項目 --- */
ul.thumbnail li {
padding: 20px 15px; /* リスト項目のパディング（上下、左右） */
border-bottom: 1px #808080 dotted; /* リスト項目の下境界線 */
}

/* --- 項目内容 --- */
ul.thumbnail dl {
width: 600px;
margin: 0 10px 0 10px;
font-size: 11pt;
}

/* --- 写真エリア --- */
ul.thumbnail dt {
width: 160px; /* 写真エリアの幅 */
float: left;

}
ul.thumbnail dt img {
border: 2px #808080 solid; /* 写真の境界線 */
}

/* --- キャプションエリア(名前) --- */
ul.thumbnail dd.name {
margin: 0 10px 0 180px; /* キャプションエリアのマージン（上右下左） */
line-height: 150%;
font-size: 14pt;
font-weight: bold;
border-bottom:solid 2px #808080;
}

/* --- キャプションエリア --- */
ul.thumbnail dd.t_name {
margin: 0px 10px 0 180px; /* キャプションエリアのマージン（上右下左） */
line-height: 150%;
font-size: 12pt;
}

/* --- キャプションエリア --- */
ul.thumbnail dd.add {
margin: 0 10px 0 180px; /* キャプションエリアのマージン（上右下左） */
line-height: 150%;
font-size: 12pt;
}

/* --- キャプションエリア(コメント欄)--- */
ul.thumbnail dd.comments {
margin: 5px 10px 0 180px; /* キャプションエリアのマージン（上右下左） */
line-height: 150%;
font-size: 10pt;
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}

