@charset "UTF-8";

body, h1, h2, h3, h4, h5, h6,
table, th, td, div, p, form, ul, ol, li, dl, dt, dd, address, img {
    margin: 0;
    padding: 0;
    font-size: 100%;
    font-style: normal;
    font-weight: normal;
}
ul, ol {
    list-style: none;
}

a:link {
    color: #A7A103;
}
a:visited {
    color: #317B7E;
}

body {
    color: #FFF;
    background: #000;
    padding-bottom: 20px;
}

img {
    border: 0;
}

ul.has_mark {
    list-style: disc;
}
ul.has_mark li {
    margin-left: 24px;
}
ul.error_message li {
    color: #F00;
    font-weight: bold;
}

div#layout {
    width: 800px;
    margin: 0 auto;
}

div#header {
    width: 800px;
}
div#header h1 {
    margin-bottom: 4px;
}

ul#global_menu {
    position: relative;
    width: 800px;
    height: 14px;
    border-top: solid 1px #138086;
    border-bottom: solid 1px #138086;
}
ul#global_menu li {
    position: absolute;
    top: 3px;
}
ul#global_menu li a {
    position: absolute;
    display: block;
    width: 100%;
    height: 8px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: 0 0;
}
ul#global_menu li a span {
    display: none;
}
ul#global_menu li a:hover {
    background-position: 0 -8px;
}
ul#global_menu li.selected a {
    background-position: 0 -16px;
}
ul#global_menu li#menu_top {
    width: 22px;
    left: 63px;
}
ul#global_menu li#menu_top a {
    background-image: url("/resources/images/common/global_menu/top.png");
}
ul#global_menu li#menu_information {
    width: 75px;
    left: 119px;
}
ul#global_menu li#menu_information a {
    background-image: url("/resources/images/common/global_menu/information.png");
}
ul#global_menu li#menu_photos {
    width: 77px;
    left: 228px;
}
ul#global_menu li#menu_photos a {
    background-image: url("/resources/images/common/global_menu/photograph.png");
}
ul#global_menu li#menu_models {
    width: 58px;
    left: 339px;
}
ul#global_menu li#menu_models a {
    background-image: url("/resources/images/common/global_menu/modeling.png");
}
ul#global_menu li#menu_graphics {
    width: 50px;
    left: 430px;
}
ul#global_menu li#menu_graphics a {
    background-image: url("/resources/images/common/global_menu/graphic.png");
}
ul#global_menu li#menu_profile {
    width: 46px;
    left: 514px;
}
ul#global_menu li#menu_profile a {
    background-image: url("/resources/images/common/global_menu/profile.png");
}
ul#global_menu li#menu_blog {
    width: 30px;
    left: 594px;
}
ul#global_menu li#menu_blog a {
    background-image: url("/resources/images/common/global_menu/blog.png");
}
ul#global_menu li#menu_links {
    width: 24px;
    left: 658px;
}
ul#global_menu li#menu_links a {
    background-image: url("/resources/images/common/global_menu/link.png");
}
ul#global_menu li#menu_mail {
    width: 25px;
    left: 715px;
}
ul#global_menu li#menu_mail a {
    background-image: url("/resources/images/common/global_menu/mail.png");
}


div#contents {
    height: 510px;
    overflow: hidden;
}

div#footer {
    clear: both;
    text-align: center;
}

/**
 * index
 */

body#index p#photo {
    width: 475px;
    margin: 80px auto 0;
}
body#index p#name {
    width: 475px;
    margin: 4px auto 0;
    text-align: right;
}
body#index p#announce {
    margin-top: 78px;
    padding: 2px 0 2px 56px;
    font-size: 70%;
    border-top: solid 1px #138086;
    border-bottom: solid 1px #138086;
}

/**
 * information
 */

body#information div#contents h2 {
    margin: 8px 0 8px;
}
body#information div#contents div {
    height: 469px;
    background: url("/resources/images/information/image.png") 4px 0 no-repeat;
}
body#information div#contents h3,
body#information div#contents p {
    font-size: 80%;
    margin-left: 260px;
}
body#information div#contents h3 {
    margin-bottom: 4px;
}
body#information div#contents p {
    margin-bottom: 20px;
}

