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


/** Main **/

#main .navi{
  font-size:10px;
  text-align:left;
  padding:15px 0;
  }

#main h2{
  width:650px;
  height:18px;
  color:#fff;
  font-size:14px;
  font-weight:bold;
  text-align:left;
  line-height:20px;
  margin-bottom:10px;
  padding:8px 8px 14px 12px; 
  background:url(http://www.clover-legal.com/imgs/title-back.jpg) no-repeat top;
  }

#main h3{
  width:650px;
  height:18px;
  color:#000;
  font-size:13px;
  font-weight:bold;
  text-align:left;
  line-height:18px;
  margin-bottom:10px;
  padding:5px 10px; 
  border-bottom:1px solid #349F2B;
  clear:both;
  }

#main .pagetop{
  text-align:right;
  padding:10px 0;
  clear:both;
  }

#main .pagetop a{
  display:block;
  float:right;
  width:100px;
  height:24px;
  text-align:left;
  text-indent:-100000px; 
  background:url(http://www.clover-legal.com/imgs/pagetop-btn.jpg) no-repeat top;
  overflow:hidden;
  }

#main table{
  font-size:12px;
  padding-bottom:10px;
  }

#main th, #main td{
  text-align:left;
  line-height:150%;
  padding:10px;
  border-right:1px solid #ccc;
  border-bottom:1px solid #ccc;
  }


#main th{
  width:120px;
  vertical-align:top;
  background:#efefef;
  }

#main table .title{
  color:#006400;
  text-align:center;
  background:#ddd;
  }


/* Entry */

#main .entry{
  padding:5px 0 10px;
  clear:both;
  }

#main .entryBody{
  font-size:12px;
  text-align:left;
  line-height:160%;
  }

#main .entryBody p{
  padding-bottom:20px;
  }

#main .entryBody blockquote{
  margin:5px  0 15px;
  padding:10px;
  background:url(http://www.clover-legal.com/imgs/blockquote-back.jpg);
  clear:both;
  }

#main .entryBody blockquote h4{
  color:#000;
  font-size:12px;
  font-weight:bold;
  text-align:left;
  line-height:14px;
  padding:0 0 5px 15px;
  background:url(http://www.clover-legal.com/imgs/blockquote-point.jpg) no-repeat 0 3px;
  }


#main .entryBody strong{
  color:#006400;
  font-size:105%;
  font-weight:bold;
  }

#main .entryBody u{
  color:#006400;
  font-weight:bold;
  text-decoration: none;
  }

#main .entryBody ul{
  padding:10px 0;
  }

#main .entryBody li{
  list-style:none;
  font-size:12px;
  text-align:left;
  line-height:16px;
  padding:0 5px 10px 30px;
  background:url(http://www.clover-legal.com/imgs/menubox-point.jpg) no-repeat 12px 2px;
  }

#main .siteimage{
  float:left;
  padding:0 15px 20px 0;
  }


#main .officeLeft, #main .officeRight{
  width:300px;
  text-align:right;
  padding:5px 10px 15px;
  }

#main .officeLeft{float:left;}
#main .officeRight{float:right;}

#main .officeLeft caption, #main .officeRight caption{
  color:#555;
  text-align:right;
  padding-top:5px;
  }


#main .bannerLeft, #main .bannerRight{
  width:315px;
  padding:15px 0 25px;
  overflow:hidden;
  }

#main .bannerLeft p, #main .bannerRight p{
  line-height:160%;
  padding:5px 5px 0;
  }

#main .bannerLeft{
  float:left;
  padding-left:10px;
  }

#main .bannerRight{
  float:right;
  padding-right:10px;
  }

#main table span{
  color:#FF0000;
  }

#main .formBtn{
  text-align:center;
  padding:10px;
  clear:both;
  }


/* サイト一覧 */

#mainSitemap{
  width:670px;
  margin:25px 0 5px;
  padding:20px 0 5px;
  border-top:1px solid #ccc;
  overflow:hidden;
  clear:both;
  }

#mainSitemap dl{
  float:left;
  width:210px;
  font-size:12px;
  text-align:left;
  line-height:160%;
  margin-left:10px;
  overflow:hidden;
  }

