#showcase  /* base of showcase */    { background-color: #223802; position: relative; width: 800px  }
#pad   /*  a back of browser  */     { width: 800px; height: 410px }
#browserbox   /*  a base of browser  */     { visibility: visible; position: absolute; top: 5px; left: 5px; width: 790px; height: 400px }
.browser   { text-align: center; position: absolute; width: 750px; height: 400px }
#backgroundlogo  /* logo */ { background-image: url(../images/bg_img/webbglogo.jpg); width: 800px; height: 140px }
#spacebox /* a space for layout */  { width: 800px; height: 10px }
#scrollbox    /* a box for scroll */ { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; margin-left: 50px; width: 700px; height: 120px; overflow: auto }
#thumbs  /* box for thumbs */   { width: 2000px; height: auto }
a.gallery, a.gallery:visited     { color: #000; text-decoration: none; display: block; margin: 5px; width: 90px; height: 90px; float: left; border: solid 1px #f1f2c2 }
a.slide001  /* pict */  { background-image: url(../images/sum_img/s/s001s.jpg); }
a.slide002  /* pict */  { background-image: url(../images/sum_img/s/s002s.jpg); }
a.slide003  /* pict */  { background-image: url(../images/sum_img/s/s003s.jpg); }
a.slide004  /* pict */  { background-image: url(../images/sum_img/s/s004s.jpg); }
a.slide005  /* pict */  { background-image: url(../images/sum_img/s/s005s.jpg); }
a.slide006  /* pict */  { background-image: url(../images/sum_img/s/s006s.jpg); }
a.slide007  /* pict */  { background-image: url(../images/sum_img/s/s007s.jpg); }
a.slide008  /* pict */  { background-image: url(../images/sum_img/s/s008s.jpg); }
a.slide009  /* pict */  { background-image: url(../images/sum_img/s/s009s.jpg); }
a.slide010  /* pict */  { background-image: url(../images/sum_img/s/s010s.jpg); }
a.slide011  /* pict */  { background-image: url(../images/sum_img/s/s011s.jpg); }
a.slide012  /* pict */  { background-image: url(../images/sum_img/s/s012s.jpg); }
a.gallery span    { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; display: block; position: absolute; top: -1px; left: 150px; width: 1px; height: 1px; overflow: hidden }
a.gallery:hover  { white-space: normal; border: solid 1px #223802 }
a.gallery:hover img, a.gallery:active img, a.gallery:focus img   { }
a.gallery:hover span, a.gallery:active span, a.gallery:focus span  /* onmouse */    { color: #f1f2c2; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-align: center; display: block; position: absolute; top: 5px; left: 5px; width: 790px; height: 400px }