@charset "euc-jp";
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●　CSS　コンテンツ設定　●

※□ディレクトリ（単一ページは省略）
　●静的ページ、
　★CMSページ
　▲formページ
---------------------------------------
★1．TOP→top.css

□2．物件情報：国内（HOME/bukken/）
□3．物件情報：ハワイ（HOME/bukken_hawaii/）
　★2-1．一覧
　★2-2．詳細

●4．ハワイの不動産購入（HOME/hawaii/）
●5．ご購入・ご売却の流れ（HOME/flow/）
●6．購入後も安心サポート！（HOME/support/）
●7．Q＆A で不安解消！（HOME/faq/）
●8．お客様のご紹介（HOME/case/）
●9．ハワイに新築別荘を建てる（HOME/build/）

●10．別荘の新築・リフォーム（HOME/build_reform/）
●11．下取り・買い替えシステム（HOME/system/）

□12．別荘地マップ（HOME/areamap/）
　●12-1．一覧
　●12-2．詳細：ハワイ/軽井沢/富士五湖/那須高原/箱根・熱海/伊豆/八ヶ岳

●13．会社案内（HOME/company/）
▲14．お問い合わせ（HOME/contact/）
▲15．リゾート物件のご売却・賃貸をお考えの方へ（HOME/assessment/）
▲16．採用情報（HOME/recruit/）

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
□2．物件情報：国内（HOME/bukken/）
□3．物件情報：ハワイ（HOME/bukken_hawaii/）
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*◆ラッパー/セレクタ（#main）*/
.bukken{}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　★2-1．一覧
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.bukken #list{
	padding:10px 0 0;
}

.resultCount{
	text-align:right;
}
.resultCount p{
	float:left;
	line-height:36px;
}
/*◆物件一覧
→base.css　■６．その他パーツ　に記述*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　★2-2．詳細
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.bukken #detail{
	padding:10px 0;
}

/*◆見出し*/
.bukken #detail .cat_tit{
	margin:0 auto 3px;
	text-align:left;
}

.bukken #detail .detail_tit {
	border-bottom:1px solid #7E644B;
	margin:0 auto 10px;
	padding:0px 0px 5px;
	min-height:50px;
}
.bukken #detail h4{
	padding:6px 0 0;
	font-size:20px;
	font-weight:bold;
	text-align:left;
}

.bukken #detail .btn01 {
	width:280px;
	height:38px;
	float:right;
	margin:0px 0px 0px 20px ;
}

/*◆情報部***********/
.bukken #detail .bloc01{
	float:right;
	width:280px;
	text-align:left;
}
.bukken #detail .bloc01 dl{
	padding-top:10px;
}
.bukken #detail .bloc01 dt{
	margin:0 auto 5px;
	background:#8B6F59;
}
.bukken #detail .bloc01 dd{
	padding-bottom:15px;
}

/*テーブル*/
.bukken #detail .bloc01 table{
	width:280px;
	margin:0 auto;
	border-collapse:separate;
	border-spacing:1;
	text-align:left;
}
.bukken #detail .bloc01 th{
	width:80px;
	padding:8px 5px;
	border:1px solid #cccccc;
	background:#B3AA87;
	text-align:center;
	font-weight:normal;
}
.bukken #detail .bloc01 td{
	padding:8px 5px;
	border:1px solid #cccccc;
}

/*◆写真部***********/
.bukken #detail .bloc02{
	width:408px;
	margin:0 auto 0 0;
	padding-bottom:30px;
	text-align:left;
}

/*アイコン*/
.bukken #detail .bloc02 .icon{
	width:400px;
	padding-bottom:10px;
}
.bukken #detail .bloc02 .icon li{
	display:inline;
	padding-right:3px;
}

/*写真（ライトボックス）*/
.bukken #detail .lightboxPhoto{}
.bukken #detail .lightboxPhoto .image{
	position:relative;
	z-index:0;
	width:402px;
	padding-bottom:3px;
}