#mainSitemap dl a{text-decoration:none;}
#mainSitemap dl a:hover{text-decoration:underline;}


#mainSitemap dt{
  color:#349F2B;
  font-size:12px;
  padding-bottom:5px;
  }

#mainSitemap dt a{color:#349F2B;}

#mainSitemap dd{
  color:#666;
  font-size:11px;
  padding-bottom:3px;
  }

#mainSitemap dd a{color:#666;}


/* About Us */

#main h4{
  color:#006400;
  font-size:15px;
  font-weight:bold;
  text-align:left;
  padding-bottom:10px;
  }

#profileTable{
  width:670px;
  clear:both;
  }

#profileTable th, #profileTable td{
  text-align:left;
  border:none;
  background:#fff;
  }


#profileTable th{
  width:265px;
  vertical-align:middle;
  }

#profileTable td{
  line-height:150%;
  }

#profileTable td p{
  padding-bottom:5px;
  }


#main .profilePhoto{
  float:left;
  width:235px;
  padding-bottom:15px;
  }

#main .profileBody{
  float:right;
  width:415px;
  padding:5px 5px 15px 0;
  }

#aboutList{
  width:640px;
  text-align:right;
  margin:10px 0;
  padding:5px 15px;
  background:#EAEAEA;
  clear:both;
  }

#aboutList span{
  font-size:12px;
  text-align:left;
  padding:5px 15px;
  }

#aboutList span a{
  text-decoration:none;
  color:#000;
  line-height:14px;
  padding-left:15px;
  background:url(http://www.clover-legal.com/imgs/poing-img_green.jpg) no-repeat 0 3px;
  }

#aboutList span a:hover{
  text-decoration:underline;
  }

#members table{
  width:100%;
  }

#members th{
  width:80px;
  }

#members td{
  line-height:180%;
  }

.shishin{
  width:645px;
  height:440px;
  margin:0 auto;
  padding:10px;
  background:url(http://www.clover-legal.com/imgs/shishin-img.jpg) no-repeat 3px 0px;
  }

.shishin ul, .shishin li{
  display:none;
  }



/* 個人or法人向け業務 */

#entryListBox{
  width:638px;
  margin-top:10px;
  padding:10px;
  border:1px solid #ccc;
  background:#E1E1E1;
  clear:both;
  }

#entryListBox h4{
  font-size:12px;
  text-align:left;
  padding:0 10px 10px;
  border-bottom:1px solid #eee;
  }

#entryListBox ul{
  padding:15px 10px 5px;
  clear:both;
  }

#entryListBox li{
  list-style:none;
  float:left;
  width:270px;
  font-size:12px;
  text-align:left;
  line-height:16px;
  padding:0 10px 5px 18px;
  background:url(http://www.clover-legal.com/imgs/entrylistbox-point.jpg) no-repeat 0 1px;
  }



#main .gyoumu, #main .gyoumuR{
  width:320px;
  height:98px;
  text-align:left;
  margin-bottom:15px;
  background:#fff url(http://www.clover-legal.com/imgs/gyoumu-back.jpg) no-repeat top;
  }

#main .gyoumu{
  float:left;
  clear:both;
  }

#main .gyoumuR{
  float:right;
  }

#main .gyoumu h3, #main .gyoumuR h3{
  width:290px;
  height:18px;
  font-size:15px;
  line-height:18px;
  margin:0;
  padding:10px 5px 18px 25px;
  background:none;
  border:none;
  }

#main .gyoumu h3 a, #main .gyoumuR h3 a{
  color:#006400;
  }

#main .gyoumu .gyoumuBody, #main .gyoumuR .gyoumuBody{
  width:290px;
  font-size:12px;
  line-height:20px;
  padding:0 15px;
  }


#main .commentBody{
  width:555px;
  font-size:13px;
  text-align:left;
  line-height:160%;
  margin:0 auto;
  padding:25px 50px 0 20px;
  background:url(http://www.clover-legal.com/imgs/comment-head.jpg) no-repeat 0 25px;
  }

#main .commentTitle{
  width:555px;
  height:55px;
  text-indent:-100000px;
  overflow:hidden;
  }

