@charset "utf-8";

/* ナビゲーション用css --------------------------------------------------------------

 :title "navigation";

 :created "2006-06-25";

 :release [:revision "1.0"; :created "2008-06-25"];

 :author [:name "diamon"; :homepage <http://refeed.jp/>; :mbox "info@refeed.jp"];

 

------------------------------------------------------------------------------------*/



/* 切り替え用bodyID */

body#top{}



body#plan{}



body#access{}



body#details{}

/* ここまで */



/* class selector */



/* 既存classに追加・上書き */

#bukken{

	padding-top:12px;

}



.contentBukken {

	padding-top:12px;

}



h3 {

	font-size:1.5em;

	margin:0 0 15px 0;

	padding:2px 0 2px 5px;

	border-left:5px solid #C00;

}



h3.land {

	border-left:5px solid #69F;

}



h4 {

	font-size:15px;

	color:#A55;

	margin:0 0 5px 0;

}



p {

	font-size:12px;

	margin:0 0 0.5em 1em;

}

/* ここまで */



/* h2 */

#top h2 {

	width:420px;

	height:35px;

	

	margin:0 0 20px 0;

	overflow:hidden;

}



#plan h2 {

	width:370px;

	height:55px;

	background-image:url(img/h2-plan.gif);

	margin:0 0 10px 0;

}



#plan .article02 h2 {

	width:370px;

	height:55px;

	background-image:url(img/h2-plan.gif);

	margin:0 0 10px 0;

}







#access h2 {

	width:370px;

	height:105px;

	background-image:url(img/h2-access.gif);

	margin:0 0 6px 0;

}



#details h2 {

	width:300px;

	height:90px;

	background-image:url(img/h2-details.gif);

	margin:0 0 6px 0;

}

/* ここまで */



/* 全コンテンツ共通 */

.article {

	clear:both;

	overflow:hidden;

	margin:0 0 30px 0;

	text-align:left;

}



.article02 {

	clear:both;

	overflow:hidden;

	margin:0 0 30px 0;

	text-align:left;

}



.article span {

	display:none;

}



.article02 span {

	display:none;

}



.contetns-head span {

	display:none;

}



p.house-price {
	background-image:url(img/73/house-price.gif);
	width:315px;
	height:30px;
	margin:10px 15px 5px 0;
	display:block;
	float:left;
}

.btn-details {
	width:65px;
	height:28px;
	margin:10px 0 0 0;
	float:left;
	display:block;
	background-image:url(img/btn_details.gif);
	text-indent:-9999px;
}




a.btn-details:hover {
	background-image:url(img/btn_details.gif);
	background-position:0 -28px;
}


p.house-price02 {
	background-image:url(img/74/house-price.gif);
	width:315px;
	height:30px;
	margin:10px 15px 5px 0;
	display:block;
	float:left;
}

p.house-price03 {
	background-image:url(img/72/house-price.gif);
	width:315px;
	height:30px;
	margin:10px 15px 5px 0;
	display:block;
	float:left;
}

p.house-price04 {
	background-image:url(img/81/house-price.gif);
	width:315px;
	height:30px;
	margin:10px 15px 5px 0;
	display:block;
	float:left;
}

p.banchi01 {
	background-image:url(img/area_namber73.gif);
	width:410px;
	height:25px;
	margin:0;
	padding:0;
	overflow:hidden;
}



p.banchi02 {
	background-image:url(img/area_namber74.gif);
	width:410px;
	height:25px;
	margin:0;
	padding:0;
	overflow:hidden;
	clear:both;
}

p.banchi03 {
	background-image:url(img/area_namber72.gif);
	width:410px;
	height:25px;
	margin:0;
	padding:0;
	overflow:hidden;
	clear:both;
}
p.banchi04 {
	background-image:url(img/area_namber81.gif);
	width:410px;
	height:25px;
	margin:0;
	padding:0;
	overflow:hidden;
	clear:both;
}









/* ここまで */



/* TOP */

.contetns-head {

	width:680px;

	height:200px;

	background-image:url(img/head.jpg);

	margin:0 0 20px 0;

}



div.leftbox {

	float:left;

	width:410px;

	margin:0 10px 0 0;

	overflow:hidden;

}



.text {

	margin:0 0 15px 0;

}



.chushaku {

	font-size:0.9em;

}



div.house-price-block {
	background-image:url(img/house-info-line.gif);
	background-repeat:repeat-y;
	border-bottom:1px solid #ccc;
	margin:0 0 20px 0;
	padding:0 0 0 12px;

}



