@charset "utf-8";

/* ------------------------------------------------------------------------- */
/*		reset styles		*/
/* ------------------------------------------------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,object {
	margin:0;
	padding:0;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

fieldset,
object,
img {
	border:0;
}

address,caption,cite,code,dfn,em,strong,th,var{
	font-style:normal;
	font-weight:normal;
}

ol,ul {
	list-style:none;
}

caption,th {
	text-align:left;
}

h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:normal;
}

q:before,q:after{content:'';}
abbr,acronym {border:0;}


/* ------------------------------------------------------------------------- */
/*		useful styles		*/
/* ------------------------------------------------------------------------- */

/* tag
------------------------------------------------- */

sup{
	font-size:85%;
	vertical-align:top;
}

sub{
	font-size:85%;
	vertical-align:bottom;
}



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

/* ---- float clear ---- */

.clear_fix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clear_fix{display:inline-block;}

/* hide from IE-mac \*/
* html .clear_fix{height:1%;}
.clear_fix{display:block;}
/* */

.clear_both{
	clear:both;
	height: 0px;
	font-size: 1px;
	text-align: center;
	line-height:0;
}

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

.left_align{text-align:left;}
.right_align{text-align:right;}
.center_align{text-align:center;}

/* ---- float ---- */

.float_right{float:right;}
.float_left{float:left;}

/* ---- border ---- */
.over_flow{
 overflow:auto;
}