*  { 
          padding : 0px ; 
          margin : 0px ; 
} 

#site-box {
          width : 950px;
          border: 0px solid #FF9900;
          margin : 30px auto;
}


#a1-box {
          border-bottom: 1px solid #7cfc00;
          padding: 0px;
          height: 50px;
          background-image: url('img/h1.jpg');
background-color: #000000;


}

#a2-box {
          border-bottom: 1px solid #FF9900;
          border-left: 0px solid #cccccc;
          background-image: url('img/back001.gif');
          padding: 10px 10px 0px 10px;
          text-align: left;
background-color: #F8F8FF;
}

#a3-box {
          border: 0px solid #FF9900;
          background-image: url('###');
          padding: 0px;
          background-color: #e6e6fa;
          width: 948px;
          height: 42px;
          margin : 0px 0px 0px 0px

}


#b-box {
          float: left;
          width: 698px;
          border: 0px solid #FF9900;

}

#baa-box {
          
          width: 698px;
          border: 0px solid #F5DEB3;
 cellspacing: 0; cellpadding: 0;
          margin : 2px 0px 2px 0px;
          text-align: left;
}


#ba-box {
          float: left;
          width: 348px;
          border-bottom: 0px solid #FF9900;
          text-align: left;

}
#bb-box {
          float: right;
          width: 348px;
          border-bottom: 0px solid #FF9900;
          text-align: left;

}

#bc-box {
          clear: both;
          width: 698px;
          border: 0px solid #F5DEB3;
 cellspacing: 0; cellpadding: 0;
          margin : 10px 0px 7px 0px;
}

#bcmap-box {
          width: 666px;
          background-image: url('img/back001.gif');
          text-align: center;
          border: 1px solid #7cfc00;
 cellspacing: 0; cellpadding: 0;
          padding: 5px 5px 5px 5px;
          margin : 0px
}

#bcmap2-box {
          width: 700px;
          border: 0px solid #F5DEB3;
 cellspacing: 0; cellpadding: 0;
          margin : 0px 0px 0px 0px
}

#bd-box {
          float: left;
          width: 348px;
          border-bottom: 0px solid #FF9900;
          text-align: left;

}
#be-box {
          float: right;
          width: 348px;
          border-bottom: 0px solid #FF9900;
          text-align: left;
          background-image: url('##');

}

#c-box {
          float: right;
          width: 250px;
          font-size: 12px;
}


#d-box {
          clear: both;
          width: 950px;
          height: 94px;
          background-color: #FFFFFF;
          font-size: 12px;
          padding: 10px;
          text-align: center;
          border: 0px solid #FF9900;
}

#da-box {
          float: left;
          width: 680px;
          border-bottom: 0px solid #FF9900;
          height: 92px;

}

#db-box {
          float: right;
          width: 240px;
          border-bottom: 0px solid #FF9900;
}


