@charset "UTF-8";
/* CSS Document */
* {
  zoom: 1;
}

body {
  margin: 0px;
  padding: 0px;
  font-size: 14px;
}

body img {
  width: 100%;
}

a:hover img {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "alpha( opacity=50 )";
  background-color: #FFF;
  background-image: none;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /**/
    /*/
height: auto;
overflow: hidden;
/**/
}

/* ------インラインブロック------ */
.block {
  display: inline-block;
}

/* ------汎用フォントサイズ------ */
.fs10 {
  font-size: 10px;
}

.fs12 {
  font-size: 12px;
}

.fs14 {
  font-size: 14px;
}

.fs16 {
  font-size: 16px;
}

.fs18 {
  font-size: 18px;
}

.fs20 {
  font-size: 20px;
}

.bold {
  font-weight: bold;
}

/* ------汎用行間------ */
.lh12 {
  line-height: 1.2em;
}

.lh14 {
  line-height: 1.4em;
}

.lh16 {
  line-height: 1.6em;
}

.lh18 {
  line-height: 1.8em;
}

.lh20 {
  line-height: 2em;
}

/* ------汎用フォントファミリー------ */
.ffarial {
  font-family: Arial;
}

.ffarialB {
  font-family: Arial Black;
}

/* ------ベースカラー------ */
.black {
  color: #000;
}

.white {
  color: #FFF;
}

.gray {
  color: #888;
}

.darkgray {
  color: #444;
}

.blue {
  color: #0066D5;
}

.lightblue {
  color: #0098D9;
}

.red {
  color: #DD0000;
}

.pink {
  color: #F82863;
}

.lightpink {
  color: #FC8DD0;
}

.yellow {
  color: #FFD800;
}

.orange {
  color: #FE9900;
}

.green {
  color: #00A53C;
}

/* ------ベースカラー／背景色------ */
.b_black {
  background-color: #000;
}

.b_white {
  background-color: #fff;
}

.b_gray {
  background-color: #888;
}

.b_darkgray {
  background-color: #444;
}

.b_blue {
  background-color: #0066D5;
}

.b_lightblue {
  background-color: #0098D9;
}

.b_red {
  background-color: #C80000;
}

.b_pink {
  background-color: #F82863;
}

.b_lightpink {
  background-color: #FC8DD0;
}

.b_yellow {
  background-color: #FFD800;
}

.b_orange {
  background-color: #FE9900;
}

.b_green {
  background-color: #00A53C;
}

/* ------汎用マージン・余白------ */
.mt5 {
  margin-top: 5px;
}

.mt10 {
  margin-top: 10px;
}

.mt15 {
  margin-top: 15px;
}

.mt20 {
  margin-top: 20px;
}

.mt25 {
  margin-top: 25px;
}

.mt30 {
  margin-top: 30px;
}

.mr5 {
  margin-right: 5px;
}

.mr10 {
  margin-right: 10px;
}

.mr15 {
  margin-right: 15px;
}

.mr20 {
  margin-right: 20px;
}

.mr25 {
  margin-right: 25px;
}

.mr30 {
  margin-right: 30px;
}

.ml5 {
  margin-left: 5px;
}

.ml10 {
  margin-left: 10px;
}

.ml15 {
  margin-left: 15px;
}

.ml20 {
  margin-left: 20px;
}

.mb5 {
  margin-bottom: 5px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb15 {
  margin-bottom: 15px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb25 {
  margin-bottom: 25px;
}

.mb30 {
  margin-bottom: 30px;
}

.pt5 {
  padding-top: 5px;
}

.pt10 {
  padding-top: 10px;
}

.pt15 {
  padding-top: 15px;
}

.pt20 {
  padding-top: 20px;
}

.pt25 {
  padding-top: 25px;
}

.pt30 {
  padding-top: 30px;
}

.pr5 {
  padding-right: 5px;
}

.pr10 {
  padding-right: 10px;
}

.pr15 {
  padding-right: 15px;
}

.pr20 {
  padding-right: 20px;
}

.pr25 {
  padding-right: 25px;
}

.pr30 {
  padding-right: 30px;
}

.pl5 {
  padding-left: 5px;
}

.pl10 {
  padding-left: 10px;
}

.pl15 {
  padding-left: 15px;
}

.pl20 {
  padding-left: 20px;
}

.pl25 {
  padding-left: 25px;
}

.pl30 {
  padding-left: 30px;
}

.pb5 {
  padding-bottom: 5px;
}

.pb10 {
  padding-bottom: 10px;
}

.pb15 {
  padding-bottom: 15px;
}

.pb20 {
  padding-bottom: 20px;
}

.pb25 {
  padding-bottom: 25px;
}

.pb30 {
  padding-bottom: 30px;
}

/* ------画像下の間隔埋めるIE用------ */
img {
  vertical-align: bottom;
}

/*# sourceMappingURL=common.css.map */