.bukken #detail .lightboxPhoto .thumbnail li{
	display:inline-block;
	width:98px;
	padding-right:3px;
}
/*写真リンク*/
.bukken #detail .lightboxPhoto .thumbnail li{
	position:relative;
	z-index:0;
	width:98px;
}
.bukken #detail .lightboxPhoto a,
.bukken #detail .lightboxPhoto a:link,
.bukken #detail .lightboxPhoto a:visited{
	display:block;
	border:1px solid #ffffff;
	background:url(../common_img/icon_zoom_off.gif) no-repeat right bottom;
}
.bukken #detail .lightboxPhoto a:hover,
.bukken #detail .lightboxPhoto a:active,
.bukken #detail .lightboxPhoto a:focus{
	border:1px solid #8B6F59;
	background:url(../common_img/icon_zoom_on.gif) no-repeat right bottom;
}
.bukken #detail .lightboxPhoto a img{
	position:relative;
	z-index:-1;
	background:#ffffff;
}

/*◆動画部***********/
.bukken #detail .bloc03{
	width:408px;
	margin:0 auto 0 0;
	padding-bottom:30px;
	text-align:left;
}

/*◆アクセス***********/
.bukken #detail .bloc04{
	width:400px;
	margin:0 auto 0 0;
	padding-bottom:10px;
	text-align:left;
}
.bukken #detail .bloc04 small a{
	background:url(../common_img/icon_gmap.gif) no-repeat left center;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●4．ハワイの不動産購入（HOME/hawaii/）
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*◆ラッパー/セレクタ（#main）*/
.hawaii{}

/*◆セクション1***********/
.hawaii #sec01{
	width:700px;
	margin:10px auto 0;
	padding:10px 0 40px;
	background:url(../hawaii/images/01bg.jpg) no-repeat right top;
	text-align:left;
}
.hawaii #sec01 ul{
	height:20px;
}
.hawaii #sec01 li{
	float:left;
	padding-right:15px;
}

/*◆セクション2***********/
.hawaii #sec02{
	width:700px;
	margin:0 auto 40px;
}
.hawaii #sec02 .txt01{
	padding:10px 0;
	text-align:left;
}

/*◆セクション3***********/
.hawaii #sec03{
	width:700px;
	margin:0 auto;
	text-align:left;
}
.hawaii #sec03 h4{
	padding-bottom:20px;
}
.hawaii #sec03 p{/*回り込み禁止*/
	overflow:hidden;
	zoom:1;
}
.hawaii #sec03 .bt_detail{
	overflow:hidden;
	zoom:1;
	text-align:right;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●5．ご購入・ご売却の流れ（HOME/flow/）
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*◆ラッパー/セレクタ（#main）*/
.flow{}

/*◆セクション1***********/
.flow #sec01{
	width:700px;
	margin:20px auto 0;
	text-align:left;
}
.flow #sec01 h4{
	padding-bottom:15px;
}

/*◇エスクロー会社とは？*/
.flow #sec01 dl{
	margin:0 auto 20px;
	padding:10px;
	background:#F0EDE1;
}
.flow #sec01 dt{
	padding-bottom:10px;
}
.flow #sec01 dl li{
	padding:0 0 5px 14px;
	background:url(../common_img/marker01.gif) no-repeat 0 0;
}

/**/
.flow #sec01 .image{
	float:left;
	padding:0 30px 20px 0;
}
.flow #sec01 .txt01{
	overflow:hidden;
	zoom:1;
	padding-bottom:30px;
	line-height:1.8;
}

/*◆セクション2***********/
.flow #sec02{
	width:700px;
	margin:0 auto;
}
/*◇タブ*/
.flow #sec02 .menu{
	width:700px;
	height:32px;
	margin:0 auto 20px;
	border-bottom:4px solid #694E40;
}
.flow #sec02 .menu li{
	float:left;
	width:350px;
}

/**/
.flow #sec02 h4{
	padding-bottom:30px;
	text-align:left;
}
.flow #sec02 .txt01{
	padding:10px 0 60px;
	font-weight:bold;
}


