@charset "UTF-8";

*{
  box-sizing:border-box;
}

html {
  width: 100%;
  color: #333333;
  margin: 0;
  padding: 0;
  }
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;
  }

body{
  font-size: 15px;
  font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Verdana",sans-serif;
  *font-size: small;
  *font: x-small;
  line-height: 1.5;
  }

table {
  font: 100%;
  font-size: inherit;
  border-collapse: collapse;
  border-spacing: 0;
  }
caption,th { text-align:left; }

fieldset,img { border: 0;}

h1,h2,h3,h4,h5,h6 {
  font-size: 100%;
  font-weight: normal;
  }
address,caption,cite,code,dfn,em,th,var {
  font-style: normal;
  font-weight: normal;
  }
ol,ul { list-style: none;}

q:before,q:after { content:'';}
abbr,acronym {
  border: 0;
  font-variant: normal;
  }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom;}
input,textarea,select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  outline: 0;}
legend{ color:#555;}

select,input,button,textarea{ font: 99% helvetica,arial,clean,sans-serif;}

pre,code,kbd,samp,tt{
  font-family: monospace;
  *font-size: 108%;
  line-height: 100%;
  }


a { outline: none;}
a img{ opacity: 1;}
a:link { text-decoration: underline;}
a:hover { text-decoration: none;}
a:hover img{
  -webkit-transition: all .6s ease;
     -moz-transition: all .6s ease;
      -ms-transition: all .6s ease;
       -o-transition: all .6s ease;
          transition: all .6s ease;
      opacity: 0.8;
}
a:focus { text-decoration: none;}
a:active { text-decoration: none;}

a img { border: none;}

li img,
dt img,
dd img{ vertical-align: top;}

button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}