/** 文字サイズ大 */

h1{
    color:  #408040;                           /* 文字色指定 */
    height: 27px;                          /* 高さ指定 */
    width:  130px;                          /* 幅指定 */
    font-size:  18px;                       /* 文字サイズ指定 */
    background-color: rgb(, , );     /* 背景色指定 */
    padding:  0px;                         /* 余白指定 */
　　top: -400px; /* 上から50px */
　　left: 100px; /* 左から200px */
}


/** 文字サイズ中 */
h2{
    color:  #408040;                           /* 文字色指定 */
    height: 27px;                          /* 高さ指定 */
    width:  630px;                          /* 幅指定 */
    font-size:  32px;                       /* 文字サイズ指定 */
    background-color: rgb(, , );     /* 背景色指定 */
    padding:  0px;                         /* 余白指定 */
　　top: -50px; /* 上から50px */
　　left: 0px; /* 左から200px */
}




/** 文字サイズ小 */
p{
    color:  #000000;                           /* 文字色指定 */
    height: 50px;                          /* 高さ指定 */
    width:  280px;                          /* 幅指定 */
    font-size:  16px;                       /* 文字サイズ指定 */
    background-color: rgb(178, 225, 238);     /* 背景色指定 */
　　top: -30px; /* 上から50px */
　　left: 150px; /* 左から400px */
}


------------------------------------------------------------------

スクロールバー

------------------------------------------------------------------

.test {
  width: 100px;
  height: 50px;
  overflow: scroll;
  border: blue 5px solid;
}

html, body {
    overflow: auto; /* または overflow: scroll; */
}



-----------------------------------------------------------
■■　　文字＆壁紙のサイズ・配色・配置設定
-------------------------------------------------------------

.bg_test {
    height: 0px;                          /* 高さ指定 */
    padding:  0px;                         /* 余白指定 */
    font-size: 0px;                        /* 文字サイズ指定 */
    background-color: rgb(228, 224, 137);   /* 背景色指定 */
}




/** 左枠　正方形 */
.bg_test3 {
    color:  #000;                           /* 文字色指定 */
    height: 92px;                          /* 高さ指定 */
    width:  200px;                          /* 幅指定 */
    font-size:  14px;                       /* 文字サイズ指定 */
    background-color: rgb(, , );     /* 背景色指定 */
    padding:  5px;                         /* 余白指定 */
    float:  left;                          /* 位置指定 */
    position:  relative;                    /* 位置指定 */
    top: -72px;                             /* 位置指定 */
    left: 120px; /* 左から200px */
}


/** ドラッグの説明 */
.bg_test4 {
    color:  #000;                           /* 文字色指定 */
    height: 74px;                          /* 高さ指定 */
    width:  450px;                          /* 幅指定 */
    font-size:  14px;                       /* 文字サイズ指定 */
    background-color: rgb(, , );     /* 背景色指定 */
    padding:  0px;                         /* 余白指定 */
    float:  left;                          /* 位置指定 */
    position:  relative;                    /* 位置指定 */
    top: -200px;                             /* 位置指定 */
    left: 340px; /* 左から200px */
}

.bg_test6 {
    color:  #000;                           /* 文字色指定 */
    height: 92px;                          /* 高さ指定 */
    width:  100px;                          /* 幅指定 */
    font-size:  14px;                       /* 文字サイズ指定 */
    background-color: rgb(, , );     /* 背景色指定 */
    padding:  5px;                         /* 余白指定 */
    float:  left;                          /* 位置指定 */
    position:  relative;                    /* 位置指定 */
    top: -120px;                             /* 位置指定 */
    left: 115px; /* 左から200px */
}



/** ドラッグの説明 */
.bg_test5 {
    color:  #000;                           /* 文字色指定 */
    height: 74px;                          /* 高さ指定 */
    width:  450px;                          /* 幅指定 */
    font-size:  17px;                       /* 文字サイズ指定 */
    background-color: rgb(, , );     /* 背景色指定 */
    padding:  0px;                         /* 余白指定 */
    float:  left;                          /* 位置指定 */
    position:  relative;                    /* 位置指定 */
    top: -110px;                             /* 位置指定 */
    left: -460px; /* 左から200px */
}

-----------------------------------------------------------
■■　　画像のサイズ・配置設定
-------------------------------------------------------------

/** タイトル画像 */
.example1{
  width: 560px;
  height: 742px; 
position: relative; /* 今の位置を基準 */
top: 0px; /* 上から50px */
left: 0px; /* 左から400px */
}

/** きまぐれにパズルタイトル画像の配置 */
.example2{
  width: 360px;
  height: 140px; 
position: relative; /* 今の位置を基準 */
top: 0px; /* 上から50px */
left: 85px; /* 左から400px */
}




/** タイトル画像 */
.example3{
  width: 90px;
  height: 36px; 
position: relative; /* 今の位置を基準 */
top: 0px; /* 上から50px */
left: 0px; /* 左から400px */
}

/** タイトル画像 */
.example4{
  width: 90px;
  height: 36px; 
position: relative; /* 今の位置を基準 */
top: 0px; /* 上から50px */
left: 0px; /* 左から400px */
}

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

　めにゅー

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

/**  */
.bg_test50 {
    color:  #400040;                           /* 文字色指定 */
    height: 260px;                          /* 高さ指定 */
    width:  290px;                          /* 幅指定 */
    font-size:  18px;                       /* 文字サイズ指定 */
    background-color: rgb(215, 255, 205);     /* 背景色指定 */
    padding:  5px;                         /* 余白指定 */
    float:  left;                          /* 位置指定 */
    position:  relative;                    /* 位置指定 */
    top: -190px;                             /* 位置指定 */
    left: 20px; /* 左から200px */
}