/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary { display: block; margin:0; padding:0; }
audio,canvas,video { display: inline-block;}
audio:not([controls]) { display: none; height: 0; }
[hidden],template { display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
html { font-family: Arial, "メイリオ", "ＭＳ Ｐゴシック", sans-serif !important; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; /* 2 */}
body { margin: 0; }

/* ==========================================================================
   Links
   ========================================================================== */
a { background: transparent; }
a:focus { outline: thin dotted; }
a:active,a:hover { outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */

h1 { font-size: 2em; margin: 0.67em 0; }
abbr[title] { border-bottom: 1px dotted; }
b,strong { font-weight: bold; }
dfn { font-style: italic; }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
mark { background: #ff0; color:#000;}

code,kbd,pre,samp { font-family: monospace, serif; font-size: 1em;}
pre { white-space: pre-wrap; }

q { quotes: "\201C" "\201D" "\2018" "\2019"; }

small { font-size: 80%; }
sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
img { border: 0; }
svg:not(:root) { overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
figure { margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; }

button,input,select,textarea { font-family: inherit; font-size: 100%; margin: 0; }
button,input { line-height: normal; }
button,select { text-transform: none; }
button,html input[type="button"],input[type="reset"],input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled],html input[disabled] { cursor: default; }

input[type="checkbox"],input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

button::-moz-focus-inner,input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; }

/* ==========================================================================
   Tables
   ========================================================================== */
table { border-collapse: collapse; border-spacing: 0; }

ul,li,h1,h2,h3,h4,p,dl,dd{ margin:0; padding:0; }
li{ list-style:none; }

/* ==========================================================================
   clearfix
   ========================================================================== */
.cf{ content:""; display:block; clear:both;}
.cf:after{ content:""; display:block; clear:both; height:0; }