#main .commentBottom{
  width:625px;
  height:20px;
  margin:0 auto 10px;
  background:url(http://www.clover-legal.com/imgs/comment-bottom.jpg) no-repeat bottom;
  overflow:hidden;
  clear:both;
  }


#boxflow .boxflow{
  width:670px;
  margin:0 auto;
  padding:10px 0;
  clear:both;
  }

#boxflow h4{
  width:620px;
  height:16px;
  color:#000;
  font-size:14px;
  text-align:left;
  line-height:16px;
  margin:0;
  padding:7px 15px 7px 35px;
  background:url(http://www.clover-legal.com/imgs/boxflow-title.jpg) no-repeat top;
  } 

#boxflow .boxflowBody{
  width:648px;
  padding:10px;
  font-size:12px;
  text-align:left;
  line-height:150%;
  margin:0;
  border-left:1px solid #ccc;
  border-right:1px solid #ccc;
  border-bottom:1px solid #ccc;
  }

.leftBody, .rightBody{
  width:300px;
  height:78px;
  text-align:left;
  font-size:12px;
  line-height:150%;
  padding:5px 10px;
  border:1px solid #ccc;
  }

.leftBody h5, .rightBody h5{
  color:#000;
  font-size:12px;
  font-weight:bold;
  padding-bottom:3px;
  }

.leftBody{float:left;}
.rightBody{float:right;}


#souiten{
  width:595px;
  padding:10px 65px 10px 5px;
  background:url(http://www.clover-legal.com/imgs/souiten-img.jpg) no-repeat right 90px;
  }

#souiten th, #souiten td{
  width:185px;
  height:25px;
  font-size:12px;
  font-weight:normal;
  text-align:center;
  vertical-align:middle;
  line-height:25px;
  padding:5px;
  border-right:1px solid #ccc;
  border-bottom:1px solid #ccc;
  }

#souiten th{background:#EDEDED;}
#souiten .souiten{background:#FFE3C8;}


#saimuseiri th, #saimuseiri td{
  width:320px;
  text-align:left;
  padding:10px 5px;
  }

.flowBody{
  width:670px;
  margin-bottom:5px;
  padding:10px 0 5px;
  border-bottom:1px dotted #ccc;
  clear:both;
  }


/* NEWS&TOPICS */

#main .entryDay{
  text-align:right;
  padding-bottom:10px;
  }

#newsList li{
  list-style:none;
  widht:640px;
  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:500px;
  }

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

#main .newsListBtn a{
  display:block;
  background:url(http://www.clover-legal.com/imgs/newslist-btn.jpg) no-repeat top;
  }

#main .bottomNavi{
  text-align:center;
  padding:15px 5px 5px;
  clear:both;
  }

#main .pageLists{
  color:#006400;
  letter-spaing:2px;
  padding:0 3px;
  }

#main .pageLists a{
  padding:3px 8px;
  margin:0 5px;
  border:1px solid #ccc;
  }

#main .pageLists a:hover{
  text-decoration:none;
  color:#fff;
  background:#777;
  }



/* アクセス */

#main .accessBody{
  text-align:center;
  padding-bottom:10px;
  }

#accessList{
  width:665px;
  padding:10px 0 15px 5px;
  }

#accessList li, #accessList li a{
  width:159px;
  height:28px;
  }

#accessList li{
  list-style:none;
  float:left;
  text-indent:-100000px;
  margin-right:7px;
  overflow:hidden;
  }

#accessList li a{
  display:block;
  }

#accessList .tokyo{background:url(http://www.clover-legal.com/imgs/access_btn-tokyo.jpg) no-repeat top;}
#accessList .nihonbashi{background:url(http://www.clover-legal.com/imgs/access_btn-nihonbashi.jpg) no-repeat top;}
#accessList .ohtemachi{background:url(http://www.clover-legal.com/imgs/access_btn-ohtemachi.jpg) no-repeat top;}
#accessList .mitsukoshi{background:url(http://www.clover-legal.com/imgs/access_btn-mitsukoshi.jpg) no-repeat top;}


//#accessList li{
  list-style:none;
  float:left;
  width:110px;
  height:16px;
  font-size:12px;
  text-align:left;
  line-height:16px;
  margin-right:7px;
  padding:7px 5px 5px 44px;
  background:url(http://www.clover-legal.com/imgs/aboutlist-back.jpg) no-repeat top;
  }

