@charset "utf-8";

body
{
    background  : #dcd4b5 url(parts/bg-body.gif) repeat left top;
    text-align : center;
}

#page
{
    width : 830px;
    margin :0 auto;
    padding:0;
    background  : #FFF;
    
}

#header
{
    width : 800px;
    margin:0 auto;
    padding:0;
    border:solid 0px #F00;
}


#contents
{
    width  : 778px;
    margin :10px auto 0 auto;
    padding : 10px;
    background : #efead8;
    color : #5d3329;
    font-size : 100%;
    line-height : 1.6;
    text-align : left;
    
    border-right : solid 0px #95907e;
}

#contents #contentA    {float : left;}
#contents #contentMain {float : right;}

#contents #contentA, #contents #contentMain
{
    width : 370px;
    margin : 0;
    padding : 4px;
    
    border: solid 0px #95907e;
}

#contents #contentA div
{
    margin : 0 0 25px 0;
}
#contents #contentA div#attention
{
    width : 80%;
    padding:5px;
    border : solid 3px #95907e;
}

#contents #contentMain .introduction
{
    margin : 0 0 25px 0;
    padding : 5px;
    
    border-right: solid 1px #95907e;
    border-bottom: solid 1px #95907e;
    zoom:1;/*for IE 5.5-7*/
}
#contents #contentMain .introduction:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

#contents #contentMain .introduction img
{
    margin : 3px;
    padding : 4px;
    background: #FFF;
}

#archives, #eventInfo
{
    padding : 20px;
    
    clear : both;
    background  : #95907e url(parts/bg-footer-midashi.gif) no-repeat 9px 6px;
    color:#FFF;
    
    text-align : left;
}

    #eventInfo h3
    {
      margin-bottom : 15px;
    }
    #eventInfo ul
    {
      margin-bottom : 25px;
    }

    #eventInfo .eventItem
    {
        width:220px;
        margin:5px 30px 5px 0;
        padding:0;
        float:left;
        
        zoom:1;/*for IE 5.5-7*/
    }
    #eventInfo .eventItem:after{/*for modern browser*/
        content:".";
        display: block;
        height:0px;
        clear:both;
        visibility:hidden;
    }
    #eventInfo .eventItem img.mainImg
    {
        float:left;
        margin-right:4px;
    }


#footer
{
    height : 40px;
    margin-top : -8px;
    padding : 15px;
    
    clear : both;
    background  : #7e7a6b;
    border-top : dotted 8px #7e7a6b;
    color:#FFF;
    
    text-align : center;
}

div.kazarikei01
{
    width:350px;
    height:10px;
    margin:30px 0;
    padding:0;
    background  : transparent url(parts/kazarikei01.gif) no-repeat 0 0;
    border:none;
}