.main_area {
  color: #333333;
  background-color: #ffffff;
}

/* 基本色
--------------------*/
.color0 {
  color: #333333;
  background-color: #ffffff;
}
.color0 .bgc{
  background-color: #faf8f7;
}
.color0 .heading_ll,
.color0 .heading_l {
  color: #333333;
}

.color0 .linkbutton.type_c a {
  color: #ffffff;
  background-color: #ff9901;
}
.color0 .linkbutton.type_c a:hover {
  color: #ff9901;
  background-color: #faf8f7;
}
.color0 .bgc .linkbutton.type_c a:hover {
  color: #333333;
  background-color: #ffffff;
}

.color0 hr,
.color0 .column.border .block {
  border-color: #ffffff;
}


/* 追加色１
--------------------*/
.color1 {
  color: #333333;
  background-color: #faf8f7;
}
.color1 .bgc {
  background-color: #faf8f7;
}
.color1 .heading_ll,
.color1 .heading_l {
  color: #333333;
}

.color1 .linkbutton.type_c a {
  color: #faf8f7;
  background-color: #333333;
}
.color1 .linkbutton.type_c a:hover {
  color: #333333;
  background-color: #faf8f7;
}


/* 追加色２
--------------------*/
.color2 {
  color: #333333;
  background-color: #ffffff;
}
.color2 .bgc {
  background-color: #faf8f7;
}
.color2 .heading_ll,
.color2 .heading_l {
  color: #faf8f7;
}

.color2 .linkbutton.type_c a {
  color: #ffffff;
  background-color: #faf8f7;
}
.color2 .linkbutton.type_c a:hover {
  color: #333333;
  background-color: #faf8f7;
}