@charset "Shift_JIS";

/* === カテゴリー「施工事例」内の共通スタイル定義 === */

/* --- カテゴリー内共通 --- */
#j07, #j06, #j05, #j04, #j03, #j02, #j01, #j00 {
	float: right;
	width: 500px;
	padding-top: 5px;
}

h2 {
	background-image: url(../img/precedence/title.gif);
	background-repeat: no-repeat;
/*	height: 36px;
	width: 640px;*/
}

h3 {
	margin-top: 5px;
	margin-left: 20px;
}

dt {
	color: #687e52;
}

dd {
	margin-left: 1em;
}

#bikou {
	margin-bottom: 0.5em;
}

#sekou {
	text-align: right;
}

ul#photo li {
	position: absolute;
	left: -999px;
	top: -999px;
}

.photo1 {
	float: right;
	width: 300px;
	margin-left: 20px;
}

.photo2 {
	clear: both;
	padding-top: 10px;
}

/* --- メニュー部 --- */
#m01 a {
	background-image: url(../img/precedence/m011.gif);
	background-repeat: no-repeat;
	display: block;
	height: 36px;
	width: 140px;
}

#m01 a:hover, #m01 a:active {
	background-image: url(../img/precedence/m012.gif);
	background-repeat: no-repeat;
}

#m02 a {
	background-image: url(../img/precedence/m021.gif);
	background-repeat: no-repeat;
	display: block;
	height: 36px;
	width: 140px;
}

#m02 a:hover, #m02 a:active {
	background-image: url(../img/precedence/m022.gif);
	background-repeat: no-repeat;
}

#m03 a {
	background-image: url(../img/precedence/m031.gif);
	background-repeat: no-repeat;
	display: block;
	height: 36px;
	width: 140px;
}

#m03 a:hover, #m03 a:active {
	background-image: url(../img/precedence/m032.gif);
	background-repeat: no-repeat;
}

#m04 a {
	background-image: url(../img/precedence/m041.gif);
	background-repeat: no-repeat;
	display: block;
	height: 36px;
	width: 140px;
}

#m04 a:hover, #m04 a:active {
	background-image: url(../img/precedence/m042.gif);
	background-repeat: no-repeat;
}

#m05 a {
	background-image: url(../img/precedence/m051.gif);
	background-repeat: no-repeat;
	display: block;
	height: 36px;
	width: 140px;
}

#m05 a:hover, #m05 a:active {
	background-image: url(../img/precedence/m052.gif);
	background-repeat: no-repeat;
}

#m06 a {
	background-image: url(../img/precedence/m061.gif);
	background-repeat: no-repeat;
	display: block;
	height: 36px;
	width: 140px;
}

#m06 a:hover, #m06 a:active {
	background-image: url(../img/precedence/m062.gif);
	background-repeat: no-repeat;
}

#m07 a {
	background-image: url(../img/precedence/m071.gif);
	background-repeat: no-repeat;
	display: block;
	height: 36px;
	width: 140px;
}

#m07 a:hover, #m07 a:active {
	background-image: url(../img/precedence/m072.gif);
	background-repeat: no-repeat;
}

/* --- トップページ（施工事例一覧） --- */
#j00 h3 {
	position: absolute;
	left: -999px;
	top: -999px;
}

.tn1 {
	float: left;
	width: 150px;
	margin-bottom: 15px;
}

.tn2 {
	float: left;
	width: 150px;
	margin-bottom: 15px;
	margin-left: 15px;
}

.tn3 {
	float: left;
	width: 150px;
}

.tn4 {
	float: left;
	width: 150px;
	margin-left: 15px;
}

#j00 a {
	text-align: center;
}

#lk01 a {
	background-image: url(../img/precedence/tn01.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 150px;
	padding-top: 115px;
}

#lk02 a {
	background-image: url(../img/precedence/tn02.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 150px;
	padding-top: 115px;
}

#lk03 a {
	background-image: url(../img/precedence/tn03.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 150px;
	padding-top: 115px;
}

#lk04 a {
	background-image: url(../img/precedence/tn04.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 150px;
	padding-top: 115px;
}

#lk05 a {
	background-image: url(../img/precedence/tn05.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 150px;
	padding-top: 115px;
}

#lk06 a {
	background-image: url(../img/precedence/tn06.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 150px;
	padding-top: 115px;
}

#lk07 a {
	background-image: url(../img/precedence/tn07.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 150px;
	padding-top: 115px;
}

