@base-color: #4D926F;   /* ←変数を定義 */
@h-color: white;
@cana-color: #FFFFCC;
@wid: 300px;
h1 {
  color: @h-color;
  padding: 0.3em;
}
h2 {
  color: @base-color;
  font-weight: normal;
}

@width: 800px;
@height: @width/10-10px;

header {
  width: @width;
  height: @height;
    background-color: @base-color;
}

article{
    background-color: @cana-color;
    width: @width;
}
#container {
		  width: 100px;
		}
		#div1 {
		  width:@wid;
		  float: left;
		  border: 1px solid;
		}
		#div2 {
		  border: 1px solid;
		}
		#div3 {
		  width:@wid;
		  float: left;
		  border: 1px solid;
		}
		#div4 {
		  border: 1px solid;
		}
		#div3 {
		  width:@wid;
		  float: left;
		  border: 1px solid;
		}
		#div4 {
		  border: 1px solid;
		}
		#div5 {
		  width:@wid;
		  float: left;
		  border: 1px solid;
		}
		#div6 {
		  border: 1px solid;
		}
		#div7 {
		  width:@wid;
		  float: left;
		  border: 1px solid;
		}
		#div8 {
		  border: 1px solid;
		}