.index { background-color: white; }
.center { color: #777; position: absolute; top: -350px; left: -300px; width: 600px; height: 450px; margin-top: 50%; margin-left: 50%; }
body { color: #f7f7f0; }
p { }

td { }

a:link { color: black; }

a:visited { color: black; }

a:hover { color: #bbb942; }

a:hover.aboutme-img { background-image : url(../images/contents-over/aboutme_over.png); }
a:hover.coming-img { background-image : url(../images/contents-over/coming_over.png); }
a:hover.link-img { background-image : url(../images/contents-over/link_over.png); }
a:hover.vision-img { background-image : url(../images/contents-over/vision_over.png); }
a:hover.note-img { background-image : url(../images/contents-over/note_over.png); }
a:hover.livepaint-img { background-image : url(../images/contents-over/livepaint_over.png); }
a:hover.printed-img { background-image : url(../images/contents-over/printed_over.png); }
a:hover.wall-img { background-image : url(../images/contents-over/wall_over.png); }
a:hover.sky-img { background-image : url(../images/contents-over/sky_over.png); }
a:hover.mail-img { background-image : url(../images/contents-over/mail_over.jpg); }
a:hover.blog-img { background-image : url(../images/contents-over/blog_over.jpg); }

a:active { color: #d9472c; text-decoration: underline; }
.mainbox { top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
.frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; }
.contents { background-image: url(../images/back/white-shade.png); background-repeat: repeat-x; position: fixed; left: 0; bottom: 13px; z-index: 30; width: 100%; height: 80px; }

.aboutme { position: absolute; left: 20px; bottom: 25px; width: 68px; height: 35px; z-index: 31; }
.aboutme-img { display:block; background-image :url(../images/contents/aboutme.png);}
.coming { position: absolute; left: 88px; bottom: 25px; width: 85px; height: 35px; z-index: 32; }
.coming-img { display:block; background-image :url(../images/contents/coming.png);}
.link { position: absolute; left: 173px; bottom: 25px; width: 38px; height: 35px; z-index: 33; }
.link-img { display:block; background-image :url(../images/contents/link.png);}
.note { position: absolute; left: 211px; bottom: 25px; width: 36px; height: 35px; z-index: 35; }
.note-img { display:block; background-image :url(../images/contents/note.png);}
.vision { position: absolute; left: 247px; bottom: 25px; width: 51px; height: 35px; z-index: 34; }
.vision-img { display:block; background-image :url(../images/contents/vision.png);}
.livepaint { position: absolute; left: 298px; bottom: 25px; width: 99px; height: 35px; z-index: 36; }
.livepaint-img { display:block; background-image :url(../images/contents/livepaint.png);}
.printed { position: absolute; left: 397px; bottom: 25px; width: 64px; height: 35px; z-index: 37; }
.printed-img { display:block; background-image :url(../images/contents/printed.png);}
.wall { position: absolute; left: 461px; bottom: 25px; width: 38px; height: 35px; z-index: 38; }
.wall-img { display:block; background-image :url(../images/contents/wall.png);}
.sky { position: absolute; left: 499px; bottom: 25px; width: 121px; height: 35px; z-index: 39; }
.sky-img { display:block; background-image :url(../images/contents/sky.png);}
.update { color: #5e5e5e; font-size: 11px; position: fixed; left: 10px; bottom: 24px; height: 11px; z-index: 50; }
.mail { position: fixed; right: 225px; bottom: 17px; width: 166px; height: 20px; z-index: 41; }
.mail-img { display:block; background-image :url(../images/contents/mail.jpg); background-repeat: no-repeat; }
.blog { position: fixed; right: 150px; bottom: 18px; width: 45px; height: 20px; z-index: 42; }
.blog-img { display:block; background-image :url(../images/contents/blog.jpg); background-repeat: no-repeat; }
.hachio-tag { background-image: url(../images/tags/tag.jpg); background-repeat: no-repeat; position: fixed; right: 15px; bottom: 15px; width: 120px; height: 36px; z-index: 43; }

.underconstruction { color: white; font-size: 18px; font-family: "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka−等幅, Osaka, 平成角ゴシック; text-align: center; position: relative; left: -250px; width: 500px; height: 50px; margin-top: 30%; margin-left: 50%; }