@charset "utf-8";

/*
############################################################
	
	ユーティリティ
	
############################################################
*/



/*
------------------------------------------------------------
　utility
------------------------------------------------------------
*/

input.simpleBtn{
	_padding-top:2px;
}

.none{ /* ダミー要素：floatはみ出し回避など */
	height:0;
	width:0;
	font-size:0.001%;
}
table.no-border, table.no-border td, table.no-border tr, td.no-border, th.no-border{
	border:none !important;
}
em {
    font-weight: normal;
    font-style: normal !important;
}

.flR{
	float:right;
}
.flL{
	float:left;
}


.alR, tr.alR td, tr.alR th{
	text-align:right;
}
.alC, tr.alC td, tr.alC th{
	text-align:center;
}
.alC img {
    display: inline-block;
}
.alL, tr.alL td, tr.alL th{
	text-align:left;
}




/* MM
------------------------- */
.clearboth {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.clearleft {
	clear:left;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.clearright {
	clear:right;
    height:0;
    font-size: 1px;
    line-height: 0px;
}




/* clearfix - set
------------------------- */
.clearfix-b:after,
.clearfix-l:after,
.clearfix-r:after {
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}
.clearfix-b:after {
  clear: both;
}
.clearfix-l:after {
  clear: left;
}
.clearfix-r:after {
  clear: right;
}
.clearfix-b,
.clearfix-l,
.clearfix-r {
  min-height: 1px;
}
* html .clearfix-b,
* html .clearfix-l,
* html .clearfix-r {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}



/* フォント
------------------------- */
.f-u{
	text-decoration:underline !important;
}
.f-bold{
	font-weight:bold !important;
}
.f-normal{
	font-weight:normal !important;
}
.f-white{
	color:#fff;
}
.f-grey6{
	color:#666;
}
.f-greyc{
	color:#ccc;
}
.f-red{
	color:#F03;
}
.f-blue{
	color:#03C;
}



.f-10{
	font-size:10px;
	line-height:13px;
}
.f-11{
	font-size:11px;
	line-height:14px;
}
.f-12{
	font-size:12px;
	line-height:15px;
}
.f-13{
	font-size:13px;
	line-height:16px;
}
.f-14{
	font-size:14px;
	line-height:17px;
}
.f-15{
	font-size:15px;
	line-height:18px;
}
.f-16{
	font-size:16px;
	line-height:20px;
}

/* percent */
.f-80{
	font-size:80%;
}
.f-90{
	font-size:90%;
}
.f-110{
	font-size:110%;
	line-height:1.6em !important;
}
.f-120{
	font-size:120%;
	line-height:1.7em !important;
}




/* -- 背景色 */

/*.bg-eed{
	background-color:#eed;
}
.bg-cca{
	background-color:#cca;
}
.bg-beige{
	background-color:#ffd;
}*/


/* -- 横幅 */

/*.w100{
	width:100px;
}
.w200{
	width:200px;
}
.w300{
	width:300px;
}
.w350{
	width:350px;
}
.w400{
	width:400px;
}
.w500{
	width:500px;
}
.w600{
	width:600px;
}
.w700{
	width:700px;
}*/



/* margin / padding
------------------------- */
.m10{
	margin:10px;
}
.m20{
	margin:20px;
}
.mt10{
	margin-top:10px;
}
.mt20{
	margin-top:20px;
}
.mb10{
	margin-bottom:10px;
}
.mb20{
	margin-bottom:20px;
}
.ml10{
	margin-left:10px;
}
.ml20{
	margin-left:20px;
}
.mr10{
	margin-right:10px;
}
.mr20{
	margin-right:20px;
}

.p10{
	padding:10px;
}
.p20{
	padding:20px;
}
.pt10{
	padding-top:10px;
}
.pt20{
	padding-top:20px;
}
.pb10{
	padding-bottom:10px;
}
.pb20{
	padding-bottom:20px;
}
.pl10{
	padding-left:10px;
}
.pl20{
	padding-left:20px;
}
.pr10{
	padding-right:10px;
}
.pr20{
	padding-right:20px;
}