@charset "utf-8";

/* CSS Document */

@font-face {
    font-family: 'gothic';
    src: url('../fonts/gothic.eot');
    src: url('../fonts/gothic?#iefix') format('embedded-opentype'),
        url('../fonts/gothic.woff') format('woff'),
        url('../fonts/gothic.ttf') format('truetype'),
        url('../fonts/gothic.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

html {
    margin:0;
    padding:0;
}

body {
    margin:0;
    padding:0;
    color:#38002A;
    background-image:url('../gfx/body_bg.jpg');
    background-repeat:no-repeat;
    background-position:top center;
    background-attachment:fixed;
    background-color:#585400;
    font-family: 'Century Gothic', 'gothic', Arial, Verdana, Helvetica, sans-serif;
    font-size:1em;
}

h1{
    font-size: 1.6em;
}

h2{
    font-size: 1.2em;
}

a{
    color: #38002A;
    text-decoration: underline;
}

a:hover{
    text-decoration: none;
}

.body_wrapper{
    width:870px;
    margin:0 auto;
}

.header_wrapper{
    position:fixed;
    top:0;
}

.head{
    width:890px;
    height:60px;
    background-image:url('../gfx/head_bg.png');
}

.menu{
    width:870px;
    height:55px;
    padding:0 10px;
    background-image:url('../gfx/mnu_bg.png');
    text-align:center;
}

.menu ul#menu {
    list-style-type:none;
    margin:0;
    padding:0;
}

.menu li {
    position: relative;

}

.menu ul#menu li {
    display:inline;
    padding:0;
    font-size:0.95em;
    text-decoration:none;
    float:inherit;
    line-height:2em;
    margin:0 10px;
    padding: 0;
    text-transform:lowercase;
}

.menu ul#menu li a{
    text-decoration:none;
    color:#FFFDE4;
    cursor:pointer;
    display:inline-block;
    font-weight: normal;
    height: 32px;
    padding: 0 5px;
}

.menu ul#menu li:hover a{
    color:#350129;
    background-image: url('../gfx/hover_bg.jpg');
}

.menu ul#menu li:hover a{
    color:#350129;
}

.menu ul#menu li ul {
    position: absolute;
    left: 0;
    display: none;
    margin-top:-5px;
    padding:10px 5px;
    z-index:99999;
    text-align:left;
    background: #BFBD8C;
    border: 1px solid #81805B;
}

*+html .menu ul#menu li ul {
    margin: 25px 0 0 0;
}

.menu ul#menu li:hover ul{
    display: block;
}

.menu ul#menu li ul li{
    font-size: 0.9em;
    line-height: 1.4em;
    padding: 0;
    margin: 0;
    float: none;
}

.menu ul#menu li:hover ul li a{
    background: none;
    height: 20px;
    white-space:nowrap;
}

.menu ul#menu li ul li a{
    color:#350129;
}


.content_wrapper{
    padding-top:95px;
}

.content{
    text-align:justify;
    padding:10px 85px 0 85px;
    margin: 0 auto 60px auto;
}

.footer {
    width:890px;
    height:55px;
    background-image:url('../gfx/footer.png');
    position: fixed;
    bottom: 0;
}

.clear{
    clear:both;
}

.frame{
    margin: 10px 0;
    padding:5px 10px 10px 10px;
    border: 1px solid #A59760;
    background-image: url('../gfx/frame_bg.png');
    text-align:justify;
}

.frame .date{
    text-align:right;
    margin:10px 0 0 0;
    font-size: 0.9em;
}

a.no{
    font-size: 0.8em;
}

.gall_frame{
    margin: 20px 0;
    padding:10px;
    border:0;
    text-align:justify;
    border: 1px solid #A59760;
    background-image: url('../gfx/frame_bg.png');
}
.gall_frame img{
    border: 1px solid #38002A;
    margin:6px;
}

.img_list{
    background:#E7E7E7;
    border: 1px solid #C9C7C7;
}

.img_list img{
    border: 1px solid #38002A;
    margin:9px;
}

.footer .menu{
    width:auto;
    font-size:0.9em;
    background:none;
}

.footer .menu ul {
    list-style-type:none;
    margin:0 0 0 10px;
    width:100%;
}


.footer .menu ul li {
    float:right;
    color:#001129;
    margin:0 4px 0 4px;
    border-left:1px solid #001129;
    padding-left:10px;
}


.footer .menu ul li a{
    color:#FFFDE4;
    text-decoration:none;
}

.footer .menu ul li a:hover {
    color:#FFFDE4;
    text-decoration:underline;
}

.footer .menu ul li.notype {
    border-left:0;
    margin:0 0 0 0;
    padding-right:5px;
}