@charset "UTF-8";
/* CSS Document */

#companyArticle h2 {
	background: url(../../../article/img/t_object.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	height: 80px;
	width: 700px;
}
#companyArticle h3 {
	background: url(../../../article/img/t_articlesummary.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	height: 40px;
	width: 700px;
	margin-top: 10px;
	margin-bottom: 20px;
}



/*  companyArticle / article 取り扱い物件設定
---------------------------------------------------------- */
#companyArticle .article {
	width: 700px;
	margin-top: 30px;
	background: url(../../img/article/article_bg.gif) repeat-y 0px 0px;
}
#companyArticle .articlePhoto {
	padding: 10px;
	float: left;
	width: 258px;
}
#companyArticle .articleRead {
	float: right;
	width: 402px;
	padding-right: 10px;
}
#companyArticle .articleRead h4 {
	background: url(../../../article/img/t_articlebg.gif) no-repeat 0px 0px;
	height: 38px;
	width: 392px;
	padding-left: 10px;
	font-size: 150%;
	padding-top: 15px;
	color: #4a4a4a;
}
#companyArticle .articleRead h5 {
	font-size: 110%;
	font-weight: 600;
	color: #000000;
	width: 382px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 5px;
}
#companyArticle .articleRead p {
	width: 382px;
	padding-left: 10px;
}
#companyArticle .articlePrice2 {
	background: url(../../../article/img/price_bg2.gif) no-repeat 0px 0px;
	height: 28px;
	width: 130px;
	clear: both;
	font-size: 160%;
	font-weight: 600;
	color: #000000;
	padding: 7px 0px 0px 570px;
}

/*==== 詳細はこちら ====*/

#companyArticle .btnDetails01 {
	height: 22px;
	width: 112px;
	margin-left: 570px;
	margin-top: 10px;
}
#companyArticle .btnDetails01 a {
	background: url(../../img/article/btn_details02.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 22px;
	width: 112px;
}
#companyArticle .btnDetails01 a:hover {
	background: url(../../img/article/btn_details02.gif) no-repeat 0px -22px;
	height: 22px;
	width: 112px;
}





/*  articleDetails  物件詳細設定
---------------------------------------------------------- */
#articleDetails h2 {
	background: url(../../../article/img/t_details.gif) no-repeat 0px 0px;
	height: 80px;
	width: 700px;
	text-indent: -9999px;
}
#articleDetails .topAreaL {
	float: left;
	width: 340px;
	padding-left: 5px;
	margin-bottom: 20px;
}
#articleDetails .topAreaR {
	float: right;
	width: 340px;
}
#articleDetails .contactMail {
	height: 30px;
	width: 240px;
	margin-left: 100px;
}
#articleDetails .contactMail a {
	background: url(../../../article/img/btn_mail.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 30px;
	width: 240px;
	overflow: hidden;
}
#articleDetails .contactMail a:hover {
	background: url(../../../article/img/btn_mail.gif) no-repeat 0px -30px;
}


/*==== タイトルエリア ====*/

#articleDetails h3 {
	background: url(../../../article/img/t_bg.gif) no-repeat 0px 0px;
	height: 33px;
	width: 685px;
	clear: both;
	font-size: 140%;
	font-weight: 500;
	color: #373737;
	padding: 8px 0px 0px 15px;
}
#articleDetails h4 {
	padding: 10px;
	width: 680px;
	font-size: 120%;
	font-weight: 600;
	color: #000000;
}

/*==== mainPhoto , subPhoto ====*/

#articleDetails .mainPhoto {
	float: left;
	height: 300px;
	width: 450px;
	background: url(../../../article/img/framework_bg1.gif) no-repeat 0px 0px;
	padding: 6px 9px 9px 6px;
}
#articleDetails .subPhoto {
	height: 315px;
	width: 235px;
	float: right;
}
#articleDetails .subPhoto p {
	padding: 6px 6px 9px;
	height: 90px;
	width: 223px;
	background: url(../../../article/img/framework_bg2.gif) no-repeat 0px 0px;
}
#articleDetails .click {
	clear: both;
	height: 22px;
	width: 700px;
	margin-top: 5px;
	margin-bottom: 30px;
}


/*==== articlePrice ====*/

#articleDetails .articlePrice {
	width: 700px;
	margin-top: 20px;
	background: url(../../../article/img/price_bg.gif) repeat-y 0px 0px;
}
#articleDetails .articlePrice p {
	padding: 10px 15px;
	width: 670px;
	font-size: 130%;
	color: #000000;
	font-weight: 600;
}
#articleDetails #priceBottom {
	background: url(../../../article/img/price_bottom.gif) no-repeat 0px 0px;
	height: 75px;
	width: 700px;
}
#articleDetails #priceBottom .priceMail {
	float: left;
	height: 30px;
	width: 240px;
	margin-left: 15px;
	margin-top: 25px;
}
#articleDetails #priceBottom .priceMail a {
	background: url(../../../article/img/btn_mail.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 30px;
	width: 240px;
	overflow: hidden;
}
#articleDetails #priceBottom .priceMail a:hover {
	background: url(../../../article/img/btn_mail.gif) no-repeat 0px -30px;
}
#articleDetails #priceBottom .priceAmount {
	float: right;
	font-size: 250%;
	font-weight: 600;
	color: #000000;
	padding-right: 70px;
	padding-top: 13px;
}


/*==== articleReco  ここがオススメ ====*/

#articleDetails .articleReco {
	float: left;
	width: 340px;
	margin-bottom: 40px;
}
#articleDetails .articleReco p {
	padding: 10px;
}




/*==== articleInfo  物件概要 ====*/

#articleDetails .articleInfo {
	float: right;
	width: 340px;
	margin-bottom: 40px;
}
#articleDetails .articleInfo table {
	width: 340px;
}
#articleDetails .articleInfo table th {
	width: 90px;
	vertical-align: top;
	padding-top: 5px;
	padding-bottom: 3px;
	border-bottom: 1px dotted #d8d8d8;
}
#articleDetails .articleInfo table td {
	width: 240px;
	padding-left: 10px;
	padding-bottom: 3px;
	padding-top: 5px;
	border-bottom: 1px dotted #d8d8d8;
}


/*==== articleRoom  間取り紹介 ====*/

#articleDetails .articleRoom {
	clear: both;
	width: 700px;
}


/*==== articlePhoto  物件写真紹介 ====*/

#articleDetails .articlePhoto {
	width: 700px;
}
#articleDetails .articlePhoto table {
	margin-top: 10px;
	width: 700px;
	font-size: 90%;
	color: #000000;
	text-align: center;
}
#articleDetails .articlePhoto table td {
	width: 170px;
}


/*==== articleMap  アクセスについて ====*/

#articleDetails .articleMap {
	width: 700px;
}
#articleDetails .articleMap .mapBox {
	margin: 10px auto 0px;
	height: 500px;
	width: 680px;
}




/*  plice  価格順一覧設定
---------------------------------------------------------- */


#companyArticle .priceLine {
	width: 700px;
	margin-top: 20px;
}
#companyArticle .priceLine ul {
	height: 24px;
	width: 680px;
	margin-right: auto;
	margin-left: auto;
	vertical-align: middle;
}
#companyArticle .priceLine li {
	float: left;
	padding-right: 10px;
}
#companyArticle .priceLine li a {
	font-size: 105%;
	font-weight: 600;
	text-decoration: none;
}
#companyArticle .priceLine li a:hover {
	font-size: 105%;
	font-weight: 600;
	text-decoration: none;
}