@charset "utf-8"

* {
    padding: 0;
    margin: 0;
    font-weight: normal;
    font-style: normal;
}


body {
    /* font-size: 14px; */
    background-color: #d6c6af;
    color : #333333;
    /* font-family:sans-serif,monospace; */
	font: 14px Verdana, Helvetica, sans-serif;
}
th {
    text-align:left;
    font-size: 14px;
}
td {
    font-size: 14px;
}

#header {
    position: relative;
    background: url("/img/background.jpg");
    height: 480px;
}

#footer {
    background-color: #716246;
}


.clear {
    clear: both;
}

#wrap {
    width: 960px;
    margin: 0 auto;
    text-align: left;
    background: #FFffFF;
}

.clearfix, 
#wrap,
#header,
#footer {
    clear: both 
}


#logo {
    position:absolute;
    top:20px;
    left:-20px;
}

#recommend1 {
    position:absolute;
    top:60px;
    left:500px;
}

#recommend2 {
    position:absolute;
    top:70px;
    left:540px;
}

#recommend_photo1 {
    position:absolute;
    top:84px;
    left:576px;
}

#recommend_photo2 {
    position:absolute;
    top:96px;
    left:638px;
}

#recommend_title {
    position:absolute;
    top:246px;
    left:624px;
} 


#recommend_position1 {
    position:absolute;
    top:106px;
    left:638px;
    border: none;
}



#comment {
    position:absolute;
    top:290px;
    left:60px;
    font-size: 54px;
    font-weight: normal;
    /* font-family:sans-serif,monospace; */ 
    color: #FFffFF;
} 



.navi {
    position:relative;
    padding: 10px;
    width:172px;
    float:left;
    background-color:#726250;
    border: none;
}

.topics_update_dt {
    text-align: right;
    border-bottom: 1px #726250 dotted;
}



#sbm {
    text-align: right;
}

.sbm {
    border: none;
}

.photoList {
    border: none;
}

#main {
    width: 640px;
    float:left;
    background-color:#FFffFF;
}

#sub {
    width:320px;
    float:left; 
    background-color:#FFffFF; 
}

.contents {
    margin: 20px;
    padding: 5px;
    background-color:#FFffFF;
}

.subbox {
    background-color:#FFffFF;
    padding: 5px;
    border: #d6c6af 2px dotted;
}

.clearfix: after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.clearfix {
    min-height: 1px;
}

    


#gallery {
    padding: 5px;
    height: 600px
}

dl.menuList dt {
    position:relative;
    border-bottom: #726250 1px dotted;
}

dl.menuList dt strong {
    padding: 0.1em 0.3em 0 0;
}

dl.menuList dt span {
    position: absolute;
    right: 0;
    padding: 0.1em 0 0 0.3em;
}

#copyright {
    padding: 4px;
    text-align: center;
}