<!-- リンク色彩設定 -->
a:link {COLOR:#0000FF;}
a:visited {COLOR:#FF0033;}
a:active {COLOR:#FF0033;}
a:hover {COLOR:#00FF00;}
<!-- 文字色設定 -->
.bla {COLOR:#000000;}
.gra {COLOR:#808080;}
.sil {COLOR:#C0C0C0;}
.whi {COLOR:#FFFFFF;}
.red {COLOR:#FF0000;}
.yel {COLOR:#FFFF00;}
.lim {COLOR:#00FF00;}
.aqu {COLOR:#00FFFF;}
.blu {COLOR:#0000FF;}
.fuc {COLOR:#FF00FF;}
.mar {COLOR:#800000;}
.oli {COLOR:#808000;}
.gre {COLOR:#008000;}
.tea {COLOR:#008080;}
.nav {COLOR:#000080;}
.pur {COLOR:#800080;}
<!-- 位置設定 -->
.l {text-align:left;}
.c {text-align:center;}
.r {text-align:right;}
<!-- 画像透過 -->
.cc {filter:chroma(color=#FFFFFF;)}
<!-- リストの設定 -->
.list {list-style:circle;}
.list2 {list-style-type:upper-roman;}
<!-- タイトルの設定 -->
H1 {COLOR:#00CC33;text-align:center;}
H1.n {display:inline;}
H2 {COLOR:#009900;text-align:center;}
<!-- 背景色 -->
.mark {background-color:#FFFF00;}
<!-- スクロールバー -->
.sc {overflow-x:hidden;}
<!-- マウスオーバー -->
.roll01 {background:url(gif/update_b.gif) no-repeat left bottom;width:137px;height:37px;}
.roll01 a {display:block;outline:none;width:137px;height:37px;}
.roll01 a:hover {text-indent:-9999px;}
.roll02 {background:url(gif/option_b.gif) no-repeat left bottom;width:137px;height:37px;}
.roll02 a {display:block;outline:none;width:137px;height:37px;}
.roll02 a:hover {text-indent:-9999px;}
<!-- 画像スライドショー -->
#slideshow .slides-nav li {    
    float: left;
}   
#slideshow .slides-nav li a {   
    display: block;   
    overflow: hidden;   
    background: url(jpg_main/icon01.jpg) no-repeat;   
    width: 20px;   
    height: 20px;   
    text-indent: -9999px;   
}   
#slideshow .slides-nav:after { height:0; visibility: hidden; content: ".";   display: block; clear: both; }   
.js #slideshow .slides-nav li.on,   
.js #slideshow .slides-nav li.on a {   
    background: url(jpg_main/icon02.jpg) no-repeat;   
}