/* CSS Document */

/**************/
/*** 共通　***/
/*************/
body {
 margin: 0 auto ;
 padding: 0px;
 text-align: center;
 color: #FFF;
 background-color:#4D4D4D;
 font-size: 12px;
 line-height: 1.6;
}
h1,h2,h3,h4,h5,h6,p,ul,ol,dl,form {
 margin-top: 0px;
 margin-bottom: 0px;
 padding:0;
}
img {
 border-style: none;
 border-width: 0px;
 text-decoration: none;
}
a img {
 border-style: none;
 border-width: 0px;
 text-decoration: none;
}
a:link{ color: #ffffff;}
a:visited {	color: #ffffff;}
a:hover { color: #990000;}

/* クリアー　*/
.clear {
	clear: both;
	margin:0;
	padding:0;
	font-size:1px;
	line-height: 0;
	width:1px;
}


/*コンテンツ*/

#contents{
width:900px;
margin-left:auto;
margin-right:auto;
margin-top:10px;
position:relative;
}

/*フッター*/
.footer{
margin-top:20px;
padding-top:10px;
padding-bottom:10px;
border-top:1px solid #FFFFFF;
}

.navi_bottom{
	width:900px;
	border-top:3px double #FFFFFF;
	padding-top:10px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	margin-top:10px;
}

.navi_bottom ul{ margin-bottom:10px; width:860px; margin:10px auto;}
.navi_bottom ul li:first-child{	border:none;}

.navi_bottom ul li{
	border-left:solid 1px #ffffff;
	padding-left:4px;
	display:inline;
	line-height:1.2;
}

.navi_bottom ul li a{ text-decoration:underline;}
.navi_bottom ul li a:hover{border-bottom:1px dotted;}

/*********************/
/*** FLASHページ　***/
/*******************-*/

.skip{
width:70px;
height:16px;
margin-left:830px;
margin-top:6px;
background:url(img/bt_skip.jpg) no-repeat 0 0;
text-indent:-9999px;
font-size:1px;
}
.skip a{ width:70px; height:16px; display:block; overflow:hidden; }
.skip a:hover{background:url(img/bt_skip.jpg) no-repeat 0 -16px;}


/*********************/
/*** トップページ　***/
/*******************-*/

/*ヘッダー*/
#header2{
margin-bottom:10px;
text-indent:-9999px;
font-size:1px;
}

#header2 h1{
width:700px;
height:117px;
background:url(img/logo.jpg) no-repeat left top;
float:left;
}

#header2 h1 a{ display:block; width:700px; height:117px; overflow:hidden;}

#header2 #header_right{
width:112px;
float:right;
}

a#totop{
width:148px;
height:28px;
display:block;
overflow:hidden;
background:url(img/totop.jpg) no-repeat 0 0;
}

a#totop:hover{background-position:0 -30px;}

/*TO MOVIE*/
a#tomovie{
width:112px;
height:20px;
display:block;
overflow:hidden;
background:url(img/bt_tomovie.jpg) no-repeat 0 0;
}

a#tomovie:hover{
background-position:0 -20px;
}

/*パンくず*/
.pankuzu{
width:900px;
height:24px;
background:url(img/bg_pankuzu.jpg) no-repeat 0 0;
text-align:right;
margin-right:10px;
line-height:24px;
font-size:12px;
margin-top:0;
}

.pankuzu a:hover{ color:#CCCCCC;}

/*パンくず　マンション*/
.pankuzu p{margin-right:20px;}

/*ナビバナー*/
.banner_top{
width:900px;
margin-top:20px;
margin-bottom:20px;
}

.banner_top p{margin-top:8px; color:#FFFFFF;}

.banner_top_left{width:440px;float:left;}

#bn_man a{
width:440px;
height:176px;
background:url(img/bn_man.jpg) no-repeat 0 0;
display:block;
text-indent:-9999px;
font-size:1px;
overflow:hidden;
}

#bn_man a:hover{ background-position:0 -176px;}

.banner_top_right{width:440px; float:right;}
#bn_kodate a{
width:440px;
height:176px;
background:url(img/bn_kodate.jpg) no-repeat 0 0;
display:block;
text-indent:-9999px;
font-size:1px;
overflow:hidden;
}