#z-box {
          width: 330px;
          background-image: url('img/back001.gif');
          text-align: left;
          border: 1px solid #7cfc00;
 cellspacing: 0; cellpadding: 0;
          padding: 0px 0px 5px 0px;
          margin : 7px 0px 7px 5px
}
#z1-box {
          width: 330px;
          background-image: url('img/back001.gif');
          text-align: left;
          border: 1px solid #7cfc00;
 cellspacing: 0; cellpadding: 0;
          padding: 0px 0px 5px 0px;
          margin : 7px 0px 7px 5px
}
#z2-box {
          width: 330px;
          background-image: url('img/back001.gif');
          text-align: left;
          border: 1px solid #7cfc00;
 cellspacing: 0; cellpadding: 0;
          padding: 0px 0px 5px 0px;
          margin : 7px 0px 7px 5px
}
#z3-box {
          width: 330px;
          background-image: url('img/back001.gif');
          text-align: left;
          border: 1px solid #7cfc00;
 cellspacing: 0; cellpadding: 0;
          padding: 0px 0px 5px 0px;
          margin : 7px 0px 7px 5px
}
#z4-box {
          width: 330px;
          background-image: url('img/back001.gif');
          text-align: left;
          border: 1px solid #7cfc00;
 cellspacing: 0; cellpadding: 0;
          padding: 0px 0px 5px 0px;
          margin : 7px 0px 7px 5px
}
#z5-box {
          width: 330px;
          background-image: url('img/back001.gif');
          text-align: left;
          border: 1px solid #7cfc00;
 cellspacing: 0; cellpadding: 0;
          padding: 0px 0px 5px 0px;
          margin : 7px 0px 7px 5px
}
#z6-box {
          width: 330px;
          background-image: url('img/back001.gif');
          text-align: left;
          border: 1px solid #7cfc00;
 cellspacing: 0; cellpadding: 0;
          padding: 0px 0px 5px 0px;
          margin : 7px 0px 7px 5px
}
#z7-box {
          width: 330px;
          background-image: url('img/back001.gif');
          text-align: left;
          border: 1px solid #7cfc00;
 cellspacing: 0; cellpadding: 0;
          padding: 0px 0px 5px 0px;
          margin : 7px 0px 7px 5px
}
#z8-box {
          width: 330px;
          background-image: url('img/back001.gif');
          text-align: left;
          border: 1px solid #7cfc00;
 cellspacing: 0; cellpadding: 0;
          padding: 0px 0px 5px 0px;
          margin : 7px 0px 7px 5px
}
#z9-box {
          width: 330px;
          background-image: url('img/back001.gif');
          text-align: left;
          border: 1px solid #7cfc00;
 cellspacing: 0; cellpadding: 0;
          padding: 0px 0px 5px 0px;
          margin : 7px 0px 7px 5px
}
#z10-box {
          width: 330px;
          background-image: url('img/back001.gif');
          text-align: left;
          border: 1px solid #7cfc00;
 cellspacing: 0; cellpadding: 0;
          padding: 0px 0px 5px 0px;
          margin : 7px 0px 7px 5px
}
#z11-box {
          width: 330px;
          background-image: url('img/back001.gif');
          text-align: left;
          border: 1px solid #7cfc00;
 cellspacing: 0; cellpadding: 0;
          padding: 0px 0px 5px 0px;
          margin : 7px 0px 7px 5px
}
#z12-box {
          width: 330px;
          background-image: url('img/back001.gif');
          text-align: left;
          border: 1px solid #7cfc00;
 cellspacing: 0; cellpadding: 0;
          padding: 0px 0px 5px 0px;
          margin : 7px 0px 7px 5px
}
#z13-box {
          width: 330px;
          background-image: url('img/back001.gif');
          text-align: left;
          border: 1px solid #7cfc00;
 cellspacing: 0; cellpadding: 0;
          padding: 0px 0px 5px 0px;
          margin : 7px 0px 7px 5px
}
#z14-box {
          width: 330px;
          background-image: url('img/back001.gif');
          text-align: left;
          border: 1px solid #7cfc00;
 cellspacing: 0; cellpadding: 0;
          padding: 0px 0px 5px 0px;
          margin : 7px 0px 7px 5px
}
#z15-box {
          width: 330px;
          background-image: url('img/back001.gif');
          text-align: left;
          border: 1px solid #7cfc00;
 cellspacing: 0; cellpadding: 0;
          padding: 0px 0px 5px 0px;
          margin : 7px 0px 7px 5px
}


#z16-box {
          background-image: url('img/back001.gif');
          width: 330px;
          text-align: left;
          border: 1px solid #7cfc00;
          border-bottom: 1px solid #7cfc00;
 cellspacing: 0; cellpadding: 0;
          padding: 0px 0px 5px 0px;
          margin : 7px 0px 7px 5px
}

#z17-box {
          width: 330px;
          background-image: url('img/back001.gif');
          text-align: left;
          border: 1px solid #7cfc00;
 cellspacing: 0; cellpadding: 0;
          padding: 0px 0px 5px 0px;
          margin : 7px 0px 7px 5px
}

#z18-box {
          width: 330px;
          background-image: url('img/back001.gif');
          text-align: left;
          border: 1px solid #7cfc00;
 cellspacing: 0; cellpadding: 0;
          padding: 0px 0px 5px 0px;
          margin : 7px 0px 7px 5px
}

#z19-box {
          width: 330px;
          background-image: url('img/back001.gif');
          text-align: left;
          border: 1px solid #7cfc00;
 cellspacing: 0; cellpadding: 0;
          padding: 0px 0px 5px 0px;
          margin : 7px 0px 7px 5px
}

