@charset "UTF-8";

html { font-size: 62.5%; } 

html, body, div, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, address, ul, ol, li, dl, dt, dd,
table, th, td, form, fieldset {
	margin: 0;
	padding: 0;
	color: #333;
	font-family: sans-serif;
}

/* HTML5の新要素 */
section, nav, article, aside, hgroup,
header, footer, figure, figcaption, summary {
	display: block;
	margin: 0;
	padding: 0;
	color: #000;
	font-family: sans-serif;
}


/* Link */
a:link                     { color: #333333; text-decoration: none; }
a:visited                  { color: #333333; text-decoration: none; }
a:hover, a:focus, a:active { color: #333333; text-decoration: none; }

/* scrollbars */
html {
	overflow: scroll;
	overflow: -moz-scrollbars-vertical;
	overflow-x: scroll;
}

/* IE 7 hasLayout */
*:first-child+html * {
	letter-spacing: 0;
}

/* Border */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img {
	border: 0;
}


ul {
	list-style: none
}

img, input, select, textarea {
	vertical-align: middle;
}

/* clearfix */
.clearfix:after, .container:after, .section:after {
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
    visibility:hidden;
    }
	
   /*.clearfix, .container, .section {display: inline-block;}*/ 

    /* Hides from IE Mac */
    * html .clearfix {height: 1%;}
       .clearfix {display:block;}
    /* End Hack */