@import url(http://www.saitama-fudousan.jp/css/base.css);

/* Styles Kasou Page's CSS (styles-site.css) */


/*** ヘッター ***/

#header{
  width:100%;
  height:210px; 
  background:url(http://www.saitama-fudousan.jp/imgs/header-back.jpg) no-repeat center top;
  }

#header .header{
  width:1060px;
  text-align:left;
  margin:0 auto;
  padding-top:14px;
  background:url(http://www.saitama-fudousan.jp/imgs/banner_s.gif) no-repeat 860px 70px;
  }

#header .headerLeft{
  float:left;
  width:250px;
  padding-left:30px;
  }

#header .produceLink a{
  display:block;
  width:205px;
  height:48px;
  text-indent:-100000px;
  overflow:hidden;
  }

#header h1{
  width:250px;
  height:50px;
  text-indent:-100000px;
  padding-top:2px;
  overflow:hidden;
  }

#header h1 a{
  display:block;
  width:250px;
  height:50px;
  }

#header ul{
  float:left;
  width:575px;
  height:180px;
  padding:5px 0 10px;
  overflow:hidden;
  }


#header li{
  float:left;
  width:185px;
  height:35px;
  margin-right:5px;
  margin-bottom:7px;
  /*text-indent:-100000px;*/
  overflow:hidden;
  }

#header li a{
  display:block;
  width:185px;
  height:35px;
  }

  
#header .utsunomiya{background:url(http://www.saitama-fudousan.jp/imgs/menu-utsunomiya.jpg) no-repeat;}
#header .takasaki{background:url(http://www.saitama-fudousan.jp/imgs/menu-takasaki.jpg) no-repeat;}
#header .noda{background:url(http://www.saitama-fudousan.jp/imgs/menu-noda.jpg) no-repeat;}
#header .newshettale{background:url(http://www.saitama-fudousan.jp/imgs/menu-newshettale.jpg) no-repeat;}
#header .saikyoukawagoshi{background:url(http://www.saitama-fudousan.jp/imgs/menu-saikyou-kawagoshi.jpg) no-repeat;}
#header .touhoku{background:url(http://www.saitama-fudousan.jp/imgs/menu-touhoku.jpg) no-repeat;}
#header .musashino{background:url(http://www.saitama-fudousan.jp/imgs/menu-musashino.jpg) no-repeat;}
#header .saitama{background:url(http://www.saitama-fudousan.jp/imgs/menu-saitama.jpg) no-repeat;}
#header .isezaki{background:url(http://www.saitama-fudousan.jp/imgs/menu-isezaki.jpg) no-repeat;}
#header .nikkou{background:url(http://www.saitama-fudousan.jp/imgs/menu-nikkou.jpg) no-repeat;}

#header .noda, #header .touhoku, #header .isezaki{margin-right:0;}


#header .headerRight{
  float:right;
  width:190px;
  text-align:left;
  margin-top:-5px;
  }

#header .staff{
  width:110px;
  height:68px;
  margin:0 auto 10px;
  text-indent:-10000000px;
  background:url(http://www.saitama-fudousan.jp/imgs/menu-staff.jpg) no-repeat;
  overflow:hidden;
  }

#header .staff a{
  display:block;
  width:110px;
  height:68px;
  }

#header .touroku{
  text-align:left;
  text-indent:-1000000px;
  overflow:hidden;
  }

#header .touroku a{
  display:block;
  }

#header .touroku, #header .touroku a{
  width:190px;
  height:120px;
  }


/*** container ***/

#container{
  width:1000px;
  text-align:left;
  padding:10px 0 30px;
  clear:both;
  }

#container h2{
  width:960px;
  height:25px;
  color:#443A35;
  font-size:18px;
  font-weight:normal;
  text-align:left;
  line-height:25px;
  margin:0 auto 10px;
  padding:10px 20px;
  background:url(http://www.saitama-fudousan.jp/imgs/title-back.jpg) no-repeat center top;
  }

#menuList{
  height:30px;
  padding-left:5px;
  padding-bottom:10px;
  clear:both;
  }

#menuList li{
  list-style:none;
  float:left;
  width:143px;
  height:30px;
  text-indent:-10000000px;
  margin-right:10px;
  overflow:hidden;
  }

#menuList li a{
  display:block;
  width:143px;
  height:30px;
  }

#menuList .newKodate{background:url(http://www.saitama-fudousan.jp/imgs/new-kodate.jpg) no-repeat top;}
#menuList .oldKodate{background:url(http://www.saitama-fudousan.jp/imgs/old-kodate.jpg) no-repeat top;}
#menuList .tochi{background:url(http://www.saitama-fudousan.jp/imgs/menu-list02.jpg) no-repeat top;}
#menuList .mansion{background:url(http://www.saitama-fudousan.jp/imgs/menu-list03.jpg) no-repeat top;}



#container .areaList{
  text-align:left;
  padding:5px 0 15px;
  padding-left:5px;
  clear:both;
  }


