	@charset"UTF-8";
/* LtWithHelp で使うためのスタイルシート */
      background-color:#FFEBCD;
      /* list1クラスを作成 */
     .list1{
           border-color:#EEC591;
           /* 文字の設定 */
           color:#0000EE;
           font-size:20.0pt;
           text-align:left
       }
      /* list2クラスを作成 */
     .list2{
           border-color:#EEC591;
           /* 文字の設定 */
           color:#000000;
           font-size:12.0pt;
           text-align:left
       }
      /* list3クラスを作成 */
     .list3{
           border-color:#EEC591;
           /* 文字の設定 */
           color:#000000;
           margin-left:30px;
           /*行間の設定*/
           line-height:18px;
           font-size:10.0pt;
           text-align:left
       }
      /* list4クラスを作成 */
     .list4{
           border-color:#EEC591;
           /* 文字の設定 */
           color:#000000;
           font-size:12.0pt;
           text-align:left
       }
      /* list5クラスを作成 */
     .list5{
           border-color:#EEC591;
           color:#5F9EA0;
           font-size:16.0pt;
           text-align:left
      }
      
      /* list6クラスを作成 */
     .list6{
           border-color:#EEC591;
           color:#5F9EA0;
           font-size:9.0pt;
           text-align:left
      }

      /* list7クラスを作成 */
     .list7{
           border-color:#EEC591;
           /* 文字の設定 */
           color:#000000;
           margin-left:60px;
           /*行間の設定*/
           line-height:18px;
           font-size:10.0pt;
           text-align:left
       }

     /* マーカー設定 */
     marker_red { background:linear-gradient(transparent 60%, #ff9999 0%);}
     marker_pink { background:linear-gradient(transparent 60%, #fec1fe 0%);}
     marker_yellow { background:linear-gradient(transparent 60%, #ffff00 0%);}
     marker_blue { background:linear-gradient(transparent 50%, #00d2ff 90%);}
     marker_lblue{ background:linear-gradient(transparent 60%, #00FFFF 0%);}
     marker_green{ background:linear-gradient(transparent 60%, #bfff7f 0%);}
     
     /* margin3300  マージンレフト */
     margin380{ margin-left:380px;}
     /* margin3300  マージンレフト */
     margin330{ margin-left:330px;}
     /* margin230  マージンレフト */
     margin230{ margin-left:230px;}
     /* margin150 */
     margin150{ margin-left:147px;}
     /* margin110 */
     margin110{ margin-left:110px;}
     /* margin80 */
     margin80{ margin-left:80px;}
     /* margin60 */
     margin60{ margin-left:60px;}
     /* margin30 */
     margin30{ margin-left:30px;}
     /* margin10 */
     margin20{ margin-left:20px;}
     /*緑色を指定*/
     colr{ color:red;}
     col5f{ color:#5F9EA0;}
     colb{ color:blue;}
     coly{ color:yellow;}
     colf{ color:fuchsia;}
     colg{ color:green;}
     colm{ color:#00BFFF}
     
     .base {
  		display: flex;
  		flex-direction: row;
  		width: 60vw;
 		height: 100vh;
	}
	
	.example1 {
		border-right: 2px blue solid;
  		width: 35%;
	}
 
	.example2 {
  		display: flex;
  		flex-direction: column;
  		width: 65%;
	}
