body {
  background-color:#ffffff;
  font-family:arial;
  font-size:8pt;
  margin:0px;
  padding:0px;
}
#page {
  background-image:url("http://static.leptonix.net/resource/077aaaffae6a0b30a8fd79f2df8c87052990c517");
  border-left-style:solid;
  border-right-style:solid;
  border-color:#8b0000;
  border-width:1px;
  left:50%;
  margin-left:-350px;
  min-height:100%;
  _height:100%;
  position:absolute;
  top:0px;
  width:700px;
}
#header {
  background-color:#8e0000;
  background-image:url("http://static.leptonix.net/resource/0be5a5a2be2832144869603f2856bd956ee45afb");
  height:120px;
  position:relative;
  width:100%;
}
#navigation {
  background-color:#cccccc;
  border-top-style:solid;
  border-bottom-style:solid;
  border-color:#ffffff;
  border-width:2px;
  font-size:10pt;
  font-weight:bold;
  height:40px;
  position:relative;
  width:100%;
}
#navigation ul {
  list-style-type:none;
  overflow:hidden;
  margin:4px;
  text-align:center;
}
#navigation li {
  float:left;
  list-style:none;
}
#navigation li.current a {
  color:#8b0000;
}
#navigation li.back {
  border-color:#000000;
  border-style:solid;
  border-width:1px;
  background-color:#e6e8ea;
  height:2em;
  position:absolute;
  width:9px;
  z-index:8;
}
#navigation a {
  color:#000;
  display:block;
  float:left;
  height:2em;
  letter-spacing:0;
  line-height:2em;
  margin:auto 10px;
  outline:none;
  overflow:hidden;
  position:relative;
  text-align:center;
  text-decoration:none;
  z-index:10;
}
#navigation a:hover, #navigation a, #navigation a:active, #navigation a:visited {
  border:none;
}
#content {
  padding-bottom:20px;
  position:relative;
  width:100%;
}
#content .document {
  margin:20px;
}
#content .videos {
  padding:10px;
}
#content .player {
  height:350px;
  overflow:hidden;
  right:60px;
  top:20px;
  width:425px;
  position:absolute;
}
#content .videos div {
  border-color:#999999;
  border-style:solid;
  border-width:1px;
  cursor:pointer;
  height:97px;
  margin:10px;
  padding:1px;
  position:relative;
  width:130px;
}
#footer {
  background-color:#8b0000;
  background-image:url("http://static.leptonix.net/resource/00c1a1b3bc32c53b5d2f4098393315ea751063b2");
  bottom:0px;
  height:20px;
  position:absolute;
  width:100%;
}
.document .section {
  clear:both;
  padding-top:10px;
}
.document p {
  margin-top:0px;
  text-align:justify;
}
.document ul {
  list-style-type:square;
  padding-bottom:1em;
  padding-left:1.5em;
  padding-top:0px;
  margin-left:0px;
  margin-top:0px;
}
.document li a {
  color:#000000;
  text-decoration:none;
}
.document li a:hover {
  text-decoration:underline;
}
.document img {
  border-color:black;
  border-style:solid;
  border-width:1px;
  margin-bottom:5px;
}
.document img.left {
  float:left;
  margin-right:10px;
}
.document img.right {
  float:right;
  margin-left:10px;
}
.document a.image {
  color:blue;
  display:block;
  float:left;
  font-weight:bold;
  outline:none;
  margin-top:10px;
  margin-bottom:20px;
  margin-right:15px;
  position:relative;
  text-align:center;
  text-decoration:none;
}
.document a.image:hover {
  text-decoration:underline;
}
.document a.image img {
  display:block;
}
table {
  border-collapse:collapse;
}
.document .table {
  font-family:arial;
  font-size:8pt;
  margin-bottom:20px;
  margin-top:20px;
}
.document .table th, .document .table td {
  border-color:#dcdcdc;
  border-style:solid;
  border-width:2px;
  padding:4px;
}
.document .table th {
  text-align:left;
}
.document .table thead th {
  text-align:center;
}
.document .table td {
  text-align:center;
  width:5.5em;
}
.kanji-description td {
  padding-left:30px;
}
.cell {
  background-color:#eeeeee;
}
.cell_4_6 {
  background-color:#f4df8d;
}
.cell_6_9 {
  background-color:#f4df8d;
}
.cell_7_9 {
  background-color:#f4df8d;
}
.cell_10_12, .cell_10_15 {
  background-color:#f4df8d;
}
.cell_13_15 {
  background-color:#f4df8d;
}
.cell_16 {
  background-color:#97cce7;
}

.cell_Angelique, .cell_Hans, .cell_Gaby {
  background-color:#b9eef9;
}

#foreign {
  position:relative;
  width:100%;
  height:100%;
}

#foreign iframe {
  width:100%;
  height:100%;
}

#layer1, #layer2 {
  height:100%;
  left:0px;
  overflow:hidden;
  position:absolute;
  top:0px;
  width:100%;
}

#layer1 {
  background-color:black;
  opacity:0.7;
  filter:alpha(opacity=70);
  z-index:1000;
}

#layer2 {
  z-index:1001;
}

#layer1 img {
  height:124px;
  left:50%;
  margin-left:-62px;
  margin-top:-62px;
  position:absolute;
  top:50%;
  width:124px;
}

#layer2 img {
  border-color:#ffffff;
  border-style:solid;
  border-width:1px;
  display:none;
  position:absolute;
  z-index:10000;
}

#layer2 .object {
  border-color:#ffffff;
  border-style:solid;
  border-width:1px;
  height:355px;
  left:50%;
  margin-left:-213px;
  margin-top:-178px;
  position:absolute;
  top:50%;
  width:425px;
}

.videos {
  text-align:center;
}

.video {
  border-color:#000000;
  border-style:solid;
  border-width:1px;
  cursor:pointer;
  margin:10px;
}

#foreign a img {
  border-color:#000000;
  border-style:solid;
  border-width:1px;
  margin:10px;
}

.haiku {
  font-family:verdana;
  font-weight:bold;
  position:relative;
}

#haiku-01 {
  color:#5c91d3;
  font-size:18pt;
  left:100px;
  top:20px;
}

#haiku-02 {
  color:#fc6b6b;
  font-size:16pt;
  left:50px;
  top:40px;
}

.photos {
  text-align:center;
}

.photo-haiku {
  cursor:pointer;
  display:block;
  font-size:12pt;
  text-decoration:none;
  text-align:center;
  outline:none;
  position:absolute;
  width:300px;
}

.photo-haiku .category {
  font-size:18pt;
  font-weight:bold;
  margin-top:0.5em;
}

.photo-haiku .content {
  display:none
}

.photo-haiku:hover .category {
  display:none;
}

.photo-haiku:hover .content {
  display:block;
}

.thumbnail {
  border:1px solid black;
  cursor:pointer;
  margin:10px;
  position:relative;
}