@charset "UTF-8";


.box01{
//    background-color: #444;
    position:relative; top:0px; left:0px;
    width:545px;
    height:460px;
}

.box01-01{
//    background-color: #666;
    position:relative; top:0px; left:0px;
    width:330px;
//    height:200px;
    float:left;
}

.box01-02{
//    background-color: #222;
    position:relative; top:10px; left:0px;
    width:207px;
//    height:200px;
    float:right;
}

.box02{
//    background-color: #444;
    position:relative; top:0px; left:0px;
    width:545px;
    height:270px;
}

.box02-01{
//    background-color: #666;
    position:relative; top:0px; left:0px;
    width:330px;
    float:left;
}

.box02-02{
//    background-color: #222;
    position:relative; top:10px; left:0px;
    width:207px;
    float:right;
}
.box03{
//    background-color: #444;
    position:relative; top:0px; left:0px;
    width:545px;
    height:280px;
	text-align: left;
}

.box03-01{
//    background-color: #444;
    position:absolute; top:80px; left:180px;
    width:360px;
    height:70px;
}

.box03-02{
//    background-color: #444;
    position:absolute; top:195px; left:180px;
    width:360px;
    height:70px;
}


.box04{
//    background-color: #888;
    position:relative; top:0px; left:0px;
    width:545px;
    height:225px;
    float:left;
    border-bottom: 1px dotted black;
}

.box04-01{
//    background-color: #666;
    position:relative; top:0px; left:0px;
    width:330px;
    height:200px;
    float:left;
}

.box04-02{
//    background-color: #222;
    position:relative; top:10px; left:0px;
    width:207px;
    height:200px;
    float:right;
}