p {
    font-family: arial, helvetica, sans-serif;
    font-size: 65%;
    line-height: 105%;
    font-weight: bold;
    margin: 7px 0 3px 12px;
    z-index: 5;
    text-transform: uppercase;
    letter-spacing: 2px;
    }
#box {
    width: 800px;
    height: 800px;
    position: relative;
    top: 0;
    left: 0;
    margin: 0 auto 0 auto;
    }
#top {
    position: absolute;
    top: 0;
    left: 0;
    width: 800px;
    height: 189px;
    background-image: url("home/top.jpg");
    }
#about {
    position: absolute;
    top: 189px;
    left: 0px;
    width: 796px;
    height: 65px;
    background-image: url("home/menu/about.jpg");
    background-position: top left;
    background-repeat: no-repeat;
    display: block;
    }
#about_over {
    position: absolute;
    top: 189px;
    left: 0px;
    width: 286px;
    height: 65px;
    background-image: url("home/menu/about_over.jpg");
    background-position: top left;
    background-repeat: no-repeat;
    display: none;
    }
#fine {
    position: absolute;
    top: 254px;
    left: 0;
    width: 796px;
    height: 65px;
    background-image: url("home/menu/fine.jpg");
    background-position: top left;
    background-repeat: no-repeat;
    display: block;
    }
#fine_over {
    position: absolute;
    top: 254px;
    left: 0;
    width: 286px;
    height: 65px;
    background-image: url("home/menu/fine_over.jpg");
    display: none;
    }
#illust {
    position: absolute;
    top: 319px;
    left: 0;
    width: 796px;
    height: 65px;
    background-image: url("home/menu/illustration.jpg");
    background-position: top left;
    background-repeat: no-repeat;
    display: block;
    }
#illust_over {
    position: absolute;
    top: 319px;left: 0;
    width: 796px;
    height: 65px;
    background-image: url("home/menu/illustration_over.jpg");
    background-position: top left;
    background-repeat: no-repeat;
    display: none ;
    }
#print {
    position: absolute;
    top: 449px;left: 0;
    width: 796px;
    height: 65px;
    background-image: url("home/menu/print.jpg");
    background-position: top left;
    background-repeat: no-repeat;
    display: block;z-index: 0;
    }
#print_over {
    position: absolute;
    top: 449px;left: 0;
    width: 796px;
    height: 65px;
    background-image: url("home/menu/print_over.jpg");
    background-position: top left;
    background-repeat: no-repeat;
    display: none ;
    }
#screen {
    position: absolute;
    top: 384px;left: 0;
    width: 796px;
    height: 65px;
    background-image: url("home/menu/screen.jpg");
    background-position: top left;
    background-repeat: no-repeat;
    display: block;
    }
#screen_over {
    position: absolute;
    top: 384px;left: 0;
    width: 796px;
    height: 65px;
    background-image: url("home/menu/screen_over.jpg");
    background-position: top left;
    background-repeat: no-repeat;
    display: none ;
    }
#resume {
    position: absolute;
    top: 514px;left: 0;
    width: 796px;
    height: 65px;
    background-image: url("home/menu/resumes.jpg");
    background-position: top left;
    background-repeat: no-repeat;
    display: block;
    }
#resume_over {
    position: absolute;
    top: 514px;left: 0;
    width: 796px;
    height: 65px;
    background-image: url("home/menu/resumes_over.jpg");
    background-position: top left;
    background-repeat: no-repeat;
    display: none ;
    }
#bottom_right {
    position: absolute;
    top: 579px;left: 290px;
    width: 510px;
    height: 221px;
    background-image: url("home/bottom_right.jpg");
    display: block;
    }
#vertical {
    position: absolute;
    top: 189px;
    left: 286px;
    width: 4px;
    height: 611px;
    background-image: url("home/vertical.jpg");
    display: block;
    }
#bottom {
    position: absolute;
    top: 579px;left: 0;
    width: 286px;
    height: 221px;
    background-image: url("home/bottom.jpg");
    }
#w3c {
    position: fixed;
    top: 760px;left: 100px;
    }
.sliver_a {
    position: absolute;
    top: 0px;left: -3px;
    width: 4px;
    height: 611px;
    background-image: url("home/rollover/a_roll.jpg");
}
.about {
    position: absolute;
    top: 0px;
    left: 290px;
    width: 510px;
    height: 65px;
    background-image: url("home/rollover/roll_about.jpg");
    background-position: top right;
    background-repeat: no-repeat;
    }
.about_roll {
    position: absolute;
    top: 0px;left: 290px;
    width: 510px;
    height: 65px;
    background-image: url("home/rollover/rollover_about.jpg");
    background-position: top right;
    background-repeat: no-repeat;
    }
.sliver_f {
    position: absolute;
    top: -65px;left: -3px;
    width: 4px;
    height: 611px;
    background-image: url("home/rollover/f_roll.jpg");
    }
.fine_roll {
    position: absolute;
    top: 0px;left: 290px;
    background-image: url("home/rollover/rollover_fine.jpg");
    width: 510px;
    height: 65px;
    z-index: 2;
    }
.fine {
    position: absolute;
    top: 0px;left: 290px;
    background-image: url("home/rollover/roll_fine.jpg");
    width: 510px;
    height: 65px;
    display: block;
    }
.sliver_i {
    position: absolute;
    top: -130px;left: -3px;
    width: 4px;height: 611px;
    background-image: url("home/rollover/i_roll.jpg");
    }
.illust_roll {
    position: absolute;
    top: 0px;left: 290px;
    background-image: url("home/rollover/rollover_illust.jpg");
    width: 510px;
    height: 65px;
    z-index: 2;
    }
.illust {
    position: absolute;
    top: 0px;left: 290px;
    background-image: url("home/rollover/roll_illust.jpg");
    width: 510px;
    height: 65px;
    display: block;
    }
.sliver_s {
    position: absolute;
    top: -195px;left: -3px;
    width: 4px;
    height: 611px;
    background-image: url("home/rollover/s_roll.jpg");
    }
.screen_roll {
    position: absolute;
    top: 0px;left: 290px;
    background-image: url("home/rollover/rollover_screen.jpg");
    width: 510px;height: 65px;
    z-index: 2;
    }
.screen {
    position: absolute;
    top: 0px;
    left: 290px;
    background-image: url("home/rollover/roll_screen.jpg");
    width: 510px;
    height: 65px;
    display: block;
    z-index: 0;
    }
.sliver_p {
    position: absolute;
    top: -260px;left: -3px;
    width: 4px;
    height: 611px;
    background-image: url("home/rollover/p_roll.jpg");
    }
.print_roll {
    position: absolute;
    top: 0px;left: 290px;
    background-image: url("home/rollover/rollover_print.jpg");
    width: 510px;height: 65px;
    z-index: 2;
    }
.print {
    position: absolute;
    top: 0px;left: 290px;
    background-image: url("home/rollover/roll_print.jpg");
    width: 510px;
    height: 65px;
    display: block;
    }
.sliver_r {
    position: absolute;
    top: -325px;left: -3px;
    width: 4px;
    height: 611px;
    background-image: url("home/rollover/r_roll.jpg");
    }
.resume_roll {
    position: absolute;
    top: 0px;left: 290px;
    background-image: url("home/rollover/rollover_resume.jpg");
    width: 510px;
    height: 65px;
    z-index: 2;
    }
.resume {
    position: absolute;
    top: 0px;left: 290px;
    background-image: url("home/rollover/roll_resume.jpg");
    width: 510px;
    height: 65px;
    display: block;
    }