@charset "UTF-8";
/*
**********************************************************************
* top.css
* site name : リネア建築企画
* description : トップページ指定
* since : 2010/01/19
*********************************************************************
*/
/*
==================================================================
* ヘッダー
==================================================================
*/
.bg-top{
	margin:0 auto;
	background:#fff url("/img/www/top/bg-topimg.jpg") no-repeat center top;
	height:320px;
}
.top-box {
	margin:0 auto;
	width:950px;
}

/*h1:ロゴ*/
h1.top{
	margin:16px 0 0 18px;
	padding:0;
	float:left;
}
/*css hack:IE6*/
*html h1.top{
	behavior: url(iepngfix.htc);
}


.header-navi-box-top{
	margin:0;
	padding:0;
	float:right;
}

.header-navi-top{
	margin:20px 0 0 0;
	width:782px;
	font-size:80%;
}

.header-navi-top ul{
	float:right;
}
.header-navi-top ul li{
	float:left;
}
.header-navi-top ul li a,
.header-navi-top ul li a:link{
	font-size:90%;
	float:left;
	margin:0 0 0 20px;
	color:#666666;
	background: url("/img/www/ico-arrow-gray.gif") no-repeat 0 2px;
	padding:0 0 0 10px;
}
.header-navi-top ul li a:hover{
	font-size:90%;
	background: url("/img/www/ico-arrow-red.gif") no-repeat 0 2px;
	padding:0 0 0 10px;
	color:#be2836;
}

.head-company-name-top{
	clear:both;
	text-align:right;
	margin:12px 0 0 0;
	padding:0;
	width:782px;
}

/*キャッチコピー*/
.copy{
	margin:63px 0 0 0;
	text-align:right;
}
*html .copy{margin:60px 0 0 0;}

/*IE6でPNG透過のため必要*/
img.alpher{
	behavior: url(./iepngfix.htc);
}


/*
==================================================================
* グローバルナビ
==================================================================
*/
ul.gnavi-top{
	background:url("/img/www/top/gnavi.png") no-repeat;
	width:782px;
	height:33px;
	margin:6px 0 0 0;
	padding:0;
	behavior: url(./iepngfix.htc);	/*IE6でPNG透過のため必要*/
}
/*css hack:Firefox*/
ul.gnavi-top, x:-moz-any-link{margin:4px 0 0 0;}

ul.gnavi-top li{
	float:left;
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
}

ul.gnavi-top li span{
	display:none;
}

ul.gnavi-top li,
ul.gnavi-top a{
	display:block;
	height:33px;
}

#gnavi-top01{width:100px;}
#gnavi-top02{width:120px;}
#gnavi-top03{width:173px;}
#gnavi-top04{width:70px;}
#gnavi-top05{width:87px;}
#gnavi-top06{
	width:159px;
	margin-left:73px;
}

/*オンマウス*/
#gnavi-top01 a:hover {background:url("/img/www/top/gnavi.png") 0px -33px no-repeat;}
#gnavi-top02 a:hover {background:url("/img/www/top/gnavi.png") -100px -33px no-repeat;}
#gnavi-top03 a:hover {background:url("/img/www/top/gnavi.png") -220px -33px no-repeat;}
#gnavi-top04 a:hover {background:url("/img/www/top/gnavi.png") -393px -33px no-repeat;}
#gnavi-top05 a:hover {background:url("/img/www/top/gnavi.png") -463px -33px no-repeat;}
#gnavi-top06 a:hover {background:url("/img/www/top/gnavi.png") -623px -33px no-repeat;}

/*
==================================================================
* コンテンツ
==================================================================
*/

.wrapper-top{
	width: 950px;
	text-align: left;
	margin: 34px auto 0 auto;
	font-size:90%;
}

.right-box-top{
	float:right;
	margin:0;
	padding:0;
	width:170px;
}

.left-box-top{
	float:left;
	width:138px;
	margin:0;
	padding:0;
}


/*
-------------------------------------------------------
* 共通項目
-------------------------------------------------------
*/
.article-box-top{
	clear:both;
	margin:0;
	padding: 0 0 10px 0;
}

.top-blank-area{	/* 空室情報box */
	position:relative;
	margin:0 0 0 -6px;
}

