@charset "utf-8";

body { font-family: "メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
       font-size: 90%;
       line-height: 1.5;
width: 880px;
       margin: auto;
}

h1 { font-size: 100%;
	     background-color: #a4e6f4;
	     border-left: 8px solid #00a0e9;
	     margin-top: 20px;
	     padding-left: 10px;
	     padding-top: 8px;
	     padding-bottom: 5px; }

img { border: none;}

a { text-decoration: none; 
    color: blue;}

/* メインコンテンツ */
#main { float: left;
	width: 600px;
	margin-top: 20px;
        margin-bottom: 20px; }

/* サブコンテンツ */
#sub { float: right;
       width: 230px;
       margin-top: 30px;
       margin-bottom: 20px;
text-align: center; }

.float-clear { clear: both ; }

/* ヘッダー */
header p { background-color: #00a0e9;
           color: #ffffff; 
           text-align: center;
           padding: 5px; }

div.title {
 font-weight: lighter;
 font-size: 3em;
 text-shadow: violet 0.1em 0.1em 0.1em, gray 0.3em 0.3em 0.3em ;
}

/* 横メニュー */
#menu { width: 880px;
        padding: 0;
        margin: 10px 0;
        list-style-type: none;
        border-radius: 5px; }

#menu li { width: 20%;
           float: left;
           padding: 0;
           margin: 0;
           text-align: center; }

#menu li a {
width: auto;
color: #fff;
background: #4169e1;
background-image: -webkit-linear-gradient(rgba(255,255,255,0.2), rgba(0,0,0,0.1));
background-image: -moz-linear-gradient(rgba(255,255,255,0.2), rgba(0,0,0,0.1));
background-image: -o-linear-gradient(rgba(255,255,255,0.2), rgba(0,0,0,0.1));
background-image: -ms-linear-gradient(rgba(255,255,255,0.2), rgba(0,0,0,0.1));  background-image: linear-gradient(rgba(255,255,255,0.2), rgba(0,0,0,0.1));
font-size: 14px;
font-weight: bold;
margin: 0;
padding: 12px 0;
text-decoration: none;
text-shadow: 0 1px 1px rgba(0,0,0,0.9);
display: block;
border-left: 1px solid rgba(255,255,255,0.2);
border-right: 1px solid rgba(0,0,0,0.2); }

#menu li:first-child a { border-left: 0px;
                         border-radius: 5px 0 0 5px; }

#menu li:last-child a { border-right: 0px;
                        border-radius: 0 5px 5px 0; }

#menu li a:hover {
 background-image: -webkit-linear-gradient(rgba(255,255,255,0.4), rgba(255,255,255,0.1));
 background-image: -moz-linear-gradient(rgba(255,255,255,0.4), rgba(255,255,255,0.1));
 background-image: -o-linear-gradient(rgba(255,255,255,0.4), rgba(255,255,255,0.1));
 background-image: -ms-linear-gradient(rgba(255,255,255,0.4), rgba(255,255,255,0.1));
 background-image: linear-gradient(rgba(255,255,255,0.4), rgba(255,255,255,0.1)); }

/* ツリー表示 */
#tree a {  display: inline-block;}

#tree ul {
  margin: 0;
  padding: 0;
  line-height: 2;
  list-style: none;
}

#tree ul li {
  margin: 0 0 0 0.5em;
  padding: 0;
  border-left: 1px solid #999;
  zoom: 1;
}

#tree ul li:before {
  margin-right: 0.5em;
  border-bottom: 1px solid #999;
  float: left;
  width: 1em;
  height: 0.75em;
  overflow: hidden;
  content: "";
}

#tree ul li:last-child { border: none;}

#tree ul li:last-child:before {
  border-left: 1px solid #999;
}

#tree ul li ul {  margin-left: 1.5em;}

/* メールフォーム */
form p{padding: 10px 20px;}