#container .pageNavi{
  font-size:18px;
  padding:5px 0 5px 20px;
  clear:both;
  }

#container .pageNavi a{
  margin-left:12px;
  }

#container .pageList{
  color:#000;
  letter-spaing:4px;
  line-height:20px;
  padding-top:100px;
  }

#container .pageList a{
  text-decoration:none;
  text-align:center;
  margin:0 2px 0 15px;
  padding:7px 12px;
  border:1px solid #DAE0E7;
  background:#F2F7FB;
  }

#container .pageList a:hover{
  color:#fff;
  background:#2D81AB;
  }


#contents{
  padding:10px 0 5px 10px;
  clear:both;
  }

#contents li{
  list-style:none;
  float:left;
  width:480px;
  height:180px;
  margin:0 10px 20px 0;
  overflow:hidden;
  }


#contents .contentsPhoto{
  float:left;
  width:146px;
  height:116px;
  text-align:center;
  padding:5px 3px;
  background:url(http://www.saitama-fudousan.jp/imgs/photo-back.jpg) no-repeat top;
  }

#contents .contentsDetails{
  float:right;
  width:320px;
  color:#443A35;
  text-align:left;
  line-height:140%;
  padding-top:5px;
  }

#contents .days{
  color:#CC0000;
  font-size:11px;
  }

#contents h4{
  font-size:11px;
  font-weight:normal;
  }

#contents .contentsBody{
  padding:5px 0;
  }

#contents .more{
  width:200px;
  height:35px;
  text-indent:-10000000px;
  background:url(http://www.saitama-fudousan.jp/imgs/more-icon.jpg) no-repeat top;
  overflow:hidden;  
  }  

#contents .more a{
  display:block;
  width:200px;
  height:35px;
  }


#container .containerFooter{
  float:right;
  padding-bottom:20px;
  clear:both;
  }


#container .containerFooter .pageTop{
  float:right;
  width:230px;
  height:30px;
  text-align:left;
  padding-bottom:15px;
  overflow:hidden;
  }

#container .containerFooter .pageTop a{
  display:block;
  width:200px;
  height:30px;
  text-indent:-1000000px;
  background:url(http://www.saitama-fudousan.jp/imgs/backtotop-btn.jpg) no-repeat top;
  overflow:hidden;
  }


#container .containerFooter #menuList{
  float:right;
  padding-bottom:5px;
  clear:both;
  }

#container .containerFooter #menuList li{
  margin-left:10px;
  margin-right:0;
  }

#container .containerFooter .pageNavi{
  float:right;
  padding:10px 20px 20px 0;
  clear:both;
  }

#container .containerFooter .areaList{
  text-align:right;
  padding:5px 0 10px;
  clear:both;
  }


/** object **/

#object{
  color:#443A35;
  padding:10px 15px 50px;
  }

#object h3{
  font-size:18px;
  font-weight:bold;
  }

#object .objectLeft{
  float:left;
  width:430px;
  }

#object dl{
  font-size:16px;
  padding:15px 0 10px;
  }

#object dt{
  padding:0 5px 5px 18px;
  background:url(http://www.saitama-fudousan.jp/imgs/object-point.jpg) no-repeat 0 0;
  }

#object dd{
  line-height:120%;
  padding:10px 0 5px 18px;
  }


#object .staffProfile{
  width:420px;
  padding-top:15px;
  clear:both;
  }

#object .staffLeft{
  float:left;
  width:128px;
  padding:5px;
  border-top:1px solid #DFDFDF;
  border-left:1px solid #DFDFDF;
  border-right:1px solid #999;
  border-bottom:1px solid #999;
  }

#object .staffRight{
  float:right;
  width:255px;
  }

#object .staffRight h4{
  font-size:13px;
  font-weight:bold;
  padding-bottom:5px;
  }

#object .staffBody{
  font-size:12px;
  line-height:150%;
  padding-bottom:10px;
  }


#object .objectRight{
  float:right;
  width:467px;
  }

#object .objectRight .contact{
  text-align:right;
  line-height:155%;
  padding:5px 10px;
  }


#object .objectRight .objectPhoto{
  padding:15px 15px 10px;
  border-top:1px solid #DFDFDF;
  border-left:1px solid #DFDFDF;
  border-right:1px solid #999;
  border-bottom:1px solid #999;
  background:#fff;
  }

#object .photocm{
  font-size:13px;
  text-align:center;
  line-height:150%;
  padding:10px 5px 0;
  }

#object .photoLeft, #object .photoRight{
  width:435px;
  margin:15px 0;
  padding:15px 15px 10px;
  border-top:1px solid #DFDFDF;
  border-left:1px solid #DFDFDF;
  border-right:1px solid #999;
  border-bottom:1px solid #999;
  background:#fff;
  }

#object .photoLeft{float:left;clear:both;}
#object .photoRight{float:right;}