#z20-box {
          width: 330px;
          background-image: url('img/back001.gif');
          text-align: left;
          border: 1px solid #7cfc00;
 cellspacing: 0; cellpadding: 0;
          padding: 0px 0px 5px 0px;
          margin : 7px 0px 7px 5px
}


#zc-box {
          background-image: url('img/back002.gif');
          width: 248px;
          font-size: 12px;
          text-align: left;
          border: 1px solid #99CCCC;
 cellspacing: 0; cellpadding: 0;
          padding: 0px;
          margin : 0px 0px 15px 0px
}
#zc1-box {
          background-image: url('img/back002.gif');
          width: 248px;
          font-size: 12px;
          text-align: left;
          border: 1px solid #99CCCC;
 cellspacing: 0; cellpadding: 0;
          padding: 0px;
          margin : 0px 0px 15px 0px
}
#zc2-box {
          background-image: url('img/back002.gif');
          width: 248px;
          font-size: 12px;
          text-align: left;
          border: 1px solid #99CCCC;
 cellspacing: 0; cellpadding: 0;
          padding: 0px;
          margin : 0px 0px 15px 0px
}
#zc3-box {
          background-image: url('img/back002.gif');
          width: 248px;
          font-size: 12px;
          text-align: left;
          border: 1px solid #99CCCC;
 cellspacing: 0; cellpadding: 0;
          padding: 0px;
          margin : 0px 0px 15px 0px
}
#zc4-box {
          background-image: url('img/back002.gif');
          width: 248px;
          font-size: 12px;
          text-align: left;
          border: 1px solid #99CCCC;
 cellspacing: 0; cellpadding: 0;
          padding: 0px;
          margin : 0px 0px 15px 0px
}
#zc5-box {
          background-image: url('img/back002.gif');
          width: 248px;
          font-size: 12px;
          text-align: left;
          border: 1px solid #99CCCC;
 cellspacing: 0; cellpadding: 0;
          padding: 0px;
          margin : 0px 0px 15px 0px
}
#zc6-box {
          background-image: url('img/back002.gif');
          width: 248px;
          font-size: 12px;
          text-align: left;
          border: 1px solid #99CCCC;
 cellspacing: 0; cellpadding: 0;
          padding: 0px;
          margin : 0px 0px 15px 0px
}
#zc7-box {
          background-image: url('img/back002.gif');
          width: 248px;
          font-size: 12px;
          text-align: left;
          border: 1px solid #99CCCC;
 cellspacing: 0; cellpadding: 0;
          padding: 0px;
          margin : 0px 0px 15px 0px
}




h1 {
          font-size: 20px;
          color: #ffffff;
          font-weight: bolder; 
          padding: 15px;
          margin: 0px;
          font-family; "MS UI GOTHIC";
          background-image: url('##')
}

h2 {
          font-size: 15px;
          color: #0000ff;
          font-weight: bolder; 
          padding: 4px 4px 4px 4px;
          margin: 0px 0px 0px 0px;
          background-image: url('img/h2.gif');
          border-bottom: 1px solid #ff8c00;
}

h3 {
          font-size: 14px;
          color:#ff0000;
          padding: 4px 4px 2px 8px;
          margin: 5px 5px 0px 5px;
          border-bottom: 1px solid #ff1493;
          background-color: #fffff0;

}

h4 {
          font-size: 14px;
          font-family; "MS GOTHIC";
          color: #FFFFFF;
          background-color: #ff69b4;
          padding: 4px 4px 4px 12px;
          margin: 0px;
          border: 0px solid #FF9900;
}

h5 {
          font-size: 14px;
          font-family; "MS GOTHIC";
          color: #2f4f4f;
          padding: 4px 4px 0px 22px;
          margin: 4px 5px 0px 5px;
          border-bottom: 0px solid #FF9900;
}


p {
          font-size: 12px;
          font-family: "MS UI GOTHIC";
          line-height: 15px;
          padding: 5px 5px 5px 5px;
          margin: 5px 5px 5px 5px;
          border-bottom: 0px solid #DDA0DD;
}


ul { 
          font-size: 13px;
          padding : 10px 5px 10px 30px; 
}  

