#site-boxtop{ margin: 49px auto 0;width: 700px;border: solid 0px #000;}
#site-box{ margin: 12px auto 0; width: 700px; border: solid 0px #000;}
#header-box     { background-color: #fff; height: 37px; border-style: solid; border-width: 1px 1px 0; border-color: #dee0ef }
#blogheader-box     { background-color: #fff; height: 37px; border-style: solid; border-width:  1px 1px 0; border-color: #fff }
#title   { color: #2e2e2e; font-size: 17px; font-family: Arial; letter-spacing: 6px; padding-top: 3px; padding-left: 6px; float: left }
#menu     { color: #2e2e2e; font-size: 11px; font-family: Arial; background-repeat: no-repeat; background-position: right bottom; text-align: right; word-spacing: 7px; letter-spacing: 2px; padding-top: 21px; padding-right: 4px; width: 300px; float: right }

#indexback-box   { background-image: url("semi.jpg"); background-repeat: no-repeat; background-position: center; height: 600px; border: solid 1px #dee0ef }
#profileback-box   { background-image: url("file/topill.jpg"); background-repeat: no-repeat; background-position: right bottom; height: 600px; border: solid 1px #dee0ef }
#worksback-box   { background-image: url("file/works.jpg"); background-repeat: no-repeat; background-position: left bottom; height: 600px; border: solid 1px #dee0ef }
#galleryback-box   { background-image: url(""); background-repeat: no-repeat; background-position: right bottom; height: 600px; border: solid 1px #dee0ef }
#profile-box          {  text-align: left; padding-top: 50px; padding-right: 20px; padding-left: 20px; position: absolute; width: 300px; height: 550px }
#works-box         { background-position: 100px 0; text-align: right; margin-top: 100px; margin-left: 200px; position: absolute; width: 450px; height: 500px; }
#index-box           { background-color: yellow; text-align: left; padding-top: 50px; padding-right: 20px; padding-left: 20px; position: relative; top: 10px; left: 100px; width: 200px; height: 50px }
#footer-box   { color: gray; font-size: 10px; font-family: sans-serif, Arial; background-color: #fff; text-align: right; height: 18px; border-top: 0 solid; border-right: 0; border-bottom: 0; border-left: 0 }
.subtitle { color: #2e2e2e; font-size: 9px; font-family: Arial; letter-spacing: 1px }
.corner { color: #ff677d; font-size: 18px; font-family: Arial; letter-spacing: 6px }

a{ color: #2e2e2e; text-decoration: none }
a:hover  { color: #09a9db; text-decoration: none }

a.gallery{ color: #2e2e2e; text-decoration: none }
a.gallery:hover{ color: #09a9db; text-decoration: none }

#galleryleft-box     { padding-top: 50px; padding-left: 20px; width: 470px; height: 500px; float: left }
#galleryright-box       { color: #2e2e2e; font-size: 10px; font-family: Arial; line-height: 1.5em; background-color: yellow; text-align: right; padding: 6px; position: relative; top: 8px; right: 8px; width: 75px; height: 75px; float: right }
#gallerylright2-box     { color: #2e2e2e; font-size: 10px; font-family: Arial; line-height: 1.5em; text-align: right; position: relative; top: 8px; right: 8px; width: 120px; float: right }
p {color: #333; font-size: 11px; font-family: "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka-等幅, Osaka, 平成角ゴシック, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 1.7em;   }
#top { }
#counter  { text-align: left; width: 100px; height: 20px; float: left }