.article-box-blank{	/* 空室情報box */
	width:180px;
	display:inline-block;
	/display: inline;
	/zoom: 1;
	margin:0 0 0 4px;
	/margin:0 0 0 6px;
	padding: 0 0 10px 0;
	vertical-align:top;
}

.article-info-box{
	margin:0;
	padding:0 0 5px 0;
	border-bottom:1px dotted #b2b2b2;
}

.article-info-box:hover{
	background-color:#e7e7e7;
}


.newbuilding-box .ttl,
.new-box .ttl{
	margin:0;
	padding:0 0 3px 0;
	border-bottom:1px solid #4d4d4d;
}

.t-txt{
	margin:5px 0 0 0;
	padding:0;
	font-size: 80%;
}

/*h2:ページタイトル*/
h2.top-sttl-l{
	margin:6px 0 4px 0;
	padding: 0 0px 0;
	width:190px;
	line-height:100%;
}

h2.top-sttl-l span{
	margin:6px 0 0 0;
}

h2.top-sttl-r{
	margin:6px 0 4px 0;
	padding:0 0 0px 0;
	width:180px;
	line-height:100%;
	display:block;
}

h2.top-sttl-b{
	margin:0px 0 4px 0;
	padding:0 0 0px 0;
	width:588px;
}

*html h2.top-sttl-l{margin:0;}
*html h2.top-sttl-r{margin:0;}

/*h2:物件名*/
h3.article-name-top{
	font-size:105%;
	margin:0;
	padding:4px 0 0 0;
	line-height:1.2em;
}
h3.article-name-top img{
	margin:0 0 0 4px;
	padding:0;
}
h3.article-name-top a,
h3.article-name-top a:link{
	text-decoration: none;
	color: #4c4c4c;
}
h3.article-name-top a:hover{
	text-decoration: underline;
	color: #4c4c4c;
}

/*物件情報*/
.article-info-top{
	margin:5px 0 0 0;
	padding:0;
}
.article-info-top .photo{
	float:left;
	margin:0 4px 1px 0;
	padding:0;
	width:82px;
}
.article-info-top .txt{
	float:left;
	margin:0;
	padding:0;
	width:104px;
}
.article-info-top .txt2{
	float:left;
	margin:0;
	padding:0;
	width:94px;
}

.article-info-top .icon{
	margin:0 0 6px 0;
	padding:0;
	line-height:0;
}
.article-info-top .icon img{
	margin:0 1px 0 0;
}
.article-info-top .dtl{
	margin:0;
	padding:0;
	font-size:80%;
}


/*
-------------------------------------------------------
* 新築物件
-------------------------------------------------------
*/
.newbuilding-box{
	margin:0;
	padding:0;
	float:left;
	width:200px;
}

.area-new{
	font-size:80%;
	background-color:#626262;
	margin:0;
	padding:2px 5px;
	color:#fff;
}


/*
-------------------------------------------------------
* 新着物件
-------------------------------------------------------
*/
.new-box{
	margin:0 0 0 22px;
	padding:0;
	float:left;
	width:366px;
}

/* 住宅をを借りる
-----------------------------------------------------*/
.rent-house{
	float:left;
	width:180px;
	margin:0;
	padding:0;
}

.area-rent-house{
	font-size:80%;
	background-color:#626262;
	margin:0;
	padding:2px 5px;
	color:#fff;
}

/* 事務所・店舗を借りる、買う
-----------------------------------------------------*/
.rent-office{
	margin:0;
	padding:0;
}

.office-buy{
	float:right;
	width:180px;
	padding:0;
	margin:25px 0 0 0;
	_margin:26px 0 0 0;
}
html>/**/body .office-buy{margin:29px 0 0 0;}	/* FF*/

.buy{
	margin:84px 0 0 0;
	padding:0;
}
/*css hack:IE7*/
*:first-child+html .buy{margin:83px 0 0 0;}
/*css hack:Firefox*/
.buy, x:-moz-any-link{margin:86px 0 0 0;}

/*事務所・店舗を借りる*/
.area-rent-office{
	font-size:80%;
	background-color:#626262;
	margin:0;
	padding:2px 5px;
	color:#fff;
}


