body
{
    font-family: メイリオ;
}

.outer
{
    background-image: url('images/bg.jpg');
    background-repeat: repeat-y;
    background-position: left top;
    width: 800px;
}

.logo
{
    text-align: right;
}

.button
{
    width: 164px;
    z-index: 10;
    padding-top: 8px;
    position: relative;
    float: left;
}

.button img
{
    margin-bottom: 5px;
}

.main
{
    float: left;
    z-index: 9;
    margin-left: 2px;
}

*html .main
{
    margin-left: -1px;
}

.main .lt
{
    width: 20px;
    height: 20px;
}

.main .l
{
    background-position: left top;
    width: 20px;
    background-image: url('images/frame/left.png');
    background-repeat: repeat-y;
}

.main .lb
{
    width: 20px;
    height: 20px;
}

.main .rt
{
    width: 20px;
    height: 20px;
}

.main .r
{
    background-position: left top;
    width: 20px;
    background-image: url('images/frame/right.png');
    background-repeat: repeat-y;
}

.main .rb
{
    width: 20px;
    height: 20px;
}

.main .t
{
    height: 20px;
}

.main .b
{
    height: 20px;
}

.main .c
{
    background-color: #FFFFFF;
    text-align: left;
    padding-left: 5px;
}