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

/* Styles TOP Page's CSS (styles-index.css) */

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

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

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

#header .headerLeft{
  float:left;
  width:420px;
  text-align:left;
  }

#header .headerRight{
  float:right;
  width:590px;
  padding-right:30px;
  }

#header .headerPhoto{
  width:572px;
  height:425px;
  margin-top:10px;
  padding:9px 9px 8px;
  background:url(http://www.saitama-fudousan.jp/imgs/header-photo.jpg) no-repeat center top;
  }

#header .bannerTel{
  width:590px;
  height:35px;
  text-indent:-100000px;
  padding-top:10px;
  background:url(http://www.saitama-fudousan.jp/imgs/banner-tel.jpg) no-repeat 0 10px;
  overflow:hidden;
  }


#header h1, #header .produceLink, #header ul{
  margin-left:30px;
  }

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

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

#header h1 a{
  display:block;
  width:390px;
  height:85px; 
  }

#header ul{
  width:385px;
  height:195px;
  padding:5px 5px 15px 0;
  }


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

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



#header .touroku{
  float:left;
  text-indent:-100000px;
  overflow:hidden;
  }

#header .touroku a{
  display:block;
  }

#header .touroku, #header .touroku a{
  width:245px;
  height:160px;
  }


#header .staff{
  float:right;
  width:155px;
  height:100px;
  text-indent:-100000px;
  background:url(http://www.saitama-fudousan.jp/imgs/menu-top_staff.jpg) no-repeat;
  overflow:hidden;
  }

#header .staff a{
  display:block;
  width:155px;
  height:100px;
  }


/*** container ***/

#container .title{
  width:960px;
  height:25px;
  text-align:left;
  margin:0 auto 20px;
  padding:10px 20px;
  background:url(http://www.saitama-fudousan.jp/imgs/title-top.jpg) no-repeat center top;
  }

#container .title h2, #container .title .list a{
  text-indent:-1000000px;
  overflow:hidden;
  }

#container .title h2{
  float:left;
  width:500px;
  height:25px;
  }

#container .title .list a{
  float:right;
  display:block;
  width:50px;
  height:25px;
  }

#contents li{
  list-style:none;
  float:left;
  width:475px;
  height:248px;
  margin:0 10px 30px 0;
  padding:5px 10px 5px 5px;
  overflow:hidden;
  }

#container .utsunomiya{background:url(http://www.saitama-fudousan.jp/imgs/toplist-utsunomiya.jpg) no-repeat;}
#container .takasaki{background:url(http://www.saitama-fudousan.jp/imgs/toplist-takasaki.jpg) no-repeat;}
#container .tobunoda{background:url(http://www.saitama-fudousan.jp/imgs/toplist-noda.jpg) no-repeat;}
#container .newshettale{background:url(http://www.saitama-fudousan.jp/imgs/toplist-newshettale.jpg) no-repeat;}
#container .saikyou-kawagoe{background:url(http://www.saitama-fudousan.jp/imgs/toplist-saikyou-kawagoshi.jpg) no-repeat;}
#container .keihintohoku{background:url(http://www.saitama-fudousan.jp/imgs/toplist-touhoku.jpg) no-repeat;}
#container .musashino{background:url(http://www.saitama-fudousan.jp/imgs/toplist-musashino.jpg) no-repeat;}
#container .saitama{background:url(http://www.saitama-fudousan.jp/imgs/toplist-saitama.jpg) no-repeat;}
#container .tobuisezaki{background:url(http://www.saitama-fudousan.jp/imgs/toplist-isezaki.jpg) no-repeat;}
#container .tobunikkou{background:url(http://www.saitama-fudousan.jp/imgs/toplist-nikkou.jpg) no-repeat;}

#container .takasaki, #container .newshettale, #container .keihintohoku, #container .saitama, #container .tobunikkou{
float:right;margin:0 0 30px 0;
}

#contents .subtitle{
  float:left;
  width:58px;
  }

#contents .ken{
  width:58px;
  height:36px;
  color:#fff;
  font-size:11px;
  line-height:18px;
  padding:5px 0;
  }
  
#contents h3{
  width:58px;
  height:200px;
  text-indent:-10000000px;
  overflow:hidden;  
  }  
  
#contents .contents{
  float:right;
  width:415px; 
  padding-top:5px
  }

#contents .contentsPhoto{
  float:left;
  width:190px;
  height:182px;
  padding:10px 2px 0;
  }

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

#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;
  }

#contents .ichioshiLink{
  width:415px;
  height:35px;
  font-size:18px;
  font-weight:bold;
  text-align:left;
  clear:both;
  }

#contents .ichioshiLink a{
  display:block;
  width:345px;
  height:20px;
  line-height:20px;
  padding:8px 60px 7px 10px;
  }