@charset "utf-8";

@import url("common.css");

/* ============================================================
	technology.css
		Last Update : 2006/12/21(Thu)
		Written By : KOKUBO,Mugi
		「松井建設株式会社」サイト「技術情報」カテゴリ
============================================================ */

/* ==== HeadLine ===== */

#main h2#hl-index { background-image: url('../technology/images/index_title.gif'); }
#main h2#hl-earthquake { background-image: url('../technology/images/earthquake_title.gif'); }
#main h2#hl-hacca { background-image: url('../technology/images/hacca_title.gif'); }

/* ====================================================================== */
/* ==== Main ===== */

#main dl.list {
	margin-top: 1em;
}

#main dl.list dt {
	float: left;
	margin-right: 1em;
}

#main dl.list dd {
	display: block;
	padding-left: 5em;
	padding-bottom: 0.5em;
	margin-left: 1em;
	margin-right: 1.5em;
}

#main p.img-right img {
	float: right;
	margin-left: 1em;
}

#main p.description-left {
	width: 50%;
}

#main dl.col {
	float: left;
	margin: 1em 0.5em;
}

#main dl.col dt,
#main dl.col dd {
	margin: 0;
}

#main dl.col dd img {
	margin: 0;
}

#main h5 {
	margin: 1em 0;
	font-size: 80%;
}

#main img.center {
	text-align: center;
}

#main p.img-caption {
	text-align: right;
	padding-bottom: 1.5em;
}
/* ====================================================================== */
/* ==== Menu ===== */

#menu h4 a,
#menu ul li a { background-image: url('../technology/images/menu.gif'); }

#menu ul li a { height: 21px; }

#menu ul li a#lm-earthquake {
	margin-top: -8px;
	_margin-top: -6px;
}

#menu ul li a#lm-earthquake { background-position: 0px -30px; }
#menu ul li a#lm-earthquake:hover { background-position: -165px -30px; }
#menu ul li a#lm-hacca { background-position: 0px -51px; }
#menu ul li a#lm-hacca:hover { background-position: -165px -51px; }