@CHARSET "UTF-8";

/* タグ：共通定義*/
* {
	margin: 0px; /* ボーダーの外側の余白 */
	padding: 0px; /* ボーダーの内側の余白 */
	font-size: 12px; /* フォントサイズ */
	word-break: break-all; /* 自動折り返し（IEのみサポート） */ /*border: ridge 1px black; /* TODO:デバック用（位置がわかりやすいように）*/
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

/* bodyタグ：共通定義*/
body {
	color:#666666;
	background-color: #white; /* 背景色 */
	text-align:center;

}

/* aタグ：共通定義*/
a{
	color:#2259b0;
	text-decoration:none;
}

a:hover{
	color:#0066ff;
	text-decoration:underline;
}

/* imgタグ：共通定義*/
img{
	border:none;
}

/* divタグ：共通定義*/
div {
	border: ridge 0px black; /* TODO:デバック用（位置がわかりやすいように）*/
}

/* spanタグ：共通定義*/
span {
	border: ridge 0px blue; /* TODO:デバック用（位置がわかりやすいように）*/
}

/* tableタグ：共通定義*/
table {
	border: none;
	margin: 0px; /* ボーダーの外側の余白 */
	padding: 0px; /* ボーダーの内側の余白 */
}

/* trタグ：共通定義*/
tr {
	border: none;
	margin: 0px; /* ボーダーの外側の余白 */
	padding: 0px; /* ボーダーの内側の余白 */
}

/* thタグ：共通定義*/
th {
	border: none;
	margin: 0px; /* ボーダーの外側の余白 */
	padding: 0px; /* ボーダーの内側の余白 */
	font-weight:normal;
	text-align:center;
}

/* tdタグ：共通定義*/
td {
	border: none;
	margin: 0px; /* ボーダーの外側の余白 */
	padding: 0px; /* ボーダーの内側の余白 */
	text-align:left;
}

/* ulタグ：共通定義*/
ul {
	list-style: none;
}

/* inputタグ：共通定義*/
input {
	margin: 0px; /* ボーダーの外側の余白 */
	padding: 0px; /* ボーダーの内側の余白 */
}

/* selectタグ：共通定義*/
select {
	margin:0 10px 0 0; /* ボーダーの外側の余白 */
	padding: 0px; /* ボーダーの内側の余白 */
}
/* optionタグ：共通定義*/
option {
	margin: 0px; /* ボーダーの外側の余白 */
	padding: 0px; /* ボーダーの内側の余白 */
}

/* labelタグ：共通定義*/
label {
	margin: 0px; /* ボーダーの外側の余白 */
	padding: 0px; /* ボーダーの内側の余白 */
}

/* textareaタグ：共通定義*/
textarea {
	margin:5px 0 5px 5px;
}

/* h1タグ：共通定義*/
h1{
	font-size:18px;
	display:inline;
}

/* h2タグ：共通定義*/
h2{
	color:#ff4000;
	font-size:14px;
	display:inline;
	vertical-align:super;
	margin:0 0 0 5px;
}

/* h3タグ：共通定義*/
h3{
	font-size:16px;
	display:inline;
}

/* hrタグ：共通定義*/
hr{
	border:solid #cccccc 1px;
}

/* pタグ：共通定義*/
p{
	margin:20px;
}

/* smallタグ：共通定義*/
small{
	font-size:10px;
}

/* strongタグ：共通定義*/
strong{
	font-size:14px;
	color:#000000;
	vertical-align:super;
	margin:0 0 0 5px;
}

#body_left {
	text-align:left;
}

.left{
	float:left;
	text-align:left;
}
.right{
	float:right;
	text-align:right;
}

#left{
	float:left;
	text-align:left;
	text-indent:10px;
}
#right{
	float:right;
	text-align:right;
	white-space: nowrap;
}
#center{
	text-align:center;
}

/* spanタグ：エラーメッセージ（Actionエラー用） */
ul.errorMessage span{
	font-size: 14px;
	font: bold;
	color: red;
}

/* spanタグ：エラーメッセージ */
span.errorMessage {
	font-size: 14px;
	font: bold;
	color: red;
}

/* inputタグ：エラー入力 */
input.errorField {
	background-color: #FFCCFF;
}

/* selectタグ：エラー入力 */
select.errorField {
	background-color: #FFCCFF;
}

/* checkboxタグ：エラー入力 */
checkbox.errorField {
	background-color: #FFCCFF;
}

/* radioタグ：エラー入力 */
radio.errorField {
	background-color: #FFCCFF;
}

