*:before, *:after {
  box-sizing: inherit;
}

*:before, *:after {
  /*box-sizing: inherit;*/
}

#r01 {
  width: 7em;
  height: 7em;
}

#yui {
  width: 100%;
  position: relative;
  height: inherit;
  display: -webkit-box;
}

#yuiA {
  -webkit-transform: skew(-35deg);
  float: left;
}

#yuiB {
  width: 21%;
  height: inherit;
  transform: skew(-35deg);
  -webkit-transform: skew(-35deg);
  float: left;
}

#yuiC {
  width: 21%;
  height: inherit;
  transform: skew(-45deg);
  -webkit-transform: skew(-45deg);
  float: left;
}

#yuiD {
  width: 21%;
  height: inherit;
  transform: skew(-35deg);
  -webkit-transform: skew(-35deg);
  float: left;
}