body{
  margin:10pt 10pt;
  scrollbar-base-color: #ccf;
  scrollbar-track-color: #fff;
}

a:link {  color: #c80;}
a:hover {color: #a80;}
a:visited {color: #850;}
a:visited:hover {color: #c95;}
a:active {  color: #ca0;}

a.footer:link {  color: #aad;}
a.footer:hover {color: #ccf;}
a.footer:visited {color: #aad;}
a.footer:visited:hover {color: #ccf;}
a.footer:active {  color: #ccf;}


h2{
  font-size        :16pt;

  color            :#66c;
  background-color :#f0f0ff;
  font-weight      :800;
  text-align       :left;
  
  border-style     :solid;
  border-color     :#66c;
  border-width     :1px 1px 0px;
 
  margin           :5px;
  padding          :1px 60px 0px;
}

table.mom{
  position:center;
  max-width:800px;
  width:100%;
  background-color:#eef;
  margin:0px ;
}  

table.mom1{
  position:center;
  max-width:800px;
  width:100%;
  background-color:#fdd;
  margin:0px ;
}  


td{
  border-style:solid;
  border-color:#ccf;
  border-width:1px;
  margin:3px;
}

td.id{
  font-size:9pt;
  width:10%;
  background-color:#eef;
  text-align:center;
  color:#093;
}

td.id1{
  font-size:9pt;
  width:10%;
  background-color:#fdd;
  text-align:center;
  color:#a00;
}

td.c_id{
  width:10%;
  background-color:#dfd;
  text-align:center;
  font-size:9pt;
  padding:0px 10px;
  color:#093;
}


td.title{
  width:40%;
  background-color:#fff;
  text-align:left;
  font-weight:600;
  padding:2px 10px;
  color:#00c;
}

td.title1{
  width:40%;
  background-color:#fff;
  text-align:left;
  font-weight:600;
  padding:2px 10px;
  color:#a00;
}

td.c_title{
  width:45%;
  background-color:#fff;
  text-align:left;
  font-weight:600;
  padding:2px 10px;
  color:#080;
}

span.black{
  font-weight:100;
  font-size:9pt;
  color:#000;
  margin:0px;
}

form.del{
  font-weight:100;
  font-size:9pt;
  text-align:right;
  color:#000;
  margin:0px;

}

td.name{
  width:20%;
  background-color:#fff;
  text-align:left;
  font-weight:600;
  padding:0px ;
  color:#00c;
}

td.name1{
  width:20%;
  background-color:#fff;
  text-align:left;
  font-weight:600;
  padding:0px ;
  color:#f00;
}


td.date{
  width:30%;
  background-color:#fff;
  text-align:left;
  font-size:8pt;
  padding:0px 10px;
  color:#00c;
}

td.date1{
  width:30%;
  background-color:#fff;
  text-align:left;
  font-size:8pt;
  padding:0px 10px;
  color:#a00;
}

td.c_date{
  width:30%;
  background-color:#fff;
  text-align:left;
  font-size:8pt;
  padding:0px 10px;
  color:#080;
}

td.url{
  width:100%;
  background-color:#fff;
  text-align:left;
  font-size:9pt;
  padding:0px 100px;
  color:#00c;
}

td.wtext{
  width:100%;
  background-color:#fff;
  text-align:left;
  padding:5px 10px;
  color:#000;
}

td.c_wtext{
  width:92%;
  background-color:#fff;
  text-align:left;
  padding:5px 10px;
  color:#000;
}

td.spacer{
  width:10%;
  background-color:transparent;
  text-align:center;
  font-size:9pt;
  padding:0px 10px;
  color:#060;
}

td.c_spacer{
  width:8%;
  background-color:transparent;
  text-align:center;
  font-size:9pt;
  padding:0px 10px;
  color:#060;
}


table.child{
  position:center;
  max-width:800px;
  width:100%;
  background-color:#efe;
  color:#000;
  margin:0px;
}  

td.cut{
  width:100%;
  background-color:#fff;
  text-align:center;
  color:#006;
}

div.footer {
  font-size:9pt;
  text-align:right;
  color:#888;
  margin:2pt 10%;

}

div.family{
  max-width:800px;
  position:center;
  width:95%;
  border-color:#bbb;
  border-style:double;
  border-width:3px;
  margin:10px;
}


div.form{
  max-width:800px;
  width:95%;
  position:center;
  border-color:#ccf;
  border-style:solid;
  background-color:#eef;
  border-width:2px;
  margin:10px;
}

div.cform{
  max-width:800px;
  width:95%;
  position:center;
  border-color:#ccf;
  border-style:double;
  background-color:#efe;
  border-width:3px;
  margin:10px;
}

h4.form{
  font-size:11pt;
  font-weight:600;
  padding :1pt, 20pt;
  background-color:#fff;
  color:#00a;
}

h4.cform{
  font-size:11pt;
  font-weight:600;
  padding :1pt, 20pt;
  background-color:#fff ;
  color:#060;
}

form{
  position:center;
  max-width:800px;
  width:100%;
  margin:0px;
  font-weight:bolder;
}

div.navi{
  align:center;
  width:95%;
  margin:10px ;
}


table.navi{
  align:center;
  position:center;
  max-width:800px;
  width:100%;
  background-color:#fff;
  font-size:11pt;
  border-style:none;
  margin:0px ;
}  

table.navith{
  position:center;
  max-width:800px;
  width:100%;
  font-size:11pt;
  border-style:none;
  margin:0px ;
}  

td.navi_l{
  width:25%;
  background-color:#fff;
  text-align:center;
  color:#006;
}
td.navi_m{
  width:50%;
  background-color:#fff;
  text-align:center;
  color:#006;
}
td.navi_r{
  width:25%;
  background-color:#fff;
  text-align:center;
  color:#006;
}

td.artlist{
  align:center;
  color:#66f;
  text-align:center;
  position:center;
  max-width:800px;
  width:95%;
  background-color:#ddd;
  font-size:9pt;
  padding:3px;
  margin:10px ;
}

div.artlist{
  align:center;
  color:#66f;
  text-align:center;
  position:center;
  max-width:800px;
  width:95%;
  border-width:3px;
  border-style:solid;
  border-color:#ddd;  
  background-color:#fff;
  font-size:11pt;
  padding:3px;
  margin:10px ;
}


div.back{
  padding:2px 20px;
  font-size:11pt;
}

pre{
  margin:0px;
  padding:10px;
  border-width:1px;
  border-style:solid;
  border-color:#ddd;
  background-color:#f0f0f0;
}

div.com{
  border-style:solid;
  border-width:0px 1px 1px;
  border-color:#ddf;
  padding:10px 15px;
  margin:5px 5px;
}