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

#header {
	background: #222 url(../images/113_asaba_images/header_bg.jpg) no-repeat 420px bottom;
}
#contents #topics, #contents #restaurant {
	clear: both;
	margin-left: 40px;
	padding-top: 13px;
}
#contents #topics dl {
	font-size: 87.5%;
}
#contents #topics dl dt {
	color: #768358;
	width: 6em;
	float: left; /* 自分よりも後のものに対して */
	clear: left; /* 階段状になってレイアウトが崩れてしまうのを回避（自分自身のfloatを打ち消すものではない。clear：自分よりも前のものに対して）*/
}
#contents #topics dl dd {
	margin-right: 40px;
	margin-bottom: 5px;
	margin-left: 6.5em;
}
#contents #restaurant dl {
	float: left;
	width: 132px; /* ボーダー枠分も考慮 */
	margin-right: 12px; /* ボックス間のスペース */
	padding-bottom: 25px;
}
#restaurant dl dt {
	margin-bottom: 5px;
}
#contents #restaurant dl dt a img {
	background: #fff;
	padding: 2px;
	border: 1px solid #ccc; /* 画像の枠は、jpegでは画質上ぼやけてしまうので、cssで設定した方がよい */
}
#contents #restaurant dl dt a:hover img {
	opacity: 0.8; /* 透明度80% */
	filter: alpha(opacity=80); /* 古いブラウザ向けの記述 */
	border: 1px solid #e48383;
}
#contents #restaurant dl dd {
	font-size: 75%;
}