@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; }

.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;}

.paddingtop1	{ padding-top:5px;}

.paddingtop2	{ padding-top:10px;}

.paddingtop3	{ padding-top:15px;}

.paddingtopM	{ padding-top:20px;}

.paddingtopL	{ padding-top:30px;}

.paddingtopLL	{ padding-top:40px;}

.paddingbottom1	{ padding-bottom:5px;}

.paddingbottom2	{ padding-bottom:10px;}

.paddingbottom3	{ padding-bottom:15px;}

.paddingbottomM	{ padding-bottom:20px;}

.paddingbottomL	{ padding-bottom:30px;}

.paddingbottomLL{ padding-bottom:40px;}

.paddingleft1	{ padding-left:5px;}

.paddingleft2	{ padding-left:10px;}

.paddingleft3	{ padding-left:15px;}

.paddingleftM	{ padding-left:20px;}

.paddingleftL	{ padding-left:30px;}

.paddingleftLL	{ padding-left:40px;}

.paddingright1	{ padding-right:5px;}

.paddingright2	{ padding-right:10px;}

.paddingright3	{ padding-right:15px;}

.paddingrightM	{ padding-right:20px;}

.paddingrightL	{ padding-right:30px;}

.paddingrightLL	{ padding-right:40px;}

.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;}

.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;}

.margintop0	{ margin-top:0;}

.margintop1	{ margin-top:5px;}

.margintop2	{ margin-top:10px;}

.margintop3	{ margin-top:15px;}

.margintopM	{ margin-top:20px;}

.margintopL	{ margin-top:30px;}

.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;}

.marginright0	{ margin-right:0;}

.marginright1	{ margin-right:5px;}

.marginright2	{ margin-right:10px;}

.marginright3	{ margin-right:15px;}

.marginrightM	{ margin-right:20px;}

.marginrightL	{ margin-right:30px;}

.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;}

.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;}

.center			{ margin:0 auto;}



/* font-family */

.ff1		{ font-family:sans-serif; }

.ff2		{ font-family:serif; }

.ff3		{ font-family:cursive; }

.ffn		{ font-family:monospace; }



/*  text-align  */

.aligncenter{ text-align:center;}

.alignleft	{ text-align:left;}

.alignright	{ text-align:right;}



/* 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;}

.displaynone{ display:none;}


.pkg:after{
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0px;
}
* html .pkg { display: inline-table; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; min-height: 0; }
/* */

.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;}
.listkatakana{list-style:katakana;}