#bn_kodate a:hover{ background-position:0 -176px;}

/*オープンハウス*/
p.openhouse{width:900px; height:179px; text-indent:-9999px; font-size:1px;  }
p.openhouse a{width:900px; height:179px; display:block; overflow:hidden; background:url(img/bn_open.jpg) no-repeat 0 0;}
p.openhouse a:hover{ background-position:0 -179px;}


/*********************************/
/*** マンション・戸建てページ　***/
/*********************************/

/*ヘッダー*/

#header{margin-bottom:10px; font-size:1px;}

#header h1{
width:109px;
height:54px;
text-indent:-9999px;
background:url(img/logo2.jpg) no-repeat left top;
float:left;
}

#header h1 a{ display:block; width:109px; height:54px; overflow:hidden;}

#header .header_right_mini{
width:94px;
text-align:right;
float:right;
}

/*TO MOVIE*/
#header .header_right_mini a#tomovie{
width:94px;
height:16px;
text-align:left;
text-indent:-9999px;
font-size:1px;
text-decoration:none;
display:block;
overflow:hidden;
background:url(img/bt_tomoviemini.gif) no-repeat 0 0;
}

#header .header_right_mini a#tomovie:hover{background-position:0 -20px;}

/*パンくず マンション・戸建て*/
.pankuzu_man a:hover,.pankuzu_kodate a:hover{ color:#CCCCCC;}
.pankuzu_man p,.pankuzu_kodate p{margin-right:20px;}

/*ナビ　プルダウン付*/
.navi_main{width:900px; margin-top:10px; text-indent:-9999px; font-size:1px; }
.navi_main ul#oya{
width:900px;
height:30px;
list-style:none;
margin-left:0;
padding:0;
background:url(img/bt_navi.jpg) no-repeat 0 0;
}
.navi_main ul#oya li { width:225px; height:30px; padding:0; float:left;}
.navi_main ul#oya li a{width:225px; height:30px; display:block; overflow: hidden; margin-left:0; text-decoration:none;}

.navi_main li.navi01 a{ background:url(img/bt_navi.jpg) no-repeat 0 0;}
.navi_main li.navi02 a{ background:url(img/bt_navi.jpg) no-repeat -225px 0;}
.navi_main li.navi03 a{ background:url(img/bt_navi.jpg) no-repeat -450px 0;}
.navi_main li.navi04 a{ background:url(img/bt_navi.jpg) no-repeat -675px 0;}

.navi_main li.navi01 a:hover{background-position:0 -30px;}
.navi_main li.navi02 a:hover{background-position:-225px -30px;}
.navi_main li.navi03 a:hover{background-position:-450px -30px;}
.navi_main li.navi04 a:hover{background-position:-675px -30px;}

/*プルダウンメニュー マンション*/
ul#pop_man{
visibility:hidden;
position: absolute;
top:90px;
left:225px;
margin-left:0;
width:225px;
/*
height:104px;
*/
z-index:100;
padding:0;
list-style:none;
clear:both;
text-indent:-9999px;
font-size:1px;
}

.ul#pop_man li{
margin-bottom:0;
width:225px;
height:26px;
clear:both;
padding:0;
}

ul#pop_man li a{width:225px; height:26px; display:block; overflow: hidden; margin-left:0; text-decoration:none;}

li.pull_man01 a{ background:url(img/bt_pull_man.jpg) no-repeat 0 0;}
li.pull_man02 a{ background:url(img/bt_pull_man.jpg) no-repeat 0 -26px;}
li.pull_man03 a{ background:url(img/bt_pull_man.jpg) no-repeat 0 -52px;}
li.pull_man04 a{ background:url(img/bt_pull_man.jpg) no-repeat 0 -78px;}

li.pull_man01 a:hover{ background-position:-225px 0;}
li.pull_man02 a:hover{ background-position:-225px -26px;}
li.pull_man03 a:hover{ background-position:-225px -52px;}
li.pull_man04 a:hover{ background-position:-225px -78px;}

