@charset "utf-8";

/*---------------------------------------------------------------
�@���v�f
-----------------------------------------------------------------*/

/*���e�L�X�g-------------------------------------------*/
/*�����F*/
.red { color:#ea0808 !important; }
.blue { color:#0263de !important; }
.glay { color:#777 !important; }

/*�����T�C�Y*/
.fss { font-size:76% !important; line-height:1.3; }
.fs { font-size:90% !important; line-height:1.5; }
.fl { font-size:125% !important; }
.fll { font-size:150% !important; }

/*�����̑���*/
.normal { font-weight:normal !important; }
.bold { font-weight:bold !important; }

/*�����܂�Ԃ��Ȃ�*/
.nowrap { white-space:nowrap; }

/*���C�����C���ʒu------------------------------------*/
.left   { text-align:left !important }
.center { text-align:center !important }
.right  { text-align:right !important }
.middle { vertical-align:middle !important }
.bottom { vertical-align:bottom !important }

.w10   { width:10% !important }
.w20   { width:20% !important }
.w30   { width:30% !important }
.w40   { width:40% !important }

/*���}�[�W��-------------------------------------------*/
/*margin-left*/
.ml05 { margin-left:5px !important }
.ml10 { margin-left:10px !important }
.ml20 { margin-left:20px !important }
.ml30 { margin-left:30px !important }
.ml2{margin-left:2em !important;}
.ml5{margin-left:5em !important;}

/*margin-right*/
.mr05 { margin-right:0.5em !important }
.mr20 { margin-right:20px !important }
.mr30 { margin-right:30px !important }

/*margin-top*/
.mt0  { margin-top:0 !important }
.mt05 { margin-top:0.5em !important }
.mt10 { margin-top:10px !important }
.mt20 { margin-top:20px !important }
.mt30 { margin-top:30px !important }
.mt40 { margin-top:40px !important }
.mt50 { margin-top:50px !important }
.mt1  { margin-top:1em !important }
.mt2  { margin-top:2em !important }

/*margin-bottom*/
.mb0 { margin-bottom:0 !important }
.mb05 { margin-bottom:0.5em !important }
.mb30 { margin-bottom:30px !important }
.mb50 { margin-bottom:50px !important }
.mb1  { margin-bottom:1em !important }
.mb2 { margin-bottom:2em !important }

/*clear fix*/
.cf {zoom: 1;}
.cf:before,
.cf:after {content: "";display: table;}
.cf:after {clear: both;}


/*���t���[�g------------------------------------------*/
.flt_right { float:right !important; }
.flt_left  { float:left !important; }
/*�摜��t���[�g*/
img.flt_right {
margin:0 0 15px 20px;
}
img.flt_left {
margin:0 20px 15px 0;
}

/*�t���[�g���*/
.clear { clear:both !important }