body {
font-size: 12pt;
width: 800px;
}
div.header {
  width: 90%;
  font-size: 18pt;
  margin: 0.5em;
  padding: 20px 0.5em 10px;
  border: 1px solid #c900c9;
  text-align: right;
}

div.midashi {
  width: 90%;
  margin: 0.5em;
  padding: 20px 0.5em 10px;
  border: 1px solid #c900c9;
}

div.navi{
  width: 90%;
  font-size: 10pt;
  margin: 0.5em;
  padding: 20px 0.5em 10px;
  border: 1px solid #cccccc;
}

div.flushright {
  width: 80%;
  padding: 0.5em 30px;
  border-top: 1px solid #cccccc;
  border-right: 1px solid #666666;
  border-bottom: 1px solid #666666;
  border-left: 1px solid #cccccc;
  font-weight: normal;
  text-align: right;
}

div.doublebox{
  width: 45%;
  float: left;
  padding: 0.5em 5px;
}
div.dummy { clear: left; }
span.none{ display: none; }

div.ex {background-color: #d4dcf8; margin: 0.5em 30px; padding: 8px;}
div.exa {background-color: #e8fcd2; margin: 0.5em 30px; padding: 8px;}
div.exb {background-color: #c8ecf2; margin: 0.5em 30px; padding: 8px;}
div.exc {color: #ffffff; background-color: #274f4f; margin: 0.5em 30px; padding: 8px;}
div.exm {background-color: #efefef; margin: 0.5em 30px; padding: 8px;}
div.exn {margin: 0.5em 30px; padding: 8px;}

td.td-br{ 
    border: 1px solid black;
    border-top-style:none;
    border-left-style:none; 
}
td.td-r { 
    border: 1px solid black;
    border-top-style:none;
    border-left-style:none; 
    border-bottom-style:none; 
}
td.td-b { 
    border: 1px solid black;
    border-top-style:none;
    border-left-style:none; 
    border-right-style:none; 
}