.text, textarea, .dropdown{
    border:1px solid #777;
    padding: 5px;
    color: #999;
    background: #fff;
    border-radius: 5px;
     
    /* Webkit */
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#eee),
        to(#fff)
        );
    -webkit-border-radius: 5px;

    /* Firefox */
    background: -moz-linear-gradient(
        top,
        #eee,
        #fff
        );
    -moz-border-radius: 5px;
     
    /* IE */
    filter:progid:DXImageTransform.Microsoft.gradient
        (startColorstr=#ffeeeeee,endColorstr=#ffffffff);
    zoom: 1;
}

.submit{
    border:1px solid #777;
    padding: 4px 10px;
    color: #fff;
    cursor: pointer;
    background: #428ec9;
    border-radius: 5px;
     
/* Webkit */
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#99c9e5),
        to(#428ec9)
        );
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 1px 1px 1px #fff;
         
/* Firefox */
    background: -moz-linear-gradient(
        top,
        #99c9e5,
        #428ec9
        );
    -moz-border-radius: 5px;
    -moz-box-shadow: 1px 1px 1px #fff;
     
/* IE */
    filter:progid:DXImageTransform.Microsoft.gradient
        (startColorstr=#ff99c9e5,endColorstr=#ff428ec9);
    zoom: 1;
}

.kakunin{
    border:1px solid #777;
    margin-left:20px;
    padding: 5px;
    color: #999;
    background: #fff;
    border-radius: 5px;
    width:300px;
     
    /* Webkit */
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#eee),
        to(#fff)
        );
    -webkit-border-radius: 5px;
width:300px;
    /* Firefox */
    background: -moz-linear-gradient(
        top,
        #eee,
        #fff
        );
    -moz-border-radius: 5px;
  width:300px;   
    /* IE */
    filter:progid:DXImageTransform.Microsoft.gradient
        (startColorstr=#ffeeeeee,endColorstr=#ffffffff);
    zoom: 1;
width:300px;
}

/* フッター */
footer ul { list-style-type: none;
            margin-top: 2em;
            margin-left: 0;
            padding-left: 0; }

footer li { display: inline;
            margin-right: 1em }

footer a:hover { text-decoration:underline; }

footer p { color: #ffffff;
	  background-color: #00a0e9;
	  text-align: center;
	  font-size: 11px;
	  padding: 0; }

/* アーティクル */


article a:hover { text-decoration:underline; }

/*メイン写真下バナー */
#mainbanner { position: relative }

#mainbannertext { position: absolute;
                  top: 90px;
                  left: 80px;
                  font-size: 16px;
                  font-weight: bold; }

/* 書式 */
#format section { border-style:solid;
          border-width:1px;
          padding:15px; 
          margin: 10px ;}
#format div { text-align: right ; }
#format h2 { text-align: center ; }

/* 最新情報 */
#saisin-zyouhou {
          margin:20px;
          border:#0033cc solid 1px;
          width:auto; 
          height:120px;
          overflow-y:auto;
}

/*サイトマップ */
#flex1 { width: 550px ;
         display: -moz-box;
         display: -webkit-box;
         display: -ms-box;
         display: flexbox; }
#box1 { width: 290px; }
#box2 { width: 260px; }


/* 横リスト */
#yoko li { display: inline;
           margin-right: 1em; }

/* 特集　*/
#feature p { 
width: 230px;
border: 1px solid #a4e6f4;
display: inline-box;
text-align: center;
background: #a4e6f4;
background-image: -webkit-linear-gradient(rgba(255,255,255,0.0), rgba(255,255,255,1.0));
background-image: -moz-linear-gradient(rgba(255,255,255,0.0), rgba(255,255,255,1.0));
background-image: -o-linear-gradient(rgba(255,255,255,0.0), rgba(255,255,255,1.0));
background-image: -ms-linear-gradient(rgba(255,255,255,0.0), rgba(255,255,255,1.0));
background-image: linear-gradient(rgba(255,255,255,0.0), rgba(255,255,255,1.0));}

#feature a { text-decoration: none;
             font-size: 1.5em; 
             font-weight: bolder; }
#feature p.line2 { padding: 1.7em 0 ;}
#feature p.line1 { padding: 2.8em 0 ;}

/* 特集記事一覧 */
table.special  { margin: auto;
                 border: none; }

table.special td {table-layout: fixed;
                  width: 33%;
                  border: none;
                  padding: 0 10px; }



/* 活動・電話１１０番 */
#katudou dt { color: #660000;
              font-weight: bolder;
              line-height: 2.5em ; }

/* クレサラ・民法改正・ビジネス・合同研修会・生活保護・巡回相談・定例会 */
#cresara h2 { color:#660000;
              font-size: 110% ; }
#cresara section {margin: 30px 0 ;}
#cresara article {margin-left: 1em ;}

table.cresara { width: 800px;
                table-layout: auto;
                border-collapse: collapse; 
                border: 1px #95d493 solid;
                padding: 5px; } 
