/*============================================
全般的なスタイル
============================================*/
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#menu02{
            width:130px; height:32px;           /* 背景画像に合わせたサイズ指定 */
            margin-left:10px;                  /* 文字の縦位置 */
            background-image:url("hpg/bg_menu0.gif");         /* 背景画像 */
            float:left;
           }

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


/* menu の基本 */
div#menu01 a,
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;
              }

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;
               text-decoration:none;
              }


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

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

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


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

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

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

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

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

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


/*============================================
本体（google地図）
============================================*/
div#map_canvas{
               text-align::center;
               height:480px; width:100%;
               padding-top:30px;          /* 文字の縦位置 */
              }


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

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