Edit in JSFiddle

.sample1 img{
    border-radius: 20px 20px 20px 20px;
    box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.8);
}


.box	{
    /*box-shadow*/
    box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
    -webkit-box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
    -moz-box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
    
    /*サンプル*/
    padding:10px;
    border:1px solid #ccc;
    text-align:center
}

<p class="sample1"><img src="http://msweb.moo.jp/wordpress/wp-content/themes/d-siori/img/css_img02.jpg" alt="サンプル" width="300" height="200" /></p>

<div class="box">複数シャドウ指定</div>