﻿@charset "utf-8" ;

/* --------------------------------------------------------------------------------------------------
AUTHOR:			Y.Egawa
CSS構成書:   	#top（全頁共通）
LAST MODIFIED:	2009.11.24

-------------------------------------------------------------------------------------------------- */ 

/* #parentBlock :::::::::::::::::::::::::::::::::::::::::::::::::::: */
#parentBlock { width:650px; float:left; /*background-color:#FFFF00;*/}

/* #mainBlock :::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#mainBlock { width:710px; float:right;}

/* #rightBlock ::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#rightBlock { width:240px; float:right; /*background-color:#FF00FF;*/}

/* -------------------------------------------------------------------
            賃貸物件検索ページ設定
-------------------------------------------------------------------- */
table.main_table { border-collapse:collapse; margin-bottom:15px; width:100%;}
table.main_table th { padding:10px 8px; vertical-align:middle; font-weight:bold; background-color:#F3F9EE; border:1px solid #DDDDDD;}
table.main_table td { padding:10px 8px; border:1px solid #DDDDDD;}

input { margin-right:3px;}

table.roomType { border-collapse:collapse; font-size:1.0em;}
table.roomType td { border:none; width:100px;}

table.roomFacilities { border-collapse:collapse; font-size:1.0em;}
table.roomFacilities th { border:none; background-color:#DEDEDE;}
table.roomFacilities td { border:none;}



/* -------------------------------------------------------------------
            賃貸物件一覧ページ設定
-------------------------------------------------------------------- */
#searchBlock a { color:#35A426;}
#searchBlock em { font-weight:bold;}

#searchBlock #result { margin-bottom:10px; padding-bottom:7px; border-bottom:1px solid #CCCCCC; font-size:1.2em;}
#searchBlock #result em { color:#35A426;}

#searchBlock .sort { margin-bottom:6px; text-align:right; font-size:1.2em;}
#searchBlock .sort img { vertical-align:middle;}

/* 物件リストテーブル */
table.articleList { margin-bottom:6px; width:710px; border-collapse:collapse;}
table.articleList th { height:48px; background-color:#F3F9EE; font-weight:bold; text-align:center; vertical-align:middle; line-height:1.4em; border:1px solid #EEEEEE;}
table.articleList th img { vertical-align:middle;}
table.articleList td { height:54px; padding:0 18px; text-align:center; vertical-align:middle; line-height:1.2em; border:1px solid #EEEEEE;}
table.articleList td span { font-size:0.8em; font-weight:bold; color:#FF0000;}

.cell01 { width:90px;}
.cell02 { width:245px;}
.cell03 { width:90px;}
.cell04 { width:98px;}
.cell05 { width:108px;}

table.articleList td.addressCell { text-align:left;}
table.articleList td.addressCell a { font-weight:bold; text-decoration:underline;}
table.articleList td.addressCell a:hover { color:#44CF30; text-decoration:none;}


/* 詳細表示ボタン */
#detailIndication { text-align:center; margin-top:15px;}


/* -------------------------------------------------------------------
            賃貸物件詳細ページ設定
-------------------------------------------------------------------- */
.detailBlock {}

.articleAddress { position:relative; float:left; padding:18px 0 0 14px; width:546px; /*/width:560px;*/ height:52px; /height:62px; background-color:#F5FAF1; border:1px solid #D3EAC1;}
.articleAddress h3 { font-size:1.8em; font-weight:bold;}
.articleAddress p {}
.articleAddress span {
	position:absolute;
	left: 360px;
	top: 18px;
}

.articleCharge { float:right; padding:10px 0 0 14px; width:126px; /*/width:145px;*/ height:60px; /height:70px; background-color:#FAF7F3; border:1px solid #EAE3D9;}
.articleCharge p.charge { font-size:2.0em; font-weight:bold;}

.articleNum { clear:both; padding-top:6px; /padding:0; margin-top:6px; margin-bottom:3px; text-align:right; font-weight:bold; font-size:1.2em;}

.articlePoint { margin-bottom:12px; padding-bottom:6px; border-bottom:1px solid #CCCCCC;}
.articlePoint h5 { font-size:1.4em; font-weight:bold; color:#35A426;}

.articleUpdate { margin-bottom:5px; text-align:right;}



.detailBlock table { width:710px; border-collapse:collapse;}
.detailBlock table th { background-color:#F3F9EE; height:32px; vertical-align:middle; font-weight:bold; border:1px solid #EEEEEE;}
.detailBlock table td { vertical-align:middle;  border:1px solid #EEEEEE; }
.detailBlock table th.cell01 { width:130px;}
.detailBlock table th.cell02 { width:95px;}
.detailBlock table th.cell03 { width:95px;}
.detailBlock table th.cell04 { width:95px;}
.detailBlock table th.cell05 { width:95px;}
.detailBlock table th.cell06 { width:95px;}


table.chargeTable { margin-bottom:20px;}
table.chargeTable th { text-align:center;}
table.chargeTable td {}
table.chargeTable td.A_Center { height:48px;}

table.addressTable { margin-bottom:20px;}
table.addressTable td { padding:0 10px;}
table.addressTable td.midashi { width:120px; /width:110px; height:32px; background-color:#F3F9EE; font-weight:bold;}
table.addressTable td.W-233px { width:233px;}

table.structureTable { margin-bottom:20px;}
table.structureTable th { width:120px; padding-left:10px;}
table.structureTable th.H-70px { height:70px;}
table.structureTable th.W-120px { width:120px;}
table.structureTable td { padding:0 10px;}
table.structureTable td.midashi { width:120px; /width:110px; height:32px; background-color:#F3F9EE; font-weight:bold;}
table.structureTable td.midashi_H-70px { width:110px; height:70px; background-color:#F3F9EE; font-weight:bold;}
table.structureTable td.W-232px { width:232px;}

table.facilitiesTable { margin-bottom:20px;}
table.facilitiesTable th { width:120px; padding-left:10px;}
table.facilitiesTable td { text-align:center;}

td.L-10px { padding-left:10px;}
td.H-70px { height:70px;}
td.W-120px { width:120px;}

th.L-10px { padding-left:10px;}
th.W-233px { width:233px;}



.articleIMG_Box { margin-bottom:20px; padding-bottom:20px; border-bottom:1px dotted #999999;}
.articleIMG_Box{
	zoom : 1 ; /*for IE 5.5-7*/
}
.articleIMG_Box:after {/*for modern browser*/
	content : "." ;
	display : block ;
	height : 0px ;
	clear : both ;
	visibility : hidden ;
}
* html .articleIMG_Box{
	display : inline-table ;
	/*\*/display : block ;/**/
}

.articleIMG { float:left; margin:0 0 10px 7px; width:210px; /width:220px; /*height:220px;*/ vertical-align:middle; border:5px solid #E0F3DE;}
.articleIMG p {	display:table-cell; vertical-align:middle; }
/* for IE 6 */
* html .articleIMG p{
	display:inline;
	zoom:1;
}
/* for IE 7 */
*:first-child+html .articleIMG p{
	display:inline;
	zoom:1;
}


/* -------------------------------------------------------------------
            賃貸物件お問い合わせページ設定
-------------------------------------------------------------------- */
table.inquiry_table { border-collapse:collapse; width:100%; margin-bottom:10px;}
table.inquiry_table th { padding:8px; width:96px; font-weight:bold; background-color:#F5F8E7; border:1px solid #DDDDDD;}
table.inquiry_table td { padding:8px; border:1px solid #DDDDDD;}


/* -------------------------------------------------------------------
            2010.06.30 追加
-------------------------------------------------------------------- */
#parentBlock .categoryBox { margin-bottom:30px; clear:both;}
#parentBlock .categoryBox h3 { margin-bottom:20px;}

.categoryBox ul.osusumeList { margin:0 auto; width:602px;}
ul.osusumeList li { display:block; width:292px; margin-bottom:10px;}
ul.osusumeList li.BoxLeft { float:left;}
ul.osusumeList li.BoxRight { float:right;}

.categoryBox ul.madoriList {}
ul.madoriList li { display:block; width:152px; margin-bottom:10px;}
ul.madoriList li.BoxLeft { float:left; margin-right:14px;}
ul.madoriList li.BoxRight { float:right;}

.categoryBox ul.kakakuList {}
ul.kakakuList li { display:block; width:152px; margin-bottom:10px;}
ul.kakakuList li.BoxLeft { float:left; margin-right:14px;}
ul.kakakuList li.BoxRight { float:right;}

.categoryBox ul.areaList { width:570px; margin:0 auto;}
ul.areaList li { display:block; width:172px; margin-bottom:10px;}
ul.areaList li.BoxLeft { float:left; margin-right:27px;}
ul.areaList li.BoxRight { float:right;}

table.priceList-table { border-collapse:collapse; width:100%;}
table.priceList-table td {
	padding:10px 0;
	border:1px solid #DDDDDD;
	width:11%;
	text-align:center;
	vertical-align:middle;
}
td.none_Date { background-color:#F6F6F6;}
td.price_head { font-weight:bold; background-color:#F4F4EC;}
td.space_head { font-weight:bold; background-color:#F8EFEF;}

/* -------------------------------------------------------------------
            2010.1.5 H.Odano 追加
-------------------------------------------------------------------- */
/*各ブロック設定*/
#search_w_detail{ width: 710px; margin: 0; padding: 0; }
.search_w_detail_BoxL{ width: 350px; float: left; }
.search_w_detail_BoxR{ width: 350px; float: left; margin-left: 10px; }
#company_info{ clear: both; }


/*各ブロックタイトル*/
.search_title_short	{ clear: both; }
.search_title_short .pack{
	width			: 350px;
	height			: 33px;
	background		: url(../../element/img-search_title_bg_S.jpg) no-repeat ;
}
.search_title_short h3{
	font-weight		: bold;
	font-size		: 14px;
	padding			: 8px 0 0 10px;
}
#company_info .pack_L{
	width			: 710px;
	height			: 33px;
	background		: url(../../element/img-search_title_bg_L.jpg) no-repeat ;
}
#company_info h3{
	font-weight		: bold;
	font-size		: 14px;
	padding			: 8px 0 0 10px;
}



/*住所・エリアから物件を探す選択BOX*/
#cover		{ margin: 10px 0 13px 0;}
.search_BoxL,
.search_BoxR{ 
	width			: 170px; 
	float			: left; 
}
.search_BoxL a,
.search_BoxR a{ outline:none; }

.search_BoxL { margin: 0 10px 0 0; }

.search_BoxR img{
	margin			: 0 0 10px 0; 
}



/*間取り・価格帯から物件を探す*/
.madori_L,.madori_R{
	margin			: 10px 0 13px 0; 
}
.madori_L img{ margin: 0 0 10px 0; }

.madori_R #kakaku_L{
	width			: 350px;
	float			: left;
	/*-----2段組の場合----------
	margin			: 0 10px 0 0;
	/margin			: 0 6px 0 0;
	*/
}

.madori_R #kakaku_L img,#kakaku_R img{ margin: 0 0 10px 0 ; }

.madori_L a,.madori_R a{ outline: none ;}

.madori_L a:hover,
.madori_R a:hover{
	display			: block;
	text-decoration : none;
}



/*葦原不動産おすすめ物件!!*/
.osusume img{ margin-bottom: 11px; }/*.osusumeBanner imgと連動*/
.osusume a { outline: none;}
.osusume a:hover{}

/*バナー*/
.osusumeBanner{ margin:10px 0 0 0; }
.osusumeBanner img{ margin: 0 0 8px 0}/*.osusume imgと連動*/



/*会社情報ブロック*/
#company_info{ width:710px; }
.pack_company{ margin-top:10px; }
.pack_company img{
	width			: 173px;
	height			: 131px;
	float			: left;
}
.pack_company table	{ 
	width			: 516px;
	float			: left;
	margin-left		: 10px;
	background-color: #F3F9EE;
}
.pack_company table th{ 
	width:64px;
	font-weight		: bold; 
	text-align		: left; 
	padding			: 13px 0 5px 13px;
}
.pack_company table td{
	text-align		: left; 
	padding			: 5px 0 5px 10px;
}
.pack_company table td.long{ width:200px; }
















