@charset "UTF-8";

/* --- 全体の背景・テキスト --- */
body {
margin: 0;
padding: 0;  
font-size: 100%; /* 全体の文字サイズ */
}

/* --- 全体のリンクテキスト --- */
a:link { color: #0000ff; }
a:visited { color: #800080; }
a:hover { color: #ff0000; }
a:active { color: #ff0000; }

/* --- コンテナ --- */
#container {
width: 780px; /* ページの幅 */
margin:  left; /* センタリング */
padding: -10;
position: relative;
top: 50px;
left: 50px;
background-image: url(../d09.gif);
}

/* --- ヘッダ --- */
#header {
/* ヘッダの背景色 */
}

/* --- コンテンツ --- */
#content {
 /* コンテンツの背景色 */

}

/* --- フッタ --- */
#footer {
/* フッタの背景色 */
padding: 20px 10px; /* 見出しのパディング（上下、左右） */
}

hr.separator {
height: 1px;
border: none;
border-top: 1px #000000 solid; /* 境界線 */
}

/* --- ボックス --- */
div.section {
width: 750px; /* ボックスの幅 */ 
background-color: #ffffff; /* ボックスの背景色 */
border: 1px #c0c0c0 solid; /* ボックスの境界線 */
font-size: 80%; /* ボックスの文字サイズ */
}

/* --- 見出し --- */
div.section h3 {
margin: 0; /* 見出しのマージン */
padding: 6px 10px; /* 見出しのパディング（上下、左右） */
background-color: #f5f5f5; /* 見出しの背景色 */
border-bottom: 1px #c0c0c0 solid; /* 見出しの下境界線 */
font-size: 100%; /* 見出しの文字サイズ */
}

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

.scr {
  overflow: scroll;   /* スクロール表示 */ 
  width: 100px;
  height: 100px;
  background-color: red;
}
.vsb {
  overflow: visible;  /* はみ出して表示 */ 
  width: 100px;
  height: 100px;
  background-color: green;
}
.hdn {
  overflow: hidden;   /* はみ出さず表示 */ 
  width: 100px;
  height: 100px;
  background-color: blue;
}

img.section{
margin: 2px 2px 2px 1px;
}