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

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

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

#caseInfo {
	display: inline;
	float: left;
	width: 195px;
}

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

#case table.entryField tr {
}

#case 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;
}

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

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

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


/* 施工のポイント */
#casePoint {
	display: inline;
	float: right;
	width: 410px;
}
#casePoint h2 {
	width: 410px;
	margin: 0;
	padding: 0;
	background: none;
}


/*
table.entryField p.goLog {
	margin: 0 0 5px 0;
}
*/

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 {
	display: inline;
	float: left;
	width: 118px;
	margin-right: 20px;
}
.casePhotoItem a {
	width: 118px;
	height: 118px;
	overflow: hidden;
	display: block;
	text-align: center;
	margin: 0 0 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.goLog {
	margin: 0 0 5px 0;
}
*/

.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 {
	color: #900;
	font-weight: bold;
	font-size: 16px;
	text-align: right;
	padding: 5px 10px 3px 10px;
	border-bottom: 1px solid #CCC;
}

/* ---------------
　サブカラム
--------------- */

/* 施工事例検索 */
#caseSearch{
	border: none;
}

#caseSearch #csBody {
	width: 190px;
	padding: 10px;
	background-color: #E0DED4;
}

/* 検索条件 */
#caseSearch .searchCond {
	background:url("../images/icnListMarkGre.gif") no-repeat scroll 8px 3px #E0DED4;
	padding:0 10px 10px 25px;
}

#caseSearch .selection {
	margin-bottom: 10px;
	margin-left: 20px;
}

#caseSearch .selection ul {
	margin:0 0 10px 0;
	padding:0 0 0 0;
}
#caseSearch .selection ul li {
	float: left;
	display: inline;
}