@charset "utf-8";
/**  basic style **/

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.notes { color: #7c8285; font-size: 0.867em;}
.red { color: #ca2c2c; }
.fs0933 { font-size: 0.933em; } /* 14px */
.fs0867 { font-size:0.867em; } /* 13px */
.fs0800 { font-size:0.800em; } /* 12px */
.fs0733 { font-size:0.733em; } /* 11px */

.floatL {float: left;}
.floatR {float: right;}
img.floatL, .floatL img {
  float: left;
  margin-right: 20px;
}
img.floatR, .floatR img {
  float: right;
  margin-left; 20px;
}
img.alignleft {
  float: left;
  margin-right: 20px;
}
img.alignright {
  float: right;
  margin-left; 20px;
}
img.aligncenter {
  display: block;
  margin: 0 auto;
}

.alignLeft {text-align: left;}
.alignRight {text-align: right;}
.alignCenter {text-align: center;}

.captionR {
    text-align: right;
    padding-right: 20px;
}

.mT10 {margin-top: 10px;}
.mT20 {margin-top: 20px;}
.mT30 {margin-top: 30px;}
.mT40 {margin-top: 40px;}
.mT50 {margin-top: 50px;}
.mR10 {margin-right: 10px;}
.mR20 {margin-right: 20px;}
.mR30 {margin-right: 30px;}
.mR40 {margin-right: 40px;}
.mR50 {margin-right: 50px;}
.mB10 {margin-bottom: 10px;}
.mB20 {margin-bottom: 20px;}
.mB30 {margin-bottom: 30px;}
.mB40 {margin-bottom: 40px;}
.mB50 {margin-bottom: 50px;}
.mL10 {margin-left: 10px;}
.mL20 {margin-left: 20px;}
.mL30 {margin-left: 30px;}
.mL40 {margin-left: 40px;}
.mL50 {margin-left: 50px;}