#objectDetails{
  width:655px;
  margin:15px auto;
  padding:12px;
  background:url(http://www.saitama-fudousan.jp/imgs/object-table_back.jpg);
  clear:both;
  }


#objectDetails .tableBody{
  width:615px;
  padding:12px 20px;
  background:#fff;
  }

#objectDetails table{
  width:600px;
  margin:0 auto;
  }

#objectDetails .detailTable table{
  border-bottom:1px solid #DFDFDF;
  }

#objectDetails th, #objectDetails td{
  font-size:12px;
  text-align:left;
  vertical-align:middle;
  line-height:150%;
  padding:2px 10px;
  border-top:1px solid #DFDFDF;
  border-right:1px solid #DFDFDF;
  }

#objectDetails th{
  color:#000;
  background:#efefef;
  }


#object .listLink{
  width:410px;
  height:30px;
  font-size:18px;
  font-weight:bold;
  text-align:left;
  margin:0 auto;
  padding-top:15px;
  background:url(http://www.saitama-fudousan.jp/imgs/object-list_link.jpg) no-repeat bottom;
  clear:both;
  }

#object .listLink a{
  display:block;
  width:340px;
  height:20px;
  line-height:20px;
  padding:3px 60px 7px 10px;
  }


#object .contactLink{
  width:470px;
  height:65px;
  margin:35px auto 20px;
  text-indent:-10000000px;
  background:url(http://www.saitama-fudousan.jp/imgs/object-contact_link.jpg) no-repeat top;
  overflow:hidden;  
  }  

#object .contactLink a{
  display:block;
  width:470px;
  height:65px;
  }

#object .contactBody{
  font-size:20px;
  font-weight:bold;
  text-align:center;
  line-height:140%;
  margin:0 auto;
  padding:10px 30px;
  }


/* スタッフおすすめ物件一覧用 */

#staffObject{
  padding:5px 10px 10px;
  }

#staffObject .staffProfile{
  clear:both;
  }

#staffObject .staffLeft{
  float:left;
  width:180px;
  padding:5px;
  border-top:1px solid #DFDFDF;
  border-left:1px solid #DFDFDF;
  border-right:1px solid #999;
  border-bottom:1px solid #999;
  }

#staffObject .staffRight{
  float:left;
  width:500px;
  padding-top:20px;
  padding-left:20px;
  }

#staffObject .staffRight h4{
  font-size:15px;
  font-weight:bold;
  padding-bottom:10px;
  }

#staffObject .staffBody{
  font-size:12px;
  line-height:150%;
  padding-bottom:10px;
  }

#staffObject .more{
  font-size:14px;
  padding:10px 0;
  }



/** Pages **/

.pageBody{
  line-height:150%;
  padding:10px;
  clear:both;
  }

.pageLeft{
  float:left;
  width:650px;
  overflow:hidden;
  }

.pageRight{
  float:right;
  width:300px;
  text-align:right;
  padding-top:10px;
  padding-right:30px;
  }


/* 会社概要 */

#company table{
  width:620px;
  }

#company th, #company td{
  font-size:12px;
  text-align:left;
  vertical-align:middle;
  line-height:150%;
  padding:8px 10px;
  border-top:1px solid #DFDFDF;
  border-right:1px solid #DFDFDF;
  }

#company th{
  color:#000;
  vertical-align:top;
  background:#efefef;
  }

#company .pageRight{
  text-align:center;
  }

#company .pageRight p{
  padding-top:5px;
  }


/* 個人情報保護方針 */

#privacy h3{
  font-size:15px;
  }

#privacy h4{
  font-size:13px;
  padding-bottom:5px;
  }

#privacy p{
  padding-bottom:15px;
  }

#privacy .privacyBox{
  margin:10px 0;
  padding:10px;
  border:1px solid #ccc;
  }

#privacy li{
  margin-left:20px;
  }


/* サイトマップ */

#sitemap dl{
  float:left;
  width:250px;
  color:#443A35;
  text-align:left;
  margin:0;
  padding:0 0 0 30px;
  }

#sitemap dt{
  font-size:14px;
  padding:0 0 10px 18px;
  background:url(http://www.saitama-fudousan.jp/imgs/object-point.jpg) no-repeat 0 1px
  }

#sitemap dd{
  font-size:13px;
  margin-left:20px;
  padding:0 0 5px 18px;
  background:url(http://www.saitama-fudousan.jp/imgs/object-point.jpg) no-repeat 0 0;
  }

#sitemap .topLink{
  font-size:15px;
  padding:0 0 20px 18px;
  background:url(http://www.saitama-fudousan.jp/imgs/object-point.jpg) no-repeat 0 1px;
  }

#sitemap .staffLink{
  padding-bottom:20px;
  }



/* 会員登録 */

#regist{
  width:920px;
  text-align:center;
  margin:0 auto;
  }

#regist .left, #regist .right{
  width:444px;
  text-align:center;
  }

#regist .left{float:left;}
#regist .right{float:right;}