--- /dev/null
+a:link {
+ color: #008000;
+}
+
+a:visited {
+ color: #008080;
+}
+
+a:active {
+ color: #ff0000;
+}
+
+body {
+ background-color: #e0e0ff;
+ color: black;
+}
+
+div.book {
+ display: inline-block;
+ width: 400px;
+ margin: 10px;
+ border 3px solid #73ad21;
+}
+
+div.footer {
+ background-color: #004080;
+ border-color: #004080;
+ border-style: solid;
+ border-width: 3px;
+ color: #ffffff;
+ font-size: 0.8em;
+ padding: 2;
+ text-align: left;
+}
+
+h1 {
+ background-color: #004080;
+ border-color: #004080;
+ border-style: solid;
+ border-width: 5px;
+ color: #ffffff;
+ font-size: 1.2em;
+ font-weight: normal;
+ margin: 2px 0px 0px 2px;
+}
+
+img.cover-thumb { max-height: 200px; max-width: 200px; }
+
+p.navigator { }
+
+p.quote {
+ margin-left: 50px;
+ margin-right: 50px;
+ text-align: justify;
+}
+
+span.popup { }
+
+span.popup:hover { text-decoration: none; background: #cfffff; z-index: 6; }
+
+span.popup span.pop-inner {
+ border-color:black;
+ border-style:solid;
+ border-width:1px;
+ display: none;
+ margin: 4px 0 0 0px;
+ padding: 3px 3px 3px 3px;
+ position: absolute;
+}
+
+span.popup:hover span.pop-inner {
+ background: #ffffaf;
+ display: block;
+ margin: 20px 0 0 0px;
+ z-index:6;
+}
+
+table.header {
+ width: 100%;
+ line-height: 1.8;
+}
+
+td.box {
+ background-color: #0000ff;
+ width: 15%;
+}
+
+td.title {
+ background-color: #004080;
+ color: #ffffff;
+ font-size: 2.0em;
+ text-align: right;
+}