/* 全てのページに適用 */
html {
    max-width: 1000px;
    font-size: 20px;
    font-family: ゴシック720;
    background-color: rgb(255, 240, 220);
}

/* 　全ての要素に対して　 */
* {
    box-sizing: border-box;  /*  padding と border を要素に含める  */
}


/*  Main Menu  */
.nav1{
    font-weight: bold;
    line-height: 0.5;        /* 0.5 がちょうどよい ? */
}
.nav1 ul{
    margin: 20px 0 0 20px;   /*  　上・左の余白　                */
    padding: 0;              /*  　なければ、右へ寄る（なぜ？）　  */
    list-style: none;        /*  　装飾なし　                    */
    display: flex;           /*  　横並び　                      */
    justify-content: start;  /*  　左寄せ　                      */
    gap: 30px;               /*  　間隔　                        */
}


/*  　健康への道しるべ　  */
.title2{                           /*  　背景写真と色は、個別設定で　                 */  
    /* left: 10px; */
    font-size: 32px;
    text-align: left;
    padding: 10px 0 150px 30px;    /*  　下方の値が画像の大きさを決める　              */
    background-repeat: no-repeat;  /*  　縦・横のどちらかが余っても、反復しない　       */
    /*background-size: contain;*/  /*  　画像全体を伸縮させて表示するが　              */
                                   /*  photoshop で画像を 1000px にしたので不要に     */
}


/*  　内容の補足（より深い理解のために）　  */
.title3{
    /*  　背景　  */
        position: absolute;
        left: 6px;                    
        top: 217px;
        width: 988px;
        height: 33px;
        background-color: #990000;
    /*  　文字　  */
        text-align: left;
        padding: 3px 0 0 20px;
        font-size: 22px;
        font-weight: bold;
        color: white;
}

/*  2-1 高血圧  */
.title4{
    /*  　背景　  */
    position: absolute;
    left: 6px;
    top: 253px;
    width: 988px;
    height: 33px;
    background-color: #225599;
    /*  　文字　  */
    padding: 3px 0 0 20px;
    text-align: left;
    font-size: 22px;
    /*font-weight: bold;*/
    color: white;
}

.本文{
    position: absolute;
    top: 320px;
    left: 10px;
    padding: 0px 0px 0px 20px;
    line-height: 40px;
}

.本文 p{
    line-height: 30px;
    margin-bottom: none;     /*段落幅*/
}


.image4{
    position: absolute;
    left: 640px;
    top: 1285px;
}


a:link{                  /*未訪問のリンク*/
    color:#000000;
    text-decoration: none;
}
a:visited{               /*訪問済のリンク*/
    color:#000000;
    text-decoration: none;
}
a:hover{                 /*マウス中のリンク*/
    color:#2050f0;
    text-decoration: underline;
}
a:active{                /*実行中のリンク*/
    color:#2050f0;
    text-decoration: underline;
}

/*.nav2{
    position: absolute;
    top: 100px;
    left: 0px;
    line-height: 0.5;
}
*/

.段落3{  /*1 ○部 2 栄養,疾患,他 3 テーマ*/
    color: #0101cc;   /* なぜか効果なし ?? */
    font-weight: bold;
    /*position: absolute;*/
    /*left: 110px;*/
}

/* 個別のスタイル */
.health{
    color: #0101cc;
    background-image: url(../../../images/health.jpg);
}