@charset "utf-8";

/* --------------------------------------------------
	SiteName : 
	FileName : utility.css
	Description : utility styles
	
/* --------------------------------------------------
	== TOC =========================================
	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
			
-------------------------------------------------- */


/* 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; }
.clear{ clear:both; }

/* img float*/
.imgL img { float:left; margin:0px 10px 10px 0px; }
.imgR img { float:right; margin:0px 0px 10px 10px; }

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

.hover80 a:hover img,
a.hover80:hover img,
a:hover img.hover60 {
filter: alpha(opacity=80);
-moz-opacity:0.80;
opacity:0.80;
}

.hover60 a:hover img,
a.hover60:hover img,
a:hover img.hover60 {
filter: alpha(opacity=60);
-moz-opacity:0.60;
opacity:0.60;
}

/* 3. floatbox clearing
================================================== */
.clearfix{
	zoom:1;
}
.clearfix:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	font-size: 0.1em;
	line-height: 0;
}


/* 4. utility margin setting
================================================== */
/* margin-top */
.mt0{ margin-top:0 !important; }
.mt5{ margin-top:5px !important; }
.mt10{ margin-top:10px !important; }
.mt-10{ margin-top:-10px !important; }
.mt15{ margin-top:15px !important; }
.mt20{ margin-top:20px !important; }
.mt25{ margin-top:25px !important; }
.mt30{ margin-top:30px !important; }
.mt-30{ margin-top:-30px !important; }
.mt40{ margin-top:40px !important; }
.mt100{ margin-top:100px !important; }
.mt150{ margin-top:150px !important; }
.mt200{ margin-top:200px !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; }
.mr23{ margin-right:23px !important; }
.mr25{ margin-right:25px !important; }
.mr30{ margin-right:30px !important; }
.mr40{ margin-right:40px !important; }
.mr45{ margin-right:45px !important; }
.mr50{ margin-right:50px !important; }
.mr60{ margin-right:60px !important; }
.mr95{ margin-right:95px !important; }

/* margin-bottom */
.mb0{ margin-bottom:0 !important; }
.mb5{ margin-bottom:5px !important; }
.mb8{ margin-bottom:8px !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; }
.mb40{ margin-bottom:40px !important; }
.mb50{ margin-bottom:50px !important; }
.mb60{ margin-bottom:50px !important; }
.mb70{ margin-bottom:50px !important; }
.mb70{ margin-bottom:50px !important; }
.mb80{ margin-bottom:75px !important; }
.mb100{ margin-bottom:100px !important; }
.mb150{ margin-bottom:150px !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; }
.ml35{ margin-left:35px !important; }
.ml50{ margin-left:50px !important; }


/* 5. utility padding setting
================================================== */
/* padding-top */
.pt0{ padding-top:0 !important; }
.pt5{ padding-top:5px !important; }
.pt10{ padding-top:10px !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; }
.pb15{ padding-bottom:15px !important; }
.pb20{ padding-bottom:20px !important; }
.pb25{ padding-bottom:25px !important; }
.pb30{ padding-bottom:30px !important; }
.pb40{ padding-bottom:40px !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. utility padding setting
================================================== */
/* エラー時にバックグラウンドが変わる */
.errDisplay{background-color:#ffcccc;}
/* /* エラー表示の文字色 */
.errtxt{color:#660000;}