table.cresara tr { text-align: center;} 
table.cresara th { border: 1px #95d493 solid; 
                   padding: 5px;} 
table.cresara td { border: 1px #95d493 solid; 
                   padding: 5px;} 


/* 関ブロフェイスブック　配置 */
#kanburo.fb{
　　position:absolute;
       top:0px
       left:1500px;
} 



/* 賃貸 */
.chintai {
 width: 800px;
 table-layout: auto;
 border-collapse: collapse; 
 border: 1px #013AAC solid;
} 
.chintai th {
 text-align: center;
 background-color: #cddbf5;
 color: #013AAC;
 border: 1px #013AAC solid; 
 padding: 3px;
} 
.chintai td {
 text-align: center;
 border: 1px #013AAC solid; 
 padding: 3px;
}
td.yuko {background-color: tomato; }
td.muko {background-color: aqua; }
.chintai li { text-align: left;}

/* 情報公開・会員専用 */
table.aboutus { table-layout: auto;
border: none;
width:70% ;
margin: auto ; }

table.aboutus td { border: none;
width: 50% ;
text-align: center;}

/* 役員 */
#yakuin table { width: 300px;
          table-layout: auto;
          border-collapse: collapse; 
          border: 1px black solid;
 margin: auto ;
} 

#yakuin table td { text-align: center;
             border: 1px solid; 
             padding: 5px; 
} 

/* 相談 */
colgroup.soudan { width: 25px;
                  table-layout: fixed; }
.soudan {
 width: 100%;
 font-size: 90% ;
 table-layout: auto;
 border-collapse: collapse; 
 border: 1px #95d493 solid;
} 
.soudan th {
 text-align: center;
 border: 1px #95d493 solid; 
 padding: 5px;
} 
.soudan td {
 border: 1px #95d493 solid; 
 padding: 5px;
}
.soudan td:nth-child(1) { text-align: center;}
.soudan td:nth-child(2) { text-align: center;}

/* 相談一覧・民法改正・ビジネス・新人研修 */
.ichiran { table-layout: fixed;
                 width: 100%;
                 border-collapse: collapse; 
                 border: 1px #013AAC solid; } 
.ichiran th { border: 1px #013AAC solid; 
                    width: 25%;
                    text-align: right;
                    padding-right: 10px; } 
.ichiran td { border: 1px #013AAC solid; 
                    padding: 8px 10px; }

/* 電話１１０番 */
.ichirans figcaption { color: #660000;
                       margin-top: 2em ; }

.ichirans table { table-layout: fixed;
                  width: 100%;
                  border-collapse: collapse; 
                  border: 1px #013AAC solid; } 
.ichirans table th { border: 1px #013AAC solid; 
                     width: 20%;
                     text-align: right;
                     vertical-align: top; 
                     padding-right: 10px;
                     padding-top: 15px; }
.ichirans table td { border: 1px #013AAC solid; 
                     padding: 8px 10px; }
.ichirans table td p { margin: 7px ; }

.ichirans ul { margin: 0 ; }


/* 会話 */
table.kaiwa  { border: none; }
table.kaiwa td { border: none;
                 padding: 0 10px; }
table.kaiwa th { table-layout: fixed;
                 width: 8%;
                 border: none;
                 padding: 0 10px; }

/* サイト比較 */
table.hikaku { width: 800px;
               table-layout: auto;
               border: none; }

table.hikaku td { font-weight: bolder;
                  text-align: center;
                  border: none; }




/* 背景目立たせ */
.back { background-color: #ffffcc;
        font-size:105%; 
        line-height:130%; 
        padding:20px;
border: 3px dotted purple; }

/* 会長声明 */
#seimei h2 { text-align:center;}
#seimei p { text-indent:1em;}
#seimei div { text-align:right;}

/* 写真横並び */
#photo figure { display: inline ; }

/* 写真右（フレキシブルボックス） */
#photoright { width: 800px ;
              display: -moz-box;
              display: -webkit-box;
              display: -ms-box;
              display: flexbox; }
#left { width: 600px; }
#right { width: 200px; }

/* 写真右（一覧表の中） */
#photorights { display: -moz-box;
               display: -webkit-box;
               display: -ms-box;
               display: flexbox; }
#lefts { width: 310px; }




/*clearfix（ここは変更しないように）
------------------------------------------------------------------*/
#menu:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#menu { display: inline-block; }

/* Hides from IE-mac \*/
#menu { display: block; }
/* End hide from IE-mac */