@charset "UTF-8";

body {
    font-family: メイリオ, Meiryo, verdana, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    margin: 0;
    color: #4D4D4D;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
/*    background-color: #dcdcdc; */
}

div.header {
    background: url('../img/sky.jpg') repeat;
    overflow: hidden;
    width: auto;
    height: 62px;
}

div.menu_line {
    background: transparent url('../img/menu_line.png') repeat;
    position: absolute;
    top: 62px;
    width: 100%;
    height: 10px;
}

div.menu_bg {
    background: #ffffff url('../img/sky.jpg') repeat;
    overflow: hidden;
    width: auto;
    height: 62px;
}

div.menu_tab {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 670px;
    height: 62px;
    margin: 0 auto 0 auto;
}

div.menu_mask {
    background: transparent url('../img/menu_mask.png') no-repeat;
    width: 163px;
    height: 62px;
    position: absolute;
    top: 10px;
}

div.menu_a {
    width: 163px;
    height: 62px;
    position: absolute;
    top: 10px;
    cursor: pointer;
}

div.menu_d {
    position: absolute;
    cursor: pointer;
    width: 139px;
    height: 48px;
    top: 16px;
}


/*------- Home -------*/
div.menu_d.home {
    left: 12px;
    background: transparent url('../img/menu_btn_home_d.png') no-repeat;
}

div.menu_d.home:hover {
    background: transparent url('../img/menu_btn_home_h.png') no-repeat;
}

div.menu_d.home:active {
    background: transparent url('../img/menu_btn_home_p.png') no-repeat;
}

/*------- Gallery -------*/
div.menu_d.gallery {
      left: 180px;
    background: transparent url('../img/menu_btn_gallery_d.png') no-repeat;
}

div.menu_d.gallery:hover {
    background: transparent url('../img/menu_btn_gallery_h.png') no-repeat;
}

div.menu_d.gallery:active {
    background: transparent url('../img/menu_btn_gallery_p.png') no-repeat;
}

/*------- Profile -------*/
div.menu_d.profile {
    left: 348px;
    background: transparent url('../img/menu_btn_profile_d.png') no-repeat;
}

div.menu_d.profile:hover {
    background: transparent url('../img/menu_btn_profile_h.png') no-repeat;
}

div.menu_d.profile:active {
    background: transparent url('../img/menu_btn_profile_p.png') no-repeat;
}

/*------- Contact -------*/
div.menu_d.contact {
    left: 516px;
    background: transparent url('../img/menu_btn_contact_d.png') no-repeat;
}

div.menu_d.contact:hover {
    background: transparent url('../img/menu_btn_contact_h.png') no-repeat;
}

div.menu_d.contact:active {
    background: transparent url('../img/menu_btn_contact_p.png') no-repeat;
}

div.content {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 100%;
}

div.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 64px;
    background: #ffffff url('../img/ground.jpg') repeat;
    border-top: solid 4px #777;
}

div.signature {
    background-color:#e9f1f10;
    font-size: 40px;
    font-weight:bold;
    padding: 4px 0 0 20px;
}

div.grass {
    width: 147px;
    height: 62px;
    position: absolute;
    top: 10px;
    left: 620px;
    background-image: url('../img/grass.png');
}

div.copy_right {
    height: 24px;
    line-height: 24px;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    padding: 20px;
}

div.clear {
    clear: both;
    display: block;
}

a.rss_icon {
    margin: -3px 0 0 20px;
    float:left; height:24px;
}

img.rss_icon {
    width: 28px;
    height: 28px;
}