/* spanタグ：エラー入力 */
span.errorField {
	background-color: #FFCCFF;
}

/* aタグ：エラー入力 */
a.errorField {
	background-color: #FFCCFF;
}

span.number{
	color:#cc0000;
	font-weight:bold;
}

span.unit{
	font-size:10px;
}

/* divタグ：ヘッダー */
div.header {
	width: 100%; /* 横幅 */
	height: 120px;
	background-color: white;
}

/* iframeタグ：フッター */
iframe.header {
	background-color: white;
	border: 0px black solid;
	width: 100%;
	height: 120px;
}

/* divタグ：フッター */
div.footer {
	width: 100%; /* 横幅 */
	height: 20px;
	background-color: white;
}

/* iframeタグ：ヘッダー */
iframe.footer {
	background-color: white;
	border: 0px black solid;
	width: 100%;
	height: 20px;
}
/*ピックアップ*/
#pickup {
	border-collapse:collapse;
}

#pickup td {
	font-size:9px;
}

#pickup td.center{
	text-align:center;
}

#pickup td span.price{
	font-size:9px;
	font-weight:bold;
}

/*オープンハウス*/
#openhouse{
	width:100%;
}

#openhouse tr {
}

#openhouse .space{
	width:10px;
}

#openhouse .article{
	width:240px;
	border:1px solid #cccccc;
	margin:0 0 10px 0;
}

#openhouse .article td{
	font-size:10px;
}

#openhouse td.picture{
	text-align:center;
	width:104px;
	height:79px;
}

#openhouse td.underline{
	border-bottom:1px solid #cccccc;
}

#openhouse td.underline a{
	font-size:12px;
	color:#1d3994;
	text-decoration:none;
}

#openhouse td.underline a:hover{
	font-size:12px;
	color:#cccccc;
	text-decoration:none;
}

/*検索*/
#main_table{
	width:950px;
	border:none;
	display:inline-table;
	margin:0 auto;
}

hr.line{
	border-top:2px solid #eeeeee;
	border-bottom:2px solid #eeeeee;
}

#area{
	width:100%;
	margin:20px 0 0 0;
}
.area{
	width:100%;
	margin:20px 0 0 0;
}
.route{
	width:100%;
	margin:20px 0 0 0;
}

.check{
}

.check a{

	background-color:#F2F2F2;
	text-indent:5px;
	padding:3px;
	margin:0;
	display:block;
	border-right:#CCCCCC solid 1px;
	border-bottom:#CCCCCC solid 1px;
}
.check a:hover{
	background-color:#E7E7E7;
	text-indent:5px;
	padding:3px;
	margin:0;
	display:block;
	border-top:#CCCCCC solid 1px;
	border-left:#CCCCCC solid 1px;
	border-right:none;
	border-bottom:none;

	text-decoration:none;
}

#operation_area{
	background-color:#dd0000;
	text-align:center;
	height:65px;
}
#map{
	text-align:center;
}

#same{
	background:url(/files/component/img/same.gif) no-repeat;
	color:#ffffff;
	width:140px;
	height:25px;
	margin:0 0 0 10px;
	padding:2px;
}
input#btn{
	width:300px;
	height:35px;
	background:url(/files/component/img/btn.gif) no-repeat;
	border:none;
	font-size:14px;
	font-weight:bold;
}
#footer{
	font-size:10px;
	text-align:center;
}

/*一覧*/
#frame {
	width:99%;
}

#frame tr {
}

#frame td {
	padding:3px;
}

#frame td.title {
	background:#666666;
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
	line-height:20px;
}

#frame table.list{
	background:#cccccc;
}

#frame table.list tr.line {
	white-space: nowrap;
	background:#cccccc;
}

#frame table.list tr.item {
	background:#e7e7e7;
}

#frame table.list th {
	font-size:10px;
	padding:5px;
	white-space: nowrap;
}

#frame table.list th a {
	font-size:10px;
}

#frame table.list td {
	background:#ffffff;
	padding:5px;
}

#frame table.list th.request{
	width:2%;
	white-space: nowrap;
}
#frame table.list th.photograph{
	width:3%;
	white-space: nowrap;
}
#frame table.list th.article{
	width:15%;
	white-space: nowrap;
}
#frame table.list th.address{
	width:15%;
	white-space: nowrap;
}
#frame table.list th.access{
	width:10%;
	white-space: nowrap;
}
#frame table.list th.price{
	width:10%;
	white-space: nowrap;
	color:#cc0000;
}
#frame table.list th.building_area{
	width:10%;
	white-space: nowrap;
}
#frame table.list th.land_area{
	width:10%;
	white-space: nowrap;
}
#frame table.list th.layout{
	width:3%;
	white-space: nowrap;
}

