/* =============================================================================
   Resets
============================================================================= */
iframe, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li, form, label, table, tr, th, td, figure, figcaption, img {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
}
/* HTML5 display-role reset for older browsers */
article, aside, figure, figcaption, footer, header, nav, section {
  display: block;
}
article, aside, figure, figcaption, footer, header, nav, section, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li {
  -webkit-box-sizing: border-box; /* Chrome, Safari */
  -moz-box-sizing: border-box;    /* Firefox */
  box-sizing: border-box;         /* IE8+, Opera */
}
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  position: relative;
  margin: 0;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, Helvetica, Arial, Verdana, sans-serif;
  line-height: 1;
  background: #fff;
  color: #333;
}
@media print{
  body {
    font-size: 80%;
  }
}
audio, canvas, video {
  display: inline-block;
  *display: inline; /* IE6, IE7 */
  *zoom: 1; /* IE6, IE7 */
}
ol, ul {
  list-style: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
th {
  text-align: left;
}
img {
  vertical-align: bottom;
}
select, button, input, textarea {
  box-sizing: border-box;
  vertical-align: bottom;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, Helvetica, Arial, Verdana, sans-serif;
}
a:focus,
embed:focus {
  outline:none;
}

/* =============================================================================
   Clearfix
============================================================================= */
.clearfix, section:after, div:after, ul:after, ol:after, dl:after {
	display:block;
	clear:both;
	content:"";
}
.clearfix, section, div, ul, ol,dl {
	*zoom:1; /* IE6, 7 */
}