@charset "utf-8";

/*
============================ Base CSS ============================

			デフォルト設定
				1.マージン・インデント
				2.位置クラス
				3.アクセシビリティ
				4.不具合回避

====================================================================
*/


/* 1.マージン・インデント
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

.m1b { margin-bottom: 1px; }
.m2b { margin-bottom: 2px; }
.m3b { margin-bottom: 3px; }
.m4b { margin-bottom: 4px; }
.m5b { margin-bottom: 5px; }
.m6b { margin-bottom: 6px; }
.m7b { margin-bottom: 7px; }
.m8b { margin-bottom: 8px; }
.m9b { margin-bottom: 9px; }
.m10b { margin-bottom: 10px; }
.m13b { margin-bottom: 13px; }
.m15b { margin-bottom: 15px; }
.m20b { margin-bottom: 20px; }
.m25b { margin-bottom: 25px; }
.m30b { margin-bottom: 30px; }
.m35b { margin-bottom: 35px; }
.m40b { margin-bottom: 40px; }
.m45b { margin-bottom: 45px; }
.m50b { margin-bottom: 50px; }

.m10t { margin-top: 10px; }
.m13t { margin-top: 13px; }
.m15t { margin-top: 15px; }
.m20t { margin-top: 20px; }

.m5l { margin-left: 5px; }
.m10l { margin-left: 10px; }
.m15l { margin-left: 15px; }
.m20l { margin-left: 20px; }
.m25l { margin-left: 25px; }
.m30l { margin-left: 30px; }
.m40l { margin-left: 40px; }
.m50l { margin-left: 50px; }
.m60l { margin-left: 60px; }
.m70l { margin-left: 70px; }

.m5r { margin-right: 5px; }
.m8r { margin-right: 8px; }
.m10r { margin-right: 10px; }
.m15r { margin-right: 15px; }
.m20r { margin-right: 20px; }
.m25r { margin-right: 25px; }
.m30r { margin-right: 30px; }
.m40r { margin-right: 40px; }
.m50r { margin-right: 50px; }

.p5b { padding-bottom: 5px; }
.p10b { padding-bottom: 10px; }
.p15b { padding-bottom: 15px; }
.p20b { padding-bottom: 20px; }
.p25b { padding-bottom: 25px; }
.p30b { padding-bottom: 30px; }

.p5l { padding-left: 5px; }
.p10l { padding-left: 10px; }
.p15l { padding-left: 15px; }
.p20l { padding-left: 20px; }
.p25l { padding-left: 25px; }
.p30l { padding-left: 30px; }



/* 2.位置クラス
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

.clear { clear: both;
font-size:0; }

.cen { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }

.fLeft { float: left; }
.fRight { float: right; }
.mAute{margin:auto;}

img.imgRight { margin: 0 0 0 10px; float: right; }
img.imgLeft { margin: 0 10px 0 0; float: left; }

.lh2 { line-height: 2; }


/* 3.アクセシビリティ
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

.hide { display: none; height: 0; width: 0; overflow: hidden; position: absolute; /* for the benefit of IE5 Mac */ }



/* 4.不具合回避・デバッグ用
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

.clearfix:after {
  clear: both;
  content: ".";  /* 新しい要素を作る */
  display: block;
  height: 0;
  visibility: hidden;
}

.clearfix { min-height: 1px; }

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

.debug { border: 1px solid #FF0000; }



/* END */