#frame table.list th.requirement{
	width:2%;
	white-space: nowrap;
}

#frame table.list th.completedate_area{
	width:10%;
	white-space: nowrap;
}
#frame table.list th.completedate_area_rent{
	width:5%;
	white-space: nowrap;
}

#frame table.list th.deposit{
	width:8%;
	white-space: nowrap;
}

#frame table.list th.choice{
	width:3%;
	white-space: nowrap;
}
#frame table.list th.info{
	width:10%;
	white-space: nowrap;
}

#frame table.list td.center{
	text-align:center;
}

#frame table.list td.price{
	background:#fff7e6;
	font-weight:bold;
	color:#cc0000;
	font-size:14px;
	white-space: nowrap;
}

#frame table.list tr.rankup td {
	background:#ffffcc;
}

#frame table.list tr.rankup td.price{
	background:#ffe9a4;
}

/*セレクトメニュー*/
#form_search_np{
	width:auto;
}
#form_search_xp{
	width:auto;
}
#form_search_ns{
	width:auto;
}
#form_search_xs{
	width:auto;
}
#form_search_nl{
	width:auto;
}
#form_search_xl{
	width:auto;
}
#form_search_rl{
	width:auto;
}


/*詳細*/
#article_top{
	display:inline-table;
	width:950px;
	clear:both;
	border:1px #cccccc solid;
	margin:0 0 20px 0;
	background:#eeeeee;
}

#article_top td{
	padding:3px 5px;
}

#article_top ul{
	list-style:none;
	float:right;
	font-size:10px;
	width:320px;
}

#article_top li{
	float:left;
}

#article_top li img{
	margin:0 5px 0 10px;
	vertical-align:middle;
}

#article_top a{
	font-size:10px;
}

#article_top td.article_name{
	color:#333333;
	font-size:18px;
	font-weight:bold;
}

#article_top span.price{
	margin:0 0 0 20px;
	color:#cc0000;
	font-size:18px;
}

#article_top span.unit{
	font-weight:normal;
	font-size:10px;
}

#article_top td.article_no{
	text-align:right;
	font-size:10px;
}

#article_top td.update{
	text-align:right;
	font-size:10px;
}

#nextupdate{
	margin:0 0 0 10px;
	font-size:10px;
}

#article_top td.kind{
	width:550px;
	font-size:10px;
}

#article_top td.article_access{
}

#article_top td.article_address{
}

#article_top td.brokersystem{
	text-align:right;
	color:#ffa03c;
}

.column_left{
	width:340px;
}
.column_right{
	width:340px;
}

#article_main{
	display:inline-table;
	width:950px;
	clear:both;
	border:1px #cccccc solid;
}

#article_main td{
	padding:0;
}


#article_middle{
	width:924px;
	margin:10px 10px 10px 10px;
	clear:both;
	border-top:1px #cccccc solid;
	border-right:1px #cccccc solid;
}

#article_middle td{
	border-bottom:1px #cccccc solid;
	border-left:1px #cccccc solid;
	padding:5px;
}
.caption{
	font-weight:bold;
	background:#eeeeee;
	width:100px;
}
.btn{
	text-align:center;
	clear:both;
}
.back{
	margin:0 0 0 10px;
	float:left;
}

.back2{
	width:auto;
	margin:0 0 10px 10px;
	text-align:center;
}

.url_right{
	margin:0 10px 0 0 ;
	float:right;
}
#the_top{
clear:both;
	float:right;
	margin:0 10px 0 0;
}
#photo{
	width:924px;
	margin:10px;
	text-align:center;
	clear:both;
}
#photo td{
	vertical-align:top;
	padding:0;
}


#photo a img{
	margin:10px 18px 10px 18px;
	border:none;
}

.photo_head{
	width:100%;
	background:#eeeeee;
	border-bottom:1px #cccccc solid;
	clear:both;
	font-size:16px;
	font-weight:bold;
	line-height:200%;
	text-indent:10px;
}

#photo1,#photo3,#photo5{
	width:458px;
	margin:0 2px 20px 0;
	border:1px #cccccc solid;
	height:370px;
}
#photo2,#photo4,#photo6{
	width:458px;
	margin:0 0 20px 2px;
	border:1px #cccccc solid;
	height:370px;
}