//#accessList li a{color:#000;text-decoration:none;}
//#accessList li a:hover{text-decoration:underline;}


#main .printBtn{
  text-align:center;
  margin:0 auto;
  padding:10px 0;
  clear:both;
  }

#main .printBtn a{
  display:block;
  width:210px;
  height:28px;
  margin:0 auto;
  text-indent:-1000000px;
  background:url(http://www.clover-legal.com/imgs/print-btn.jpg) no-repeat top;
  overflow:hidden;
  }


/* リンク */

#main .linkurl{
  font-weight:bold;
  font-size:12px;
  text-align:left;
  letter-spacing:1px;
  padding:5px 10px 10px;
  }

#main .linkBody{
  font-size:12px;
  text-align:left;
  line-height:160%;
  padding:5px 10px 10px;
  }



/* Sitemap */

#sitemap{
  width:670px;
  }

#sitemap dt{
  width:650px;
  height:18px;
  color:#000;
  font-size:13px;
  font-weight:bold;
  text-align:left;
  line-height:18px;
  margin-bottom:5px;
  padding:5px 10px; 
  border-bottom:1px solid #349F2B;
  clear:both;
  }

#sitemap dt a{
  color:#000;
  text-decoration:none;
  }


#sitemap dd{
  list-style:none;
  font-size:12px;
  text-align:left;
  line-height:16px;
  margin-bottom:10px;
  padding:7px 3px 7px 40px;
  background:#fff url(http://www.clover-legal.com/imgs/menubox-point.jpg) no-repeat 22px 8px;
  }



/* お問い合わせ */

#mailform th{
  width:165px;
  }

#mailform label{
  float:left;
  display:block;
  color:#000;
  text-align:left;
  padding-right:5px;
  clear:both;
  }

.kiyaku{
  width:650px;
  height:300px;
  margin:5px auto;
  padding:5px;
  text-align:left;
  border:1px solid #CCCCCC;
  overflow:auto;
  }

.kiyaku li{
  padding-bottom:2px;
  }

.button{
  text-align:center;
  padding:10px 0 5px;
  clear:both;
  }


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

#privacyList{
  width:580px;
  margin:0 auto;
  padding:10px 0 20px;
  }

#privacyList li, #privacyList li a{
  width:279px;
  height:28px;
  }

#privacyList li{
  list-style:none;
  text-indent:-100000px;
  overflow:hidden;
  }

#privacyList li a{
  display:block;
  }

#privacyList .privacy{float:left;background:url(http://www.clover-legal.com/imgs/privacy01-btn.jpg) no-repeat top;}
#privacyList .touhoujin{float:right;background:url(http://www.clover-legal.com/imgs/privacy02-btn.jpg) no-repeat top;}




/* ススメ */

#susume th, #susume td{
  text-align:center;
  vertical-align:middle;
  }



/** Menu **/

#menu{
  float:right;
  width:250px;
  margin-right:1px;
  }

#menu .menuBody{
  width:230px;
  padding:15px 10px 10px;
  overflow:hidden;
  }


#menu .boxTitle{
  width:250px;
  height:50px;
  text-indent:-1000000px;
  background:url(http://www.clover-legal.com/imgs/menubox-title.jpg) no-repeat top;
  overflow:hidden;
  }

#menu .boxMenu{
  width:230px;
  padding:5px 10px 5px;
  background:url(http://www.clover-legal.com/imgs/menubox-back.jpg) repeat-y;
  }

#menu .boxMenu li{
  list-style:none;
  width:190px;
  font-size:12px;
  text-align:left;
  line-height:20px;
  margin:5px 0 10px;
  padding:5px 3px 5px 32px;
  background:#fff url(http://www.clover-legal.com/imgs/menubox-point.jpg) no-repeat 14px 10px;
  }

//#menu .boxMenu li a:link{color:#000;}
//#menu .boxMenu li a:visited{color:#999;}
//#menu .boxMenu li a:hover{color:#000;}
//#menu .boxMenu li a:active{color:#000;}

#menu .boxMenu li a{color:#000;}