body {
        text-align: center;	
        margin: 5px 0px 10px;
        color: #800000;
        background: #ffffff;
        font-family: ms pgothic, ms gothic, osaka;
}
a:link {
        color: #996600;
}
a:visited {
        color: #cd5c5c;
}
#all {
        width: 780px;
        text-align: left;        
}
html>/**/body #all {
        margin /*\**/: 0 auto\9;       
}
.header h1,.header p,.header h2 {
        width: 100%;
        text-align: right;
}
html>/**/body .header h1,.header p,.header h2 {
       margin-top /*\**/: 20px\9;
}
h1 {
        font-size: 80%;
        margin: 8px 0px -15px;
}
.header p {
        font-size: 80%;
        margin-bottom: -15px;
}
.header h2 {
        font-size: 60%;
}

.header img {
       margin-top: -50px;
       margin-bottom: 3px;       
}

.intro img {

       margin: 0px 10px 15px;
}
/*
.eventtop {
       background: transparent url("hm-img/event/2/val-choco.bmp") center center no-repeat;
       margin: 0px 0px 20px;
       height: 150px;
}*/
#main {
      width: 600px;
      float: right;
}
.ocatr {
       border: solid 2px #d2b48c;
}
.catp td h4 {
       font-size: 100%;
       margin: 5px auto 5px;
}
.catp td {
       font-size: 85%;
}
.catp a {
       font-size: 80%;
}
.catp img {
       margin-bottom: -8px;      
       border: double 3px #f5deb3;
}
.ocap h2,.ocap h3 {
       font-size: 98%;
       padding: 3px;
       margin:20px 0px -5px;        
}
html>/**/body .ocap h2,.ocap h3 {
       margin-bottom /*\**/: 8px\9;
}
.ocat {
       padding: 10px 20px;      
       border: dashed 2px #d2b48c;
}
.pagelink {
       text-align: right;
       font-size: 83%;
       margin-top: 20px;
}
#side {
      width: 164px;
      float: left;      
      font-size: 80%;
}
.member {
      width: 150px;
      padding: 10px 2px 6px 2px;
      border: dashed 2px #e45f33;
      margin: 2px 0px 8px 3px; 
}
.member p {
      margin: 5px 5px;
}
.member img {
      margin-right: 4px; 
}
.okib {
      width: 150px;
      padding: 10px 3px 10px 0px;
      border: dashed 2px #999933;
      margin: 2px 0px 7px 3px;
}
html>/**/body .okib {
      padding-top /*\**/: 0px\9;
}
.okib p {
      margin-left: 5px;
      margin-bottom: 5px;
}
.okib img {
      margin: 0px -4px -4px 2px;      
 
}
.okib a {
      font-size: 88%;
}
.okib input {
      padding: 1px;
      margin-top: 10px;
}
html>/**/body .okib input {

      padding /*\**/: 1px 5px 1px\9;
      margin-left /*\**/: 4px\9;
}
.cale {
     width: 154px;
     border: dashed 2px #999933; 
     margin: 8px 0px 8px 3px; 
     padding: 7px 0px 10px;
 
}
.cale p {
     font-size: 99%;
     padding: 0px 9px 0px;
}
.sidec {
      background-color: #f5f5d6;

}
.sidec ul {
      list-style-image: url(hm-img/main-img/t-hana.gif);
      margin-left: 18px; /* for IE only */
      margin-top: -15px;
}
html>/**/body .sidec ul {
      margin-left /*\**/: -15px\9;  /* for IE only */
}
.sidec h3,.sidec h4 {
      font-size: 100%;
      margin: 5px 15px 20px;
}
.sslimg img {
      float: right;
      margin-left: 5px;
}
html>/**/body .sslimg img {
      margin-bottom /*\**/: 10px\9;
}
html>/**/body .sslimg p {
      padding-top /*\**/: 10px\9;
}
#footer {
      clear: both;
      text-align: center;
      font-size: 80%;
      margin-top: 10px;
      border-top: solid 3px #f1c9a0;
      padding-top: 10px;
}





