/* 基本設定 */
body {
    background-color: #ffffff;
    color: #000000;
}

/* リンク色 */
a:link { color: #0000ff; }
a:visited { color: #800080; }
a:active { color: #ff0000; }

/* 見出し */
#top-title {
    text-align: center;
}

/* 区切り線 */
.separator-thick {
    height: 3px;
    border: none;
    background-color: gray; /* ブラウザの既定を模倣 */
}

.separator-thin {
    height: 1px;
    border: none;
    background-color: gray;
}

/* レイアウト：floatによる2カラム */
#main-content {
    width: 100%;
    margin-top: 10px;
}

#image-area {
    float: left;
    width: 320px;
    padding: 10px;
}

#text-area {
    float: left;
    padding: 10px;
    /* 右側の幅を自動調整 */
    width: 60%; 
}

/* floatの回り込み解除 */
.clear {
    clear: both;
}

/* 画像の装飾（border="2"の再現） */
.main-img {
    border: 2px solid #000000;
}

/* キャプション（font size="2"の再現） */
.caption {
    font-size: small;
}

/* アドレスバーの配置 */
address {
    text-align: center;
    font-style: normal;
}