@charset "utf-8";

body {
 color: #46b; font-size: 100%;
 line-height: 160%;
 background: #fff;
 min-width: 1000px;
 background-image: url(side.png);
 background-repeat:  repeat-y;
 padding: 0; margin: 0 }

div#container {
 padding: 0 }
div#frame {
 border-bottom: solid 3em #abe;
 padding: 0; margin-left: 191px }

div.box {
 padding: 25px 5em 40px }
div.boxs {
 padding: 5px 5em 1em }

h1 {
 font-size: 160%;
 color: #abe; background: inherit;
 border-top: solid 12px #eef;
 padding: 1px 1.5em; margin: 0 }

h2 {
 color: #fff; font-size: 120%;
 font-weight: 400;
 background: inherit;
 background-image: url(h2.png);
 border-bottom: solid 0 #bce;
 padding: 10px 3em; margin: 0 }

h3 {
 font-size: 115%; font-weight: 400;
 text-align: left; color: #fff;
 background-image: url(h3.jpg);
 background-repeat:  no-repeat;
 padding: 7px 20px;
 margin: 1em 4em 5px 40px }

div#head {
 color: #abe;  background: #eef;
 padding: 3px 50px; margin: 0 }

.hs {
 vertical-align: middle;
 text-align: center; color: #fff;
  background: #abe;
 border-radius: 5px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 padding: 4px 10px; margin: 5px 15px }
 
div#link {
 font-size: 95%; width: 190px;
 position: fixed; left: 0; top: 0;
 bottom: 0; padding: 1em 0 }

div#link h3 {
 text-align: left;
 font-size: 105%; color: #fff;
 background: inherit;
  background-image: none;
 border-top: solid 1px #eff;
 border-bottom: solid 1px #eff;
 padding: 2px 1.5em; margin: 0 }

div#page {
 padding: 10px 0 5px; margin: 0 }
.tl {
 border-bottom: solid 1px #eff }
.ml {
 font-size: 105%; color: #fff;
 margin-left: 2em }

div#link ul, div#link ol {
 list-style-type: none;
 padding: 0; margin: 0 } 

div#link li {
 padding: 0; margin: 0 } 
.ptb { padding: 5px 0 }

div#link ol li a, div#link ul li a {
 display:block; padding: 4px 2em }

div#page ol.in {
color: inherit;
 background: #fff;
 border-radius: 7px;
 -webkit-border-radius: 7px;
 -moz-border-radius: 7px;
 padding: 5px 0; margin: 5px 2em 10px 1em }

a {
 color: #46b; background: inherit;
 text-decoration: none } 
a:hover  {
 color: #005; background: #eff }

 b {
 color: #abe; font-size: 110%;
 background; inherit;
 margin-right: 4px }
strong {
font-size: 115%;
 color: #86d; background: inherit }
em {
font-size: large;
 color: #fff; background: #89d;
 padding: 2px 5px; margin-right: 5px }
.aad {
 color: #99d; background: inherit }
img { border: 0 }
 
.mht { margin-top: 5em }
.mt { margin-top: 3em }
.mtl { margin-top: 1em }
.mb { margin-bottom: 3em }
.mbl { margin-bottom: 1em }
.pt { padding-top: 10px }
.pts { padding-top: 7px }
.pb { padding-bottom: 5px }
.pl { padding-left: 1.5em }

.mr { margin-right: 1.5em }
.nob { border: 0 }

.ts { font-size: 88% }
.ls { letter-spacing: 5px }
.lsw { letter-spacing: 15px }
.fl { float: left }
.cl { clear: left }
.vm {
 vertical-align: middle }
 
address, div#js {
 font-size: 90%;
 color: #79d; background: inherit;
 margin: 2em 5em 2px } 
