@charset "UTF-8";
/*****************************************************
Takamitool STELLA layout CSS
Author : mynetwork
*****************************************************/


#main {
    width: 100%;
}

#main-in {
    width: 100%;
}

#contents10,
#contents20,
#contents21,
#contents30{
    float: left;
    width: 100%;
}

#sidebar20, 
#sidebar21,
#sidebar30,
#sidebar31{
    float: left;
    width: 100%;
}

#footer {
    width:100%;
    clear: both;
}

@media screen and (min-width: 992px) {

    #main {
        width: 1070px;
        margin: 0 auto;
    }

    #main-in {
        width: 1070px;
        padding-right:5px;
        padding-left:5px;
    }

    #contents10 {
        float: left;
        width: 100%; 
        /* width:800px;*/
        /*margin-right: 110px;*/
        /*margin-left: 110px;*/
    }
    
    #contents20 {
        float: left;
        width: 730px;
    }
    #sidebar20 {
        float: left;
        width: 320px;
    }
    #sidebar20.sidebar-area {
        padding-left: 0px;
        padding-right: 20px!important;
    }
    
    #contents21 {
        float: left;
        width: 730px;
    }
    #sidebar21 {
        float: right;
        width: 320px;
    }
    
    #contents30 {
        float: left;
        width: 540px;
    }
    #sidebar30 {
        float: left;
        width: 260px;
    }
    #sidebar30.sidebar-area {
        padding-left: 0px;
        padding-right: 20px;
    }
    #sidebar31 {
        float: right;
        width: 260px;
    }

}