@charset "utf-8";

/* reset
---------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, img, dl, dt, dd, ol, ul, li, form, label, legend, table, tbody, tr, th, td, article, embed, footer, header, hgroup, nav, section, time{margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;font-weight:normal;}

/* HTML5 display-role reset for older browsers */
article, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none;}
table {border-collapse: collapse;border-spacing: 0;}

img{vertical-align:bottom; max-width: 100%;}
body,html{height:100%;}
*{box-sizing:border-box;}

a{color:#050000;}
a:hover{text-decoration: none;}
a img:hover{
  opacity: .6;
  transition: .5s;
}

/* font
---------------------------------------------------------- */
body{font-size:14px; color:#1f1f1f; line-height:1.6; text-align:center; font-family:'Trebuchet MS',"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif; }


/* useful
---------------------------------------------------------- */

/* clear */
.cl{display: block; min-height: 1%;}
.cl:after{clear: both;content:".";display: block;	height: 0;visibility: hidden;}
* html .cl{height: 1%; /*\*//*/height: auto;overflow: hidden;/**/}
.clears {clear:both;}

/* wrapper */
.wrapper{
  width: 960px;
  margin: 0 auto;
}