.indexcat img {
       margin: 0px 10px 15px;
}
.pan {
       width: 100%;
       font-size: 85%;
       margin: 10px 0px;
}
.cat img {
 
       margin: 5px 10px 10px;
}

.mainimg img {
      margin: 0px 90px 30px;
}


.indexub {
      margin-top: 0px; 
}
.mindex table {
      width: 600px;
      float: left;
      margin-bottom: 10px;       
           
}
.mindex td {
      border: outset 1px;
      
      padding: 10px;
      
}
.mindex td a {
      font-size: 85%;
}
.mindex h2 {
      font-size: 100%;
      border-bottom: dashed 2px #80e619;
      padding-left: 5px;
}
.mindex table img {
 
}
.dcap h2,.dcap h3 {
       font-size: 98%;
       padding: 3px;
       margin-bottom: -5px;        
       background-color: #ffcc00; 
}
.bcap h2,.bcap h3 {
       font-size: 98%;
       padding: 3px;
       margin-bottom: -5px;        
       background-color: #fd9393; 
}
.ncap h2,.ncap h3 {
       font-size: 98%;
       padding: 3px;
       margin-bottom: -5px;        
       background-color: #ebeb47; 
}
.kcap h2,.kcap h3 {
       font-size: 98%;
       padding: 3px;
       margin-bottom: -5px;        
       background-color: #80e619; 
}


.dcatr {
       border: solid 2px #ffcc00;
}
.bcatr {
       border: solid 2px #fd9393;
}
.ncatr {
       border: solid 2px #ebeb47;
}
.kcatr {
       border: solid 2px #66b814;
}

.dcat {
       padding: 10px 20px;      
       border: dashed 2px #ffcc00;
}
.bcat {
       padding: 10px 20px;      
       border: dashed 2px #fd9393;
}
.ncat {
       padding: 10px 20px;      
       border: dashed 2px #ebeb47;
}
.kcat {
       padding: 10px 20px;      
       border: dashed 2px #66b814;
}





.dmain h2,.dmain h3 {
      font-size: 105%;
      border-bottom: dashed 3px #ffcc00;
      padding-left: 5px;
}
.bmain h2,.bmain h3 {
      font-size: 105%;
      border-bottom: dashed 3px #fd9393;
      padding-left: 5px;
}
.kmain h2,.kmain h3 {
      font-size: 105%;
      border-bottom: dashed 3px #33ad33;
      padding-left: 5px;
}
.omain h2,.omain h3 {
      font-size: 105%;
      border-bottom: dashed 3px #cc66cc;
      padding-left: 5px;
}
#main p,ul,dl {
       font-size: 95%;
}
img.img1 {
       float: left;
       margin-right: 10px; 
}
img.img2 {
       float: right;
       margin-left: 10px;
}

.mainps {
       margin: 50px auto 30px;
}
.mainp {
       font-weight: bold;
}
.mainp dl {
       margin: 10px 5px;
}
.mainp img {
       float: right;
       margin-top: 10px;
}
.mainp hr {
       margin: -10px auto -10px;
}
.pred {
       color: #ff0000;
       font-size: 110%;
}
.ptor {
       color: #66cc00;
       font-size: 90%;
       
}

.pvss table {
       margin: 20px;
       font-size: 80%;
}
.pvss img {
       padding: 10px 17px;
}
.mains {
       clear: both;
}
.mains dt {
       font-weight: bold;
}

.maininfo {
      width: 600px;
      float: right;

}
.tinfo p {
       font-weight: bold;
}
.tinfo table {
       width: 600px;
       background-color: #fff7dd;
       border: solid 1px #d6ad33;
}
.tinfo td {
       padding: 5px;
       border: solid 1px #d6ad33;
}