/*◇各記事*/
.flow #sec02 .repeat{
	width:700px;
	margin:0 auto 10px;
	border-bottom:1px dotted #cccccc;
	background:url(../common_img/bg_flow_arrow.gif) no-repeat left bottom;
}
.flow #sec02 .last_child{
	background:none;

}
.flow #sec02 .repeat h5{
	float:left;
	padding:0 20px 10px 0;
}
.flow #sec02 .repeat .image{
	float:right;
	padding:0 0 10px 20px;
}
.flow #sec02 .repeat .text{
	overflow:hidden;
	zoom:1;
	text-align:left;
	line-height:1.8;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●6．購入後も安心サポート！（HOME/support/）
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*◆ラッパー/セレクタ（#main）*/
.support{}

/*◆セクション1***********/
.support #sec01{
	width:700px;
	margin:20px auto 0;
	text-align:left;
}
.support #sec01 h4{
	padding-bottom:20px;
}
.support #sec01 h5{
	padding-bottom:15px;
}

/*◆セクション2***********/
.support #sec02{
	width:658px;
	margin:0 auto 30px;
	padding:20px;
	border:1px solid #cccccc;
	text-align:left;
}

.support #sec02 .photo{
	float:left;
	padding:0 20px 20px 0;
}
.support #sec02 h4{
	margin:15px auto 15px 160px;
	border-bottom:1px solid #694E40;
	font-size:12px;
	font-weight:bold;
}
.support #sec02 ul{
	margin:0 auto 15px 160px;
	background:url(../support/images/02sign.jpg) no-repeat right bottom;
}
.support #sec02 li{
	padding:0 0 4px;
}
.support #sec02 .txt01{
	background:url(../support/images/02bg_txt.gif) top;
	text-align:left;
	line-height:22px;
}

/*◆セクション3***********/
.support #sec03{
	width:700px;
	margin:0 auto 50px;
	background:url(../support/images/03bg.gif) no-repeat right bottom;
	text-align:left;
}
.support #sec03 h5{
	padding:20px 0 10px;
}
.support #sec03 .txt01{
	padding:0 280px 0 0;
	line-height:1.8;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●7．Q＆A で不安解消！（HOME/faq/））
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*◆ラッパー/セレクタ（#main）*/
.faq{}

/*◆セクション1***********/
.faq #sec01{
	width:700px;
	margin:20px auto 10px;
	text-align:left;
}

.faq #sec01 dl{
	padding:15px 0;
	text-align:left;
}
.faq #sec01 dt{
	clear:both;
	float:left;
	width:50px;
	padding:5px 0 0;
	font-size:14px;
	font-weight:bold;
}
.faq #sec01 dt img{
	margin-right:6px;
	vertical-align: middle;
}
.faq #sec01 dd{
	padding:5px 0 5px 50px;
	background:url(../common_img/bg_line01.gif) repeat-x bottom;
}
.faq #sec01 dd a,
.faq #sec01 dd a:link,
.faq #sec01 dd a:visited{
	display:inline-block;
	padding-left:14px;
	color:#8B6F59;
	background:url(../common_img/link_down_off.gif) no-repeat 0 6px;
	text-decoration:none;
}
.faq #sec01 dd a:hover,
.faq #sec01 dd a:active,
.faq #sec01 dd .prev a:focus{
	background:url(../common_img/link_down_on.gif) no-repeat 0 6px;
	color:#694E40;
	text-decoration:underline;
}


/*◆セクション2***********/
.faq #sec02{
	width:700px;
	margin:0 auto;
	padding-bottom:20px;
	text-align:left;
}
.faq #sec02 h4{
	padding-bottom:20px;
}

/*◇記事*/
.faq #sec02 dl{
	margin:0 auto 20px;
	text-align:left;
}
.faq #sec02 dt{
	float:left;
	font-size:16px;
	font-weight:bold;
}
.faq #sec02 dt img{
	margin-right:6px;
	vertical-align: top;
}

.faq #sec02 dd{
	padding:5px 0 10px 60px;
}
/*質問*/
.faq #sec02 dt.question{
	width:60px;
}
.faq #sec02 dd.question{
	background:url(../common_img/bg_line01.gif) repeat-x bottom;
	color:#8B6F59;
	font-weight:bold;
}

/*回答*/
.faq #sec02 dt.answer{
	padding:10px 0;
	width:40px;
}
.faq #sec02 dd.answer{
	padding:15px 10px 15px 60px;
	line-height:1.8;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●8．お客様のご紹介（HOME/case/）
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*◆ラッパー/セレクタ（#main）*/
.case{}

