@charset "utf-8";
/*
 * reset.css
 *
 */


/* 初期化
---------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    vertical-align:baseline;
}

html { overflow-y: scroll;}
@media print {
    html,
    html body { *zoom: 0.65;}
}
body {
    font-size:62.5%; /* 1em=10pxに設定 */
    line-height:1;
    z-index:1;
}

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
    margin:0;
    padding:0;
    font-size:1em;
    font-weight:normal;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,address {
    display:block;
    font-style:normal;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

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

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

input[type="button"],
input[type="submit"],
button {
    -webkit-appearance: button;
}

li {
    list-style:none;
}

img {
    border:0;
    vertical-align:middle;
    -ms-interpolation-mode: bicubic;
}

li img {
    vertical-align:middle;
}

caption,
th {
    text-align:left;
}

q:before,
q:after {
    content:'';
}

abbr,
acronym {
    border:0;
    font-variant:normal;
}

input, textarea
{ margin: 0; font-size: 100%;}
label
{ cursor: pointer;}
table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
fieldset, img
{ border: 0;}
img
{ max-width: 100%; width: 100%; height: auto; vertical-align: top;}
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:after, q:before
{ content:'';}
a, input
{ outline: none; }
input[type="text"],input[type="submit"],input[type="button"], textarea
{ border-radius: 0; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif; }
input[type="button"],input[type="submit"]
{ -webkit-appearance: none; background: none; border: none; padding: 0; cursor: pointer;}
abbr, acronym
{ border: 0;}
*
{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
ul li {
    list-style:none;
}

/* to preserve line-height and selector appearance */
sup {
    vertical-align:text-top;
}

sub {
    vertical-align:text-bottom;
}

input,
textarea,
select,
button {
    font-family:inherit;
    font-size:inherit;
    font-weight:inherit;
    box-sizing:border-box;
}

textarea {
    overflow-x:hidden;
}

/*because legend doesn't inherit in IE */
legend {
    color:#000;
}

/*p {
    text-align:justify;
}*/

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

/* !Clearfix
---------------------------------------------------------- */
.clearfix,
#contents,
.section
{
    display: block;
    min-height: 1%;
}
.clearfix:after,
#contents:after,
.section:after
{
    clear: both;
    content:".";
    display: block;
    height: 0;
    visibility: hidden;
}
* html .clearfix,
* html #contents,
* html .section
{
    height: 1%;
    /*\*//*/
    height: auto;
    overflow: hidden;
    /**/
}

img{
max-width: 100%;
height: auto;
width /***/:auto;