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

  
  div.tdContent {
    position            : relative;
    margin              : auto;
    height              :  768px;
    width               : 1024px;
    /*
      ここでheightとwidthを指定しないと、Safariで写真フレーム
      の位置がずれてしまうことに注意
    */
  }
  
  div.Content {
    position:relative;

	background-color:#ffffff;
	  height              :  768px;
    width               : 1024px;
	margin:auto;
  }
  
 
   #divFrame{
    position            : absolute;
    top                 : 36px;
    left                : 340px;
		z-index:4;
	}
  .k_Frame {
    position            : absolute;
    top                 : 0;
    left                : 0;
	width:601px;
	height:598px;
    /* 
      このtopとleftの設定を除くとSafariでちらつく。
      ただし、縦長の画像であれば、これを設定してもちらつく
    */
  }
  
 .k_Frame_2 {
    position            : absolute;
    top                 : 0;
    left                : 446;
	width:155px;
	height:598px;
			z-index:4;
			}
  
  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.Right {
    position            : absolute;
    top                 : 30ｴpx;
    left                : 80px;
  }
  
      div.Left {
    position            : absolute;
    top                 : 50px;
    left                : 50px;
  }
  
      div.Column {
    position            : absolute;
    top                 : 200px;
    left                : 500px;
  }




body    {margin:0;	background-color:#ffffff }

a:link { font-weight: bold; text-decoration:none; color: #000066 }
a:visited { font-weight: bold; text-decoration:none; color: #000099 }
a:active {font-weight: bold; color:#660066 }
a:hover{ font-weight: bold; text-decoration:underline; color:#DD0000 }

a.topics           { color: #ffffff; font-size: 12px; line-height: 20px }

li { font-size: 12px; }

.title {  font-size: 12px;  font-weight: bold; }
.column {  font-size: 12px;  color:#000000; line-height: 150%; }
.msg { font-size: 12px;  color:#aaaaaa; }

.name  { color: #006; font-size: 6px; background-color: #006 }
.update { font-size: 10px; color: #222222 }

#d_index{
	text-align          : left;  
   position            : absolute;
    top                 : 179px;
    left                : 160px;
	width:310px;
	height:240px;
	overflow:auto;
	z-index:3;

}
.haba{
	width:46px;

	}
		.head{
	margin-top:0px;
	}
td.ind{text-align          : left;  }
}