div#wrapperBox  { 
        width: 650px;
        margin: 0 auto;  //全体を中央に配置
    }  
div#headerBox   {  
        width: 620px;  
        padding: 1px 15px;  
        background: #333;  
        color: #FFF;  
        margin:  
    }  
div#naviBox   {  
        width: 630px;  
        padding: 3px 10px;  
        background: #CCC;  
    }  
div#containerBox    { 
        width: 650px;  
    }  
div#containerBox:after  {  
        height: 0;  
        visibility: hidden;  
        content: ".";  
        display: block;  
        clear: both;  
	} 
div#subBox  {  
        float: left;  
        width: 200px;  
        background: #ｆｆｆ;  
        padding: 30px 5px;  
    }  
div#mainBox {  
        float: right;  
        width: 430px; 
        background: #fff;  
        padding: 10px 5px;  
    }  
div#footerBox   {  
        width: 620px;  
        padding: 5px 15px;  
        background: #999;  
        color: #FFF;  
    } 
.shadow {
	-moz\box\shadow: 3px 3px 5px 3px #444;
	-webkit-box-shadow:3px 3px 5px 3px #444;
    box-shadow: 3px 3px 5px 3px #444;
	background-color: #eee;
	padding: 0px;
	margin: 20px;
}
.shadow2 {
	-moz\box\shadow: 3px 3px 5px 3px #888;
	-webkit-box-shadow:3px 3px 5px 3px #888;
    box-shadow: 3px 3px 5px 3px #888;
	background-color: #eee;
	padding: 5px;
	margin: 5px 30px 10px 5px;
}