@charset "Shift_JIS";


body {
	background-color:#F0E8E0;	/*ページ全体の背景色*/
        margin-left: 100px;      /* 例: 20pxの余白 */

         text-align:left;		/*IE6以下でセンタリングするための対策*/
	/*ページ全体の背景色*/
	/text-align:center;/		/*IE6以下でセンタリングするための対策*/

        }


.container{
  wdisplay: flex;
  justify-content: center;
  align-items: center;
}

#main
    {
     margin-top:1px;  
     margin-left:0px;    /* 左側マージンを自動的に空ける */
     margin-right:20px;   /* 右側マージンを自動的に空ける */
     text-align:left;     /* 中身を左側表示に戻す */
     width:400px;         /* 幅を決定する */
    }


div {
  padding-left: 20px;
  padding-right: 20px;
}


.test {

  margin-top:1px; 

  margin-left:1px; 

  width: 1300px;

  height: 600px;

  overflow: scroll;

  border: red 3px solid;

text-align:left;

}
img {
  max-width: 100%; 
}