/* --- 兵庫県神戸市須磨区（高倉山） --- */
#j01 h3 {
	background-image: url(../img/precedence/j01.gif);
	background-repeat: no-repeat;
	height: 35px;
	width: 160px;
}

#photo01-1 {
	background-image: url(../img/precedence/photo01-1.jpg);
	background-repeat: no-repeat;
	float: right;
	height: 225px;
	width: 300px;
	margin-bottom: 5px;
	margin-left: 20px;
}

#txt01-1 {
	position: absolute;
	left: -999px;
	top: -999px;
}

#photo01-2 {
	background-image: url(../img/precedence/photo01-2.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 225px;
	width: 300px;
	margin-right: 5px;
}

#photo01-3 {
	background-image: url(../img/precedence/photo01-3.jpg);
	background-repeat: no-repeat;
	text-align: center;
	float: left;
	width: 175px;
	padding-top: 135px;
}

/* --- 兵庫県神戸市須磨区（立原台地区） --- */
#j02 h3 {
	background-image: url(../img/precedence/j02.gif);
	background-repeat: no-repeat;
	height: 35px;
	width: 160px;
}

#photo02-1 {
	background-image: url(../img/precedence/photo02-1.jpg);
	background-repeat: no-repeat;
	height: 225px;
	width: 300px;
	padding-bottom: 15px;
}

#photo02-2 {
	background-image: url(../img/precedence/photo02-2.jpg);
	background-repeat: no-repeat;
	height: 225px;
	width: 300px;
}

/* --- 兵庫県姫路市安富町（皆河地区） --- */
#j03 h3 {
	background-image: url(../img/precedence/j03.gif);
	background-repeat: no-repeat;
	height: 35px;
	width: 160px;
}

#photo03-1 {
	background-image: url(../img/precedence/photo03-1.jpg);
	background-repeat: no-repeat;
	height: 225px;
	width: 300px;
	padding-bottom: 15px;
}

#photo03-2 {
	background-image: url(../img/precedence/photo03-2.jpg);
	background-repeat: no-repeat;
	height: 225px;
	width: 300px;
}

/* --- 兵庫県姫路市安富町（安志地区） --- */
#j04 h3 {
	background-image: url(../img/precedence/j04.gif);
	background-repeat: no-repeat;
	height: 35px;
	width: 160px;
}

#photo04-1 {
	background-image: url(../img/precedence/photo04-1.jpg);
	background-repeat: no-repeat;
	height: 225px;
	width: 300px;
	padding-bottom: 15px;
}

#photo04-2 {
	background-image: url(../img/precedence/photo04-2.jpg);
	background-repeat: no-repeat;
	height: 225px;
	width: 300px;
}

/* --- 愛知県知多郡南知多町（豊浜地区） --- */
#j05 h3 {
	background-image: url(../img/precedence/j05.gif);
	background-repeat: no-repeat;
	height: 35px;
	width: 160px;
}

#photo05-1 {
	background-image: url(../img/precedence/photo05-1.jpg);
	background-repeat: no-repeat;
	height: 225px;
	width: 300px;
	padding-bottom: 15px;
}

#photo05-2 {
	background-image: url(../img/precedence/photo05-2.jpg);
	background-repeat: no-repeat;
	height: 225px;
	width: 300px;
}

/* --- 兵庫県佐用郡佐用町（水根地区） --- */
#j06 h3 {
	background-image: url(../img/precedence/j06.gif);
	background-repeat: no-repeat;
	height: 35px;
	width: 160px;
}

#photo06-1 {
	background-image: url(../img/precedence/photo06-1.jpg);
	background-repeat: no-repeat;
	height: 225px;
	width: 300px;
	padding-bottom: 15px;
}

#photo06-2 {
	background-image: url(../img/precedence/photo06-2.jpg);
	background-repeat: no-repeat;
	height: 225px;
	width: 300px;
}

/* --- 愛知県知多郡南知多町（聖崎公園） --- */
#j07 h3 {
	background-image: url(../img/precedence/j07.gif);
	background-repeat: no-repeat;
	height: 35px;
	width: 160px;
}

#photo07-1 {
	background-image: url(../img/precedence/photo07-1.jpg);
	background-repeat: no-repeat;
	height: 225px;
	width: 300px;
	padding-bottom: 15px;
}

#photo07-2 {
	background-image: url(../img/precedence/photo07-2.jpg);
	background-repeat: no-repeat;
	height: 225px;
	width: 300px;
}
