@charset "utf-8";
/* CSS Document */

.photoarea li{
	width:1280px;
	border:5px solid #cfcfcf;

}

/*================
両側に折れた影をつけるサンプル
===================*/

.shadow{
	position: relative;
}

/*before:左側の影*/
.shadow:before{
  z-index: -1;
	
	
  position: absolute;
  content:'';
  bottom: 20px;
  left: 15px;
  width: 50%;
  top: 90%;
  max-width:800px;
  background: #444444;
  -webkit-box-shadow: 0 15px 10px #444444;
  -moz-box-shadow: 0 15px 10px #444444;
  box-shadow: 0 15px 10px #444444;
  -webkit-transform: rotate(-4deg);
  -moz-transform: rotate(-4deg);
  -o-transform: rotate(-4deg);
  -ms-transform: rotate(-4deg);
  transform: rotate(-4deg);
}

/*after:右側の影*/
.shadow:after{
  z-index: -1;
  position: absolute;
  content:'';
	
	
  bottom: 20px;
  right: 15px;
  width: 50%;
  top: 90%;
  max-width:800px;
  background: #444444;
  -webkit-box-shadow: 0 15px 10px #444444;
  -moz-box-shadow: 0 15px 10px #444444;
  box-shadow: 0 15px 10px #444444;	
  -webkit-transform: rotate(4deg);
  -moz-transform: rotate(4deg);
  -o-transform: rotate(4deg);
  -ms-transform: rotate(4deg);
  transform:rotate(4deg);

}