@charset "utf-8";

/*----------------------------------------------------------------
 ClassStyle
 -----------------------------------------------------------------
 c/p
 <link href="./common/css/class.css" rel="stylesheet" type="text/css" media="screen,print" />
----------------------------------------------------------------*/

/*----------------------------------------------------------------
 class
----------------------------------------------------------------*/

/* remove style
-----------------------------------------------------*/
.remove-all,
.remove-all *{
	border				: none			!important;
	background			: none			!important;
	color				: #000			!important;
	margin				: 0				!important;
	padding				: 0				!important;
	list-style			: none outside	!important;
	font-weight			: normal		!important;
	font-style			: normal		!important;
	font-size			: 12px			!important;
}
.remove-space,
.remove-space *{
	margin				: 0				!important;
	padding				: 0				!important;
}
.remove-border,
.remove-border *{
	border				: none			!important;
}
.remove-background,
.remove-background *{
	background			: none			!important;
}
.remove-fontcolor,
.remove-fontcolor *{
	color				: #000			!important;
}
.remove-fontstyle,
.remove-fontstyle *{
	font-weight			: normal		!important;
	font-style			: normal		!important;
}
.remove-liststyle,
.remove-liststyle *{
	list-style			: none outside	!important;
}

/* clear
-----------------------------------------------------*/
.clear{
	clear				: both;
}

/* inline-block
-----------------------------------------------------*/
.inline-block{
	display				: inline-block;
	*display			: inline;
	*zoom				: 1;
}

/* clearfix
-----------------------------------------------------*/
.clearfix:after{
	content				: ".";
	height				: 0;
	clear				: both;
	display				: block;
	visibility			: hidden;
}
.clearfix{
	display				: inline-block;
	_display			: block;
}

/* table
-----------------------------------------------------*/
table.table-border{
}
table.table-border th,
table.table-border td{
	border				: 1px solid #000;
}

/* indent
-----------------------------------------------------*/
/* 1em ---------------------------*/
.indent1{
	padding-left		: 1em;
}
.text-indent1{
	padding-left		: 1em;
	text-indent			: -1em;
}

/* align
-----------------------------------------------------*/

/* box ---------------------------*/
.align-left		{ float: left; }
.align-right	{ float: right; }

/* text --------------------------*/
.text-left		{ text-align: left; }
.text-center	{ text-align: center; }
.text-right		{ text-align: right; }

/* font
-----------------------------------------------------*/

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

/* font-color --------------------*/
.color-red		{ color: #FF0000; }
.color-blue		{ color: #0033FF; }
.color-black	{ color: #000; }

/* font-size ---------------------*/
div.font-small,
div.font-normal,
div.font-midium,
div.font-big{
	display				: inline-block;
	*display			: inline;
	*zoom				: 1;
	line-height			: 1.6;
}
.font-small		{ font-size: 83%; }
.font-normal	{ font-size: 100%; }
.font-midium	{ font-size: 116%; }
.font-big		{ font-size: 150%; }

/* letter-spacing ----------------*/
.letter-spacing-1	{ letter-spacing: -1px; }
.letter-spacing0	{ letter-spacing: 0px; }
.letter-spacing1	{ letter-spacing: -1px; }

/* spacing
-----------------------------------------------------*/

/* 0.5em ----------------------------*/
.spacing05		{ margin: 0.5em; }
.spacing05-x	{ margin-top: 0.5em; margin-bottom: 0.5em; }
.spacing05-y	{ margin-right: 0.5em; margin-left: 0.5em; }
.spacing05-t	{ margin-top: 0.5em; }
.spacing05-r	{ margin-right: 0.5em; }
.spacing05-b	{ margin-bottom: 0.5em; }
.spacing05-l	{ margin-left: 0.5em; }

/* 1em ----------------------------*/
.spacing1		{ margin: 1em; }
.spacing1-x		{ margin-top: 1em; margin-bottom: 1em; }
.spacing1-y		{ margin-right: 1em; margin-left: 1em; }
.spacing1-t		{ margin-top: 1em; }
.spacing1-r		{ margin-right: 1em; }
.spacing1-b		{ margin-bottom: 1em; }
.spacing1-l		{ margin-left: 1em; }

/* 1.5em ----------------------------*/
.spacing1_5		{ margin: 1.5em; }
.spacing1_5-x	{ margin-top: 1.5em; margin-bottom: 1.5em; }
.spacing1_5-y	{ margin-right: 1.5em; margin-left: 1.5em; }
.spacing1_5-t	{ margin-top: 1.5em; }
.spacing1_5-r	{ margin-right	: 1.5em; }
.spacing1_5-b	{ margin-bottom: 1.5em; }
.spacing1_5-l	{ margin-left: 1.5em; }

/* 2em ----------------------------*/
.spacing2		{ margin: 2em; }
.spacing2-x		{ margin-top: 2em; margin-bottom: 2em; }
.spacing2-y		{ margin-right: 2em; margin-left: 2em; }
.spacing2-t		{ margin-top: 2em; }
.spacing2-r		{ margin-right: 2em; }
.spacing2-b		{ margin-bottom: 2em; }
.spacing2-l		{ margin-left: 2em; }

/* width
-----------------------------------------------------*/
.width49{ width: 49%; }
.width50{ width: 50%; }

/* debug
-----------------------------------------------------*/
.debug{
	border				: 1px solid red;
}