body {
  height:100%;
  padding:5px;
  background-color:#202020;
  font-family:Arial,"ＭＳ Ｐゴシック",sans-serif;
  color:#e6e6e6;
  scrollbar-base-color:#202020;
  scrollbar-arrow-color:#859ce0;
  scrollbar-highlight-color:#202020;
  scrollbar-3dlight-color:#859ce0;
  scrollbar-shadow-color:#202020;
  scrollbar-darkshadow-color:#859ce0;
}

/* リンク */
a {
  color:#e6e6e6;
/*  height:1.5em;
  padding:0.25em;*/
}
a:hover {
  color:#859ce0;
}

/* テーブル */
table {
  border-collapse:collapse;
  table-layout:fixed;
}

/* テキスト */
span.text {
/*  font-size:10.5pt;*/
  font-size:9pt;
  line-height:150%;
  letter-spacing:0.35em;
}

/* サイトロゴ */
#div_logo {
  height:170px;
  margin-left:10px;
  margin-top:10px;
}
#div_logo img {
  border-width:0;
}

/* メニュー */
#div_menu {
  position:absolute;
  top:180px; 
  bottom:0px;
  overflow:auto;
  overflow-x:hidden;
}
#tbl_menu {
  font-size:11pt;
  margin-left:10px;
  margin-top:5px;
/*  width:160px;*/
}
#tbl_menu img {
  border-width:0;
}
#tbl_menu tr {
/*  height:1.5em;*/
}
#tbl_menu td {
  padding-top:0.3em;
  padding-bottom:0.3em;
}
#tbl_menu td.lev0 {
  padding-left:0.25em;
}
#tbl_menu td.lev1 {
  padding-left:1.25em;
}
#tbl_menu a {
  text-decoration:none;
  height:1.5em;
  padding-top:0.25em;
}

/* 主ペイン */
#div_base {
  position:absolute; 
  top:0px; left:0px; 
  width:100%; height:100%; 
  padding:0px;
/*  background-color:#000060;*/
}

/* 主ペインの上部 */
#div_top {
  position:absolute;
  top:0px; left:0px;
  width:100%; height:250px;
  padding:5px;
/*  background-color:#006000;*/
}

/* 流路名称 */
#div_title {
  position:absolute;
  left:0px; top:0px;
  width:75%;  /* JavaScriptで幅を設定するまでのちらつき抑制のため、仮に指定する。 */
  height:100%;
  padding:5px;
}

#span_title {
  position:absolute;
  left:0px; top:20px;
  height:20pt; width:100%;
  font-size:16pt;
  white-space:nowrap;
  margin:5px;
  padding-left:0.5em;
  border-bottom:2px solid #859ce0;
}

#span_exp {
  position:absolute;
  left:0px; top:60px;
  margin:5px;
  padding-left:2em;
  padding-right:0px;
  font-size:11pt;
  line-height:150%;
/*  text-align:justify;
  text-justify:inter-ideograph;*/
}

/* 地図表示領域 */
#div_map {
  position:absolute;
/*  top:10px; right:0px;*/
  top:10px; right:20px;
  height:240px;
/*  border:5px solid #202020;*/
/*  background-color:green;*/
}
/* 地図上部の空行 */
#tr_maptop {
  height:30px;
}
/* 地図画像 */
#img_map {
  position:absolute; 
  left:0px; top:0px;
}
/* 地図上のボタン */
input.mapbtn {
  position:absolute; 
}
/* 現在選択中の画像位置 */
#current {
  position:absolute; 
}
/* 地図の説明領域 */
#div_mapcap {
  position:absolute;
  top:253px; right:20px;
  height:10px;
  font-size:10px;
  letter-spacing:-1.0pt;
  color:silver;
}


/* 主ペインの主部 */
#div_main {
  width:100%; 
  position:absolute;
  top:250px; 
  bottom:0px;
  padding:5px;
  text-align:center;
  vertical-align:middle;
  overflow:auto;
/*  background-color:red;*/
}
/* 画像表示領域 */
#tbl_map {
  height:95%; width:100%;
/*  border:1 solid red;*/
}
#tbl_map tr {
  text-align:center;
}
#tbl_map td {
  width:100%;
}

/* 前の画像 */
#prev {
  position:absolute;
  top:45%;
  left:5%;
  text-decoration:none;
  letter-spacing:2pt;
}
/* 次の画像 */
#next {
  position:absolute;
  top:45%;
  right:5%;
  text-decoration:none;
  letter-spacing:2pt;
}

/* 主画像 */
#photo {
  height:100%;
  border:1px inset #404040;
  cursor:pointer;
}
/* 注釈 */
#caption1,#caption2 {
  position:relative;
  top:5px;
/*  left:20%;*/
/*  width:60%;*/
  padding-left:20%;
  font-size:11pt;
  text-align:left;
}

/* 主ペインの主部(リストページ) */
#div_list {
  position:absolute;
  top:250px; left:0px; bottom:0px;
  width:100%; 
  padding:0px;
/*  background-color:#600000;*/
  overflow:auto;
  overflow-x:hidden;
/*  width:100%; 
  position:absolute;
  top:250px; bottom:0px;
  left:-5px;
  padding:5px;
  text-align:left;
  vertical-align:top;
  overflow:auto;
  overflow-x:hidden;
  background-color:green;*/
}
/* リスト */
#tbl_list {
  margin-left:5em;
  margin-top:5px;
  margin-bottom:5px;
/*  width:-5em;*/
  width:100%;
/*  background-color:blue;*/
}
#tbl_list tr {
  height:1.7em;
}
#tbl_list td {
  text-align:left;
  font-size:11pt;
  padding-left:1em;
/*  padding-top:0.25em;*/
  border-width:1px 0px 1px 0px;
  border-style:solid;
  border-color:#859ce0;
}