/*◆セクション1***********/
.case #sec01{
	width:700px;
	margin:20px auto 0;
	padding-bottom:20px;
	text-align:left;
}
.case #sec01 h5{
	padding:10px 0 15px;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●9．ハワイに新築別荘を建てる（HOME/build/）
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*◆ラッパー/セレクタ（#main）*/
.build{}

/*◆セクション1***********/
.build #sec01{
	width:700px;
	margin:20px auto 0;
	padding-bottom:20px;
	text-align:left;
}
.build #sec01 h4{
	padding-bottom:10px;
}


/*◆セクション2***********/
.build #sec02{
	width:700px;
	margin:0 auto 30px;
}
.build #sec02 h4{
	padding-bottom:20px;
}

/*◇各記事*/
.build #sec02 .repeat{
	width:700px;
	margin:0 auto 10px;
	padding-bottom:5px;
	border-bottom:1px dotted #cccccc;
	background:url(../common_img/bg_flow_arrow.gif) no-repeat left bottom;
	text-align:left;
}
.build #sec02 .last_child{
	background:none;
}
.build #sec02 .repeat .image{
	float:right;
	padding:0 0 5px 20px;
}
.build #sec02 .repeat h5{
	padding-bottom:5px;
}
.build #sec02 .repeat dl{
	overflow:hidden;
	zoom:1;
	padding:0 0 0 42px;
	text-align:left;
}
.build #sec02 .repeat dt{
	padding:0 0 5px 14px;
	background:url(../common_img/marker01.gif) no-repeat 0 3px;
	color:#694E40;
}
.build #sec02 .repeat dd{
	padding:0 0 10px 14px;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●10．別荘の新築・リフォーム（HOME/build_reform/）
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*◆ラッパー/セレクタ（#main）*/
.build_reform{}

/*◆セクション1***********/
.build_reform #sec01{
	width:700px;
	margin:1px auto 20px;
}

.build_reform #sec01 .txt01{
	padding:20px 0;
	text-align:left;
}

/*◇ギャラリー部*/
.build_reform #sec01 dl{
	margin:0 auto 30px;
	background:url(../build_reform/images/01bg.png) repeat-y left top;
	text-align:left;
}
.build_reform #sec01 dt{
	float:left;
	width:195px;
}
.build_reform #sec01 dd{
	width:500px;
	margin:0 0 0 auto;
}
.build_reform #sec01 li{
	position:relative;
	z-index:0;
	display:inline-block;
	width:98px;
	padding:0 0 2px 2px;
	vertical-align:top;
}

/*写真（ライトボックス）*/
.build_reform #sec01 .lightboxPhoto{}

/*写真リンク*/
.build_reform #sec01 .lightboxPhoto a,
.build_reform #sec01 .lightboxPhoto a:link,
.build_reform #sec01 .lightboxPhoto a:visited{
	display:block;
	border:1px solid #ffffff;
	background:url(../common_img/icon_zoom_off.gif) no-repeat right bottom;
}
.build_reform #sec01 .lightboxPhoto a:hover,
.build_reform #sec01 .lightboxPhoto a:active,
.build_reform #sec01 .lightboxPhoto a:focus{
	border:1px solid #8B6F59;
	background:url(../common_img/icon_zoom_on.gif) no-repeat right bottom;
}
.build_reform #sec01 .lightboxPhoto a img{
	position:relative;
	z-index:-1;
	background:#ffffff;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●11．下取り・買い替えシステム（HOME/system/）
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*◆ラッパー/セレクタ（#main）*/
.system{}

/*◆セクション1***********/
.system #sec01{
	width:700px;
	margin:1px auto 20px;
}
.system #sec01 h5{
	padding:20px 0;
}
.system #sec01 .bt_detail{
	padding-top:40px;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
□12．別荘地マップ（HOME/areamap/）
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　●12-1．一覧
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*◆ラッパー/セレクタ（#main）*/
.areamap{}

/*◆セクション1***********/
.areamap #sec01{
	width:700px;
	margin:20px auto 20px;
}
.areamap #sec01 h4{
	padding-bottom:10px;
}
.areamap #sec01 ul{
	width:720px;
	text-align:left;
}
.areamap #sec01 li{
	position:relative;
	z-index:0;
	display:inline-block;
	width:340px;
	padding:0 20px 20px 0;
}

