<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=Shift_JIS">
    <link rel="alternate stylesheet" type="text/css" href="resource://gre-resources/plaintext.css"

      title="長い行を折り返す">
  </head>
  <body>
    <pre>*  { 
	padding : 0px ; 
	margin : 0px ; 
}

body {
	/*background:linear-gradient(90deg,yellow 0%,yellow 60%,white 40%,white 100%);*/
	background-attachment: fixed;
	color : #000000;
	text-align:center;   /* 下記のautoに未対応用のセンタリング */
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}

#site-box {
	padding: 0px;
	margin-left:auto;    /* 左側マージンを自動的に空ける */
	margin-right:auto;   /* 右側マージンを自動的に空ける */
}

#a-box {
	float: none;
	padding: 0px;
	/*widths: 60%;*/
}
#aa-box {
	margin-top: 20px;
}

#b-box {
	margin-left:auto;    /* 左側マージンを自動的に空ける */
	margin-right:auto;   /* 右側マージンを自動的に空ける */
	float: none;
	/*widths: 40%;*/
}



#content {
  display: flex;

  justify-content: space-around;
  flex-flow: row wrap;
  align-items: stretch;
}

.box {
  flex-grow: 1;
  border: 1px solid rgba(0,0,0,.2);
}

.box1 {
  flex-grow: 2;
  border: 1px solid rgba(0,0,0,.2);
}



</pre>
  </body>
</html>
