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

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

fieldset,img {
  border:0;
}

address,
caption,
cite,
code,
dfn,
em,
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;
}

.clearfix:after { content: ""; display: block; clear: both; }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

body{
  line-height: 1.3;
  font-family:'Noto Serif', 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
  font-size: 80%;
  color: #666666;
  -webkit-text-size-adjust: 100%;
}
.noto100 {font-weight:100;}
.noto200 {font-weight:200;}
.noto300 {font-weight:300;}
.noto400 {font-weight:400;}
.noto500 {font-weight:500;}
.noto600 {font-weight:600;}
.noto700 {font-weight:700;}
.noto800 {font-weight:800;}
.noto900 {font-weight:900;}

@font-face {
  font-family: "mf";
  src: url("/font/mf_m.eot?") format('eot');
  src: url('/font/mf_m.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url("/font/mf_m.woff") format('woff');
}
.mf {
  font-family: "mf";
  font-weight: bold;
}
img{
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

a{
  color: #777;
  text-decoration: none;
  transition: opacity .3s;
}

figure {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    font-size: 100%;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
}