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

#main11,
#main {
    width: 100%;
}

#main-in11,
#main-in {
    width: 100%;
}

#contents10,
#contents11,
#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) {

    .col1-slim{
        width: 870px!important;
    }    
    
    #main {
        width: 1070px;
        margin: 0 auto;
    }

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

    #main11 {
        width: 870px;
        margin: 0 auto;
    }

    #main-in11 {
        width: 870px;
        padding-right:5px;
        padding-left:5px;
    }
    
    
    #contents10,
    #contents11{
        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;
    }

}

