@charset "utf-8";

/* =======================================

	TEXT DECORATIONS CSS

========================================== */



#contents a {
	color: #0076b0;
	text-decoration: underline;
}
#contents a:hover {
	color: #0076b0;
	text-decoration: none;
	border-bottom: none;
}
#contents p {
	line-height: 1.8;
	margin: 0 0 15px;
	font-size: 1.5rem;
}
#contents strong {font-weight: bold;}
#contents em     {font-style: italic;}



/* TEXT (Size & Face)
========================================== */
.small      {font-size: 10px;}
.bold       {font-weight: bold;}
.attention  {color: #996666 !important;}
.large      {font-size: 2rem !important;}


/* TEXT (Color)
========================================== */
.fc-red     {color: #ca0000 !important;}



/* TEXT (Position)
========================================== */
.al-right  {text-align: right !important;}
.al-center {text-align: center !important;}
.al-left   {text-align: left !important;}
.va-top    {vertical-align: top !important;}
.va-middle {vertical-align: middle !important;}
.va-bottom {vertical-align: bottom !important;}



/* FLOAT
========================================== */
.fl-left  {float: left  !important;}
.fl-right {float: right !important;}
* html .fl-left  {display: inline !important;}
* html .fl-right {display: inline !important;}

/* IMG
------------------------------------------ */
.fl-imgLeft  {float: left !important; margin-right: 10px !important;}
.fl-imgRight {float: right !important; margin-left: 10px !important;}

.clear      {clear: both !important;}
.clearfix   {zoom: 1;}
.clearfix:after {content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;}



/* MARGIN
========================================== */
.mt10  {margin-top: 10px !important;}
.mt15  {margin-top: 15px !important;}
.mt20  {margin-top: 20px !important;}
.mt35  {margin-top: 25px !important;}
.mt30  {margin-top: 30px !important;}
.mt35  {margin-top: 35px !important;}
.mt40  {margin-top: 40px !important;}
.mt45  {margin-top: 45px !important;}
.mt50  {margin-top: 50px !important;}
.mt100 {margin-top: 100px !important;}

.mb10  {margin-bottom: 10px !important;}
.mb15  {margin-bottom: 15px !important;}
.mb20  {margin-bottom: 20px !important;}
.mb35  {margin-bottom: 25px !important;}
.mb30  {margin-bottom: 30px !important;}
.mb35  {margin-bottom: 35px !important;}
.mb40  {margin-bottom: 40px !important;}
.mb45  {margin-bottom: 45px !important;}
.mb50  {margin-bottom: 50px !important;}
.mb100 {margin-bottom: 100px !important;}