li { 
          font-size: 14px;
          padding : 0px 0px 0px 0px; 
          margin: 0px 0px 0px 0px;

}  



.category {
          font-size: 14px;
          color: #FFFFFF;
          background-color: #FF9900;
          padding: 4px 2px 4px 8px;
          margin: 0px 0px 0px 15px;
          border-bottom: 0px solid #DDA0DD;
}

.font2 {
          font-size: 13px;
          font-family: "MS UI GOTHIC";
          line-height: 15px;
          padding: 1px 1px 1px 1px;
          margin: 1px 1px 1px 1px;
          border-bottom: 0px solid #DDA0DD;
}
.font2right {
          font-size: 13px;
          font-family: "MS UI GOTHIC";
          text-align: right;
          line-height: 15px;
          padding: 1px 1px 1px 1px;
          margin: 1px 1px 1px 1px;
          border-bottom: 0px solid #DDA0DD;
}
.font2b {
          font-size: 16px;
          color: #000080;
          font-family: "MS UI GOTHIC";
          line-height: 16px;
          padding: 1px;
          margin: 0px;
          border-bottom: 0px solid #DDA0DD;
}
.font2R {
          font-size: 16px;
          font-weight: bolder; 
          color: #ff0000;
          font-family: "MS UI GOTHIC";
          line-height: 16px;
          padding: 1px;
          margin: 0px;
          border-bottom: 0px solid #DDA0DD;
}

.font1 {
          font-size: 12px;
          color: #8b0000;
          font-family: "MS UI GOTHIC";
          text-align: left;
          line-height: 18px;
          padding: 5px 5px 5px 5px;
          margin: 5px 5px 5px 5px;
          border-bottom: 0px solid #DDA0DD;
}
.font0 {
          font-size: 12px;
          font-family: "MS UI GOTHIC";
          color: #2f4f4f;
          line-height: 18px;
          padding: 0px;
          margin: 0px 0px 0px 20px;
          border-bottom: 0px solid #DDA0DD;
}
.fontg {
          font-size: 12px;
          color: #ff4500;
          font-family: "MS UI GOTHIC";
          line-height: 15px;
          padding: 0px;
          margin: 0px;
          border-bottom: 1px solid #0000ff;
}

.f5 {
          font-size: 14px;
          font-weight: bolder; 
          line-height: 18px;
          color: #8b4513;
          text-align: left;
          font-family: "MS UI GOTHIC";
          padding: 5px 0px 0px 20px;
          margin:  5px 0px 0px 0px;
          border-bottom: 0px solid #0000ff;
}

.list1 {
          list-style-type: decimal; 
          list-style-image: url("img/p1.jpg"); 
          list-style-position: outside;
          margin: 0px 0px 0px 5px;
} 

.list2 {
          list-style-type: upper-roman; 
          list-style-image: url("img/m_upright.jpg"); 
          list-style-position: outside;
} 


#no1,#no2,#no3,#no4,#no5,#no6,#no7,#no8,#no9,#no10,#no11,#no12,#no13,#no14,#no15,#no16,#no17 {background-repeat: no-repeat;background-position: left center;}
#no1 {background-image: url(img/m_upright.jpg); list-style-position: inside;}
#no2 {background-image: url(../images/maru_2.gif);}
#no3 {background-image: url(../images/maru_3.gif);}
#no4 {background-image: url(../images/maru_4.gif);}
#no5 {background-image: url(../images/maru_5.gif);}
#no6 {background-image: url(../images/maru_6.gif);}
#no7 {background-image: url(../images/maru_7.gif);}
#no8 {background-image: url(../images/maru_8.gif);}
#no9 {background-image: url(../images/maru_9.gif);}
#no10 {background-image: url(../images/maru_10.gif);}
#no11 {background-image: url(../images/maru_11.gif);}
#no12 {background-image: url(../images/maru_12.gif);}
#no13 {background-image: url(../images/maru_13.gif);}
#no14 {background-image: url(../images/maru_14.gif);}
#no15 {background-image: url(../images/maru_15.gif);}
#no16 {background-image: url(../images/maru_16.gif);}
#no17 {background-image: url(../images/maru_17.gif);}
#no18 {background-image: url(../images/maru_18.gif);}