p.house-area {

	width:330px;

	height:20px;

	margin:0 0 5px 20px;

	background-image:url(img/2-11-10/house-area.gif);

}



p.house-area02 {

	width:330px;

	height:20px;

	margin:0 0 5px 20px;

	background-image:url(img/2-11-10/house-area02.gif);

}



p.house-area03 {

	width:330px;

	height:20px;

	margin:0 0 5px 20px;

	background-image:url(img/2-11-10/house-area03.gif);

}



p.house-area04 {

	width:330px;

	height:20px;

	margin:0 0 5px 20px;

	background-image:url(img/2-11-10/house-area04.gif);

}



p.house-area216 {

	width:330px;

	height:20px;

	margin:0 0 5px 20px;

	background-image:url(img/2-11-10/house-area05.gif);

}







div.photo {

	width:260px;

	float:right;

}



.widemap {

	float:left;

	margin:0 20px 0 0;

}



.widemap h3 {

	margin:0 0 7px 0;

}



.aroundmap {

	float:left;

	margin:0;

}



.map-comment {

	text-align:right;
	width:318px;

}



.aroundmap h3 {

	margin:0 0 7px 0;

}



.around h3 {

	margin:0 0 7px 0;

}



.around-detail {

	width:155px;

	float:left;

	margin:0 20px 10px 0;

}



.around-detail-edge {

	width:155px;

	float:left;

	margin:0 0 10px 0;

}



.around-detail p {

	margin:0;

}



.around-detail-edge p {

	margin:0;

}



.certificate-block {

	width:250px;

	height:120px;

	padding:20px 0 0 0;

	margin:0 0 0 15px;

	background-image:url(img/certificate.gif);

	background-position:150px 15px;

	background-repeat:no-repeat;

	border:1px solid #CCC;

	float:right;

}



.certificate-block p {

	margin:25px 100px 0 10px;

}



/* ここまで */



/* 分譲プラン */

.info1 {

	width:370px;

	height:20px;

	background-image:url(img/2-11-10/plan-info1.gif);

	margin:0 0 3px 30px;

}



#plan .info2 {

	width:370px;

	height:20px;

	background-image:url(img/2-11-10/plan-info2.gif);

	margin:0 0 3px 30px;

}



#plan .info3 {

	width:370px;

	height:20px;

	background-image:url(img/2-11-10/plan-info3.gif);

	margin:0 0 3px 30px;

}



#plan .info4 {

	width:370px;

	height:20px;

	background-image:url(img/2-11-10/plan-info4.gif);

	margin:0 0 3px 30px;

}



.fu li {

	float:left;

	margin:0 18px 0 0;

}



.fu {

	margin:0px 0 0px 20px;

}



.planlayout {

	border: 1px solid #CCCCCC;

	padding: 10px;

	background-color: #FFFFFF;

	margin:0 0px 0px 0px;

}



.planlayout02 {

	float:left;

	width:335px;

}



.planlayout04 {

	margin:0 0 0 20px;

}



.planlayout05 {

	clear:both;

}



.planlayout05 img {

	margin:0 0 0 8px;

}











/*モデルハウス02*/

#plan .article02 .info1 {

	width:370px;

	height:20px;

	background-image:url(img/2-9-7/plan-info1.gif);

	margin:0 0 3px 30px;

}



#plan .article02 .info2 {

	width:370px;

	height:20px;

	background-image:url(img/2-9-7/plan-info2.gif);

	margin:0 0 3px 30px;

}



#plan .article02 .info3 {

	width:370px;

	height:20px;

	background-image:url(img/2-9-7/plan-info3.gif);

	margin:0 0 3px 30px;

}



#plan .article02 .info4 {

	width:370px;

	height:20px;

	background-image:url(img/2-9-7/plan-info4.gif);

	margin:0 0 3px 30px;

}

/*モデルハウス02おわり*/









.house-layout {

	width:680px;

	height:379px;

	background-image:url(img/2-11-10/plan-layout.gif);

	margin-bottom:20px;

}



.house-layout02 {

	width:680px;

	height:401px;

	background-image:url(img/2-9-7/plan-layout.gif);

}



.pricelist {

	float:right;

	margin:0 0 0 0px;

	width:330px;

}



.pricelist h3 {

	margin:0 0 7px 0;

}



.pricelist table {

	width:330px;

}

/* ここまで */



/* 交通アクセス */

.inquiry-block {

	width:380px;

	margin:45px 0 0 0;

}



