body.viewer
{
  margin: 0px;
  padding: 0px;
}
body.list
{
  margin:0px;
  padding: 10px 0px 0px 0px;
}

table.main
{
  width: 100%;
  height: 100%;
  border-collapse: collapse;
  border: 0px solid;
  margin: 0px 0px 0px 0px;
}

td.left
{
  min-width: 52px;
  width: 52px;
  background-image: url(../left.png);
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
td.left_E
{
  min-width: 52px;
  width: 52px;
  background-image: url(../left5.png);
  background-repeat: no-repeat;
  background-position: center;
}
td.left_N
{
  min-width: 52px;
  width: 52px;
  background-image: url(../left4.png);
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
td.right
{
  min-width: 52px;
  width: 52px;
  background-image: url(../right.png);
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
td.right_E
{
  min-width: 52px;
  width: 52px;
  background-image: url(../right5.png);
  background-repeat: no-repeat;
  background-position: center;
}
td.right_N
{
  min-width: 52px;
  width: 52px;
  background-image: url(../right4.png);
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

td.m__on
{
  min-width: 52px;
  width: 52px;
  height: 52px;
  background-image: url(../on.png);
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
td.m_eff
{
  min-width: 52px;
  width: 52px;
  height: 52px;
  background-image: url(../eff.png);
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
td.m_off
{
  min-width: 52px;
  width: 52px;
  height: 52px;
  background-image: url(../off.png);
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
td.m_end
{
  min-width: 52px;
  width: 52px;
  height: 52px;
  background-image: url(../end.png);
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
td.list_
{
  width: 52px;
  height: 52px;
  background-image: url(../list.png);
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
td.top_0
{
  width: 52px;
  height: 60px;
  background-image: url(../top.gif);
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
td.brnk1
{
  min-width: 52px;
  width: 52px;
}
td.brnk2
{
  min-width: 52px;
  width: 52px;
}
td.brnk3
{
  min-width: 52px;
  width: 52px;
  height: 52px;
}
td.brnk4
{
  min-width: 52px;
  width: 52px;
  height: 52px;
}

td.view
{
  min-width: 400px;
  min-height: 300px;
  vertical-align: middle;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  cursor: pointer;
}
td.view_L
{
  min-width: 400px;
  min-height: 300px;
  vertical-align: middle;
  text-align: center;
  background-repeat: no-repeat;
  background-position: right;
  background-size: contain;
  cursor: url(../c_left.png), auto;
}
td.view_R
{
  min-width: 400px;
  min-height: 300px;
  vertical-align: middle;
  text-align: center;
  background-repeat: no-repeat;
  background-position: left;
  background-size: contain;
  cursor: url(../c_right.png), auto;
}

table.header
{
  width: 100%;
  border: 0px solid;
  background-color: #ADE0FC;
}
table.header th
{
  height: 40px;
  color: #FFFFFF;
  font-size: x-large;
  font-weight: normal;
  text-align: center;
}
table.header td.brnk3
{
  width: 40px;
  background-color: #ADE0FC;
  cursor: pointer;
}
table.header td.m_end2
{
  width: 40px;
  background-color: #ADE0FC;
  background-image: url(../end2.png);
  background-repeat: no-repeat;
  background-position: right;
  cursor: pointer;
}

div.list
{
  margin: 10px 0px; 
  height: 79%;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
table.list
{
  border: 0px;
}
table.list th
{
  height: 40px;
  color: #FFFFFF;
  font-size: x-large;
  font-weight: normal;
  text-align: center;
}
table.list td
{
  padding: 3px;
  text-align: center;
  vertical-align: middle;
}
table.list td.footer
{
  color: #FFFFFF;
  font-weight: bold;
  height: 30;
  background-color: #ADE0FC;
}
table.list a:link    {color: #FFFFFF;}
table.list a:visited {color: #FFFFFF;}
table.list a:active  {color: #FFFFFF;}
table.list a:hover   {color: #FFFFFF;}

table.next
{
  width: 100%;
  border: 0px solid;
  background-color: #ADE0FC;
}
table.next td
{
  text-align: center;
  vertical-align: middle;
  background-color: #FFFFFF;
}
table.next td.footer
{
  color: #FFFFFF;
  font-weight: bold;
  height: 30;
  background-color: #ADE0FC;
}
table.next a:link    {color: #FFFFFF;}
table.next a:visited {color: #FFFFFF;}
table.next a:active  {color: #FFFFFF;}
table.next a:hover   {color: #FFFFFF;}

table.footer
{
  width: 99%;
  height: 62px;
  border-collapse: collapse;
  border: 0px solid;
  margin: 5px 0px 0px 0px;
}
table.footer td.brnk5
{
}
table.footer td.m__on
{
  width: 52px;
  background-color: #FFFFFF;
}
table.footer td.m_eff
{
  width: 52px;
  background-color: #FFFFFF;
}
table.footer td.m_off
{
  width: 52px;
  background-color: #FFFFFF;
}

img
{
  border: 0px;
}
img.main
{
  border: 0px;
  width: auto;
  height: 99vh;
  cursor: pointer;
}
img.list
{
  width: 200px;
  border: 2px #82E0FC solid;
}
div.list a:hover .list
{
  border: 2px #FC82E0 solid;
}

a.t_link
{
  display: block;
  width: 100%;
  height: 100%;
}

.index
{
  cursor: pointer;
}
div.index
{
  text-decoration: underline;
}

div.comment
{
  font-size: smaller;
  color: #666699;
}