--- a/html/spec.css	Thu Jan 21 13:14:41 2010 +0900
+++ b/html/spec.css	Thu Jan 21 13:20:14 2010 +0900
@@ -157,3 +157,153 @@
 .event-definition dd {
   margin-top: 4px
 }
+
+
+/* style for heading links */
+a[id]:hover:after { 
+  content: "   #" attr(id) " § "; 
+  font-size: 80%;
+  color: #ccc;
+  text-decoration: none;
+}
+
+h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
+  color: inherit !important;
+  font-weight: inherit !important;
+  text-decoration: none !important;
+  font-style: inherit !important;
+}
+
+
+
+
+.inline {
+  display: inline;
+  border-left: none;
+  border-right: none;
+  padding: 0em;
+}
+
+.value {
+  color: #191970;
+}
+
+.typeCell {
+  background-color: #cfcfcf;
+}
+
+h5 {
+  font-weight: bold;
+}
+
+dl#glossary-list dt a
+{
+  font-weight: bold;
+}
+
+.eventname {
+  background-color: #cfcfcf;
+}
+
+a.eventtype {
+  text-decoration: none;
+}
+
+a.eventtype code {
+  font-size: 1.13em;
+}
+
+.charval {
+  color: #191970;
+  background-color: #ffe4b5;
+}
+
+.keyname {
+  color: #191970;
+  background-color: #b0e0e6;
+}
+
+.codepoint {
+  color: #191970;
+  background-color: #98fb98;
+}
+
+dl#key-id-set dt {
+  display: inline;
+}
+
+a.def {
+  color: inherit;
+  text-decoration: inherit;
+  border-bottom: 1.8px dashed blue;
+  /*        
+  padding-bottom: -2em;
+  margin-bottom: -2em;
+  */
+}
+
+
+/* style for heading links */
+a[id]:hover:after { 
+  content: "   #" attr(id) " § "; 
+  font-size: 80%;
+  color: #ccc;
+  text-decoration: none;
+}
+
+h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
+  color: inherit !important;
+  font-weight: inherit !important;
+  text-decoration: none !important;
+  font-style: inherit !important;
+}
+
+
+
+/*style for keyValues keyCode charCode table*/
+table#tbl-keyValues-keyCode-charCode  { border: 1px solid black;  border-spacing: 0px; padding: 2px; }
+#tbl-keyValues-keyCode-charCode td { border: 1px solid #d3d3d3 }
+#tbl-keyValues-keyCode-charCode th { border: 1px solid black }
+
+#tbl-keyValues-keyCode-charCode th { text-align: center; font-weight: bold }
+
+#tbl-keyValues-keyCode-charCode th { vertical-align: middle; font-size: 0.85em; }
+#tbl-keyValues-keyCode-charCode td { vertical-align: middle; text-align: center;  }
+
+.smallRow1 th { 
+  font-size: 0.75em;
+  display:block; 
+  width:1.5em; 
+  height:1.5em; 
+  height:auto;
+}
+
+.verticalCell1 { 
+  display:block; 
+  width:1.5em; 
+  height:1.5em; 
+  height:auto;
+}
+
+#tbl-keyValues-keyCode-charCode td:first-child + td + td + td + td,
+#tbl-keyValues-keyCode-charCode td:first-child + td + td + td + td + td + td + td + td + td + td,
+#tbl-keyValues-keyCode-charCode td:first-child + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td,
+#tbl-keyValues-keyCode-charCode td:first-child + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td
+{
+  border-left: 1px solid black;
+}
+
+
+#tbl-keyValues-keyCode-charCode td:first-child + td + td + td + td + td + td,
+#tbl-keyValues-keyCode-charCode td:first-child + td + td + td + td + td + td + td + td,
+#tbl-keyValues-keyCode-charCode td:first-child + td + td + td + td + td + td + td + td + td + td + td + td,
+#tbl-keyValues-keyCode-charCode td:first-child + td + td + td + td + td + td + td + td + td + td + td + td + td + td,
+#tbl-keyValues-keyCode-charCode td:first-child + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td,
+#tbl-keyValues-keyCode-charCode td:first-child + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td,
+#tbl-keyValues-keyCode-charCode td:first-child + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td,
+#tbl-keyValues-keyCode-charCode td:first-child + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td
+{
+  border-left: 1px solid gray;
+}
+
+