/**
 * photos
 * models
 * graphics
 */

body#work div#contents h2 {
    margin: 8px 0 8px;
}
body#work div#contents div#menu_container {
    float: left;
    width: 230px;
    height: 469px;
    background: #317B7E;
}
body#work ul#menu {
    position: relative;
    background: #000;
    width: 183px;
    height: 469px;
    margin-left: 47px;
}
body#work ul#menu li {
    position: absolute;
    width: 162px;
    height: 29px;
    left: 15px;
}
body#work ul#menu li a {
    position: absolute;
    display: block;
    width: 100%;
    height: 29px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: 0 -1;
}
body#work ul#menu li a span {
    display: none;
}
body#work ul#menu li a:hover {
    background-position: 0 -28px;
}
body#work ul#menu li.selected a {
    background-position: 0 -56px;
}
body#work div#contents div#work_container {
    float: left;
    width: 570px;
    height: 469px;
    background: #000;
}
div#contents div#work_container ul {
    margin-left: 30px;
}
div#contents div#work_container ul li {
    float: left;
    width: 180px;
    height: 148px;
    text-align: center;
}
div#contents div#work_container p.pager {
    margin: 0 30px 0 0;
    text-align: right;
}

div#contents div#work_container div.work {
    position: relative;
}
div#contents div#work_container div.work p.navi {
    position: absolute;
    left: 440px;
    top: 430px;
    font-size: 80%;
}
div#contents div#work_container div.work.y h3,
div#contents div#work_container div.work.y p.photo,
div#contents div#work_container div.work.y p.description {
    position: absolute;
    width: 505px;
    left: 30px;
}
div#contents div#work_container div.work.y h3 {
    top: 350px;
    text-align: center;
}
div#contents div#work_container div.work.y p.description {
    color: #625340;
    top: 370px;
    text-align: center;
}

div#contents div#work_container div.work.t h3,
div#contents div#work_container div.work.t p.photo,
div#contents div#work_container div.work.t p.description {
    position: absolute;
}
div#contents div#work_container div.work.t h3 {
    width: 170px;
    left: 371px;
    top: 16px;
    text-align: center;
}
div#contents div#work_container div.work.t p.photo {
    left: 30px;
}
div#contents div#work_container div.work.t p.description {
    color: #625340;
    width: 170px;
    left: 371px;
    top: 40px;
}

/**
 * photos
 */

body#work ul#menu li#menu_photos_gallery {
}
body#work ul#menu li#menu_photos_gallery a {
    background-image: url("/resources/images/photos/menu/gallery.png");
}
body#work ul#menu li#menu_photos_art {
    top: 38px;
}
body#work ul#menu li#menu_photos_art a {
    background-image: url("/resources/images/photos/menu/art.png");
}
body#work ul#menu li#menu_photos_story {
    top: 76px;
}
body#work ul#menu li#menu_photos_story a {
    background-image: url("/resources/images/photos/menu/story.png");
}

/**
 * models
 */

body#work ul#menu li#menu_modelings_furniture {
}
body#work ul#menu li#menu_modelings_furniture a {
    background-image: url("/resources/images/modelings/menu/furniture.png");
}
body#work ul#menu li#menu_modelings_object {
    top: 38px;
}
body#work ul#menu li#menu_modelings_object a {
    background-image: url("/resources/images/modelings/menu/object.png");
}
body#work ul#menu li#menu_modelings_lighting {
    top: 76px;
}
body#work ul#menu li#menu_modelings_lighting a {
    background-image: url("/resources/images/modelings/menu/lighting.png");
}
body#work ul#menu li#menu_modelings_others {
    top: 114px;
}
body#work ul#menu li#menu_modelings_others a {
    background-image: url("/resources/images/modelings/menu/others.png");
}

/**
 * graphics
 */

body#work ul#menu li#menu_graphics_graphic {
}
body#work ul#menu li#menu_graphics_graphic a {
    background-image: url("/resources/images/graphics/menu/graphic.png");
}
body#work ul#menu li#menu_graphics_illustration {
    top: 38px;
}
body#work ul#menu li#menu_graphics_illustration a {
    background-image: url("/resources/images/graphics/menu/illustration.png");
}

