.example {
padding: 30px 10px;
background-color: #000000;
font-size: 80%;
color: #000000;
}

/* --- ボックス --- */
.section {
width: 78%; /* ボックスの幅 */
padding-bottom: 10px; /* ボックスの下パディング */
background-color: #FFFFFF; /* ボックスの背景 */
}

/* --- 見出し --- */
.section h2 {
margin: 0; /* 見出しのマージン */
padding: 7px 10px; /* 見出しのパディング（上下、左右） */
background: #ffffff url(images/maru4_300_top.png) no-repeat top; /* 見出しの背景 */
border-bottom: 1px #c0c0c0 solid; /* 見出しの下枠線 */
font-size: 100%; /* 見出しの文字サイズ */
}

/* --- ボックス内の段落 --- */
.section p {
margin: 1em 10px; /* 段落のマージン（上下、左右） */
}