@charset "UTF-8";
/* fontsize
-----------------------------------------*/
.fontS .pbHeaderArea, .fontS .pbFooterArea {
  font-size: 65%;
}

.fontS .pbMainArea {
  font-size: 76.47%;
}

@media only screen and (max-width: 980px) {
  .fontS .pbMainArea {
  font-size: 100%;
}
}

.fontM .pbHeaderArea, .fontM .pbFooterArea { font-size: 85%; }

.fontM .pbMainArea {
  font-size: 100%;
}


@media only screen and (max-width: 980px) {
  .fontM .pbHeaderArea, .fontM .pbFooterArea { font-size: 100%; }

  .fontM .pbMainArea {
  font-size: 100%;
}
}

.fontL .pbHeaderArea, .fontL .pbFooterArea { font-size: 110%; }

.fontL .pbMainArea {
  font-size: 129.1%;
}

@media only screen and (max-width: 980px) {
  .fontL .pbMainArea {
  font-size: 100%;
}
}


/* fontSwitcher
-----------------------------------------*/
.fontSwitcher {
    width: 163px;
    height: 24px;
    float: left;
}
.fontSwitcher ul {
	margin: 0;
	padding: 0;
	float: right;
}
.fontSwitcher ul li {
  float: left;
  width: 31px;
  height: 24px;
  overflow: hidden;
}
.fontSwitcher li span {
  display: block;
  cursor: pointer;
}