@charset "utf-8";

/* --------------------------------------------------
	SiteName : futurelink.co.jp
	FileName : utility.css
	Description : utility styles
	Author : name
	UpdatedBy : who-when
	
	== TOC =========================================
	1 : font-size setting
	2 : align & float & box-centaring setting
			: align
			: vertical-align
			: float
			: box-centaring
	3 : floatbox clearing
	4 : utility margin setting
			: margin-top
			: margin-right
			: margin-bottom
			: margin-left
	5 : utility padding setting
			: padding-top
			: padding-right
			: padding-bottom
			: padding-left
	6. box setting
	7. arw setting
	8. other setting

-------------------------------------------------- */


/* 1. font-size setting
================================================== */
.largest{
	font-size:x-large;
}
.larger{
	font-size:large;
}
.large{
	font-size:medium;
}
.medium{
	font-size:small;
}
.small{
	font-size:x-small;
}


/* 2. align & float & box-centaring setting
================================================== */
/* align */
.alnC{
	text-align:center;
}
.alnL{
	text-align:left;
}
.alnR{
	text-align:right;
}

/* vertical-align */
.valnT{
	vertical-align:top;
}
.valnM{
	vertical-align:middle;
}
.valnB{
	vertical-align:bottom;
}

/* float */
.fltL{
	float:left;
}
.fltR{
	float:right;
}

/* box-centaring */
.cbox{
	margin-left:auto !important;
	margin-right:auto !important;
}


/* 3. floatbox clearing
================================================== */
.clearfix{
    zoom:1;
}
.clearfix:after{
	content:".";
	display:block;
	clear:both;
	height:0.1px;
	visibility:hidden;
}
/*\*//*/
.clearfix{
	display:inline-table;
}
/**/

.clrB{
	clear:both;
}
.clrL{
	clear:left;
}
.clrR{
	clear:right
}


/* 4. utility margin setting
================================================== */
/* margin-top */
.mt0{
	margin-top:0 !important;
}
.mt5{
	margin-top:5px !important;
}
.mt10{
	margin-top:10px !important;
}
.mt12{
	margin-top:12px !important;
}
.mt15{
	margin-top:15px !important;
}
.mt20{
	margin-top:20px !important;
}
.mt25{
	margin-top:25px !important;
}
.mt30{
	margin-top:30px !important;
}
.mt50{
	margin-top:50px !important;
}

/* margin-right */
.mr0{
	margin-right:0 !important;
}
.mr5{
	margin-right:5px !important;
}
.mr10{
	margin-right:10px !important;
}
.mr15{
	margin-right:15px !important;
}
.mr20{
	margin-right:20px !important;
}
.mr25{
	margin-right:25px !important;
}
.mr30{
	margin-right:30px !important;
}

/* margin-bottom */
.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;
}
.mb25{
	margin-bottom:25px !important;
}
.mb30{
	margin-bottom:30px !important;
}
.mb50{
	margin-bottom:50px !important;
}

/* margin-left */
.ml0{
	margin-left:0 !important;
}
.ml5{
	margin-left:5px !important;
}
.ml10{
	margin-left:10px !important;
}
.ml15{
	margin-left:15px !important;
}
.ml20{
	margin-left:20px !important;
}
.ml25{
	margin-left:25px !important;
}
.ml30{
	margin-left:30px !important;
}


/* 5. utility padding setting
================================================== */
/* padding-top */
.pt0{
	padding-top:0 !important;
}
.pt5{
	padding-top:5px !important;
}
.pt10{
	padding-top:10px !important;
}
.pt12{
	padding-top:12px !important;
}
.pt15{
	padding-top:15px !important;
}
.pt20{
	padding-top:20px !important;
}
.pt25{
	padding-top:25px !important;
}
.pt30{
	padding-top:30px !important;
}

/* padding-right */
.pr0{
	padding-right:0 !important;
}
.pr5{
	padding-right:5px !important;
}
.pr10{
	padding-right:10px !important;
}
.pr15{
	padding-right:15px !important;
}
.pr20{
	padding-right:20px !important;
}
.pr25{
	padding-right:25px !important;
}
.pr30{
	padding-right:30px !important;
}

/* padding-bottom */
.pb0{
	padding-bottom:0 !important;
}
.pb5{
	padding-bottom:5px !important;
}
.pb10{
	padding-bottom:10px !important;
}
.pb12{
	padding-bottom:12px !important;
}
.pb15{
	padding-bottom:15px !important;
}
.pb20{
	padding-bottom:20px !important;
}
.pb25{
	padding-bottom:25px !important;
}
.pb30{
	padding-bottom:30px !important;
}

/* padding-left */
.pl0{
	padding-left:0 !important;
}
.pl5{
	padding-left:5px !important;
}
.pl10{
	padding-left:10px !important;
}
.pl15{
	padding-left:15px !important;
}
.pl20{
	padding-left:20px !important;
}
.pl25{
	padding-left:25px !important;
}
.pl30{
	padding-left:30px !important;
}


/* 6. box setting
================================================== */
.bg_box01{
	background:#e5f2fa;
	padding:20px 10px 5px 10px;
}


/* 7. arw setting
================================================== */
.arw_01 {
	margin:0 0 2px 0;
	padding:0 0 0 10px;
	background:transparent url(../../common/images/arw_01.gif) no-repeat left center;
}


/* 8. other setting
================================================== */
.w60{
	width:60px;
}
.w250{
	width:250px;
}
.w300{
	width:300px;
}
.w500{
	width:500px;
}
.clr_01 {
	color:#0677d6;
	font-weight:bold;
}
.clr_02 {
	color:#d82f2f;
	font-weight:bold;
}
.dot_01 {
	margin:0 5px 2px 0;
	padding:0 0 0 10px;
	background:transparent url(../../common/images/bg_dotline.gif) repeat-x left center;
}
.strong{
	font-weight:bold;
}