@charset "UTF-8";
h1{
	letter-spacing:1.2em;
}
p.source{
  background-color:#e8e8e8;
  padding:5px;
  margin-left:1.5em;
}
p.cl{
	clear:both;
}
hr{
	border:none;
  clear:both;
}
p#sample1{
	margin-left:100px;
}
p#sample2{
	margin-left:100px;
  border: 1px solid #333;
  width:360px;
  height: 240px;
  padding:10px;
  background-color:#fff;
}
p#sample3{
	margin-left:100px;
	margin-left:100px;
  border: 1px solid #333;
  width:360px;
  height: 240px;
  padding:10px;
  background-color:#fff;
  box-shadow:2px 2px 5px #666;
}
p.source span{
	color: red;
}
p#sample4 {
	margin-left:100px;
  border: 1px solid #333;
  width:360px;
  height: 240px;
  padding:10px;
  background-color:#fff;
  position:relative;
}
p#sample4:before{
 content:"";
  position:absolute;
  width:30%;
  height:10px;
  border:1px solid #fff;
  bottom :15px;
  left: 5px;
  z-index:-1;
  box-shadow:0 15px 10px #444;
  transform:rotate(-5deg);
}
p#sample4:after{
 content:"";
  position:absolute;
  width:30%;
  height:10px;
  border:1px solid #fff;
  bottom :15px;
  right: 5px;
  z-index:-1;
  box-shadow:0 15px 10px #444;
  transform:rotate(5deg);
}