@import url(http://www.clover-legal.com/css/base.css);

/*** メイン部分 ***/

#container{
  width:942px;
  margin:0 auto;
  padding:0 0 30px;
  background:url(http://www.clover-legal.com/imgs/container-back.jpg) repeat-y top;
  clear:both;
  }

#banner{
  width:944px;
  height:284px;
  text-align:left;
  margin:0 auto;
  padding:27px 0 25px;
  background:url(http://www.clover-legal.com/imgs/banner-back.jpg) no-repeat top;
  overflow:hidden;
  clear:both;
  }


/** Menu **/

#menu{
  float:right;
  width:230px;
  margin-right:1px;
  padding:10px 10px 30px;
  }



/** Main **/

/* topCustomers & topCompanies */

#topCustomers, #topCompanies{
  width:310px;
  height:410px;
  padding:0 10px 20px 6px;
  }

#topCustomers dt, #topCompanies dt{
  width:155px;
  height:30px;
  padding:5px 145px 35px 5px;
  text-indent:-1000000px;
  overflow:hidden;
  }

#topCustomers dt a, #topCompanies dt a{
  display:block;
  width:145px;
  height:30px;
  }

#topCustomers dd, #topCompanies dd{
  font-size:12px;
  font-weight:bold;
  text-align:right;
  line-height:140%;
  padding-bottom:7px;
  }
  
 #topCustomers dd a, #topCompanies dd a{
   text-deoration:none;
   }

#topCustomers{
  float:left;
  background:url(http://www.clover-legal.com/imgs/toplist-for_customers.jpg) no-repeat top;
  }

#topCustomers dd, #topCustomers dd a{
  color:#000;
  }

#topCompanies{
  float:right;
  background:url(http://www.clover-legal.com/imgs/toplist-for_companies.jpg) no-repeat top;
  }

#topCompanies dd, #topCompanies dd a{
  color:#fff;
  }

/* newsList */

#main .newstopicsTitle{
  width:670px;
  height:40px;
  text-indent:-1000000px;
  background:url(http://www.clover-legal.com/imgs/title-news_topics.jpg) no-repeat top;
  overflow:hidden;
  clear:both;
  }

#newsList{
  width:658px;
  height:220px;
  padding:5px;
  border:1px solid #ccc;
  overflow:auto;
  scrollbar-track-color:#ffffff;
  scrollbar-face-color:#ffffff;
  scrollbar-shadow-color:#ccc;
  scrollbar-darkshadow-color:#ffffff;
  scrollbar-highlight-color:#ccc;
  scrollbar-3dlight-color:#ffffff;
  scrollbar-arrow-color:#ccc;
  }

#newsList .newsList{
  width:638px;
  overflow:hidden;
  }
  
#newsList li{
  list-style:none;
  widht:614px;
  text-align:left;
  padding:15px 10px;
  border-bottom:1px dotted #999;
  clear:both;
  }

#newsList .day{
  float:left;
  width:120px;
  padding-left:25px;
  background:url(http://www.clover-legal.com/imgs/point-img.jpg) no-repeat 0 3px;
  }
  
#newsList .title{
  float:right;
  width:460px;
  }


#main .btnList{
  float:right;
  width:210px;
  padding:10px 0 20px;
  }

#main .newsListBtn, #main .rssBtn,
#main .newsListBtn a, #main .rssBtn a{
  float:left;
  width:100px;
  height:22px;
  text-indent:-1000000px;
  overflow:hidden;
  }

#main .newsListBtn a, #main .rssBtn a{
  display:block;
  }

#main .newsListBtn{background:url(http://www.clover-legal.com/imgs/newslist-btn.jpg) no-repeat top;margin-right:10px;}
#main .rssBtn{background:url(http://www.clover-legal.com/imgs/rss-btn.jpg) no-repeat top;}