@charaset "UTF-8";

/* -------------------------------
ヘッダーメニュー */

#navi {
	width:688px;
	margin:0 auto 8px;
	overflow:hidden;
}
#navi ul {
	float:right;
}
#navi li {
	float:left;
	padding-left:4px;
}
#navi li img {
	vertical-align:top;
}

/* -------------------------------
検索結果メッセージ */

p#message {
	width:688px;
	margin:0 auto 4px;
}

/* -------------------------------
ソート */

#sort {
	width:688px;
	margin:0 auto;
	overflow:hidden;
}
#sort li {
	float:left;
	padding-right:4px;
}
#sort li img {
	vertical-align:top;
}

/* -------------------------------
ページ移動 */

div.page {
	width:688px;
	margin:4px auto;
	text-align:right;
	line-height:0;
	font-size:0;
}
div.page form {
	display:inline;
	margin-left:12px;
}
div.page img {
	margin-left:12px;
	vertical-align:top;
}


/* -------------------------------
一覧 */

#list_wrapper {
	width:688px;
	margin:0 auto;
	overflow:hidden;
	background:url(../img/sale/bg02.gif) bottom no-repeat #f3edda;
}

#list {
	padding:8px 0 0;
	background:url(../img/sale/bg01.gif) top no-repeat;
}

#list ul {
	width:100%;
	display:inline-block;
	overflow:hidden;
	margin-bottom:8px;
}
#list ul li {
	width:324px;
	margin:0 0 0 8px;
	float:left;
	padding:4px;
	background:#ffffff;
	position:relative;
}
#list div.header {
	width:324px;
	overflow:hidden;
	padding-bottom:4px;
	background:url(../img/bg_dot02.gif) bottom repeat-x;
}
#list div.header h3 {
	width:246px;
	float:left;
}
#list div.header h3 a {
	padding-left:14px;
	text-decoration:none;
	background:url(../img/arrow01_off.gif) 0 0.3em no-repeat;
}
#list div.header h3 a:hover {
	padding-left:14px;
	text-decoration:underline;
	background:url(../img/arrow01_on.gif) 0 0.3em no-repeat;
}
#list div.header p {
	width:70px;
	float:right;
}
#list div.header p img {
	vertical-align:top;
}
#list div.header p input {
	position:absolute;
	top:3px;
	left:310px;
}
#list div.outline {
	width:324px;
	overflow:hidden;
	margin-top:4px;
}
#list div.photo {
	width:98px;
	float:left;
}
#list div.photo img {
	padding:2px;
	border:solid 1px #dddddd;
}
#list div.detail {
	width:220px;
	float:right;
	font-size:0.9em;
}
#list div.detail p {
	padding:3px 0;
	background:url(../img/bg_dot03.gif) bottom repeat-x;
}
#list div.detail p img {
	float:right;
	margin:0 0 0 4px;
}

/* -------------------------------
お問い合わせボタン */

#inquiry {
	margin-top:8px;
	text-align:center;
}

#inquiry2 {
	margin:8px 0;
	text-align:center;
}


/* -------------------------------
物件詳細 */

#detail_wrapper {
	margin:0 8px 8px;
	padding-bottom:10px;
	background:#ffffff;
}
#detail_wrapper h3 {
	margin:0 10px 12px;
	padding:10px 0 0 30px;
	font-size:1.4em;
	background:url(../img/sale/bg_h01.gif) bottom no-repeat;
}
#detail_wrapper h3 img {
	float:right;
}
#detail_wrapper p {
	margin:0 10px 12px;
	padding:12px 0;
	font-size:1.1em;
}
#detail_photo {
	width:660px;
	overflow:hidden;
	margin:0 0 12px 2px;
}

#detail_photo ul {
	width:100%;
	display:block;
	float:left;
	margin:0;
	padding:0;
}
#detail_photo ul li {
	width:212px;
	float:left;
	margin:0 0 0 8px;
	padding:0;
	background:#ffffff;
}
#detail_photo ul li img {
	vertical-align:top;
	padding:3px;
	border:solid 1px #dddddd;
}
#detail_photo ul li p {
	margin:0;
	padding-top:4px;
}

#detail_plan {
	margin:0 10px 12px;
	text-align:center;
}
#detail_plan p {
	margin:0;
	padding:4px 0 0;
	text-align:left;
}

#detail_wrapper table {
	width:656px;
	margin:0 8px;
}
#detail_wrapper table th {
	width:15%;
	padding:4px;
	font-weight:normal;
	background:#eee6cb;
}
#detail_wrapper table td {
	width:35%;
	padding:4px;
	background:#f6f2e5;
}

/* -------------------------------
お問い合わせ */

#inquiry_form div.error {
	width:688px;
	margin:0 auto 10px;
	color:#ff0000;
}

#inquiry_form p {
	width:688px;
	margin:0 auto 10px;
}
#inquiry_form p span {
	color:#ff0000;
}

#form table th {
	width:27%;
	padding:6px;
	font-weight:normal;
	background:#eee6cb;
}
#form table td {
	padding:6px;
	background:#f6f2e5;
}

.formbtn {
	margin:10px 0 0;
	text-align:center;
}
span.must {
	color:#ff0000;
}