p a{
    padding:4px 20px 4px 0;
}

a[href$=".pdf"] {    
    background: url(../img/pdficon.gif) no-repeat 100% 50%; 
}
* html a.pdf{    
    background: url(../img/pdficon.gif) no-repeat 100% 50%;  
}

a[href$=".doc"] {    
    background: url(../img/docicon.png) no-repeat 100% 50%; 
}
   
* html a.doc{    
    background: url(../img/docicon.png) no-repeat 100% 50%;  
}    

a[href$=".docx"] {    
    background: url(../img/docicon.png) no-repeat 100% 50%; 
}
   
* html a.docx{    
    background: url(../img/docicon.png) no-repeat 100% 50%;  
} 

a[href$=".xls"] {    
    background: url(../img/xlsicon.png) no-repeat 100% 50%; 
}


* html a.xls {    
    background: url(../img/xlsicon.png) no-repeat 100% 50%;  
}    

a[href$=".xlsx"] {    
    background: url(../img/xlsicon.png) no-repeat 100% 50%; 
}


* html a.xlsx {    
    background: url(../img/xlsicon.png) no-repeat 100% 50%;  
}    

a[href$=".ppt"] {    
    background: url(img/ppticon.png) no-repeat 100% 50%; 
}

* html a.ppt {    
    background: url(img/ppticon.png) no-repeat 100% 50%;  
}   

a[href$=".pptx"] {    
    background: url(img/ppticon.png) no-repeat 100% 50%; 
}

* html a.pptx {    
    background: url(img/ppticon.png) no-repeat 100% 50%;  
}  

* html a{   
    behavior: expression(   
    this.className += this.getAttribute("href").match(/\.pdf$/) ? " pdf" : "",   
    this.className += this.getAttribute("href").match(/\.doc$/) ? " doc" : "",   
    this.className += this.getAttribute("href").match(/\.docx$/) ? " docx" : "",   
    this.className += this.getAttribute("href").match(/\.xls$/) ? " xls" : "",   
    this.className += this.getAttribute("href").match(/\.xlsx$/) ? " xlsx" : "",   
    this.className += this.getAttribute("href").match(/\.ppt$/) ? " ppt" : "",   
    this.className += this.getAttribute("href").match(/\.pptx$/) ? " pptx" : "",   
    this.className += this.getAttribute("href").match(/^mailto.*/) ? " mailto" : "",   
    this.style.behavior = "none"
     );   
}


.text {color:#006699;font-size:xx-small}
.year {color:#556b2f;font-size:xx-small;font-weight:bold;}

BODY {
  scrollbar-face-color: #ffffff;       /* 表面の色 */
  scrollbar-3dlight-color: #ffffff;    /* 左端と上端の色 */
  scrollbar-highlight-color: #006699;  /* ハイライトの色 */
  scrollbar-shadow-color: #006699;     /* 影の色 */
  scrollbar-darkshadow-color: #ffffff; /* 右端と下端 */
  scrollbar-arrow-color: #006699;      /* 矢印の色 */
  scrollbar-track-color: #ffffff;      /* バーの背景の色 */
}