@charset "UTF-8";

/* CSS Document */

/* ---------------
　詳細ページ
--------------- */
/* 施工事例基本情報 */
#caseInfoBox {
	margin-bottom: 20px;
	padding: 20px;
	background-color: #F5F3F0;
}

/* 表（建物面積など） */

#bunjyou table.entryField {
	width: 630px;
	margin: 0 0 5px;
	padding: 0;
	border: none;
	text-align: left;
	border-collapse: collapse;
}

#bunjyou table.entryField tr {
}

#bunjyou table.entryField th {
	padding: 5px 10px 3px 0;
	font-weight: bold;
	border-top: none;
	border-right: none;
	border-bottom: 1px solid #CCC;
	border-left: none;
	background-color: transparent;
	width: 65px;
}

#bunjyou table.entryField td {
	width: 220px;
	padding: 5px 10px 3px 10px;
	border-top: none;
	border-right: none;
	border-bottom: 1px solid #CCC;
	border-left: none;
	background-color: transparent;
}

#bunjyou table.entryField p.summary {
	clear: both;
	padding: 0 0 5px 0;
	margin: 5px 0 3px 0;
	border-bottom: 1px solid #CCC;
}

/* 施主様ブログへのリンク */
#toLogLink,
#toContactLink {
	display: inline;
	float: left;
	width: 48%;
	padding-left: 10px;
	background: url(../images/icnListMark.gif) no-repeat left center;
}

table.entryField img {
	float: left;
	padding: 10px;
}

/* メイン画像 */
div#mainImg {
	max-height: 480px;
	_height: 480px;
	overflow: hidden;
	display: block;
	text-align: center;
	margin-bottom: 20px;
}

/* 追加画像 */
#casePhotoList{
	margin: 0 -20px 20px 0;
	padding: 0 0 0 0;
}
.casePhotoItem {
	float: left;
	width: 118px;
	margin-right: 20px;
}
.casePhotoItem a {
	width: 118px;
	height: 118px;
	overflow: hidden;
	display: block;
	text-align: center;
	margin: 0 20px 20px 0;
}

/* ---------------
カスタムフィールドのエントリーサマリー
--------------- */
.caseBox {
	margin: 0 0 20px 0;
	padding: 10px 0;
	border-top: 5px solid #D0CDBE;
	background-color: #F5F3F0;
}

.caseBox div.right {
	display: inline;
	width: 415px;
	float: right;
	margin: 0 20px 0 0;
	padding: 0;
}

.caseBox .title {
	background: url(../images/bgEntryListTitle.gif) no-repeat left center;
	padding: 0 0 0 20px;
	margin: 0 20px 15px;
	line-height: 30px;
	font-size: 18px;
}

.caseBox table {
	border: none;
	text-align: left;
	border-collapse: collapse;
	border-top: 1px solid #CCC;
}

.caseBox tr {
}

.caseBox th {
	padding: 5px 10px 3px 0;
	font-weight: bold;
	border-bottom: 1px solid #CCC;
	width: 65px;
}

.caseBox th.right {
	padding-left: 5px;
	border-left: 1px solid #CCC;
	width: 60px;
}

.caseBox td.left {
	padding: 5px 10px 3px 10px;
	border-bottom: 1px solid #CCC;
	width: 160px;
	vertical-align: top;
}

.caseBox td.right {
	padding: 5px 10px 3px 10px;
	border-bottom: 1px solid #CCC;
	width: 150px;
	vertical-align: top;
}

.caseBox p.summary {
	clear: both;
	padding: 0 0 5px 0;
	margin: 5px 0 3px 0;
	border-bottom: 1px solid #CCC;
}

.caseBox p.goVisitor {
	margin: 0 0 5px 0;
}

.caseBox .mainImg img {
	display: inline;
	width: 200px;
	float: left;
	padding: 0 0 0 20px;
	margin: 0 15px 0 0;
}

a.mainImg {
	_width: 235px;
	max-height: 230px;
	_height: 230px;
	overflow: hidden;
	/*display: block;*/
	/*text-align: center;*/
}

/* リンク（詳細・施主様ブログ） */
#caseNav li {
	display: inline;
	float: left;
	margin-right: 20px;
	background: url(../images/icnListMark.gif) no-repeat left center;
}

#caseNav li a {
	padding-left: 10px;
}

/*　価格表示　*/
td.price {
	font-weight: bold;
	padding: 5px 10px 3px 10px;
	border-bottom: 1px solid #CCC;
	text-align: right;
}
.priceNum {
	margin-right: 5px;
	font-size: 24px;
	color: #900;
}