@charset "utf-8";

/* reset
---------------------------------------------------------- */
html,body,div,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
dl,dt,dd,ol,ul,li,
form,fieldset,label,legend,
table,caption,tbody,thead,tfoot,tr,th,td,
em,strong,
span,img,
header,footer,nav,section,article{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
header,footer,nav,section,article{
	display:block;
}
ul{
	list-style:none;
}
a{
	border:0;
	font-size:100%;
	outline:none;
	vertical-align:baseline;
}

input,select{
	vertical-align:middle;
}
img{
	vertical-align:bottom;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
hr{
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #cccccc;
	margin:1em 0;
	padding:0;
}


/* base
---------------------------------------------------------- */
html,body{
	height:100%;
}
html{
	overflow-y:scroll;
}
body{
	line-height:1;
	background:#494e54;
	color:#000;
	font-size:62.5%;
	font-family:"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", ArialMT;
	-webkit-text-size-adjust: 100%; /* 2 */
	-ms-text-size-adjust: 100%; /* 3 */
}


/* link
----------------- */
a{text-decoration:none;}
a:link{color:#333;}
a:visited{color:#333;}
a:hover{color:#333;}
a:active{color:#333;}



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

.clearfix{display:inline-block;}

/*\*/
* html .clearfix{height:1%;}

.clearfix{display:block;}