/* reset ======================================== */
body {
   overflow-y:scroll;
   -webkit-text-size-adjust: 100%;
}

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;
}
address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
caption, th {
    text-align: left;
}
hr,legend {
    display: none;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 14px;
}
li {
    list-style-type: none;
}
img {
    border: 0;
    vertical-align: bottom;
}

:focus {
    outline: none;
}

a:link, a:visited {
    outline: none;
}
a:hover, a:active {
    outline: none;
}
label {
    cursor: pointer;
}

/* base ======================================== */
body {
    background: #FFF;
    font-size: 12px;
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS P Gothic', Helvetica, sans-serif;
    line-height: 1;
}

/* CLEARFIX ----- */
.clearfix::before,
.clearfix::after {
    content: "";
    display: table;
}
.clearfix::after {
    clear: both;
}

/* LINK  ----- */
a:link, a:visited {
    text-decoration: none;
    color: #000;
    outline: none;
}
a:hover, a:active {
    text-decoration: underline;
    color: #000;
    outline: none;
}

a:link img.alpha,
a:visited img.alpha{
    opacity: 1;
    -moz-opacity: 1; /* Firefox */
}

a:hover img.alpha,
a:active img.alpha {
    opacity: 0.75;
    -moz-opacity: 0.75; /* Firefox */