.access-title01 {

	width:100px;

	height:300px;

	display:block;

	background-image:url(img/access_title01.gif);

	float:left;

	margin:0 10px 0 0;

}



.access-title02 {

	width:100px;

	height:530px;

	display:block;

	background-image:url(img/access_title02.gif);

	float:left;

	margin:0 10px 0 0;

}



.car-access-comment {

	text-align:right;

	margin:5px 0 0 0;

}



.car-access-comment span.pay {

	display:inline;

	background-color:#829D86;

}



.car-access-comment span.free {

	display:inline;

	background-color:#C9CFCA;

}



.car-navi {

	width:570px;

	height:50px;

	background-image:url(img/carnavi_search.gif);

	background-position:right;

	background-repeat:no-repeat;

	margin:10px 0 0 0;

}

/* ここまで */



/* 物件概要 */

.article table {

	border:1px solid #CCC;

}



.article table th {

	width:170px;

	padding:5px;

	background-color:#eed;

	font-size:12px;

	text-align:center;

}



.article table td {

	padding:5px;

	background-color:#eee;
	

}
.article .xx {
	width:170px;
}

.article .zz {
	width:470px;
}

.article .xxx {
	width:640px;
}

.photo p {

	font-size:0.9em;

	margin-top:3px;

	text-align:right;

}





/*追加*/

.map-footer {

	margin:5px 0 0 0;

	text-align:right;

}



.map-footer span.land {

	display:inline;

	background-color:#c1daee;

}



.map-footer span.house {

	display:inline;

	background-color:#c9d9a4;

}



.widemap {

	float:left;

	margin:0 20px 0 0;

}



.widemap h3 {

	margin:0 0 7px 0;

}



a.widemap-zoom {

	width:180px;

	height:30px;

	display:block;

	background-image:url(img/btn_mapzoom.jpg);

}



a.widemap-zoom:hover {

	background-position:0 30px;

}

/*統合ページ*/



.takuti {
	width:330px;
	float:left;
	margin:0 20px 0 0;
}

.plan {
	width:330px;
	float:left;
}

.article .plan dt, .article .takuti dt {
	margin:0 0 5px 0;
}

.article .plan dd, .article .takuti dd {
	margin:0 0 5px 0;
}

.infotop {
	border:#dcdcdc 2px solid;
	margin:0 0 20px 0;
}

.inquirybox {
	width:430px;
	margin:20px auto;
}

.telinfo {
	width:185px;
	height:50px;
	display:block;
	float:left;
	margin:0;
	background-image:url(img/tel_kobe.gif) !important;
	text-indent:-9999px;
}

.mailinfo {
	width:185px;
	height:50px;
	float:left;
}

.mailinfo a {
	width:185px;
	height:50px;
	display:block;
	background-image:url(img/mail.gif);
	text-indent:-9999px;
}

.mailinfo a:hover {
	background-position:0 -50px;
}



table {	
	width:100%;
	margin:0 0 20px 0;
}



.inquirybox_n {
	width:390px;
	margin:20px auto;
}

.telinfo_n {
	width:185px;
	height:50px;
	display:block;
	float:left;
	margin:0;
	background-image:url(img/tel_kobe.gif) !important;
	text-indent:-9999px;
}

.mailinfo_n {
	width:185px;
	height:50px;
	float:left;
}

.mailinfo_n a {
	width:185px;
	height:50px;
	display:block;
	background-image:url(img/mail.gif);
	text-indent:-9999px;
}

.mailinfo_n a:hover {
	background-position:0 -50px;
}

.nanayon {
	width:420px;
	height:35px;
	background-image:url(img/h2-top.gif);
	margin:0 0 20px 0;
	overflow:hidden;
}


/* ベースデザイン上書き用 */
#container {
	padding: 0px;
	margin: 0px auto;
	width: 780px;
}

#page {
	padding: 0;
	width: 760px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	
}

#header {
	background-image: url(../images/headerline.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	height: 71px;
	width: 760px;
	background-position: bottom;
	margin: 0px;
	position: relative;
}

#footer #copy {
	width:100%;
	text-align:center;
}

#outerBukkenTop {
	font-size: 4px;
	background:none !important;
	height: 5px;
	width: 720px !important;
	margin-top: 10px;
}

#outerBukken {
	background:none !important;
	padding: 1px;
}

#bukken {
	width: 720px;
	margin:0 auto !important;
	border:1px solid #ccc;
	float:none !important;
}