@charset "UTF-8";

@import url("base.css");

/* CSS Document */


/*
=================================================
	reset
=================================================
*/

* {
	margin: 0;
	padding: 0;
}

html, body, ol, ul, li, dl, dt, dd, img, h1, h2, h3, h4, h5, h6, h7, p, form, table, tr, th, td, a {
	margin: 0;
	padding: 0;
	border: none;
	list-style: none;
	font-weight: normal;
}


/*
=================================================
	link
=================================================
*/

a { color: #FFF; text-decoration: none; }
a:hover { color: #FC0; }

/*
=================================================
	font
=================================================
*/

.txtL { font-size: 1.2em; }
.txtM { font-size: 1em; }
.txtS { font-size: 0.9em; }

.txtBlack { color:#333 !important; }
.txtRed { color:#900 !important; }
.txtYellow { color:#FC0 !important; }
.txtBlue { color:#049 !important; }
.txtGreen { color:#240 !important; }
.notice { color:#C60 !important; font-size: 0.9em !important; }

.taL { text-align: left !important; }
.taR { text-align: right !important; }
.taC { text-align: center !important; }


/*
=================================================
	float
=================================================
*/

.flL { float: left; }
.flR { float: right; }


/*
=================================================
	clear
=================================================
*/

.both { clear: both; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/*
=================================================
	margin
=================================================
*/

.mg0 { margin: 0 !important; }
.mg5 { margin: 5px !important; }
.mg10 { margin: 10px !important; }
.mg15 { margin: 15px !important; }
.mg20 { margin: 20px !important; }

/*top*/
.mgT0 { margin-top: 0 !important; }
.mgT5 { margin-top: 5px !important; }
.mgT10 { margin-top: 10px !important; }
.mgT15 { margin-top: 15px !important; }
.mgT20 { margin-top: 20px !important; }
.mgT25 { margin-top: 25px !important; }
.mgT30 { margin-top: 30px !important; }

/*right*/
.mgR5 { margin-right: 5px !important; }
.mgR10 { margin-right: 10px !important; }
.mgR15 { margin-right: 15px !important; }
.mgR20 { margin-right: 20px !important; }

/*bottom*/
.mgB5 { margin-bottom: 5px !important; }
.mgB10 { margin-bottom: 10px !important; }
.mgB15 { margin-bottom: 15px !important; }
.mgB20 { margin-bottom: 20px !important; }

/*left*/
.mgL5 { margin-left: 5px !important; }
.mgL10 { margin-left: 10px !important; }
.mgL15 { margin-left: 15px !important; }
.mgL20 { margin-left: 20px !important; }


/*
=================================================
	padding
=================================================
*/

.pd5 { padding: 5px !important; }
.pd10 { padding: 10px !important; }
.pd15 { padding: 15px !important; }
.pd20 { padding: 20px !important; }

/*top*/
.pdT5 { padding-top: 5px !important; }
.pdT10 { padding-top: 10px !important; }
.pdT15 { padding-top: 15px !important; }
.pdT20 { padding-top: 20px !important; }

/*right*/
.pdR0 { padding-right: 0 !important; }
.pdR5 { padding-right: 5px !important; }
.pdR10 { padding-right: 10px !important; }
.pdR15 { padding-right: 15px !important; }
.pdR20 { padding-right: 20px !important; }

/*bottom*/
.pdB5 { padding-bottom: 5px !important; }
.pdB10 { padding-bottom: 10px !important; }
.pdB15 { padding-bottom: 15px !important; }
.pdB20 { padding-bottom: 20px !important; }

/*left*/
.pdL5 { padding-left: 5px !important; }
.pdL10 { padding-left: 10px !important; }
.pdL15 { padding-left: 15px !important; }
.pdL20 { padding-left: 20px !important; }