/*! class.css */

/* ==========================================================================
  Common Style Seet

	1-1.	margin
	1-2.	font size
	1-3.	line height
	1-4.	none
	1-5.	round
	1-6.	text-align
   ========================================================================== */

/* ==========================================================================
   1-1. margin
   ========================================================================== */

.m0 {
	margin: 0px;
}

.m2 {
	margin: 2px;
}

.m5 {
	margin: 5px;
}

.m10 {
	margin: 10px;
}

.m15 {
	margin: 15px;
}

.m20 {
	margin: 20px;
}

.m30 {
	margin: 30px;
}

.m40 {
	margin: 40px;
}

.mt0 {
	margin-top: 0px;
}

.mt2 {
	margin-top: 2px;
}

.mt5 {
	margin-top: 5px;
}

.mt10 {
	margin-top: 10px;
}

.mt15 {
	margin-top: 15px;
}

.mt20 {
	margin-top: 20px;
}

.mt30 {
	margin-top: 30px;
}

.mt40 {
	margin-top: 40px;
}

.mr0 {
	margin-right: 0px;
}

.mr2 {
	margin-right: 2px;
}

.mr5 {
	margin-right: 5px;
}

.mr10 {
	margin-right: 10px;
}

.mr15 {
	margin-right: 15px;
}

.mr20 {
	margin-right: 20px;
}

.mr30 {
	margin-right: 30px;
}

.mr40 {
	margin-right: 40px;
}

.mb0 {
	margin-bottom: 0px;
}

.mb2 {
	margin-bottom: 2px;
}

.mb5 {
	margin-bottom: 5px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb15 {
	margin-bottom: 15px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb30 {
	margin-bottom: 30px;
}

.mb40 {
	margin-bottom: 40px;
}

.ml0 {
	margin-left: 0px;
}

.ml2 {
	margin-left: 2px;
}

.ml5 {
	margin-left: 5px;
}

.ml10 {
	margin-left: 10px;
}

.ml15 {
	margin-left: 15px;
}

.ml20 {
	margin-left: 20px;
}

.ml30 {
	margin-left: 30px;
}

.ml40 {
	margin-left: 40px;
}

.p0 {
	padding: 0px;
}

.p2 {
	padding: 2px;
}

.p5 {
	padding: 5px;
}

.p10 {
	padding: 10px;
}

.p15 {
	padding: 15px;
}

.p20 {
	padding: 20px;
}

.p30 {
	padding: 30px;
}

.p40 {
	padding: 40px;
}

.pt0 {
	padding-top: 0px;
}

.pt2 {
	padding-top: 2px;
}

.pt5 {
	padding-top: 5px;
}

.pt10 {
	padding-top: 10px;
}

.pt15 {
	padding-top: 15px;
}

.pt20 {
	padding-top: 20px;
}

.pt30 {
	padding-top: 30px;
}

.pt40 {
	padding-top: 40px;
}

.pr0 {
	padding-right: 0px;
}

.pr0 {
	padding-right: 0px;
}

.pr2 {
	padding-right: 2px;
}

.pr5 {
	padding-right: 5px;
}

.pr10 {
	padding-right: 10px;
}

.pr15 {
	padding-right: 15px;
}

.pr20 {
	padding-right: 20px;
}

.pr30 {
	padding-right: 30px;
}

.pr40 {
	padding-right: 40px;
}

.pb0 {
	padding-bottom: 0px;
}

.pb2 {
	padding-bottom: 2px;
}

.pb5 {
	padding-bottom: 5px;
}

.pb10 {
	padding-bottom: 10px;
}

.pb15 {
	padding-bottom: 15px;
}

.pb20 {
	padding-bottom: 20px;
}

.pb30 {
	padding-bottom: 30px;
}

.pb40 {
	padding-bottom: 40px;
}

.pl0 {
	padding-left: 0px;
}

.pl2 {
	padding-left: 2px;
}

.pl5 {
	padding-left: 5px;
}

.pl10 {
	padding-left: 10px;
}

.pl15 {
	padding-left: 15px;
}

.pl20 {
	padding-left: 20px;
}

.pl30 {
	padding-left: 30px;
}

.pl40 {
	padding-left: 40px;
}

/* ==========================================================================
   1-2. fonts
   ========================================================================== */

.text10 {
	font-size:77%;
}

.text11 {
	font-size:85%;
}

.text12 {
	font-size:93%;
}

.text13 {
	font-size:100%;
}

.text14 {
	font-size:108%;
}

.text15 {
	font-size:116%;
}

.text16 {
	font-size:123.1%;
}

.text17 {
	font-size:131%;
}

.text18 {
	font-size:138.5%;
}

.text19 {
	font-size:146.5%;
}

.text20 {
	font-size:153.9%;
}

.text21 {
	font-size:161.6%;
}

.text22 {
	font-size:167%;
}

.text23 {
	font-size:174%;
}

.text24 {
	font-size:182%;
}

.text25 {
	font-size:189%;
}

.text26 {
	font-size:197%;
}

.text_normal {
	font-weight:normal;
}

/* ==========================================================================
   1-3. line height
   ========================================================================== */

.lh110 {
	line-height: 110%;
}

.lh120 {
	line-height: 120%;
}

.lh130 {
	line-height: 130%;
}

.lh140 {
	line-height: 140%;
}

.lh150 {
	line-height: 150%;
}

.lh160 {
	line-height: 160%;
}

.lh170 {
	line-height: 170%;
}

.lh180 {
	line-height: 180%;
}

.lh190 {
	line-height: 190%;
}

.lh200 {
	line-height: 200%;
}

.ls1 {
	letter-spacing: 1px;
}

.ls2 {
	letter-spacing: 2px;
}

.ls3 {
	letter-spacing: 3px;
}

/* ==========================================================================
   1-4. none
   ========================================================================== */

.none {
	display:none;
}

/* ==========================================================================
   1-5. round
   ========================================================================== */

.round5 {
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.round10 {
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

/* ==========================================================================
   1-6. text-align
   ========================================================================== */

.text-left {
	text-align:left;
}

.text-right {
	text-align:right;
}



/* ==========================================================================
   1-7. round
   ========================================================================== */

.shadow5 {
	box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 5px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 5px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 5px 0px;
}

.shadow1 {
	box-shadow:rgba(0, 0, 0, 0.4) 0px 0px 1px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.4) 0px 0px 1px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.4) 0px 0px 1px 0px;
}