@charset "utf-8";
/* module.css */

/* CLEARFIX
================= */
.clearfix{
  zoom:1;/*for IE 5.5-7*/
}
.clearfix:after{/*for modern browser*/
  content:".";
  display: block;
  height: 0px;
  clear: both;
  visibility: hidden;
}
* html .clearfix{
  display: inline-table;
  /*\*/display: block;/**/
}


/* LINK
================= */
a {border: none; outline: none; overflow: hidden;text-decoration: none;}
a img {border: none; outline: none;}
a:hover   {text-decoration: none;}
a:active  {text-decoration: none;}


/* BLOCK
================= */
.block {display: block;}
.none  {display: none;}


/* FLOAT
================= */
.floatLeft  {float: left;}
.floatRight {float: right;}
.clearLeft  {clear: left;}
.clearRight {clear: right;}
.clearBoth  {clear: both;}


/* TEXT SIZE
================= */
.font-large {font-size: 3rem;}
.font-medium {font-size: 2.4rem;}
.font-small {font-size: 2rem;}

@media screen and (min-width: 751px) {
.font-large {font-size: 2.4rem;}
.font-medium {font-size: 1.6rem;}
.font-small {font-size: 1.2rem;}
}

/* TEXT ALIGN
================= */
.left   {text-align: left;}
.right  {text-align: right;}
.center {text-align: center;}


/* TEXT LAYOUT
================= */
.bold {font-weight: bold;}


/* TEXT INDENT
================= */
.indent {
	text-indent: -1em;
	padding-left: 1em;
}
.indent-over10 {
  text-indent: -1.5em;
  padding-left: 1.5em;
}

/* COLOR
================= */



/* BACKGROUND COLOR
================= */


/* MARGIN
================= */
.mT5  {margin-top: 5px;}
.mR5  {margin-right: 5px;}
.mB5  {margin-bottom: 5px;}
.mL5  {margin-left: 5px;}
.mT10 {margin-top: 10px;}
.mR10 {margin-right: 10px;}
.mB10 {margin-bottom: 10px;}
.mL10 {margin-left: 10px;}
.mT15 {margin-top: 15px;}
.mR15 {margin-right: 15px;}
.mB15 {margin-bottom: 15px;}
.mL15 {margin-left: 15px;}
.mT20 {margin-top: 20px;}
.mR20 {margin-right: 20px;}
.mB20 {margin-bottom: 20px;}
.mL20 {margin-left: 20px;}
.mT30 {margin-top: 30px;}
.mR30 {margin-right: 30px;}
.mB30 {margin-bottom: 30px;}
.mL30 {margin-left: 30px;}
.mT40 {margin-top: 40px;}
.mR40 {margin-right: 40px;}
.mB40 {margin-bottom: 40px;}
.mL40 {margin-left: 40px;}
.mT50 {margin-top: 50px;}
.mR50 {margin-right: 50px;}
.mB50 {margin-bottom: 50px;}
.mL50 {margin-left: 50px;}


/* PADDING
================= */
.pT5  {padding-top: 5px;}
.pR5  {padding-right: 5px;}
.pB5  {padding-bottom: 5px;}
.pL5  {padding-left: 5px;}
.pT10 {padding-top: 10px;}
.pR10 {padding-right: 10px;}
.pB10 {padding-bottom: 10px;}
.pL10 {padding-left: 10px;}
.pT15 {padding-top: 15px;}
.pR15 {padding-right: 15px;}
.pB15 {padding-bottom: 15px;}
.pL15 {padding-left: 15px;}
.pT20 {padding-top: 20px;}
.pR20 {padding-right: 20px;}
.pB20 {padding-bottom: 20px;}
.pL20 {padding-left: 20px;}
.pT30 {padding-top: 30px;}
.pR30 {padding-right: 30px;}
.pB30 {padding-bottom: 30px;}
.pL30 {padding-left: 30px;}
.pT40 {padding-top: 40px;}
.pR40 {padding-right: 40px;}
.pB40 {padding-bottom: 40px;}
.pL40 {padding-left: 40px;}
.pT50 {padding-top: 50px;}
.pR50 {padding-right: 50px;}
.pB50 {padding-bottom: 50px;}
.pL50 {padding-left: 50px;}
