@charset "utf-8";

.clear {
	height: 0;
	clear: both;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
.bold { font-weight: bold; }
.fleft { float: left; }
.fright { float: right; }
.underline { text-decoration: underline; }
.gap {
	height: 15px;
	border-bottom: dashed 1px #ccc;
	margin-bottom: 15px;
}
.mL1 {
	margin-left: 15px !important;
}
.mL2 {
	margin-left: 30px !important;
}
.mL3 {
	margin-left: 45px !important;
}
.mL4 {
	margin-left: 60px !important;
}
.mt10px { margin-top: 10px !important; }
.mT1 { margin-top: 5px !important; }
.mT2 { margin-top: 10px !important; }
.mB5px { margin-bottom: 5px; }
.mB10px { margin-bottom: 10px; }
.pD1 { padding: 5px !important; }
.pD2 { padding: 10px !important; }
.pD3 { padding: 15px !important; }
.bD-gray { border: solid 1px #ccc !important; }
.left { text-align: left; }
.top { vertical-align: top; }
.bottom { vertical-align: bottom; }
.center { text-align: center; }
.right { text-align: right !important; }
.smaller-font { font-size: 95% !important; }

/* font-color */
.font-blue {
	color: #03c !important;
}
.font-red {
	color: #FF0033 !important;
}
.font-pink {
	color: #FF66FF !important;
}
.font-green {
	color: #090 !important;
}
.font-purple {
	color: #663399 !important;
}
.font-orange { color: #F60 !important; }
.font-brown { color: #804000 !important; }
.font-gray {
    color: #999;
}
/* Font-Style */
.font-normal {
	font-style: normal !important;
}
/* bg-color */
.light-gray {
	background: #E6E6E6;
}
.dark-red {
	background: #7E2217;
	color: #fff;
}
.steel-blue {
	background: #4863A0;
	color: #fff;
}
.dark-coral {
	background: #C34A2C;
	color: #fff;
}
.lime-green {
	background: #41A317;
	color: #fff;
}
.gold {
	background: #EAC117;
	color: #fff;
}
.pink {
	background: #F665AB;
	color: #fff;
}
.purple {
	background: #7D1B7E;
	color: #fff;
}