@charset "utf-8";

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

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

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


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

.m0b { margin-bottom: 0 !important; }
.m1b { margin-bottom: 1px !important; }
.m2b { margin-bottom: 2px !important; }
.m3b { margin-bottom: 3px !important; }
.m4b { margin-bottom: 4px !important; }
.m5b { margin-bottom: 5px !important; }
.m6b { margin-bottom: 6px !important; }
.m7b { margin-bottom: 7px !important; }
.m8b { margin-bottom: 8px !important; }
.m9b { margin-bottom: 9px !important; }
.m10b { margin-bottom: 10px !important; }
.m12b { margin-bottom: 12px !important; }
.m14b { margin-bottom: 14px !important; }
.m15b { margin-bottom: 15px !important; }
.m19b { margin-bottom: 19px !important; }
.m20b { margin-bottom: 20px !important; }
.m25b { margin-bottom: 25px !important; }
.m30b { margin-bottom: 30px !important; }
.m35b { margin-bottom: 35px !important; }
.m40b { margin-bottom: 40px !important; }
.m45b { margin-bottom: 45px !important; }
.m50b { margin-bottom: 50px !important; }
.m60b { margin-bottom: 60px !important; }
.m80b { margin-bottom: 80px !important; }

.m0l { margin-left: 0 !important; }
.m5l { margin-left: 5px !important; }
.m10l { margin-left: 10px !important; }
.m12l { margin-left: 12px !important; }
.m15l { margin-left: 15px !important; }
.m20l { margin-left: 20px !important; }
.m25l { margin-left: 25px !important; }
.m30l { margin-left: 30px !important; }
.m40l { margin-left: 40px !important; }
.m50l { margin-left: 50px !important; }
.m60l { margin-left: 60px !important; }
.m180l { margin-left: 180px !important; }

.m5r { margin-right: 5px !important; }
.m2r { margin-right: 2px !important; }
.m6r { margin-right: 6px !important; }
.m7r { margin-right: 7px !important; }
.m10r { margin-right: 10px !important; }
.m13r { margin-right: 13px !important; }
.m14r { margin-right: 14px !important; }
.m15r { margin-right: 15px !important; }
.m17r { margin-right: 17px !important; }
.m20r { margin-right: 20px !important; }
.m22r { margin-right: 22px !important; }
.m25r { margin-right: 25px !important; }
.m30r { margin-right: 30px !important; }
.m35r { margin-right: 35px !important; }
.m40r { margin-right: 40px !important; }
.m50r { margin-right: 50px !important; }

.p10 { padding: 5px 10px 10px !important; }

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

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

.p10t { padding-top: 10px !important; }
.p15t { padding-top: 15px !important;}
.p20t { padding-top: 20px !important;}
.p30t { padding-top: 30px !important;}



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

.clear { clear: both; }

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

.fLeft { float: left; }
.fRight { float: right; }
.alignleft { float: left; margin: 0 20px 20px 0; }
.alignright { float: right; margin: 0 0 20px 20px; }

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

.lh2 { line-height: 2; }


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

.hide { 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 */