@charset "UTF-8";

body {
    /*背景*/
    background-color: #E4E4FF;
    background-image: url("./img/background.png");
    background-repeat:repeat-x;
    background-attachment:fixed;
    /*フォント*/
    font-family:      "ヒラギノ角ゴシック体 W2","OSAKA","メイリオ","MS P ゴシック","MS ゴシック",sans-serif;
    font-size:        100%;
    line-height:      160%;
}

div#header {
    /*背景*/
    background-image: url("./img/title-back.png");
    background-repeat:no-repeat;
    /*幅*/
    width:            820px;
    /*高さ*/
    height:           120px;
    /*マージン*/
    margin:           0 auto;
    margin-top:       -8px;
    /*パディング*/
    padding-top:      16px;
    /*中央揃え*/
    text-align:       center;
    /*重なり*/
    position:         relative;
    z-index:          100;
}

div#contents {
    /*背景*/
    background-color: #F4F4F4;
    /*幅*/
    width:            800px;
    /*フォント*/
    font-size:        100%;
    color:            #000000;
    vertical-align:   center;
    /*マージン*/
    margin:           0 auto;
    margin-top:       -40px;
    margin-bottom:    16px;
    /*パディング*/
    padding-top:      24px;
}

div#image {
    /*背景*/
    background-color: #FFFFFF;
    /*大きさ*/
    max-width:            320px;
    max-height:           320px;
    /*ボーダー*/
    border-color:     #00003F;
    border-width:     2px;
    border-style:     solid;
    /*マージン*/
    margin:           0 auto;
    margin-top:       8px;
    margin-bottom:    8px;
    /*パディング*/
    padding:          10px;
    /*表示位置*/
    text-align:       center;
    vertical-align:   middle;
}

div#footer {
    /*背景*/
    background-color: #3979D4;
    /*幅*/
    width:            800px;
    /*フォント*/
    font-size:        70%;
    color:            #F0F0FF;
    text-align:       center;
    vertical-align:   middle;
    /*マージン*/
    margin:           0 auto;
    margin-top:       32px;
    margin-bottom:    8px;
}

p {
    /*幅*/
    width:            640px;
    /*マージン*/
    margin-left:      80px;
    margin-right:     80px;
    /*パディング*/
    padding: 8px;
}

h1 {
    /*マージン*/
    margin-left:      24px;
    margin-right:     24px;
    /*パディング*/
    padding-bottom:   6px;
    /*フォント*/
    font-size:        150%;
    font-weight:      bold;
    font-family:      sans-serif;
    color:            #2B1100;
    text-align:       left;
    /*ボーダー*/
    border-bottom-color:     #FF7F2A;
    border-bottom-width:     4px;
    border-bottom-style:     solid;
}