@charset "utf-8";

/*
------------------------------------------------------------
　ユーティリティ
------------------------------------------------------------
*/

.clearboth { /* MM */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.clearleft { /* MM */
	clear:left;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.clearright { /* MM */
	clear:right;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.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;
}





.flR{
	float:right;
}
.flL{
	float:left;
}
.flC{
	clear:both;
}
.alR, tr.alR td, tr.alR th{
	text-align:right;
}
.alC, tr.alC td, tr.alC th{
	text-align:center;
}
.alL, tr.alL td, tr.alL th{
	text-align:left;
}

/* -- フォント */

.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-pink{
	color:#f35;
}
.f-green{
	color:#052;
}

.f-st1{
	color:#900;
	font-weight:bold;
}
.f-st2{
	color:#F16;
	font-weight:bold;
}
.f-st3{
	color:#377;
	font-weight:bold;
}

.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;
}

/* -- マージン */
.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;
}