@charaset "UTF-8";

/* -------------------------------
共通
*/

div.navi {
	width:540px;
	margin:0 auto;
	padding-bottom:10px;
	overflow:hidden;
}
div.navi ul {
	float:right;
}
div.navi ul li {
	float:left;
}
div.navi ul li img {
	margin-left:4px;
	vertical-align:top;
}

/* -------------------------------
物件一覧 路線図
*/

#railmap {
	width:560px;
	margin:0 auto 20px;
}


/* -------------------------------
物件一覧 凡例
*/

#legend {
	width:532px;
	margin:0 auto;
	padding:6px 0 0;
	text-align:right;
	background:url(../img/bg_dot02.gif) left top repeat-x;
}
#legend p {
	padding:0 4px 6px;
	text-align:right;
	background:url(../img/bg_dot02.gif) left bottom repeat-x;
}
#legend img {
	margin:0 2px 0 12px;
	vertical-align:middle;
}



/* -------------------------------
物件一覧 並び替え
*/

p#message {
	width:540px;
	margin:0 auto 4px;
	padding-top:10px;
}

#sort {
	width:540px;
	margin:0 auto;
	overflow:hidden;
}
#sort ul li {
	padding-right:8px;
	float:left;
}

/* -------------------------------
物件一覧 ページ移動
*/

div.page {
	width:540px;
	margin:0 auto;
	text-align:right;
	font-size:0;
	padding-bottom:10px;
}
div.page a {
	margin-left:12px;
}
div.page img {
	vertical-align:top;
}
div.page form {
	margin:0;
	padding:0;
	display:inline;
	vertical-align:top;
	font-size:0;
}
div.page input {
	margin:0;
	padding:0;
	display:inline;
	vertical-align:top;
	font-size:0;
}
div.page form input img {
	vertical-align:top;
}


/* -------------------------------
物件一覧
*/
#list {
	width:544px;
	margin:0 auto;
	clear:both;
}
#list ul li {
	width:544px;
	margin-bottom:10px;
	background:url(../img/sale/bg_list02.gif) repeat-y;
}
#list ul li div.outline {
	position:relative;
	padding-bottom:15px;
	background:url(../img/sale/bg_list03.gif) bottom no-repeat;
}
#list ul li div.outline_inner {
	width:520px; 
	padding:8px 12px 0;
	overflow:hidden;
	background:url(../img/sale/bg_list01.gif) top no-repeat;
}
#list div.caption {
	width:520px;
	overflow:hidden;
	margin-bottom:4px;
	padding:3px 0;
	border-bottom:solid 1px #d98c40;
}
#list div.caption h3 {
	float:left;
}
#list div.caption h3 a {
	text-decoration:none;
	font-weight:bold;
	color:#303030;
}
#list div.caption h3 a:hover {
	color:#cc6600;
}
#list div.caption div {
	float:right;
}
#list div.caption div img {
	margin-left:2px;
}
#list div.caption div span {
	display:none;
}
#list div.photo {
	width:78px;
	float:left;
	padding:0;
	background:none;
}
#list div.text {
	width:394px;
	margin-left:86px;
}
#list div.text p {
	padding:3px 0 2px;
	background:url(../img/bg_dot02.gif) left bottom repeat-x;
}
#list div.outline_inner p span {
	color:#cc6600;
}
#list div.btn img {
	position:absolute;
	right:4px;
	bottom:8px;
}

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

.inquiry {
	margin-bottom:20px;
	text-align:center;
}
.inquiry a.last img {
	margin-left:8px;
}

.inquiry form {
	display:inline;
}

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

#detail {
	width:540px;
	margin:0 auto;
}
#detail h3 {
	padding:0 4px;
	background:url(../img/sale/bg_type.gif) top repeat-x #c85d04;
	color:#ffffff;
}
#detail h4 {
	padding:6px 4px 2px;
	font-size:1.5em;
	border-bottom:solid 2px #d98c40;
}
#detail h5 {
	font-size:1.2em;
	font-weight:bold;
}