#article_bottom{
	width:924px;
	margin:10px;
	border-top:1px #cccccc solid;
	border-left:1px #cccccc solid;
	line-height:20px;
}
#article_bottom td{
	border-right:1px #cccccc solid;
	border-bottom:1px #cccccc solid;
	padding:5px;
}


#inquiry{
	width:924px;
	margin:10px;
	background-color:#f5faff;
	color:#666666;
}

#inquiry td{
	font-size:10px;
	padding:5px;
}

#inquiry td.tel{
	font-size:20px;
	font-weight:bold;
	color:#bd0012;
	vertical-align:top;
}

#inquiry td.tel img{
	margin:0 10px 0 0;
}


#inquiry td.company_name{
	font-size:14px;
	font-weight:bold;
}

#inquiry td.company{
	width:80px;
	font-weight:bold;
	text-align:right;
}
#inquiry td.company_photo img{
	float:right;
	margin:0 10px 0 0;
}

#inquiry td.url{
	margin:0 0 0 10px;
	vertical-align:middle;
}

#support{
	border:1px #eeeeee solid;
	border-top:5px #eeeeee solid;
	background:#fafafa;
	width:924px;
	margin:10px;
	font-size:10px;
}

#support td{
	font-size:10px;
	padding:5px;
}

#support td.support_column{
	width:120px;
	border-right:1px #cccccc solid;
}
#support ul{
	list-style:none;
	margin:0;
	width:100%;
}
#support li{
	float:left;
	margin:0 20px 0 0;
}
#support a{
	font-size:10px;
}

/*物件資料請求*/
#article_box{
	display:inline-table;
	width:950px;
	clear:both;
	margin:0 auto 50px auto;
}

#article_box td{
}

#article_box td.article_name{
	font-weight:bold;
	font-size:14px;
	line-height:20px;
}

#article_box span.name{
	color:#0033ff;
	font-size:14px;
}

#article_box td.company_name{
	font-size:14px;
	font-weight:bold;
	line-height:20px;
}

#article_box td.thumbnail{
	width:125px;
	height:125px;
	vertical-align:top;
}

#article_box td.line{
	border-top:2px solid #eeeeee;
	border-bottom:2px solid #eeeeee;
}

#article_box td.tel{
	font-size:20px;
	font-weight:bold;
	color:#bd0012;
	vertical-align:top;
}

#article_box td.tel img{
	margin:0 10px 0 0;
}

#document{
	display:inline-table;
	width:950px;
	clear:both;
	border-bottom:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	margin:0 auto 50px auto;
}

#document td{
	border-top:1px solid #cccccc;
	padding:5px;
}

#document h1{
	font-size:14px;
	color:#ff6633;
	display:inline;
	margin:0 10px 0 0;
}

#request01{
	background:#ff9966;
}

#request01 span{
	font-size:10px;
}

#request01 a{
	font-size:10px;
}

#request02{
	background:#ffcc00;
}

#request02 span{
	font-size:10px;
}

#request02 a{
	font-size:10px;
}

.entry{
	background:#f0f0f0;
}
#easy{
	width:910px;
	margin:20px;
	clear:both;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
}
#easy td{
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
}
.essential{
	color:#ff3300;
	font-size:10px;
	margin:0 0 0 5px;
}

#confirmation01 td{
	border:none;
}
#confirmation02 td{
	border:none;
}

#details{
	width:910px;
	margin:20px 20px 50px 20px;
	clear:both;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
}
#details td{
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
}
#privacy{
	display:inline-table;
	width:950px;
	background:#e1eafb;
	margin:0 auto;
}
#privacy td{
	text-align:center;
	padding:20px;
}

/*カウンター*/
#counter{
	background:#f7faff;
	border-collapse:collapse;
	border:none;
	width:300px;
	height:50px;
}
#counter td,th{
	font-size:12px;
	color:#666666;
	text-align:center;
	padding:0;
}

/*ajax*/
#slide {
}

.slide { clear:both;
margin:0 10px 0 0;
padding: 0;
float:right;
background: url(/files/component/img/btn-slide.gif) no-repeat right top;
color:#666666;
}
.slide a:hover{
	color:#888888;
}
.btn-slide {
background: url(/files/component/img/white-arrow.gif) no-repeat right -50px;
float:right;
text-align: center;
width: 138px;
height: 20px;
padding: 10px 12px 0 0;
margin: 0 auto;
display: block;
font-size:12px;
font-weight:bold;
color: #666666;
text-decoration: none;
}
.active {
background-position: right 12px;
}
/*ajax*/



