div.imagebox {
   border: 1px dashed #ccc;  /* 枠線 */
   background-color: #eee;  /* 背景色 */
   width: 240px; /* 横幅 */
   float: left; /* 左に配置 */
   margin: 5px; /* 周囲の余白 */
}

p.image, p.caption {
   text-align: center; /* 3.中央寄せ */
   margin: 5px;        /* 4.余白・間隔 */
}
p.caption {
   font-size: 90%;  /* 5.文字サイズ */
   color: blacke; /* 6.文字色 */
}



.title07 {
	border-top: 1px;
	border-style: solid;
	border-color: #CCC;
 }
 
 
 .balloon4 {
    position: relative;
    margin: 2em 0 2em 40px;
    padding: 15px;
    background: #ccc;
    border-radius: 30px;
}

.balloon4:before{    
    content: "";
    position: absolute;
    left: -38px;
    width: 13px;
    height: 12px;
    bottom: 0;
    background: #ccc;
    border-radius: 50%;
}

.balloon4:after{
    content: "";
    position: absolute;
    left: -24px;
    width: 20px;
    height: 18px;
    bottom: 3px;
    background: #ccc;
    border-radius: 50%;
}
.balloon4 p {
    margin: 0; 
    padding: 0;
}

dt{  
  padding-top : 130px;    
  padding-bottom : 10px;
  padding-left : 10px;
  width : 220px;
  float : left;/* 左に寄せる */
  clear : both;/* フロートの解除 */
}


dd{    
  padding-top : 10px;
  padding-left : 10px;
  padding-right : 10px;
  padding-bottom : 10px;
  width : 500px;
  margin-left : 160px;/* DTの幅分の設定 */
}