(cssref.css)

/* ページ全体 */     /* color:前景色 */

* { margin : 0 ; padding : 0 ; }
body { width : 700px ; }
#my_body { position : relative ; background-color:#ffffff;}
#my_header { width : 700px ; height : 90px;}
#my_headerline { width : 700px ; background-color:#ffffff;}
#my_footer { width : 700px ; clear : both ; }

#my_body { margin : 0 auto ; width : 100% ;margin-top: 10px;margin-left: 10px;}
#my_navigation { float : left ; width : 200px; 0px 0px 0px 5px; font-size:80%;}
#my_contents {min-height:670px; height:auto; margin-top: 5px;margin-left: 210px;margin-right: 10px;background-color:#fdedde;}

/* 左側に余白を設定する（内容部）*/

.head
     {                       
     border:solid;
     border-top-width:3px;
     border-bottom-width:3px;
     border-left-width:12px;
     border-right-width:12px;
     border-color:#ccccff;
     color:#6666ff;
     text-align:center;
     }

div.my_header_color
     {                       
     background-color:#ffffff; 
     }

div.my_headerline_color
     {                       
     background-color:#ffffff; 
     }

div.contents
     { 
     height:100;
     margin-top: 0px;
     margin-left: 205px;
     margin-right: 10px;
     background-color:#fdedde;
     }

ul.nolist
     {                       
     list-style: none;
    margin:0px 0px 0px 0px;
     }

p.mynavi_line
     {                       
     line-height:5px;
     text-align: left;
     }

p.white
     {
     background-color:#ffffff;
     }

/* リスト全体 */

/* 各項目 */


/* リンク部分 */

a:link                                              /* リンク色 */ 
     {
     color: #6699cc;
     }

a:visited                                         /* 既に見たリンク色 */
     {
     color: #cccccc;
     text-decoration:none;
     }
 
a:active                                         /* 現在のリンク色 */ 
     {
     color:green;
     text-decoration : blink;
     }

a:hover
     {
     color:white;                                /* マウスが上に来た時の文字色 */
     background-color:#ffcc99;
     }



/* 見出し */

h4
     {
     width:350px;                                       /* 全体の幅 */
     margin-left:5px;
     border-bottom:solid 2px #ff6600;    /* 下側の罫線 */
     }

span.span4
     {
     display:block;                                    /* ブロック要素に変換 */
     margin-top:5px;
     margin-right:30%;                            /* 右側の白い部分の範囲 */
     padding-top:5px;                             /* 上部から文字までの距離 */
     padding-left:5px;                              /* 左部から文字までの距離 */
     color:#ffffff;                                        /* 文字色 */
     background-color:#ff6600;             /* 背景色 */
     background-image:url(画像);          /* 画像の指定 */
     background-position:right top;       /* 右、上に設置 */
     background-repeat:no-repeat;       /* 繰り返しなし */
     }

/* フォント色 */

font.orange
     {
     color:orange;
     }

.yellow
     {
     color:yellow;
     }