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

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


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


/*  　健康への道しるべ　  */
.title2{                           /*  　背景写真と色は、個別設定で　                 */  
    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: 1px 0 0 20px;
        font-size: 22px;
        color: white;
}

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

/*  1 ・・・・・  */
.title5{
    position: absolute;
    left: 20px;
    top: 300px;
    width: 988px;
    font-size: 20px;
}

.本文{
    position: absolute;
    width: 1000px;               /* 　これが　字　を固定　！！　 */
    top: 355px;
    left: 0px;
    padding: 0px 0px 0px 20px;
    line-height: 1.5;
}
.本文 p {
    margin: 0em 0px;              /* これがないと、行間が空きすぎる */
    margin-bottom: none;
}

.段落0{
    padding-left: 0em;
}
.段落1{
    padding-left: 1em;
}
.段落2{
    padding-left: 2em;
}
.段落3{
    padding-left: 3em;
}
.段落4{
    padding-left: 4em;
}
.段落5{
    padding-left: 5em;
}
.段落6{
    padding-left: 6em;
}

.T420{
    position: absolute;
    top: 420px;
}
.T940{
    position: absolute;
    top: 940px;
}
.T1270{
    position:absolute;
    top: 1270px;
}
.T1500{
    position: absolute;
    top: 1500px;
}
.T1560{
    position: absolute;
    top: 1560px;
}
.T1860{
    position: absolute;
    top: 1860px;
}
.T2500{
    position: absolute;
    top: 2500px;
}
.T2700{
    position: absolute;
    top: 2700px;
}
.T2878{
    position: absolute;
    top: 2878px;
}
.T2940{
    position: absolute;
    top: 2940px;
}
.T2970{
    position: absolute;
    top: 2970px;
}
.T3080{
    position: absolute;
    top: 3080px;
}
.T3200{
    position: absolute;
    top: 3200px;
}
.T3320{
    position: absolute;
    top: 3320px;
}
.T3467{
    position: absolute;
    top: 3467px;
}
.T4000{
    position: absolute;
    top: 5000px;
}

/* 左右のインデント */
.段落2_15{
    padding-left: 2em;
    padding-right: 15em;
}

/* ２行目からの字下げ */
.段落2-1{   /* 2→6 へ */
    padding-left: 2em;
    text-indent: -1em;
}
.段落8-6{   /* 2→6 へ */
    padding-left: 8em;
    text-indent: -6em;
}


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;
}


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

.相対40{
    position: relative;
    top: 40px;
}


.image1{     /* F21_2_1 */
    position: absolute;
    left: 100px;
    top: 630px;
}
.image不使用{     /* F21_4_1 */
    position: absolute;
    left: 480px;
    top: 0px;
}
.image3{     /* F21_5_1 */
    position: absolute;
    left: 100px;
    top: 245px;
}
.image4{     /* F21_5_2 */
    position: absolute;
    left: 420px;
    top: 245px;
}
.image5{     /* F21_5_3 */
    position: absolute;
    left: 80px;
    top: 755px;
}
.image6{     /* F21_5_1 */
    position: absolute;
    left: 100px;
    top: 1685px;
}
.image7{     /* F21_5_2 */
    position: absolute;
    left: 420px;
    top: 1685px;
}
.image8{     /* F21_5_3 */
    position: absolute;
    left: 85px;
    top: 1985px;
}