.shadow01{ 
    width:auto; 
    border:5px solid #ffffff; 
    /*影を入れる*/ 
    -webkit-box-shadow: 0 10px 8px -6px #8d8c8c; 
    -moz-box-shadow: 0 10px 8px -6px #8d8c8c; 
     box-shadow: 0 10px 8px -6px #8d8c8c; 
} 

.shadow04{ 
    position:relative; 
    width:auto; 
    border:5px solid #ffffff; 

} 
.shadow04:after{ 
     z-index: -1; 
     position: absolute; 
     content:''; 
     bottom: 10px; 
     left: 10px; 
     width: 70%; 
     top: 80%; 
     max-width:432px; 
     background: #8d8c8c; 
     /*影を入れる*/ 
     -webkit-box-shadow: 0 15px 10px #8d8c8c; 
     -moz-box-shadow: 0 15px 10px #8d8c8c; 
     box-shadow: 0 15px 10px #8d8c8c; 
     /*回転させる*/ 
     -webkit-transform: rotate(-5deg); 
     -moz-transform: rotate(-5deg); 
     -o-transform: rotate(-5deg); 
     -ms-transform: rotate(-5deg); 
     transform: rotate(-5deg); 
} 

.shadow06{ 
    position:relative;
    width:auto; 
    border:5px solid #ffffff; 
} 
.shadow06:after{ 
    content:''; 
    position:absolute; 
    z-index:-1; 
    top:50%; 
    bottom:-5px; 
    left:15px; 
    right:15px; 
    /*影を入れる*/ 
    -webkit-box-shadow:0 0 40px rgba(0,0,0,0.7); 
    -moz-box-shadow:0 0 40px rgba(0,0,0,0.7); 
    box-shadow:0 0 40px rgba(0,0,0,0.7); 
    /*角丸にする*/ 
    -moz-border-radius:100px / 40px; 
    -o-border-radius:100px / 40px; 
    border-radius:100px / 40px; 
} 

.photo { 
    padding: 5px; 
    border-top: 1px solid #ccc; 
    border-left: 1px solid #ccc; 
    border-bottom: 1px solid #c2c2c2; 
    border-right: 1px solid #c2c2c2;
    
    /*影を入れる*/ 
    -webkit-box-shadow: 0 10px 8px -6px #8d8c8c; 
    -moz-box-shadow: 0 10px 8px -6px #8d8c8c; 
     box-shadow: 0 10px 8px -6px #8d8c8c; 
    /* IE */ 
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,direction=135,strength=3,enabled=true)"; 
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,direction=135,strength=3,enabled=true); /* IE5.5+ */ 
    background: #fff; 
}

.frame {
  display: inline-block;
  transform: rotate(5deg);
}