@charset "utf-8";
/*
///
/// about.css ----- shirofotoのabout.html用のCSS[#v08061001]
///
/// Copyright (C) 2008, azan workshop
/// #v08061001  matt    New
///
/// ・このHTML構成では、ブラウザの互換モードでないと期待通り
/// 　にレイアウト表示されない。
/// 　　‐標準モードでは、コンテンツはブラウザの上下中央に
/// 　　　表示されない
/// 　　‐互換モードにするには、DOCTYPE宣言からURLを除く
///
/// ・動作確認環境
/// 　　‐Windows版   6.0、7.0
/// 　　‐Windows版   Firefox 2.0
/// 　　‐Macintosh版 Safari 3.1
///
*/
@media all {
  
  body {
    margin              : 0;
    padding             : 0;
    background-color    : #ffffff;
    /*    background-image    : url(background.png);
 
      背景のPNG画像の背景色は#ccccccだが、background-colorを
      #ccccccにしても色が合わない。
      そのため、同じ背景色の1pxのPNG画像をbackground-imageと
      して並べておく。
    */
  }
  
  table.Background {
    margin              : 0;
    padding             : 0;
    width               : 100%;
    height              : 100%;
  }
  
  table.Background td {
    text-align          : center;   /* IE用に必要 */
  }
  
  div.Content {
    position            : relative;
    margin              : auto;
    height              :  768px;
    width               : 1024px;
    /*
      ここでheightとwidthを指定しないと、Safariで写真フレーム
      の位置がずれてしまうことに注意
    */
  }
  
  div.Frame {
    position            : absolute;
    top                 : 0;
    left                : 0;
    /* 
      このtopとleftの設定を除くとSafariでちらつく。
      ただし、縦長の画像であれば、これを設定してもちらつく
    */
  }
  
  img.Frame {
    visibility          : hidden;
  }
  
  iframe.Contents {
    position            : absolute;
    visibility          : hidden;
  }
  
  img.Button {
    border              : none;
  }
  
     div.Foto {
    position            : absolute;
    top                 : 145px;
    left                : 690px;
  }
  
    div.info {
    position            : absolute;
    top                 : 182px;
    left                : 732px;
  }
  
  div.About {
    position            : absolute;
    top                 : 225px;
    left                : 767px;
  }
  
      div.Top {
    position            : absolute;
    top                 : 0px;
    left                : 0px;
  }
  
        div.Right {
    position            : absolute;
    top                 : 330px;
    left                : 980px;
  }
  
      div.Left {
    position            : absolute;
    top                 : 330px;
    left                : 10px;
  }
  
        div.index {
    position            : absolute;
    top                 : 0px;
    left                : 166px;
  }
  
      div.album {
    position            : absolute;
    top                 : 0px;
    left                : 278px;
  }
}