/*プルダウンメニュー 戸建*/
ul#pop_kodate{
visibility:hidden;
position: absolute;
top:90px;
left:450px;
margin-left:0;
width:225px;
/*
height:104px;
*/
z-index:100;
padding:0;
list-style:none;
clear:both;
text-indent:-9999px;
font-size:1px;
}

.ul#pop_kodate li{
margin-bottom:0;
width:225px;
height:26px;
clear:both;
padding:0;
}

ul#pop_kodate li a{width:225px; height:26px; display:block; overflow: hidden; margin-left:0; text-decoration:none;}

li.pull_kodate01 a{ background:url(img/bt_pull_kodate.jpg) no-repeat 0 0;}
li.pull_kodate02 a{ background:url(img/bt_pull_kodate.jpg) no-repeat 0 -26px;}
li.pull_kodate03 a{ background:url(img/bt_pull_kodate.jpg) no-repeat 0 -52px;}
li.pull_kodate04 a{ background:url(img/bt_pull_kodate.jpg) no-repeat 0 -78px;}

li.pull_kodate01 a:hover{ background-position:-225px 0;}
li.pull_kodate02 a:hover{ background-position:-225px -26px;}
li.pull_kodate03 a:hover{ background-position:-225px -52px;}
li.pull_kodate04 a:hover{ background-position:-225px -78px;}

/*ナビ　プルダウンなし*/
.navi_main_nopull{width:900px; margin-top:10px; text-indent:-9999px; font-size:1px; }
.navi_main_nopull ul#oya{
width:900px;
height:30px;
list-style:none;
margin-left:0;
padding:0;
background:url(img/bt_navi.jpg) no-repeat 0 -30px;
}
.navi_main_nopull ul#oya li { width:225px; height:30px; padding:0; float:left;}
.navi_main_nopull ul#oya li a{width:225px; height:30px; display:block; overflow: hidden; margin-left:0; text-decoration:none;}

.navi_main_nopull li.navi01 a{ background:url(img/bt_navi.jpg) no-repeat 0 0;}
.navi_main_nopull li.navi02 a{ background:url(img/bt_navi.jpg) no-repeat -225px 0;}
.navi_main_nopull li.navi03 a{ background:url(img/bt_navi.jpg) no-repeat -450px 0;}
.navi_main_nopull li.navi04 a{ background:url(img/bt_navi.jpg) no-repeat -675px 0;}

.navi_main_nopull li.navi01 a:hover{background-position:0 -30px;}
.navi_main_nopull li.navi02 a:hover{background-position:-225px -30px;}
.navi_main_nopull li.navi03 a:hover{background-position:-450px -30px;}
.navi_main_nopull li.navi04 a:hover{background-position:-675px -30px;}

/*ナビ　コンセプト マンション*/
.pankuzu_man{width:900px; height:24px; background:url(img/bg_pankuzu_man.jpg) no-repeat 0 0;}
ul.navi_concept_man { margin-left:153px; list-style:none; }
ul.navi_concept_man li{height:24px; margin-right:20px; float:left;}
ul.navi_concept_man li a{ height:24px; display:block; overflow:hidden;text-indent:-9999px; font-size:1px; }

ul.navi_concept_man li.navi_con_man01 a{width:102px;background:url(img/bt_navi_conman.jpg) no-repeat -153px 0;}
ul.navi_concept_man li.navi_con_man02 a{width:36px;background:url(img/bt_navi_conman.jpg) no-repeat -282px 0;}
ul.navi_concept_man li.navi_con_man03 a{width:70px;background:url(img/bt_navi_conman.jpg) no-repeat -343px 0;}
ul.navi_concept_man li.navi_con_man04 a{width:120px;background:url(img/bt_navi_conman.jpg) no-repeat -439px 0;}

ul.navi_concept_man li.navi_con_man01 a:hover{ background-position:-153px -24px;}
ul.navi_concept_man li.navi_con_man02 a:hover{background-position:-282px -24px;}
ul.navi_concept_man li.navi_con_man03 a:hover{background-position:-343px -24px;}
ul.navi_concept_man li.navi_con_man04 a:hover{background-position:-439px -24px;}