#icon {
	width:532px;
	margin:0 auto;
	padding:6px 4px;
	background:url(../img/bg_dot02.gif) left bottom repeat-x;
}
#icon img {
	margin:0 2px 0 0;
	vertical-align:middle;
}
#icon span {
	margin-right:12px;
}
#icon span.c1 {
	color:#e61f19;
}
#icon span.c2 {
	color:#eb651a;
}
#icon span.c3 {
	color:#2862ae;
}
#icon span.c4 {
	color:#389239;
}

#major {
	padding:6px 4px;
	background:url(../img/bg_dot02.gif) left bottom repeat-x;
}
#major img {
	margin:0 4px 0 0;
}
#major p strong {
	font-size:1.2em;
	font-weight:bold;
}
#major p img {
	margin:0 4px 0 12px;
}
#major p img.first {
	margin:0 4px 0 0;
}
#point {
	margin-bottom:20px;
	padding:6px 0;
	background:url(../img/bg_dot02.gif) left bottom repeat-x;
}
#point p {
	padding-left:73px;
	background:url(../img/sale/point.gif) top left no-repeat;
}

/* -------------------------------
物件詳細 間取り 写真
*/
#photo_wrapper {
	width:540px;
	margin-bottom:20px;
	overflow:hidden;
}
#plan {
	width:260px;
	float:left;
}
#plan img {
	padding:1px;
	border:solid 1px #cccccc;
	vertical-align:top;
}
#plan p {
	padding-top:1px;
	font-size:0.84em;
}
#photo {
	float:right;
}
#photo ul {
	width:272px;
	overflow:hidden;
}
#photo ul.last {
	margin-top:8px;
}
#photo ul li {
	float:left;
}
#photo ul li.right {
	float:right;
}

#photo li img {
	padding:1px;
	border:solid 1px #cccccc;
	vertical-align:top;
}
#photo li p {
	padding-top:1px;
	font-size:0.84em;
}

/* -------------------------------
物件詳細 表
*/
#table_wrapper {
	margin:20px 0;
	padding-top:1px;
	background:url(../img/bg_dot02.gif) left top repeat-x;
}
#table_wrapper table {
	width:540px;
}
#table_wrapper table th {
	width:19%;
	padding:4px;
	vertical-align:top;
	background:url(../img/bg_dot_gradation01.gif) left bottom repeat-x #f7f7f7;
	border-top:solid 1px #ffffff;
}
#table_wrapper table td {
	padding:4px;
	vertical-align:top;
	background:url(../img/bg_dot02.gif) left bottom repeat-x;
}

/* -------------------------------
物件詳細 地図
*/

#map {
	margin-bottom:20px;
	border:solid 1px #cccccc;
}

/* -------------------------------
物件詳細 会社概要
*/

#about{
	width:540px;
	margin:0 auto 20px auto;
	border:1px solid #e0a366;	
}
#about h5 {
	height:24px;
	padding:0 4px;
	background:url(../img/sale/bg_type.gif) top repeat-x #c85d04;
	color:#fff;
	line-height:24px;
}
#about ul{
	padding:6px 10px;
}
#about ul li{
	padding:6px 0 4px 0;
	background:url(../img/bg_dot02.gif) left top repeat-x;
	line-height:1;	
}
#about ul li.first{
	background-image:none;	
}

/* -------------------------------
お問い合わせフォーム
*/
#form_wrapper {
	width:540px;
	margin:0 auto;
}
#form_wrapper p {
	margin:10px 0;
}
#form_wrapper p span {
	font-weight:bold;
	color:#ff0000;
}
div.error {
	color:#ff0000;
}
#form_table_wrapper {
	padding-top:1px;
	background:url(../img/bg_dot02.gif) left top repeat-x;
}
#form_table_wrapper table {
	width:540px;
}
#form_table_wrapper table th {
	padding:4px;
	vertical-align:top;
	background:url(../img/bg_dot_gradation01.gif) left bottom repeat-x #f7f7f7;
	border-top:solid 1px #ffffff;
	width:20%;
}
#form_table_wrapper table td {
	padding:4px;
	vertical-align:top;
	background:url(../img/bg_dot02.gif) left bottom repeat-x;
}
span.must {
	font-weight:bold;
	color:#ff0000;
}
div.formbtn {
	padding:20px 0;
	text-align:center;
	border-bottom:solid 2px #d98c40;
}