CSSを触って表示を変えたいのですが、
下記のbox部分の説明が欲しいのですが
お願いできませんでしょうか？
また、BOX部分で掲示板などを動かすことも可能でしょうか？


/*FORM*/
.box3 { width: 33px; } /*W3*/
.box6 { width: 54px; } /*W6*/
.box10 { width: 82px; } /*W10*/
.box12 { width: 96px; } /*W12*/
.box18 { width: 138px; } /*W18*/
.box19 { width: 145px; } /*W19*/
.box20 { width: 152px; } /*W20*/
.box30 { width: 222px; } /*W30*/
.box33 { width: 243px; } /*W30*/
.box40 { width: 292px; } /*W40*/
.box47 { width: 341px; } /*W47*/
.area40 { width: 302px; height: 134px; } /*W40×H8*/
.area45 { width: 337px; height: 290px; } /*W40×H20*/
.area46 { width: 337px; height: 134px; } /*W40×H8*/
.area50 { width: 372px; height: 290px; } /*W50×H20*/
.area55 { width: 407px; height: 290px; } /*W55×H20*/
.area65 { width: 444px; height: 290px; } /*W65×H20*/
.area68 { width: 498px; height: 134px; } /*W68×H8*/
.area80 { width: 572px; height: 134px; } /*W80×H8*/
.area80_2 { width: 572px; height: 420px; } /*W80×H30*/
.area92 { width: 666px; height: 160px; } /*W92×H10*/
.area96 { width: 694px; height: 420px; } /*W80×H30*/
.area96_2 { width: 694px; height: 160px; } /*W80×H10*/