/*　リンク部分の装飾　*/
a:link    { color:#303030; text-decoration:none;}
a:visited { color:#909090; text-decoration:none;}
a:active  { color:#cc0000; text-decoration:none;}
a:hover   { color:#cccccc; text-decoration:underline;}

/*　スクロールバー(IEのみ)とページ全体の背景色、ページ四辺のスペース　*/
body  {
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-shadow-color: #909090;
scrollbar-3dlight-color: #909090;
scrollbar-arrow-color: #ffffff;
scrollbar-track-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
background-color:#ffffff;margin:5%;
}

/*　ページ全体のフォントと行の高さを指定　*/
body,div,table { color:#303030;font-family: Verdana,sans-serif,"MS Pゴシック",Osaka; font-size: 10pt;line-height:120%;}

/*　top.html の記事の幅　*/
.top{width:90%;}

/*　タイトル一覧部分のサイズ、ボーダーの指定　*/
.works{ margin-top:20%;width:70%;border-color: #707070; border-width: 1px; border-style:solid;padding:20px;}

/*　タイトル一覧部分の位置、行の高さ　*/
.cntnts{ margin-top:10%;line-height:180%;}

/*　記事本文部分　*/
.kiji{ margin-top:2%;width:90%;line-height:150%;}

/*　■の色。色の変更、増減はここで　*/
.f1{color:#999933;}
.f2{color:#cc9966;}
.f3{color:#996633;}
.f4{color:#cc0000;}
.f5{color:#cc9900;}

/*　右ページのタイトル部分外枠　*/
.title1{width:90%;border-color: #707070; border-width: 1px; border-style:solid;}

/*　タイトル部分の左の色つきセル。色の変更、増減はここで。■と合わせてくださいねv　*/
.td1{width:5%;background-color:#999933;}
.td2{width:5%;background-color:#cc9966;}
.td3{width:5%;background-color:#996633;}
.td4{width:5%;background-color:#cc0000;}
.td5{width:5%;background-color:#cc9900;}

/*　タイトル部分右のセル　*/
.title2{width:95%;padding:2px 0px 2px 10px;}