/************************************************************************************
ベーススタイル設定

1.clearfix,clear
2.font
3.float
4.text-align
5.margin
6.padding
************************************************************************************/

/*1. clearfix,clear */

/* For modern browsers */
.clearfix:before,
.clearfix:after {
	content:"";
	display:block;
	overflow:hidden;
	}
 
.clearfix:after {
	clear:both;
	}
 
/* For IE 6/7 (trigger hasLayout) */
.clearfix {
	zoom:1;
	}

.clear {
	clear:both;
	}


/*2. font */
.fw_b {
	font-weight: bold;
}

/*3. float */
.f_L {
	display: inline;
	float: left;
}
.f_R {
	display: inline;
	float: right;
}

/*4. text-align */
.t_R {
	text-align: right;
}
.t_L {
	text-align: left;
}
.t_C {
	text-align: center;
}

/*5. margin */

.mt5 {
	margin: 5px 0 0px;
}
.mt10 {
	margin: 10px 0 0px;
}
.mt15 {
	margin: 15px 0 0px;
}
.mt20 {
	margin: 20px 0 0px;
}
.mt30 {
	margin: 30px 0 0px;
}
.ml5 {
	margin: 0 0 0 5px;
}
.ml10 {
	margin: 0 0 0 10px;
}
.ml15 {
	margin: 0 0 0 15px;
}
.ml20 {
	margin: 0 0 0 20px;
}
.ml30 {
	margin: 0 0 0 30px;
}
.mr5 {
	margin: 0 5px 0 0;
}
.mr10 {
	margin: 0 10px 0 0;
}
.mr15 {
	margin: 0 15px 0 0;
}
.mr20 {
	margin: 0 20px 0 0;
}
.mr30 {
	margin: 0 30px 0 0;
}

/*6. padding */
.p0 {
	padding: 0;
}
.plr5 {
	padding: 0 5px;
}
.plr10 {
	padding: 0 10px;
}
.plr15 {
	padding: 0 15px;
}
.plr20 {
	padding: 0 20px;
}
.ptb10 {
	padding: 10px 0;
}
.ptb20 {
	padding: 20px 0;
}
.pall10 {
	padding: 10px;
}
.pall20 {
	padding: 20px;
}
.pl0{
	padding-left:0 !important;
}
.pr0{
	padding-right:0 !important;
}

/*6. margin-bottom */
.m0{
    margin: 0 !important;
}
.mb0 {
	margin-bottom: 0 !important;
}
.mb5 {
	margin-bottom: 5px !important;
}
.mb10{
    margin-bottom: 10px !important;
}
.mb15{
    margin-bottom: 15px !important;
}
.mb20{
    margin-bottom: 20px !important;
}
.mb30{
    margin-bottom: 30px !important;
}
.mb40{
    margin-bottom: 40px !important;
}
.mb50{
    margin-bottom: 50px !important;
}
.mb60{
    margin-bottom: 60px !important;
}

@media (max-width: 768px) {
/*
    .m0{
        margin: 0 !important;
    }
    .mb0 {
    	margin-bottom: 0 !important;
    }
    .mb5 {
    	margin-bottom: 0 !important;
    }
    .mb10{
    	margin-bottom: 0 !important;
    }
    .mb15{
    	margin-bottom: 0 !important;
    }
    .mb20{
    	margin-bottom: 0 !important;
    }
    .mb30{
    	margin-bottom: 0 !important;
    }
    .mb40{
    	margin-bottom: 0 !important;
    }
    .mb50{
    	margin-bottom: 0 !important;
    }
    .mb60{
    	margin-bottom: 0 !important;
    }
*/    
}

/*7. width % */
.w10p{
  width:10%;
}
.w20p{
  width:20%;
}
.w30p{
  width:30%;
}
.w40p{
  width:40%;
}
.w50p{
  width:50%;
}
.w60p{
  width:60%;
}
.w70p{
  width:70%;
}
.w80p{
  width:80%;
}
.w90p{
  width:90%;
}
.w100p{
  width:100%;
}
.w5p{
  width:5%;
}
.w15p{
  width:15%;
}
.w25p{
  width:25%;
}
.w35p{
  width:35%;
}
.w45p{
  width:45%;
}
.w55p{
  width:55%;
}
.w64p{
  width:64%;
}
.w65p{
  width:65%;
}
.w75p{
  width:75%;
}
.w85p{
  width:85%;
}
.w95p{
  width:95%;
}
@media (max-width: 768px) {
  .w10p{
    width:100%;
  }
  .w20p{
    width:100%;
  }
  .w30p{
    width:100%;
  }
  .w40p{
    width:100%;
  }
  .w50p{
    width:100%;
  }
  .w60p{
    width:100%;
  }
  .w70p{
    width:100%;
  }
  .w80p{
    width:100%;
  }
  .w90p{
    width:100%;
  }
  .w100p{
    width:1000%;
  }
  .w5p{
    width:100;
  }
  .w15p{
    width:100%;
  }
  .w25p{
    width:100%;
  }
  .w35p{
    width:100%;
  }
  .w45p{
    width:100%;
  }
  .w55p{
    width:100%;
  }
  .w65p{
    width:100%;
  }
  .w75p{
    width:100%;
  }
  .w85p{
    width:100%;
  }
  .w95p{
    width:100%;
  }
}

.areaL {float: left;}
.areaR {float: right;}
.tx-left{text-align: left !important;}
.tx-right{text-align: right !important;}
.tx-center{text-align: center !important;}

@media screen and (max-width: 768px){
    .rwd-float-none .areaL,
    .rwd-float-none .areaR{
        float:none;
        width:100%;
        margin: 0 auto 10px;
    }
}