/*ナビ　コンセプト 戸建*/
.pankuzu_kodate{width:900px; height:24px; background:url(img/bg_pankuzu_kodate.jpg) no-repeat 0 0;}
ul.navi_concept_kodate { margin-left:153px; list-style:none; }
ul.navi_concept_kodate li{height:24px; margin-right:20px; float:left;}
ul.navi_concept_kodate li a{ height:24px; display:block; overflow:hidden;text-indent:-9999px; font-size:1px; }

ul.navi_concept_kodate li.navi_con_kodate01 a{width:100px;background:url(img/bt_navi_conkodate.jpg) no-repeat -153px 0;}
ul.navi_concept_kodate li.navi_con_kodate02 a{width:88px;background:url(img/bt_navi_conkodate.jpg) no-repeat -276px 0;}
ul.navi_concept_kodate li.navi_con_kodate03 a{width:90px;background:url(img/bt_navi_conkodate.jpg) no-repeat -388px 0;}
ul.navi_concept_kodate li.navi_con_kodate04 a{width:120px;background:url(img/bt_navi_conkodate.jpg) no-repeat -500px 0;}

ul.navi_concept_kodate li.navi_con_kodate01 a:hover{ background-position:-153px -24px;}
ul.navi_concept_kodate li.navi_con_kodate02 a:hover{background-position:-276px -24px;}
ul.navi_concept_kodate li.navi_con_kodate03 a:hover{background-position:-388px -24px;}
ul.navi_concept_kodate li.navi_con_kodate04 a:hover{background-position:-500px -24px;}


/* bofore　作品例　お問い合わせ*/

.wrapper_before {width:900px;}
.wrapper_before .before{ width:334px; float:left;}
.wrapper_before .after{ width:374px; float:left;}
.btbox{ width:172px; height:250px; float:right; padding:0;}
.btbox ul{ width:172px;list-style:none; margin-left:0; padding:0;}
.btbox ul li {width:172px; margin-top:15px; margin-bottom:0; padding:0; line-height:0; text-indent:-9999px; font-size:0px;  }
.btbox ul li a{ width:172px;display:block; overflow:hidden;}

.btbox ul li.btbox01 a{ height:80px; background:url(img/bt_contact.jpg) no-repeat 0 0; line-height:0;}
.btbox ul li.btbox01 a:hover{ background-position:-172px 0;}

.btbox ul li.btbox02 a{ height:140px; background:url(img/bt_works_man.jpg) no-repeat 0 0; line-height:0;}
.btbox ul li.btbox02 a:hover{ background-position:-172px 0;}

.btbox ul li.btbox03 a{ height:140px; background:url(img/bt_works_kodate.jpg) no-repeat 0 0; line-height:0;}
.btbox ul li.btbox03 a:hover{ background-position:-172px 0;}

