body {
  font-family: Arial, Helvetica, sans-serif;
  background-color: #000000/*#422d20*/;
  overflow: hidden;
}
body #logo {
  position: absolute;
  top: 66%;
  margin-bottom: auto;
  left: 50%;
  width: 260px;
  height: 260px;
  margin: -130px 0 0 -130px;
  border-radius: 50%;
  background-color: #ff0000;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-animation: logo 5000ms forwards;
  -moz-animation: logo 5000ms forwards;
  -ms-animation: logo 5000ms forwards;
  animation: logo 5000ms forwards;
}
body #logo #green-circle-1 {
  position: absolute;
  width: 252px;
  height: 252px;
  margin: 4px 0 0 4px;
  border-radius: 50%;
  background-color: #000000/*#AA0000/*#006752*/;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-animation: greenCircleOne 5000ms forwards;
  -moz-animation: greenCircleOne 5000ms forwards;
  -ms-animation: greenCircleOne 5000ms forwards;
  animation: greenCircleOne 5000ms forwards;
}
body #logo #green-circle-1 #green-circle-2 {
  position: absolute;
  width: 238px;
  height: 238px;
  margin: 4px 0 0 4px;
  border-radius: 50%;
  background-color: #ff0000/*#000099/*#006752*/;
  border: 3px solid #000000;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-animation: whiteCircleOne 5000ms forwards;
  -moz-animation: whiteCircleOne 5000ms forwards;
  -ms-animation: whiteCircleOne 5000ms forwards;
  animation: whiteCircleOne 5000ms forwards;
}
body #logo #green-circle-1 #green-circle-2 p {
  margin: 0;
  padding: 0;
  color: #fff;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-animation-name: popUp;
  -webkit-animation-duration: 250ms;
  -webkit-animation-timing-function: ease;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-name: popUp;
  -moz-animation-duration: 250ms;
  -moz-animation-timing-function: ease;
  -moz-animation-fill-mode: forwards;
  -ms-animation-name: popUp;
  -ms-animation-duration: 250ms;
  -ms-animation-timing-function: ease;
  -ms-animation-fill-mode: forwards;
  animation-name: popUp;
  animation-duration: 250ms;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
}
body #logo #green-circle-1 #green-circle-2:before{
  position: absolute;
  top: 128px;
  right: 10px;
  content: "\2605";
  color: #fff;
  font-size: 30px;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-animation: popUp 250ms ease forwards 1400ms;
  -moz-animation: popUp 250ms ease forwards 1400ms;
  -ms-animation: popUp 250ms ease forwards 1400ms;
  animation: popUp 250ms ease forwards 1400ms;
}
body #logo #green-circle-1 #green-circle-2:after{
  position: absolute;
  top: 128px;
  left: 10px;
  content: "\2605";
  color: #fff;
  font-size: 30px;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-animation: popUp 250ms ease forwards 1100ms;
  -moz-animation: popUp 250ms ease forwards 1100ms;
  -ms-animation: popUp 250ms ease forwards 1100ms;
 animation: popUp 250ms ease forwards 1100ms;
}
body #logo #green-circle-1 #green-circle-2 .top {
  font-size: 40px;
  height: 119px;
  position: absolute;
  left: 50%;
  top: 0;
  width: 40px;
  margin-left: -20px;
  line-height: 45px;
  text-align: center;
  -webkit-transform-origin: bottom center;
  -moz-transform-origin: bottom center;
  -ms-transform-origin: bottom center;
  transform-origin: bottom center;
  font-weight: 900;
}
body #logo #green-circle-1 #green-circle-2 .top.char0 {
  -webkit-transform: rotate(-40deg);
  -moz-transform: rotate(-40deg);
  -ms-transform: rotate(-40deg);
  transform: rotate(-40deg);
}
body #logo #green-circle-1 #green-circle-2 .top.char0 p {
  -webkit-animation-delay: 1000ms;
  -moz-animation-delay: 1000ms;
  -ms-animation-delay: 1000ms;
  animation-delay: 1000ms;
}
body #logo #green-circle-1 #green-circle-2 .top.char1 {
  -webkit-transform: rotate(-20deg);
  -moz-transform: rotate(-20deg);
  -ms-transform: rotate(-20deg);
  transform: rotate(-20deg);
}
body #logo #green-circle-1 #green-circle-2 .top.char1 p {
  -webkit-animation-delay: 1050ms;
  -moz-animation-delay: 1050ms;
  -ms-animation-delay: 1050ms;
  animation-delay: 1050ms;
}
body #logo #green-circle-1 #green-circle-2 .top.char2 {
  -webkit-transform: rotate(-0deg);
  -moz-transform: rotate(-0deg);
  -ms-transform: rotate(-0deg);
  transform: rotate(-0deg);
}
body #logo #green-circle-1 #green-circle-2 .top.char2 p {
  -webkit-animation-delay: 1100ms;
  -moz-animation-delay: 1100ms;
  -ms-animation-delay: 1100ms;
  animation-delay: 1100ms;
}
body #logo #green-circle-1 #green-circle-2 .top.char3 {
  -webkit-transform: rotate(20deg);
  -moz-transform: rotate(20deg);
  -ms-transform: rotate(20deg);
  transform: rotate(20deg);
}
body #logo #green-circle-1 #green-circle-2 .top.char3 p {
  -webkit-animation-delay: 1150ms;
  -moz-animation-delay: 1150ms;
  -ms-animation-delay: 1150ms;
  animation-delay: 1150ms;
}
body #logo #green-circle-1 #green-circle-2 .top.char4 {
  -webkit-transform: rotate(40deg);
  -moz-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  transform: rotate(40deg);
}
body #logo #green-circle-1 #green-circle-2 .top.char4 p {
  -webkit-animation-delay: 1200ms;
  -moz-animation-delay: 1200ms;
  -ms-animation-delay: 1200ms;
  animation-delay: 1200ms;
}
body #logo #green-circle-1 #green-circle-2 .top.char5 {
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}
body #logo #green-circle-1 #green-circle-2 .top.char5 p {
  -webkit-animation-delay: 1250ms;
  -moz-animation-delay: 1250ms;
  -ms-animation-delay: 1250ms;
  animation-delay: 1250ms;
}
body #logo #green-circle-1 #green-circle-2 .top.char6 {
  -webkit-transform: rotate(41deg);
  -moz-transform: rotate(41deg);
  -ms-transform: rotate(41deg);
  transform: rotate(41deg);
}
body #logo #green-circle-1 #green-circle-2 .top.char6 p {
  -webkit-animation-delay: 1300ms;
  -moz-animation-delay: 1300ms;
  -ms-animation-delay: 1300ms;
  animation-delay: 1300ms;
}
body #logo #green-circle-1 #green-circle-2 .top.char7 {
  -webkit-transform: rotate(64deg);
  -moz-transform: rotate(64deg);
  -ms-transform: rotate(64deg);
  transform: rotate(64deg);
}
body #logo #green-circle-1 #green-circle-2 .top.char7 p {
  -webkit-animation-delay: 1350ms;
  -moz-animation-delay: 1350ms;
  -ms-animation-delay: 1350ms;
  animation-delay: 1350ms;
}
body #logo #green-circle-1 #green-circle-2 .top.char8 {
  -webkit-transform: rotate(85deg);
  -moz-transform: rotate(85deg);
  -ms-transform: rotate(85deg);
  transform: rotate(85deg);
}
body #logo #green-circle-1 #green-circle-2 .top.char8 p {
  -webkit-animation-delay: 1400ms;
  -moz-animation-delay: 1400ms;
  -ms-animation-delay: 1400ms;
  animation-delay: 1400ms;
}
body #logo #green-circle-1 #green-circle-2 .bottom {
  font-size: 40px;
  height: 119px;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 40px;
  margin-left: -20px;
  line-height: 195px;
  text-align: center;
  transform-origin: top center;
  font-weight: 900;
}
body #logo #green-circle-1 #green-circle-2 .bottom.char0 {
  -webkit-transform: rotate(50deg);
  -moz-transform: rotate(50deg);
  -ms-transform: rotate(50deg);
  transform: rotate(50deg);
}
body #logo #green-circle-1 #green-circle-2 .bottom.char0 p {
  -webkit-animation-delay: 1150ms;
  -moz-animation-delay: 1150ms;
  -ms-animation-delay: 1150ms;
  animation-delay: 1150ms;
}
body #logo #green-circle-1 #green-circle-2 .bottom.char1 {
  -webkit-transform: rotate(40deg);
  -moz-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  transform: rotate(40deg);
}
body #logo #green-circle-1 #green-circle-2 .bottom.char1 p {
  -webkit-animation-delay: 1200ms;
  -moz-animation-delay: 1200ms;
  -ms-animation-delay: 1200ms;
  animation-delay: 1200ms;
}
body #logo #green-circle-1 #green-circle-2 .bottom.char2 {
  -webkit-transform: rotate(15deg);/*元は10*/
  -moz-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  transform: rotate(15deg);
}
body #logo #green-circle-1 #green-circle-2 .bottom.char2 p {
  -webkit-animation-delay: 1250ms;
  -moz-animation-delay: 1250ms;
  -ms-animation-delay: 1250ms;
  animation-delay: 1250ms;
}
body #logo #green-circle-1 #green-circle-2 .bottom.char3 {
  -webkit-transform: rotate(-15deg);/*元は-10*/
  -moz-transform: rotate(-15deg);
  -ms-transform: rotate(-15deg);
  transform: rotate(-15deg);
}
body #logo #green-circle-1 #green-circle-2 .bottom.char3 p {
  -webkit-animation-delay: 1300ms;
  -moz-animation-delay: 1300ms;
  -ms-animation-delay: 1300ms;
  animation-delay: 1300ms;
}
body #logo #green-circle-1 #green-circle-2 .bottom.char4 {
  -webkit-transform: rotate(-40deg);/*元は-31*/
  -moz-transform: rotate(-40deg);
  -ms-transform: rotate(-40deg);
  transform: rotate(-40deg);
}
body #logo #green-circle-1 #green-circle-2 .bottom.char4 p {
  -webkit-animation-delay: 1350ms;
  -moz-animation-delay: 1350ms;
  -ms-animation-delay: 1350ms;
  animation-delay: 1350ms;
}
body #logo #green-circle-1 #green-circle-2 .bottom.char5 {
  -webkit-transform: rotate(-54deg);
  -moz-transform: rotate(-54deg);
  -ms-transform: rotate(-54deg);
  transform: rotate(-54deg);
}
body #logo #green-circle-1 #green-circle-2 .bottom.char5 p {
  -webkit-animation-delay: 1400ms;
  -moz-animation-delay: 1400ms;
  -ms-animation-delay: 1400ms;
  animation-delay: 1400ms;
}
body #logo #green-circle-1 #green-circle-2 #white-circle-1 {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 134px;
  height: 134px;
  margin: -70px 0 0 -70px;
  border-radius: 50%;
  border: solid 0px #000000;
  background-color: #000000;
  overflow: hidden;
}
body #logo #green-circle-1 #green-circle-2 #white-circle-1 #box {
  position: absolute;
  top: 160px;
  left: 0;
  width: 500px;
  height: 500px;
  background-color: ;
  background-image: url("../img/ho2.png");
  background-repeat: no-repeat;
  background-position: bottom right;
  -webkit-animation: blackBg 5000ms forwards;
  -moz-animation: blackBg 5000ms forwards;
  -ms-animation: blackBg 5000ms forwards;
  animation: blackBg 5000ms forwards;
}
body #logo #green-circle-1 #green-circle-2 #white-circle-1 #box .circle {
  float: left;
  width: 20px;
  height: 20px;
  margin: -10px 0 0 0;
  background-color: #000;
  border-radius: 50%;
}
@-webkit-keyframes blackBg {
  from {
    top: 160px;
    left: 0;
  }
  40% {
    top: 160px;
    left: 0;
  }
  60% {
    top: -20px;
    left: -266px;
  }
  80% {
    top: -260px;
    left: -266px;
  }
  to {
    top: -260px;
    left: -266px;
  }
}
@-webkit-keyframes popUp {
  from {
    -webkit-transform: scale(0);
  }
  80% {
    -webkit-transform: scale(1.3);
  }
  to {
    -webkit-transform: scale(1);
  }
}
@-webkit-keyframes whiteCircleOne {
  from {
    -webkit-transform: scale(0);
  }
  15% {
    -webkit-transform: scale(0);
  }
  35% {
    -webkit-transform: scale(1);
  }
  to {
    -webkit-transform: scale(1);
  }
}
@-webkit-keyframes greenCircleOne {
  from {
    -webkit-transform: scale(0);
  }
  8% {
    -webkit-transform: scale(0);
  }
  15% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1);
  }
  to {
    -webkit-transform: scale(1);
  }
}
@-webkit-keyframes logo {
  from {
    -webkit-transform: scale(0);
  }
  15% {
    -webkit-transform: scale(1.5);
  }
  50% {
    -webkit-transform: scale(1);
  }
  to {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes blackBg {
  from {
    top: 160px;
    left: 0;
  }
  40% {
    top: 160px;
    left: 0;
  }
  60% {
    top: -20px;
    left: -266px;
  }
  80% {
    top: -260px;
    left: -266px;
  }
  to {
    top: -260px;
    left: -266px;
  }
}
@-moz-keyframes popUp {
  from {
    -moz-transform: scale(0);
  }
  80% {
    -moz-transform: scale(1.3);
  }
  to {
    -moz-transform: scale(1);
  }
}
@-moz-keyframes whiteCircleOne {
  from {
    -moz-transform: scale(0);
  }
  15% {
    -moz-transform: scale(0);
  }
  35% {
    -moz-transform: scale(1);
  }
  to {
    -moz-transform: scale(1);
  }
}
@-moz-keyframes greenCircleOne {
  from {
    -moz-transform: scale(0);
  }
  8% {
    -moz-transform: scale(0);
  }
  15% {
    -moz-transform: scale(1);
  }
  50% {
    -moz-transform: scale(1);
  }
  to {
    -moz-transform: scale(1);
  }
}
@-moz-keyframes logo {
  from {
    -moz-transform: scale(0);
  }
  15% {
    -moz-transform: scale(1.5);
  }
  50% {
    -moz-transform: scale(1);
  }
  to {
    -moz-transform: scale(1);
  }
}
@-ms-keyframes blackBg {
  from {
    top: 160px;
    left: 0;
  }
  40% {
    top: 160px;
    left: 0;
  }
  60% {
    top: -20px;
    left: -266px;
  }
  80% {
    top: -260px;
    left: -266px;
  }
  to {
    top: -260px;
    left: -266px;
  }
}
@-ms-keyframes popUp {
  from {
    -ms-transform: scale(0);
  }
  80% {
    -ms-transform: scale(1.3);
  }
  to {
    -ms-transform: scale(1);
  }
}
@-ms-keyframes whiteCircleOne {
  from {
    -ms-transform: scale(0);
  }
  15% {
    -ms-transform: scale(0);
  }
  35% {
    -ms-transform: scale(1);
  }
  to {
    -ms-transform: scale(1);
  }
}
@-ms-keyframes greenCircleOne {
  from {
    -ms-transform: scale(0);
  }
  8% {
    -ms-transform: scale(0);
  }
  15% {
    -ms-transform: scale(1);
  }
  50% {
    -ms-transform: scale(1);
  }
  to {
    -ms-transform: scale(1);
  }
}
@-ms-keyframes logo {
  from {
    -ms-transform: scale(0);
  }
  15% {
    -ms-transform: scale(1.5);
  }
  50% {
    -ms-transform: scale(1);
  }
  to {
    -ms-transform: scale(1);
  }
}
@-moz-keyframes blackBg {
  from {
    top: 160px;
    left: 0;
  }
  40% {
    top: 160px;
    left: 0;
  }
  60% {
    top: -20px;
    left: -266px;
  }
  80% {
    top: -260px;
    left: -266px;
  }
  to {
    top: -260px;
    left: -266px;
  }
}
@-webkit-keyframes blackBg {
  from {
    top: 160px;
    left: 0;
  }
  40% {
    top: 160px;
    left: 0;
  }
  60% {
    top: -20px;
    left: -266px;
  }
  80% {
    top: -260px;
    left: -266px;
  }
  to {
    top: -260px;
    left: -266px;
  }
}
@-o-keyframes blackBg {
  from {
    top: 160px;
    left: 0;
  }
  40% {
    top: 160px;
    left: 0;
  }
  60% {
    top: -20px;
    left: -266px;
  }
  80% {
    top: -260px;
    left: -266px;
  }
  to {
    top: -260px;
    left: -266px;
  }
}
@keyframes blackBg {
  from {
    top: 160px;
    left: 0;
  }
  40% {
    top: 160px;
    left: 0;
  }
  60% {
    top: -20px;
    left: -266px;
  }
  80% {
    top: -260px;
    left: -266px;
  }
  to {
    top: -260px;
    left: -266px;
  }
}
@-moz-keyframes popUp {
  from {
    transform: scale(0);
  }
  80% {
    transform: scale(1.3);
  }
  to {
    transform: scale(1);
  }
}
@-webkit-keyframes popUp {
  from {
    transform: scale(0);
  }
  80% {
    transform: scale(1.3);
  }
  to {
    transform: scale(1);
  }
}
@-o-keyframes popUp {
  from {
    transform: scale(0);
  }
  80% {
    transform: scale(1.3);
  }
  to {
    transform: scale(1);
  }
}
@keyframes popUp {
  from {
    transform: scale(0);
  }
  80% {
    transform: scale(1.3);
  }
  to {
    transform: scale(1);
  }
}
@-moz-keyframes whiteCircleOne {
  from {
    transform: scale(0);
  }
  15% {
    transform: scale(0);
  }
  35% {
    transform: scale(1);
  }
  to {
    transform: scale(1);
  }
}
@-webkit-keyframes whiteCircleOne {
  from {
    transform: scale(0);
  }
  15% {
    transform: scale(0);
  }
  35% {
    transform: scale(1);
  }
  to {
    transform: scale(1);
  }
}
@-o-keyframes whiteCircleOne {
  from {
    transform: scale(0);
  }
  15% {
    transform: scale(0);
  }
  35% {
    transform: scale(1);
  }
  to {
    transform: scale(1);
  }
}
@keyframes whiteCircleOne {
  from {
    transform: scale(0);
  }
  15% {
    transform: scale(0);
  }
  35% {
    transform: scale(1);
  }
  to {
    transform: scale(1);
  }
}
@-moz-keyframes greenCircleOne {
  from {
    transform: scale(0);
  }
  8% {
    transform: scale(0);
  }
  15% {
    transform: scale(1);
  }
  50% {
    transform: scale(1);
  }
  to {
    transform: scale(1);
  }
}
@-webkit-keyframes greenCircleOne {
  from {
    transform: scale(0);
  }
  8% {
    transform: scale(0);
  }
  15% {
    transform: scale(1);
  }
  50% {
    transform: scale(1);
  }
  to {
    transform: scale(1);
  }
}
@-o-keyframes greenCircleOne {
  from {
    transform: scale(0);
  }
  8% {
    transform: scale(0);
  }
  15% {
    transform: scale(1);
  }
  50% {
    transform: scale(1);
  }
  to {
    transform: scale(1);
  }
}
@keyframes greenCircleOne {
  from {
    transform: scale(0);
  }
  8% {
    transform: scale(0);
  }
  15% {
    transform: scale(1);
  }
  50% {
    transform: scale(1);
  }
  to {
    transform: scale(1);
  }
}
@-moz-keyframes logo {
  from {
    transform: scale(0);
  }
  15% {
    transform: scale(1.5);
  }
  50% {
    transform: scale(1);
  }
  to {
    transform: scale(1);
  }
}
@-webkit-keyframes logo {
  from {
    transform: scale(0);
  }
  15% {
    transform: scale(1.5);
  }
  50% {
    transform: scale(1);
  }
  to {
    transform: scale(1);
  }
}
@-o-keyframes logo {
  from {
    transform: scale(0);
  }
  15% {
    transform: scale(1.5);
  }
  50% {
    transform: scale(1);
  }
  to {
    transform: scale(1);
  }
}
@keyframes logo {
  from {
    transform: scale(0);
  }
  15% {
    transform: scale(1.5);
  }
  50% {
    transform: scale(1);
  }
  to {
    transform: scale(1);
  }
}




/*list*/
ul{
    padding: 400px;
    margin: 0;
}
li{
    padding: 0;
    margin: 0;
	text-align: center;
	font: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	color: #ffffff;
	  list-style-type:none;
}

/*tukawann*/

section table { width: 100%; }
section th, section td  { border: 1px solid #ddd; }
section th  { background: #f4f4f4; }

/*----------------------------------------------------
  .demo01
----------------------------------------------------*/
.demo01 th  { width: 30%; text-align: left; }
 
@media only screen and (max-width:480px){
    .demo01 { margin: 0 -10px; }
    .demo01 th,
    .demo01 td{
    width: 100%;
    display: block;
    border-top: none;
    }
  .demo01 tr:first-child th { border-top: 1px solid #ddd; }
}
/*2*/

table {
	margin-top: 500px;
	border-top: 1px solid #000000;
    border-right: 1px solid #000000;
	background-color: #ffffff;
    width: 860px;
    border-spacing: 0;
    margin: 0 auto;
}
th, td {
    border-bottom: 1px solid #000000;
    border-left: 1px solid #000000;
    text-align: left;
    padding: 3px;
}
th { margin-top: 100px; background-color: #000000; color: #ffffff;}

.flexbox{
　　display:-webkit-box;
　　display: -webkit-flex;
　　display:-ms-flexbox;
　　display: flex;
　　-webkit-flex-wrap:wrap;
　　-ms-flex-wrap:wrap;
　　flex-wrap:wrap;
}
.box1{
　　-webkit-box-ordinal-group:1;
　　-ms-flex-order:1;
　　-webkit-order:1;
　　order:1;
}
.box2{
　　-webkit-box-ordinal-group:2;
　　-ms-flex-order:2;
　　-webkit-order:2;
　　order:2;
}
.box3{
　　-webkit-box-ordinal-group:3;
　　-ms-flex-order:3;
　　-webkit-order:3;
　　order:3;
}

/*akan*/
.lace {
        height: 440px;
        background: /*#222*/#000000;
        margin-bottom: 15px;
}
 
.one {
        background-image: radial-gradient(circle at 10px 0, rgba(255,255,255,0) 9px, #fff 10px, rgba(255,255,255,0) 11px);
        background-repeat: repeat-x;
        background-size: 20px 11px;
}
.two {
        background-image: radial-gradient(circle at 15px 0, #360031 2px, #fba5ec 20px, rgba(255,255,255,0) 21px);
        background-repeat: repeat-x;
        background-position: 0 0;
        background-size: 30px 21px;
}
.three {
        background-image:
                radial-gradient(circle at 15px 0, rgba(255,255,255,0) 14px, #fff 15px, rgba(255,255,255,0) 16px),
                radial-gradient(circle at 15px 0, rgba(255,255,255,0) 14px, #fff 15px, rgba(255,255,255,0) 16px),
                radial-gradient(circle at 15px 0, rgba(255,255,255,0) 4px, #fff 5px, rgba(255,255,255,0) 6px),
                radial-gradient(circle at 5px 5px, rgba(255,255,255,0) 1px, #fff 2px, rgba(255,255,255,0) 3px);
        background-repeat: repeat-x;
        background-position: 0 0, 15px 6px, 0 0, 25px 9px;
        background-size: 30px 21px, 30px 21px, 30px 21px, 30px 20px;
}
.four {
        background-image:
                linear-gradient(to right bottom, rgba(255,255,255,0) 9px, #fba5ec 10px, rgba(255,255,255,0) 11px),
                linear-gradient(to left bottom, rgba(255,255,255,0) 9px, #fba5ec 10px, rgba(255,255,255,0) 11px),
                radial-gradient(circle at 6px 0, rgba(255,255,255,0) 5px, #fba5ec 6px, rgba(255,255,255,0) 7px);
        background-repeat: repeat-x;
        background-size: 12px 20px, 12px 20px, 12px 11px;
        background-position: 0 0, 0 0, 0 20px;
}
.five {
        background-image:
                linear-gradient(to right bottom, rgba(255,255,255,0) 8px, #fff 9px, rgba(255,255,255,0) 10px),
                linear-gradient(to left bottom, rgba(255,255,255,0) 8px, #fff 9px, rgba(255,255,255,0) 10px);
        background-repeat: repeat;
        background-size: 12px 14px, 12px 14px, 12px 11px;
        background-position: 0 0, 0 0, 0 20px;
}
.six {
        background-image:
                radial-gradient(circle at 6px 0, rgba(255,255,255,0) 5px, #fff 6px, rgba(255,255,255,0) 7px),
                radial-gradient(circle at 12px 0, rgba(255,255,255,0) 11px, #fff 12px, rgba(255,255,255,0) 13px),
                radial-gradient(circle at 12px 0, rgba(255,255,255,0) 4px, #fff 5px, rgba(255,255,255,0) 6px),
                radial-gradient(circle at 12px 12px, rgba(255,255,255,0) 1px, #fff 2px, rgba(255,255,255,0) 3px),
                linear-gradient(to left, rgba(255,255,255,0) 1px, #fff 2px, rgba(255,255,255,0) 3px);
        background-repeat: repeat-x;
        background-position: 6px 35px, 6px 39px, 6px 42px, -6px 43px, 8px 45px;
        background-size: 12px 12px, 24px 13px, 24px 12px, 24px 24px, 24px 8px;
}

/*..six {
        background-image:
                radial-gradient(circle at 6px 0, rgba(255,255,255,0) 5px, #fff 6px, rgba(255,255,255,0) 7px),
                radial-gradient(circle at 12px 0, rgba(255,255,255,0) 11px, #fff 12px, rgba(255,255,255,0) 13px),
                radial-gradient(circle at 12px 0, rgba(255,255,255,0) 4px, #fff 5px, rgba(255,255,255,0) 6px),
                radial-gradient(circle at 12px 12px, rgba(255,255,255,0) 1px, #fff 2px, rgba(255,255,255,0) 3px),
                linear-gradient(to left, rgba(255,255,255,0) 1px, #fff 2px, rgba(255,255,255,0) 3px);
        background-repeat: repeat-x;
        background-position: 6px 35px, 6px 39px, 6px 42px, -6px 43px, 8px 45px;
        background-size: 12px 12px, 24px 13px, 24px 12px, 24px 24px, 24px 8px;
}*/
six:before {
        content: "";
        display: block;
        height: 35px;
        background-image:
                linear-gradient(to right bottom, rgba(255,255,255,0) 8px, #fff 9px, rgba(255,255,255,0) 10px),
                linear-gradient(to left bottom, rgba(255,255,255,0) 8px, #fff 9px, rgba(255,255,255,0) 10px);
        background-repeat: repeat;
        background-size: 12px 14px, 12px 14px, 12px 11px;
        background-position: 0 0, 0 0, 0 20px;
}
.seven {
        background-image:
                radial-gradient(circle at 6px 0, rgba(255,255,255,0) 5px, #fba5ec 6px, rgba(255,255,255,0) 6px),
                radial-gradient(circle at 6px 0, rgba(255,255,255,0) 5px, #fba5ec 6px, rgba(255,255,255,0) 6px);
        background-repeat: repeat-x;
        background-position: 0 29px, 0 33px;
        background-size: 12px 12px;
}
.seven:before {
        content: "";
        display: block;
        height: 31px;
        background-image:
                linear-gradient(to right bottom, rgba(255,255,255,0) 5px, #fba5ec 6px, rgba(255,255,255,0) 6px),
                linear-gradient(to left bottom, rgba(255,255,255,0) 5px, #fba5ec 6px, rgba(255,255,255,0) 6px);
        background-repeat: repeat;
        background-size: 6px 12px, 6px 12px, 12px 11px;
        background-position: 0 0, 0 0, 0 20px;
}