Edit in JSFiddle

body{
    background:#eee;
}

.box {
    height:300px;
    position: relative;
    -webkit-box-shadow: 1px 2px 4px rgba(50,50,50,.5);
    -moz-box-shadow: 1px 2px 4px rgba(50,50,50,.5);
    box-shadow: 1px 2px 4px rgba(50,50,50,.5);
    padding: 10px;
    background: #fff;
    margin:20px;
    position:relative;
    border:1px solid #fff;
}

.box:after {
    content: '';
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    border:1px solid #ddd;
}

<div class="box">
    ちょっとオシャンティーな二重線にしてみたり？
</div>