@charset "utf-8";

/* color */

.white		{ color:#fff; }
.black		{ color:#000; }
.gray80		{ color:#333; }
.gray60		{ color:#666; }
.gray40		{ color:#999; }
.gray20		{ color:#ccc; }
.red		{ color:#f00; }
.red2		{ color:#c00; }
.blue		{ color:#00f; }
.blue2		{ color:#000078; }
.blue3		{ color:#264795; }
.green		{ color:#330; }
.green2		{ color:#090; }
.green3		{ color:#060; }
.green4		{ color:#324f00; }
.orange		{ color:#f90; }
.orange2	{ color:#fa4e25; }
.yellow		{ color:#ffc; }
.pink		{ color:#c66; }
.brown		{ color:#930; }



/*  background  */

.bgcwhite	{ background-color:#fff; }
.bgcblack	{ background-color:#000; }
.bgcgray80	{ background-color:#333; }
.bgcgray60	{ background-color:#666; }
.bgcgray40	{ background-color:#999; }
.bgcgray20	{ background-color:#ccc; }
.bgcgray10	{ background-color:#e6e6e6; }
.bgcblue1	{ background-color:#b8cdff; }
.bgcblue2	{ background-color:#e3ebff; }
.bgcblue3	{ background-color:#bfd7ff; }
.bgcorange	{ background-color:#fc6; }
.bgcYG		{ background-color:#d6f2a9; }



/* font-size */

.fsx0 		{ font-size:8px; }
.fsx1 		{ font-size:10px; }
.fsx2 		{ font-size:12px; }
.fsx3		{ font-size:14px; }
.fsx4		{ font-size:16px; }
.fsx5		{ font-size:18px; }
.fsx6		{ font-size:24px; }
.fsx7  		{ font-size:36px; }

.fs0 		{ font-size:xx-small; }
.fs1 		{ font-size:x-small; }
.fs2 		{ font-size:small; }
.fs3		{ font-size:medium; }
.fs4		{ font-size:large; }
.fs5		{ font-size:x-large; }
.fs6		{ font-size:xx-large; }



/* line-height  */

.lhm2 		{ line-height:80%; }
.lhm1 		{ line-height:90%; }
.lhm0 		{ line-height:100%; }
.lh0 		{ line-height:110%; }
.lh1 		{ line-height:120%; }
.lh2 		{ line-height:140%; }
.lh150 		{ line-height:150%; }
.lh3 		{ line-height:160%; }
.lh4 		{ line-height:200%; }



/*  padding  */

.padding0		{ padding:0; }
.padding1		{ padding:5px; }
.padding2		{ padding:10px; }
.padding3		{ padding:15px; }
.paddingM		{ padding:20px; }
.paddingL		{ padding:30px; }
.paddingLL		{ padding:40px; }

.paddingtop0	{ padding-top:0; }
.paddingtop1	{ padding-top:5px; }
.paddingtop2	{ padding-top:10px; }
.paddingtop3	{ padding-top:15px; }
.paddingtopM	{ padding-top:20px; }
.paddingtopL	{ padding-top:30px; }
.paddingtopLL	{ padding-top:40px; }

.paddingbottom0	{ padding-bottom:0; }
.paddingbottom1	{ padding-bottom:5px; }
.paddingbottom2	{ padding-bottom:10px; }
.paddingbottom3	{ padding-bottom:15px; }
.paddingbottomM	{ padding-bottom:20px; }
.paddingbottomL	{ padding-bottom:30px; }
.paddingbottomLL{ padding-bottom:40px; }

.paddingleft0	{ padding-left:0; }
.paddingleft1	{ padding-left:5px; }
.paddingleft2	{ padding-left:10px; }
.paddingleft3	{ padding-left:15px; }
.paddingleftM	{ padding-left:20px; }
.paddingleftL	{ padding-left:30px; }
.paddingleftLL	{ padding-left:40px; }

.paddingright0	{ padding-right:0; }
.paddingright1	{ padding-right:5px; }
.paddingright2	{ padding-right:10px; }
.paddingright3	{ padding-right:15px; }
.paddingrightM	{ padding-right:20px; }
.paddingrightL	{ padding-right:30px; }
.paddingrightLL	{ padding-right:40px; }

.paddingheight0	{ padding-top:0;padding-bottom:0; }
.paddingheight1	{ padding-top:5px;padding-bottom:5px; }
.paddingheight2	{ padding-top:10px;padding-bottom:10px; }
.paddingheight3	{ padding-top:15px;padding-bottom:15px; }
.paddingheightM	{ padding-top:20px;padding-bottom:20px; }
.paddingheightL	{ padding-top:30px;padding-bottom:30px; }
.paddingheightLL{ padding-top:40px;padding-bottom:40px; }

.paddingwidth0	{ padding-left:0;padding-right:0; }
.paddingwidth1	{ padding-left:5px;padding-right:5px; }
.paddingwidth2	{ padding-left:10px;padding-right:10px; }
.paddingwidth3	{ padding-left:15px;padding-right:15px; }
.paddingwidthM	{ padding-left:20px;padding-right:20px; }
.paddingwidthL	{ padding-left:30px;padding-right:30px; }
.paddingwidthLL	{ padding-left:40px;padding-right:40px; }



/*  margin  */

.margin0		{ margin:0; }
.margin1		{ margin:5px; }
.margin2		{ margin:10px; }
.margin3		{ margin:15px; }
.marginM		{ margin:20px; }
.marginL		{ margin:30px; }
.marginLL		{ margin:40px; }

.margintop0		{ margin-top:0; }
.margintop1		{ margin-top:5px; }
.margintop2		{ margin-top:10px; }
.margintop3		{ margin-top:15px; }
.margintopM		{ margin-top:20px; }
.margintopL		{ margin-top:30px; }
.margintopLL	{ margin-top:40px; }

.marginbottom0	{ margin-bottom:0; }
.marginbottom1	{ margin-bottom:5px; }
.marginbottom2	{ margin-bottom:10px; }
.marginbottom3	{ margin-bottom:15px; }
.marginbottomM	{ margin-bottom:20px; }
.marginbottomL	{ margin-bottom:30px; }
.marginbottomLL	{ margin-bottom:40px; }

.marginleft0	{ margin-left:0; }
.marginleft1	{ margin-left:5px; }
.marginleft2	{ margin-left:10px; }
.marginleft3	{ margin-left:15px; }
.marginleftM	{ margin-left:20px; }
.marginleftL	{ margin-left:30px; }
.marginleftLL	{ margin-left:40px; }

.marginright0	{ margin-right:0; }
.marginright1	{ margin-right:5px; }
.marginright2	{ margin-right:10px; }
.marginright3	{ margin-right:15px; }
.marginrightM	{ margin-right:20px; }
.marginrightL	{ margin-right:30px; }
.marginrightLL	{ margin-right:40px; }

.marginheight0	{ margin-top:0;margin-bottom:0; }
.marginheight1	{ margin-top:5px;margin-bottom:5px; }
.marginheight2	{ margin-top:10px;margin-bottom:10px; }
.marginheight3	{ margin-top:15px;margin-bottom:15px; }
.marginheightM	{ margin-top:20px;margin-bottom:20px; }
.marginheightL	{ margin-top:30px;margin-bottom:30px; }
.marginheightLL	{ margin-top:40px;margin-bottom:40px; }

.marginwidth0	{ margin-top:0;margin-right:0; }
.marginwidth1	{ margin-top:5px;margin-right:5px; }
.marginwidth2	{ margin-left:10px;margin-right:10px; }
.marginwidth3	{ margin-left:15px;margin-right:15px; }
.marginwidthM	{ margin-left:20px;margin-right:20px; }
.marginwidthL	{ margin-left:30px;margin-right:30px; }
.marginwidthLL	{ margin-left:40px;margin-right:40px; }

.center			{ margin-left:auto;margin-right:auto; }



/* font-family */

.ff1			{ font-family:sans-serif; }
.ff2			{ font-family:serif; }
.ff3			{ font-family:cursive; }
.ffn			{ font-family:monospace; }



/* font-decoration */

.bold			{ font-weight:bold; }
.italic			{ font-style:italic; } 



/* text-align */

.aligncenter	{ text-align:center; }
.alignleft		{ text-align:left; }
.alignright		{ text-align:right; }



/* etc */

.dn				{ text-decoration:none; }
.du				{ text-decoration:underline; }
.ln				{ list-style-type:none; }
.clear			{ clear:both; }
.clear hr		{ display:none; }

.clearfix{zoom:1;}
.clearfix:after{
  content: ""; 
  display: block; 
  clear: both;
}

.displaynone	{ display:none; }
.block			{ display:block; }
.inline			{ display:inline; }
.floatleft		{ float:left; }
.floatright		{ float:right; }

.bordertopnone		{ border-top:0px; }
.borderrightnone	{ border-right:0px; }
.borderbottomnone	{ border-bottom:0px; }
.borderleftnone		{ border-left:0px; }

.listLalpha		{ list-style:lower-alpha; }
.listUalpha		{ list-style:upper-alpha; }
.listLroman		{ list-style:lower-roman; }
.listUroman		{ list-style:upper-roman; }