/*h4*/
h4.man,h4.kodate{ text-align:left; text-indent:10px; font-size:1.2em; color:#FFFFFF; margin-top:20px;}
h4.man{ border-left: 6px solid #990000; border-bottom:1px solid #990000;}
h4.kodate{ border-left: 6px solid #006600; border-bottom:1px solid #006600;}

/*　写真集へのボタン*/

.wrapper_tophoto{width:900px; padding:0; margin-top:20px; }
.wrapper_tophoto .tp_left{width:440px; margin-left:0; padding:0; float:left;}
.wrapper_tophoto .tp_right{width:440px; padding:0; float:right;}

.bn_tp_l{ width:210px; float:left;}
.bn_tp_r{ width:210px;float:right;}

.bn_tp_l a,.bn_tp_r a{ width:210px; height:157px; display:block; text-indent:-9999px; font-size:1px; overflow:hidden;}

/*マンション*/
a#bn_tpman01{ background:url(img/bn_tpman.jpg) no-repeat 0 0;}
a#bn_tpman02{ background:url(img/bn_tpman.jpg) no-repeat -210px 0;}
a#bn_tpman03{ background:url(img/bn_tpman.jpg) no-repeat -420px 0;}
a#bn_tpman04{ background:url(img/bn_tpman.jpg) no-repeat -630px 0;}

a#bn_tpman01:hover{ background-position:0 -160px;}
a#bn_tpman02:hover{ background-position:-210px -160px;}
a#bn_tpman03:hover{ background-position:-420px -160px;}
a#bn_tpman04:hover{ background-position:-630px -160px;}

/*戸建*/
a#bn_tpkodate01{ background:url(img/bn_tpkodate.jpg) no-repeat 0 0;}
a#bn_tpkodate02{ background:url(img/bn_tpkodate.jpg) no-repeat -210px 0;}
a#bn_tpkodate03{ background:url(img/bn_tpkodate.jpg) no-repeat -420px 0;}
a#bn_tpkodate04{ background:url(img/bn_tpkodate.jpg) no-repeat -630px 0;}

a#bn_tpkodate01:hover{ background:url(img/bn_tpkodate.jpg) no-repeat 0 -160px;}
a#bn_tpkodate02:hover{ background:url(img/bn_tpkodate.jpg) no-repeat -210px -160px;}
a#bn_tpkodate03:hover{ background:url(img/bn_tpkodate.jpg) no-repeat -420px -160px;}
a#bn_tpkodate04:hover{ background:url(img/bn_tpkodate.jpg) no-repeat -630px -160px;}

/***ポップアップ***/
/*ナビ　共通*/
.navi_pop{width:900px; height:26px; text-indent:-9999px; margin-left:0; }
.navi_pop ul{ width:900px; height:26px; list-style:none; padding:0;  margin-left:0;}
.navi_pop ul li{ width:225px; height:26px; float:left;}
.navi_pop ul li a{ width:225px; height:26px; display:block; overflow:hidden; text-decoration:none;}

/*ナビ　マンション*/
ul#navi_popman{ background:url(img/bt_navi_manpop.jpg) no-repeat 0 -26px; padding:0;  margin-left:0;}

li#navi_popman01 a{ background:url(img/bt_navi_manpop.jpg) no-repeat 0 0;}
li#navi_popman02 a{ background:url(img/bt_navi_manpop.jpg) no-repeat -225px 0;}
li#navi_popman03 a{ background:url(img/bt_navi_manpop.jpg) no-repeat -450px 0;}
li#navi_popman04 a{ background:url(img/bt_navi_manpop.jpg) no-repeat -675px 0;}

li#navi_popman01 a:hover{ background-position:0 -26px;}
li#navi_popman02 a:hover{ background-position:-225px -26px;}
li#navi_popman03 a:hover{ background-position:-450px -26px;}
li#navi_popman04 a:hover{ background-position:-675px -26px;}


/*ナビ　戸建*/
ul#navi_popkodate{ background:url(img/bt_navi_kodatepop.jpg) no-repeat 0 -26px;}

li#navi_popkodate01 a{ background:url(img/bt_navi_kodatepop.jpg) no-repeat 0 0;}
li#navi_popkodate02 a{ background:url(img/bt_navi_kodatepop.jpg) no-repeat -225px 0;}
li#navi_popkodate03 a{ background:url(img/bt_navi_kodatepop.jpg) no-repeat -450px 0;}
li#navi_popkodate04 a{ background:url(img/bt_navi_kodatepop.jpg) no-repeat -675px 0;}

li#navi_popkodate01 a:hover{ background-position:0 -26px;}
li#navi_popkodate02 a:hover{ background-position:-225px -26px;}
li#navi_popkodate03 a:hover{ background-position:-450px -26px;}
li#navi_popkodate04 a:hover{ background-position:-675px -26px;}


/* NEXT BACK　ボタン*/
.nextback{width:800px; margin-left:auto; margin-right:auto; margin-top:2px;}
.back{ width:300px; text-align:left; font-size:1.4em; font-weight:bold;float:left;}
.next{ width:300px; text-align:right; font-size:1.4em; font-weight:bold;float:right;}
.close{text-align:center; margin-top:4px;}

.footer_popup{
margin-top:2px;
padding-top:2px;
padding-bottom:10px;
border-top:1px solid #FFFFFF;
font-size:0.9em;
}

/*********************/
/*** オープンハウス　***/
/*******************-*/
#contents_open{
width:902px;
margin: 0 auto;

}