@charset "UTF-8";

div#header {
 clear: both;
 width: 100%
 text-align: center;
}

h2, p {
 text-align: center;
}

h2#album {
 text-indent: -9999px;
 height: 0;
}

h2#sketch {
 padding: 2px;
 border: 2px solid blue;
 background: #8af;
}

h3.sketchcategory {
 width: 100px;
 margin: 1.5em auto 0.5em;
 border: 3px double blue;
 background: #8af;
 font-weight: normal;
}

p#outline {
 margin: 0;
 padding: 0;
}

div.innerContainer {
 width 100%;
 clear: both;
}

div#Appearance {
 width: 50%;
 float: left;
}

div#header h2,div#Appearance h2,div#Detail h2,div#comment h2,div#cond h2 {
 border: 1px solid gray;
 background: #ccc;
}

div#comment h2,div#cond h2 {
 margin-bottom: 0;
}

div#Appearance img {
 margin-top: 12em;
}

div#Detail {
 width: 50%;
 float: right;
}

div#comment {
 width: 50%;
 float: left;
}

div#cond {
 width: 50%;
 float: right;
}

div#comment p {
 margin: 4px 16px;
 /*padding: 16px 0;*/
 text-align: left;
}

div#cond p {
 text-align: center;
}

div#footer {
 clear: both;
}

table#detail {
 border: 1px solid gray;
}

table#detail caption {
 display: none;
}

table#detail th {
 padding: 1px 2px;
 background: silver;
 font-weight: normal;
}

table#detail td {
 padding: 1px 2px;
 border: 1px solid gray;
 text-align: left;
}

table#album {
 background: gray;
 margin: 0 auto;
}

table#album caption {
 width: auto;
 margin: 0.2em auto;
 padding: 2px;
 border: 2px solid #faa;
 background: #ffa;
 font-size: 150%;
}

table#album td {
 padding: 0;
 text-align: center;
 background: #ffa;
}

/* 物件詳細テーブル内のリスト用 */
ul.dlist {
 margin: 2px 2px 2px 20px;
 padding: 0;
 text-align: left;
}

/* 物件詳細テーブル内の強調項目 */
strong.attention {
 color: red;
 padding: 0 4px;
 margin: 0 8px;
 background: #fdd;
}

strong.openhouseannounce {
 color: red;
 padding: 0 4px;
 margin: 0 2px;
 background: #fdd;
}

strong.addremark {
 color: red;
 padding: 4px 8px;
 background: #fdd;
 font-size: 150%;
}

p.remark {
	text-align: left;
}