@charset "utf-8";

/*---------------------------------------------------------
  CSS : reset
----------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}
html, body {
	width: 100%;
	height: 100%;
}
* html body {
	font-size: 100%;
}
*:first-child + html body {
	font-size: 100%;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, li, dt, dd, th, td {
	font-style: normal;
	font-weight: normal;
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}
img {  
    border: 0;
	vertical-align: bottom;
} 
li, ol {
	list-style: none;
}
em {
	font-style: normal;
}
fieldset {
	border: none;
}

/*---------------------------------------------------------
  clearfix
----------------------------------------------------------*/
.clearfix:after,
header:after,
header div:after,
nav:after,
section:after,
section div:after,
footer:after {
	content: "";
	display: block;
	clear: both; 
}
.clearfix,
body,
header,
header div,
nav,
section,
section div,
footer {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix,
* html body,
* html header,
* html header div,
* html nav,
* html section,
* html sectionr div,
* html footer {
	height: 1%;
}
.clearfix,
body,
header,
header div,
nav,
section,
section div,
footer {
	display: block;
}
/* End hide from IE-mac */

/*---------------------------------------------------------
  width: 736px
----------------------------------------------------------*/
@media screen and (max-width: 736px){

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

}