/* Site TOP Styles CSS (styles-index.css) */

@import url(http://www.kakiharagumi.jp/css/base_theme.css);

li{list-style:none;}


/*** HEADER ***/

#banner{
  width:830px;
  height:280px; 
  text-indent:-1000000px;
  background:url(http://www.kakiharagumi.jp/imgs/top-banner.jpg) no-repeat;
  overflow:hidden;
  clear:both;
  }

#company{
  width:830px;
  height:94px;
  padding:15px 0 8px; 
  clear:both;
  }

#company li{
  float:left;
  width:204px;
  height:94px;
  margin-right:4px;
  text-indent:-1000000px;
  }

#company li a{
  display:block;
  width:204px;
  height:94px;
  }

#company .index{background:url(http://www.kakiharagumi.jp/imgs/banner-about_us.jpg) no-repeat;}
#company .history{background:url(http://www.kakiharagumi.jp/imgs/banner-history.jpg) no-repeat;}
#company .philosophy{background:url(http://www.kakiharagumi.jp/imgs/banner-philosophy.jpg) no-repeat;}
#company .greeting{background:url(http://www.kakiharagumi.jp/imgs/banner-greeting.jpg) no-repeat;margin-right:0;}



/*** CONTAINER ***/

#container h2{
  width:834px;
  text-indent:-1000000px;
  overflow:hidden;
  clear:both;
  }  

#container .divisionTopTitle{height:35px;background:url(http://www.kakiharagumi.jp/imgs/division-h2.jpg) no-repeat;}
#container .reformTopTitle{height:60px;background:url(http://www.kakiharagumi.jp/imgs/reform-h2.jpg) no-repeat;}
  

#division li{
  float:left;
  width:203px;
  height:38px;
  margin:5px 1px 5px 3px;
  text-indent:-1000000px;
  overflow:hidden;
  }

#division li a{
  display:block;
  width:203px;
  height:38px; 
  }

#division .reform{background:url(http://www.kakiharagumi.jp/imgs/banner_division-reform.jpg) no-repeat;}
#division .building{background:url(http://www.kakiharagumi.jp/imgs/banner_division-building.jpg) no-repeat;}
#division .civil{background:url(http://www.kakiharagumi.jp/imgs/banner_division-civil.jpg) no-repeat;}
#division .housing{background:url(http://www.kakiharagumi.jp/imgs/banner_division-housing.jpg) no-repeat;}



/** MAIN **/

#main dl{
  float:left;
  width:183px;
  height:126px;
  margin-left:7px;
  margin-bottom:10px;
  }

#main dt{
  width:183px;
  height:45px;
  text-indent:-100000px;
  overflow:hidden;
  }

#main dt a{
  display:block;
  width:183px;
  height:45px;
  }

#main dd{
  width:167px;
  text-align:left;
  line-height:160%;
  padding:0 8px 5px;
  }

#main .reformMenu{background:url(http://www.kakiharagumi.jp/imgs/banner-menu.jpg) no-repeat;}
#main .jirei{background:url(http://www.kakiharagumi.jp/imgs/banner-jirei.jpg) no-repeat;}
#main .price{background:url(http://www.kakiharagumi.jp/imgs/banner-price.jpg) no-repeat;}
#main .flow{background:url(http://www.kakiharagumi.jp/imgs/banner-flow.jpg) no-repeat;}
#main .question{background:url(http://www.kakiharagumi.jp/imgs/banner-question.jpg) no-repeat;}
#main .koe{background:url(http://www.kakiharagumi.jp/imgs/banner-koe.jpg) no-repeat;}



/** 新着情報 **/

#main h3{
  width:578px;
  height:20px;
  text-indent:-1000000px;
  overflow:hidden;
  clear:both;
  }

#main .info{background:url(http://www.kakiharagumi.jp/imgs/main_title-info.jpg) no-repeat;}


#btn{
  float:right;
  }

#btn li{
  float:left;
  width:125px;
  height:27px;
  margin-right:5px;
  text-indent:-1000000px;
  overflow:hidden;
  }
  
#btn li a{display:block;width:125px;height:27px;}
#btn .rss{background:url(http://www.kakiharagumi.jp/imgs/banner-rss.jpg) no-repeat;}
#btn .list{background:url(http://www.kakiharagumi.jp/imgs/banner-list.jpg) no-repeat;}