body { color: white; font-size: 12px; background-image: url(../images/back2.jpg); background-repeat: no-repeat; background-attachment: fixed; padding:0; width: auto; margin: 0     }
a:link { color: #b69823; font-size: 13px; text-decoration: none; }
a:visited { color: #b69823; font-size: 13px; text-decoration: none;}
a:hover { color: #dbdb16; font-size: 13px; text-decoration: none; }
a:active { color: red; font-size: 13px; text-decoration: none; }
span a img{ border-color: #000; border-width: 1px; }
span a:link img{ border-color: #000; border-width: 1px; }
span a:active img{ border-color: red; border-width: 1px; }
span a:visited img{ border-color: #000; border-width: 1px; }
span a:hover img{ border-color: #bfbf13; border-width: 1px; }
.mainbox { color: white; font-size: 12px; font-family: "ＭＳ Ｐゴシック", "ＭＳ ゴシック", "ヒラギノ角ゴ Pro W3", Osaka−等幅, Osaka, 平成角ゴシック; background-color: transparent; overflow:auto; position: absolute; top: 120px; left: 120px; width: 660px; height: 530px; }
.name { position: absolute; top: 70px; right: 0; width: 100px; height: 20px; }
.attention { color: #c7c7c7; font-size: 12px; font-family: "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka−等幅, Osaka, 平成角ゴシック; font-weight: 500; text-align: right; position: absolute; top: 95px; right: 0; width: 300px; height: 15px; }
.works { top: 0; left: 0; width: 500px; margin-top: 60px; margin-left: 95px; }
.icon-L { position: relative; top: 0; left: 0; width: 42px; height: 42px; float: left; margin-top: 0; margin-right: 5px; margin-left: 0; }
.icon { position: relative; top: 30px; left: 0; width: 10px; height: 10px; float: left; margin-right: 5px; }
.iconbox { top: 0; left: 0; width: 470px; height: 42px; margin-top: 0; margin-bottom: 6px; }
.titlebox { font-size: 12px; top: 0; left: 0; width: 445px; margin-bottom: 4px; }
.title { color: white; font-size: 15px; font-weight: bold;  }
.textbox { color: #e6e6e6; font-size: 12px; line-height: 16px; text-align: left; width: 470px; }
.bold12 { color: white; font-size: 12px; font-weight: bold; }