/** 見出しのフォントサイズは通常のフォントサイズと同じにする */
h1, h2, h3, h4, h5, h6
{
    font-size : medium;
}

/** 文書タイトルには囲み枠をつける */
h1
{
    padding : 0.3em;
    margin-bottom : 2.0em;
    text-align : center;
    background-color : #5c6aa6;
    color : white;
    border : solid 1px black;
/*
    padding : 0.25em;
    background-color : pink;
*/
}

/** 大見出しにはアンダーラインをひく */
h2
{
    margin-top : 3.0em;
    margin-left : 2.5em;
    margin-right : 2.5em;
    padding : 0.25em 1.0em;
    border-bottom : solid 2px black;
}

/** 小見出しには太字にする以外特に装飾を設けない */
h3
{
    margin-top : 1.5em;
    margin-left : 3.5em;
    margin-bottom : 0.5em;
}

/** 行間に少しゆとりを持たせる */
p
{
    margin : 0.5em 3.5em;
    line-height : 1.5;
}

/** タイトルイラストがある場合 */
.title
{
    text-align : center;
    margin : 2.0em;
}

/** 写真には枠をつける */
img
{
    padding : 5px;
    border : solid 1px black;
}

/** リスト関係は左と下に十分なゆとりを持たせる */
dl, ul, ol
{
    margin : 1.5em 3.0em;
    margin-bottom : 3.0em;
}

dt
{
    margin-top : 1.0em;
    margin-bottom : 0.25em;
    margin-left : 1.0em;
}

/** テーブルには十分なマージンを持たせて、囲み線を実線とする */
table
{
    margin : 1.0em 5.0em;
    border : solid 2px black;
    border-collapse : collapse;
}

thead,tbody
{
    border : solid 2px black;
}

th, td
{
    padding : 0.25em 1.0em;
    border : solid 1px black;
}

th
{
    white-space : nowrap;
    color : white;
    background-color : #5c6aa6;
/*    background-color : pink;*/
}

/** 強調表示は赤字とする */
strong
{
    color : red;
}

/** 区切り線は表示しない */
hr
{
    display : none;
}

.attention
{
    margin-top : 1.5em;
    text-align : center;
    color : red;
}

.photo li
{
    width : 225px;
    margin : 1.0em;
    display : block;
    float : left;
    list-style : none;
}

.back
{
    margin-top : 1.5em;
    margin-bottom : 1.5em;
    border-top : solid 1px black;
    padding-top : 2.0em;
    text-align : right;
    clear : both;
    display : block;
    list-style : none;
}

.memo
{
    font-size : 0.9em;
    background-color : #ddddff;
/*    background-color : #ffdddd;*/
    padding : 1.0em;
    padding-left : 3.0em;
    border : solid 1px #000000;
}

/** 回り込み制御 */
p, ul, ol, dl
{
    clear : both;
}