#PublicationContainer
{
    font-size: 1.2rem;
    line-height: 2rem;
    padding: 0.8rem;
    text-align: left;
    margin: 0 auto;
    width: 1002px;
}

#PCLeft
{
    float: left;
    width: 280px;
}

div#PCRight
{
    float: right;
    width: 698px;
}

div.NavigationToolBar
{
    background: url("../images/houseinfo/shadow_top.gif") repeat;
    font-size: 1.3rem;
    line-height: 33px;
    padding-left: 1.5rem;
    width: 100%;
}

div#PTitle div
{
    background: url("../images/houseinfo/information.gif") no-repeat 10px center;
    font-size: 1.2rem;
    height: 33px;
    line-height: 33px;
    text-indent: 4rem;
    width: auto;
}

div#PDetail
{
    padding: 2rem;
}

div.BDLeft
{
    float: left;
    padding: 0 3rem;
}

@media screen and (max-width: 1002px)
{
    #PublicationContainer
    {
        padding: 0.5rem;
        width: 100%;
    }

    #PCLeft
    {
        float: initial;
        width: 100%;
    }

    div#PCRight
    {
        float: initial;
        width: 100%;
    }
}