/**
 * profile
 */

body#profile div#contents h2 {
    margin: 8px 0 8px;
}
body#profile div#contents div {
    position: relative;
}
body#profile div#contents div {
    height: 469px;
}
body#profile div#contents div.profile {
    background: url("/resources/images/profile/images/profile.jpg") 4px 0 no-repeat;
}
body#profile div#contents div.about {
    background: url("/resources/images/profile/images/about.jpg") 4px 0 no-repeat;
}
body#profile div#contents div.photo {
    background: url("/resources/images/profile/images/photo.jpg") 4px 0 no-repeat;
}
body#profile ul#menu {
    position: absolute;
    width: 183px;
    height: 469px;
    top: 430px;
    left: 260px;
}
body#profile ul#menu li {
    position: absolute;
    width: 162px;
    height: 29px;
    top: 0;
    left: 0;
}
body#profile ul#menu li a {
    position: absolute;
    display: block;
    width: 100%;
    height: 29px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: 0 -1;
}
body#profile ul#menu li a span {
    display: none;
}
body#profile ul#menu li a:hover {
    background-position: 0 -28px;
}
body#profile ul#menu li.selected a {
    background-position: 0 -56px;
}
body#profile ul#menu li#menu_profile_index {
}
body#profile ul#menu li#menu_profile_index a {
    background-image: url("/resources/images/profile/menu/profile.png");
}
body#profile ul#menu li#menu_profile_about {
    left: 170px;
}
body#profile ul#menu li#menu_profile_about a {
    background-image: url("/resources/images/profile/menu/about.png");
}
body#profile ul#menu li#menu_profile_photo {
    left: 340px;
}
body#profile ul#menu li#menu_profile_photo a {
    background-image: url("/resources/images/profile/menu/photo.png");
}

body#profile div#contents h3,
body#profile div#contents h4,
body#profile div#contents p {
    margin-left: 260px;
    line-height: 1.4;
}
body#profile div#contents h3 {
    font-size: 100%;
    margin-bottom: 4px;
    font-weight: bold;
}
body#profile div#contents h3 span {
    font-size: 80%;
    font-weight: normal;
}
body#profile div#contents h4 {
    font-size: 80%;
    margin-bottom: 4px;
}
body#profile div#contents p {
    font-size: 80%;
    margin-bottom: 20px;
}

/**
 * links
 */

body#links div#contents h2 {
    margin: 8px 0 8px;
}
body#links div#contents div {
    height: 469px;
    background: url("/resources/images/links/image.jpg") 4px 0 no-repeat;
}
body#links div#contents h3,
body#links div#contents ul {
    font-size: 80%;
    margin-left: 260px;
}
body#links div#contents h3 {
    margin-bottom: 4px;
}
body#links div#contents ul {
    margin-bottom: 20px;
}

/**
 * mail
 */

body#mail div#contents h2 {
    margin: 8px 0 8px;
}
body#mail div#contents div.container {
    height: 469px;
    background: url("/resources/images/mail/image.jpg") 4px 0 no-repeat;
}
body#mail div#contents h3,
body#mail div#contents form,
body#mail div#contents ul,
body#mail div#contents p {
    font-size: 80%;
    margin-left: 260px;
}
body#mail div#contents h3 {
    margin-bottom: 4px;
}
body#mail div#contents ul {
    margin-bottom: 20px;
}
body#mail div#contents form div.contents {
    position: relative;
    color: #317B7E;
    background: #FFF;
    margin-bottom: 10px;
}
body#mail div#contents form div.contents label {
    position: absolute;
    left: 4px;
    top: 4px;
    font-size: 80%;
    font-weight: bold;
}

body#mail div#contents form div.contents input,
body#mail div#contents form div.contents textarea {
    border: none;
    margin-left: 48px;
}
body#mail div#contents form div.contents input {
    width: 470px;
}
body#mail div#contents form div.contents textarea {
    width: 470px;
    height: 250px;
}
body#mail div#contents form div.button {
    text-align: right;
}