body  {font-family: "メイリオ",
       "Hiragino Kaku Gothic Pro,
       sas-self;
       background-color: #f0f8ff;
       width: 900px; margin-left: auto; margin-right: auto}
h1    {font-size: 22px;      
       margin-top: 10; margin-bottom: 10}
h2    {font-size: 20px;  margin-top:1 0}
h3    {font-size: 14px; padding: 8px}
p     {line-height: 1.7}

/*ヘッダー*/

header    {background-color: #add8e6; color: #ffffff;
           border-bottom: solid 1px #aaaaaa;
           margin-bottom: 20px;
           box-shadow: 0 1px 7px #aaaaaa;
           padding: 8px;
           border-radius:5px}

header h1 {font-size: 20px;
           width: 900px; margin-left: auto; margin-right: auto}
figure    {margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0}

/*/見出し/*/



/*記事*/

article    {background-color: #ffffff;
            width: 900px; margin-left: auto; margin-right: auto;
            border: solid 1px #aaaaaa;
            padding: 25px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            -box-sizing: border-box;
            margin-bottom: 15px;
            box-shadow: 5px 5px 7px #aaaaaa;
            border-radius:5px}

article *  {background-color: inherit}

article time  {display: inline-block}

article h1 {font-size: 20px; margin-left: auto; margin-right: auto;  margin-bottom: 5px}

#main article a   {text-decoration: none; line-height:1.8}
#ratemain article a   {text-decoration: none}
#greeting article {padding: 30px}
#contact article a   {text-decoration: none}

/*メインページ*/
#index article {padding: 0;
             -webkit-text-size-adjust: 100%}

/*フッター*/

footer    {width: 900px; margin-left: auto; margin-right: auto}

/*関連記事へのリンク*/

aside    {border: solid 1px #aaaaaa;
          border-radius: 5px; padding: 10px;
          background-color: #ffffff;
          margin-top: 10px; line-height: 1.6}

aside h1 {font-family: "メイリオ",
         "Hiragino Kaku Gothic Pro,
          sas-self;
          color: #c39f4a;
          font-size: 18px;
          border-bottom: dotted 1px #c39f4a}


aside a  {color: #000000; text-decoration: none}

a:hover    {color: #ff8800}

/*ナビゲーションメニュー*/
nav ul   {list-style-type: none;
          margin-top: 0; margin-bottom:0;
          padding-left 0; font-size: 0}

nav li   {display: inline; font-size: 12px; border-right: solid 1px #aaaaaa;
          padding-left: 10px; padding-right: 10px;}
          
nav li:first-child   {border-left: solid 1px #aaaaaa}

nav    {width:880px; margin-left: auto; margin-right: auto;
        text-align: right;
        margin-top: -27px; margin-bottom: 10px}
nav a   {color: #000000;text-decoration: none}


/*リスト形式*/
ol a   {text-decoration: none; line-height: 1.6}

/*画像を中央に配置するレイアウト*/
figure.photo-center  {text-align: center; margin-top: 15px; margin-bottom: 15px}


/*画像を左に配置するレイアウト*/
#lawyermain figure.photo-left {text-align: left; margin-top: 15px; margin-bottom: 15px; float:left}


/*テーブルメニュー*/
table,th,td    {border:solid 1px #aaaaaa; line-height: 1.6}
table   {border-collapse: collapse; margin-left: auto; margin-right: auto}
th,td   {padding: 10px 15px 10px 10px}
th      {width: 130px; text-align: center; background-color: #f5f5f5}
td      {width: 610px; text-align: left; background-color: #f5f5f5}

#aged th   {width: 150px; text-align: center}
#aged td   {width: 590px; text-align: left}


#consult th      {width: 100px; text-align: center}
#consult td      {width: 500px; text-align: left}

#casemain td a   {text-decoration: none}


#divorce th   {width: 130px; text-align: center}
#divorce td   {width: 640px; text-align: left}

#feemain td a   {text-decoration: none}

#franchise th   {width: 150px; text-align: center}
#franchise td   {width: 600px; text-align: left}

#officemain td a   {text-decoration: none}

#rate th   {width: 350px; text-align: center}
#rate td   {width: 100px; text-align: right}
#rate a   {text-decoration: none}


#value th   {width: 140px; text-align: left}
#value td   {width: 600px; text-align: left}
#value a   {text-decoration: none}

#other1 th   {width: 140px; text-align: center}
#other1 td   {width: 600px; text-align: left}

/*キャプション*/
caption    {font-weight: bold; background-color: #f5f5f5; padding: 5px; border: solid 1px #aaaaaa}




/*問い合わせフォーム*/

#contactsheet th   {width: 130px; text-align: center}
#contactsheet td   {width: 620px; text-align: left}
#contactsheet th,td   {padding: 10px 10px 10px 10px}
textarea[name="comment"]    {width: 600px; heiht: 120px; text-align: left}
input[name="address"]  {width: 580px}
input[name="mailaddress"]  {width: 400px}
input[name="name2"]  {width: 400px}
input[name="kana2"]  {width: 400px}
span[class="fontred"]  {color:#ff0000}