@charset "UTF-8";
/* ノートの様な<UL><LI>*/
ul.list{
  position: relative;
  padding: 0.8em;
  font: 14px/1.6 'arial narrow', sans-serif;
  width:350px;
  background:#F2EFE7;
  list-style: none;
  -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.2) inset,0 0 4px rgba(0, 0, 0, 0.2) ;
  -moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.2) inset,0 0 4px rgba(0, 0, 0, 0.2) ;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.2) inset,0 0 4px rgba(0, 0, 0, 0.2) ;
}
 
ul.list li{
  position:relative;
  font-weight: bold;
  color: #333;
  border-bottom:dashed 1px #ccc;
  padding:4px 0 4px 2em;
}
ul.list li:list-child{
  margin-bottom:15px;
}
ul.list li:before{
  content: "・";
  position: absolute;
  left: 10px;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
/* ノートの様な<UL><LI>  ここまで*/
/*タイトル部分*/
.title {
    padding: 1rem 2rem;
    font-size: normal;
    border: 3px dashed #000;
}