/*============================================
全般的なスタイル
============================================*/
body{
      height:100%;
      width:100%;
      margin:0px;                   /* ページ全体のmargin */
      padding:0;                  /* ページ全体のpadding */
      text-align:center;          /* IE6以下でセンタリングするための対策 */
      background-color:white;     /* ページ全体のバックの色 */
      font-family: "ＭＳ ゴシック",sans-serif;
     }


/*============================================
ヘッダー
============================================*/

div#header {
              height:77px; width:100%;                         /*背景画像のサイズに合わせてボックスの高さを指定*/
              background-image:url("hpg/hshitaji.gif");        /*ヘッダ部分の背景画像*/
              background-repeat:repeat-x;                      /*背景画像を横方向に繰り返す*/
            }


/*============================================
メインメニュー
============================================*/

div#menu{
          width:420px; height:37px;      /* 背景画像に合わせたサイズ指定 */
          position:absolute;             /*absoluteは親タグから絶対値 relativeは自動配置から相対値*/
          top:40px; left:680px;
         }


div#menu01,
div#menu03{
            width:130px; height:32px;           /* 背景画像に合わせたサイズ指定 */
            margin-left:10px;                  /* 文字の縦位置 */
            background-image:url("hpg/bg_menu0.gif");         /* 背景画像 */
            float:left;
           }

div#menu02{
            width:130px; height:32px;           /* 背景画像に合わせたサイズ指定 */
            margin-left:10px;                  /* 文字の縦位置 */
            background-image:url("hpg/bg_menu0s.gif");         /* 背景画像 */
            float:left;
           }


/* menu の基本 */
div#menu01 a,
div#menu03 a {
               height:32px;
               display:block;
               font-weight:bold;
               font-family:Arial, Helvetica, Osaka, sans-serif;
               text-align:center;
               padding-top:7px;                                  /* 文字の縦位置 */
               color:black;
              }

div#menu02 a {
               height:32px;
               display:block;
               font-weight:bold;
               font-family:Arial, Helvetica, Osaka, sans-serif;
               text-align:center;
               padding-top:7px;                                  /* 文字の縦位置 */
               color:black;
               text-decoration:none;
              }


/* menu の下線 */
div#menu01 {
             border-bottom: 5px solid fuchsia;                 /* 下線を引く*/
             padding-bottom: 0px;                              /* 内容と線との間隔量 */
            }

div#menu02 {
             border-bottom: 5px solid white;                    /* 下線を引く*/
             padding-bottom: 0px;                              /* 内容と線との間隔量 */
            }

div#menu03 {
             border-bottom: 5px solid aqua;                    /* 下線を引く*/
             padding-bottom: 0px;                              /* 内容と線との間隔量 */
            }


/* menu のリンク */
div#menu01 a:link,
div#menu03 a:link    {color:blue; text-decoration:none;}                         /* リンク */

div#menu01 a:visited,
div#menu03 a:visited {color:purple; text-decoration:none;}                          /* 訪問済みリンク */

div#menu01 a:hover,
div#menu03 a:hover   {color:yellow;
                      background-image:url("hpg/bg_menu0s.gif");
                      border-bottom: 5px solid white;  /* 下線を白へ変更 */
                     }                                                            /* ポイント時のリンク */

div#menu01 :hover,
div#menu03 :hover {background-image:url("hpg/bg_menu0s.gif");
                   border-bottom: 5px solid white;  /* 下線を白へ変更 */
                  }                                                            /* ポイント時のリンク */

div#menu01 a:active,
div#menu03 a:active  {color:gray;}    /* アクティブなリンク */

div#menu01 :active,
div#menu03 :active  {background-image:url("hpg/bg_menu0s.gif");}    /* アクティブなリンク */



/*============================================
本体左右（会社概要と地図）
============================================*/
div#naiyo{
           text-align:center;         /* ＩＥでのセンター */
           margin-left:auto;          /* 左側マージンを自動的に空ける */
           margin-right:auto;         /* 右側マージンを自動的に空ける 上と合わせてセンタリング*/
           width:900px; height:620px;
           padding-top:10px;          /* 文字の縦位置 */
          }

/*============================================
本体左右（左の会社概要＝テーブル）
============================================*/
div#t{
       width:680px;
       position:relative;            /*absoluteは親タグから絶対値 relativeは自動配置から相対値*/
       top:90px; left:80px;
      }

div#t table{
             border:0px black solid;        /* テーブルの太さ、色、スタイル */
             border-collapse:separate;      /* テーブルのセル同士を離す（scollapseはひっつける）*/
             border-spacing:0px;            /* ２つ指定で左右　上下のスペース指定　*/
             padding:10px;
             background-color:white;
             font-family:"ＭＳ ゴシック",sans-serif;
             font-size:19pt;
            }

div#t table caption{
             background-color:white;
             font-family:"ＭＳ ゴシック",sans-serif;
             font-size:19pt;
             color:#ff0000;
            }

div#t table th{
                text-align:center;             /* 文字、画像の位置　左右　left center right */
                vertical-align:middle;       /* 文字、画像の位置　上下　top middle bottom */
                font-family:"ＭＳ ゴシック",sans-serif;
             	font-size:30pt;

               }

div#t table tr{
                text-align:left;             /* 文字、画像の位置　左右　left center right */
                vertical-align:middle;       /* 文字、画像の位置　上下　top middle bottom */
               }

div#t table td{
                 border:0px black solid;        /* テーブルの太さ、色、スタイル */
                 padding:10px;                   /* (上下左右)か(上下)と(左右) か(上)と(左右)と(下)か(上)と(右)と(下)と(左) */
              }

div#t table td.ichi{
  	            text-align:right;
       		    bottom:10px;
      		   }
        

/*============================================
本体左右（右の地図）
============================================*/
div#chizu{
           width:840px;  height:600px;
           float:left;                   /* 右半分に表示 */
           position:relative;            /*absoluteは親タグから絶対値 relativeは自動配置から相対値*/
           top:5px;
          }

div#hyoudai {
             height:100%; width:100%;
             background: url("hpg/illust.png");
             background-size: contain;
            }




/*============================================
フッター
============================================*/

div#footer {
             height:160px; width:100%;         /* フッターのサイズ */
             background-color:gray;
            }
div#rogo {
           float:left;
           position:relative;                 /*absoluteは親タグから絶対値 relativeは自動配置から相対値*/
           top:10px; left:40px;
           height:140px; width:180px;         /* ロゴのサイズ */
          }

div#rogo img {
               height:140px; width:180px;         /* ロゴのサイズ */
              }

div#jyuusyo {
              float:left;
              position:relative;                 /*absoluteは親タグから絶対値 relativeは自動配置から相対値*/
              top:30px; left:70px;
              height:100px; width:400px;         /* 住所のサイズ */
              text-align:left;
             }

div#jyuusyo a {
                font-family:"ＭＳ ゴシック",sans-serif;
                font-size:12pt;
                color:white;
                line-height:150%;
               }

div#copy {
           float:left;
           position:relative;                 /*absoluteは親タグから絶対値 relativeは自動配置から相対値*/
           top:130px; left:0px;
           height:30px; width:500px;         /* サイズ */
           text-align:left;
          }

div#copy a {
             font-family:"ＭＳ ゴシック",sans-serif;
             font-size:12pt;
             color:white;
            }