#shinan{
	background-color:whitesmoke;
	color:#111111;
	margin:0 auto 0 auto;
	width:80%;
}

h4 {
  position: relative;
  color: #111;
  background: #fff;
  font-size: 20px;
  line-height: 1;
  border :2px solid #555;
  margin: 30px -10px 10px -10px;
  padding: 15px 5px 12px 10px;
  border-radius: 3px;
}
h4:after,h4:before {
  content: "";
  position: absolute;
  top: 100%;
  height: 0;
  width: 0;
}
h4:after {
  left: 33px;
  border: 11px solid transparent;
  border-top: 11px solid #fff;
}
h4:before {
  left: 30px;
  border: 14px solid transparent;
  border-top: 14px solid #555;
}

h5 {
  position: relative;
  color: #111;
  background: #ccc;
  font-size: 20px;
  line-height: 1;
  margin: 30px 0 10px 0;
  padding: 14px 5px 10px 40px;
  box-shadow: 0 1px 3px #777;
  border-radius: 0 10px 10px 0;
}
h5:before {
  content: "";
  position: absolute;
  background: #999;
  top: 50%;
  left: -20px;
  margin-top :-22px;
  height: 44px;
  width: 44px;
  box-shadow: 1px 1px 1px #777;
  border-radius: 50%;
}
h5:after {
  content: "";
  position: absolute;
  background:#777;
  top: 50%;
  left: -15px;
  margin-top:-15px;
  height: 24px;
  width: 24px;
  border-radius: 50%;
}

h6 {
  position: relative;
  color: #111;
  background: #ccc;
  font-size: 20px;
  line-height: 1;
  margin: 30px 20px 10px -10px;
  padding: 14px 5px 10px 50px;
  border-radius: 22px 0 0 22px;
}
h6:before {
  content: "";
  position: absolute;
  background: #eee;
  top: 50%;
  left: 14px;
  margin-top :-10px;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  box-shadow: 1px 1px 1px #777 inset;
}
h6:after {
  content: "";
  position: absolute;
  top: 0;
  right: -22px;
  height: 0;
  width: 0;
  border: 22px solid #ccc;
  border-right-color: transparent;
}


.text{
	margin-left: 16px;
}