/*リンク*/
.areamap #sec01 li a,
.areamap #sec01 li a:link,
.areamap #sec01 li a:visited{
	display:block;
	border:1px solid #cccccc;
	background:url(../common_img/icon_zoom_off.gif) no-repeat right bottom;
}
.areamap #sec01 li a:hover,
.areamap #sec01 li a:active,
.areamap #sec01 li a:focus{
	border:1px solid #8B6F59;
	background:url(../common_img/icon_zoom_on.gif) no-repeat right bottom;
}
.areamap #sec01 li a img{
	position:relative;
	z-index:-1;
	background:#ffffff;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　●12-2．詳細：ハワイ/軽井沢/富士五湖/那須高原/箱根・熱海/伊豆/八ヶ岳
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●13．会社案内（HOME/company/）
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*◆ラッパー/セレクタ（#main）*/
.company{}

/*◆セクション1***********/
.company #sec01{
	width:700px;
	margin:20px auto 0;
	text-align:left;
}

.company #sec01 h5{
	padding:10px 0 0;
}

.company #sec01 h6{
	overflow:hidden;
	width:340px;
	padding:15px 0 10px;
}
.company #sec01 .txt01{
	overflow:hidden;
	padding:0 0 20px;
	line-height:1.8;
}

/*◆セクション2***********/
.company #sec02{
	width:700px;
	margin:0 auto 20px;
}
/*テーブル*/
.company #sec02 table{
	width:700px;
	margin:10px auto;
	border-collapse:separate;
	border-spacing:1;
	text-align:left;
}
.company #sec02 th{
	width:140px;
	padding:8px 5px;
	border:1px solid #cccccc;
	background:#B3AA87;
	text-align:center;
	font-weight:normal;
}
.company #sec02 td{
	padding:8px 10px;
	border:1px solid #cccccc;
}

/*◆セクション3***********/
.company #sec03{
	width:700px;
	margin:0 auto;
	text-align:left;
}
.company #sec03 h4{
	padding-bottom:20px;
}
.company #sec03 h5{
	padding-bottom:20px;
}

/*◆セクション4***********/
.company #sec04{
	width:700px;
	margin:0 auto 30px;
	text-align:left;
}
.company #sec04 h4{
	padding-bottom:20px;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
▲14．お問い合わせ（HOME/contact/）
▲15．リゾート物件のご売却・賃貸をお考えの方へ（HOME/assessment/
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*◆ラッパー/セレクタ（#main）*/
.contact{}

/*◆セクション1***********/
.contact #sec01{
	width:700px;
	margin:10px auto 0;
}
.contact #sec01 h4{
	padding-bottom:15px;
}
.contact #sec01 .notes{
	font-size:14px;
}

/*◆セクション2***********/
.contact #sec02{
	width:700px;
	margin:0 auto;
}
.contact #sec02 h4{
	padding-bottom:15px;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
▲16．採用情報（HOME/recruit/）
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*◆ラッパー/セレクタ（#main）*/
.recruit{}

/*◆セクション1***********/
.recruit #sec01{
	width:700px;
	margin:1px auto 0;
}
.recruit #sec01 h4{
	padding-bottom:20px;
}

/*◆セクション2***********/
.recruit #sec02{
	width:700px;
	margin:0 auto 20px;
}
.recruit #sec02 h4{
	padding-bottom:15px;
}

/*テーブル*/
.recruit #sec02 table{
	width:700px;
	margin:0 auto 10px;
	border-collapse:separate;
	border-spacing:1;
	text-align:left;
}
.recruit #sec02 th{
	width:140px;
	padding:8px 5px;
	border:1px solid #cccccc;
	background:#B3AA87;
	text-align:center;
	font-weight:normal;
}
.recruit #sec02 td{
	padding:8px 10px;
	border:1px solid #cccccc;
}

/*◆セクション2***********/
.recruit #sec03{
	width:700px;
	margin:0 auto 20px;
}
.recruit #sec03 h4{
	padding-bottom:15px;
}