/*買う*/
.area-buy{
	font-size:80%;
	background-color:#626262;
	margin:0;
	padding:2px 5px;
	color:#fff;
}

/*ロードGIF*/
img.loading-top{
	margin:0;
	padding:10px 0 10px 50px;
	text-align: center;
}

/*
-------------------------------------------------------
* 事務所・店舗を借りる
-------------------------------------------------------
*/

/* border:solid 1px #000; */

.rental-office{
	clear:both;
	margin:0 0 0 0;
	padding:15px 0 0 0;
	width:588px;
}

.article-box-top-l{
	margin:0;
	padding:0 6px 5px 0;
	width:192px;
	_width:196px;
	float:left;
}

.article-box-top-l-e{
	margin:0;
	padding:0 0 5px 0;
	width:192px;
	_width:196px;
	float:left;
}

/*
-------------------------------------------------------
* サブナビ
-------------------------------------------------------
*/

	div#snavi{
		clear:both;
		width:100%;
		height:46px;
		text-align:center;
		margin:15px auto 0;
	}

	#snavi ul{
		width:588px;
		height:46px;
		list-style:none;
		background:url("/img/www/top/snavi.gif") no-repeat 0 0;
		margin:0 auto;
		_margin:0 auto 0 0;
		padding:0 0 0 0;
	}

	#snavi ul li#snavi01{width:125px;}
	#snavi ul li#snavi02{width:155px;}
	#snavi ul li#snavi03{width:204px;}
	#snavi ul li#snavi04{width:104px;}

	#snavi ul li{
		height:46px;
		float:left;
		display:inline;
		margin:0;
		padding:0;
	}

	#snavi ul li span{
		display:none;
	}

	#snavi ul li a{
		height:46px;
		display:block;
	}

	#snavi ul li#snavi01 a:hover{
		background:url("/img/www/top/snavi.gif") no-repeat 0px -46px;
	}
	#snavi ul li#snavi02 a:hover{
		background:url("/img/www/top/snavi.gif") no-repeat -125px -46px;
	}
	#snavi ul li#snavi03 a:hover{
		background:url("/img/www/top/snavi.gif") no-repeat -280px -46px;
	}
	#snavi ul li#snavi04 a:hover{
		background:url("/img/www/top/snavi.gif") no-repeat -484px -46px;
	}

/*
-------------------------------------------------------
* ボタン
-------------------------------------------------------
*/

/*新築一覧ボタン*/
.new-list-btn{
	background:url("/img/www/top/btn-new-list.gif") no-repeat;
	width: 190px;
	height:27px;
	margin: 0 0 0 0;
	padding: 0;
}
/*住宅を借りる一覧ボタン*/
.rent-house-list-btn{
	background:url("/img/www/top/btn-rent-house-list.gif") no-repeat;
	width: 180px;
	height:27px;
	margin: 0 0 0 0;
	padding: 0;
}
/*事務所・店舗を借りる一覧ボタン*/
.rent-office-list-btn{
	background:url("/img/www/top/btn-rent-office-list.gif") no-repeat;
	width: 180px;
	height:27px;
	margin: 0 0 0 0;
	padding: 0;
}
/*買う一覧ボタン*/
.buy-list-btn{
	background:url("/img/www/top/btn-buy-list.gif") no-repeat;
	width: 180px;
	height:27px;
	margin: 0 0 0 0;
	padding: 0;
}

.new-list-btn span,
.rent-house-list-btn span,
.rent-office-list-btn span,
.buy-list-btn span{
	display:none;
}
.new-list-btn a,
.rent-house-list-btn a,
.rent-office-list-btn a,
.buy-list-btn a{
	display:block;
	height:27px;
}

.new-list-btn a:hover{background:url("/img/www/top/btn-new-list.gif") no-repeat 0 -27px;}
.rent-house-list-btn a:hover{background:url("/img/www/top/btn-rent-house-list.gif") no-repeat 0 -27px;}
.rent-office-list-btn a:hover{background:url("/img/www/top/btn-rent-office-list.gif") no-repeat 0 -27px;}
.buy-list-btn a:hover{background:url("/img/www/top/btn-buy-list.gif") no-repeat 0 -27px;}