@charset "UTF-8";


/* ==================================================================

default.css

================================================================== */


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

* { font-style:normal;}
html { background: tranparent;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, select, p, blockquote, th, td { margin: 0; padding: 0;}
table { border-collapse: collapse; border-spacing: 0;}
fieldset, img { border: 0;}
img { vertical-align: middle; -ms-interpolation-mode: bicubic;}
address, button, caption, cite, code, dfn, em, input, optgroup, option, select, textarea, th, var { font:inherit;}
textarea {resize: vertical;}
del, ins { text-decoration: none;}
li { list-style: none;}
caption, th { text-align: left;}
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: bold;}
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
q:before, q:after { content: '';}
abbr, acronym { border: 0; font-variant: normal;}
sup { vertical-align: baseline;}
sub { vertical-align: baseline;}
legend { color: #000;}

/* --------------------------------------------------
base
-------------------------------------------------- */

body {
color: #fff;
font-family: Helvetica,"メイリオ",'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',"ＭＳ Ｐゴシック",sans-serif;
font-family: 'Noto Sans Japanese', serif;
font-size: 14px;
font-style: normal;
font-weight: normal;
letter-spacing: 0.1em;
line-height: 2.2;
word-break: normal;
-webkit-text-size-adjust:none;
background:#000000;
}
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
}

/* --------------------------------------------------
selection
-------------------------------------------------- */
::-moz-selection {
background: #eee;
text-shadow: none;
}
::selection {
background: #eee;
text-shadow: none;
}

/* --------------------------------------------------
link
-------------------------------------------------- */
a:link, a:visited {
color: #555;
text-decoration: none;
}
a:hover, a:active {
color: #555;
text-decoration: none;
}

/* --------------------------------------------------
clear
-------------------------------------------------- */
.clear{clear: both;}

/* --------------------------------------------------
clearfix
-------------------------------------------------- */
.clearfix		{zoom:1;}
.clearfix:after	{content: " "; display:block; visibility:hidden; clear:both; height:0.1px; font-size:0.1em; line-height:0;}

/* --------------------------------------------------
Image replacement
-------------------------------------------------- */
.ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -99999px; /* IE 6/7 fallback */}
.ir:before { content: ""; display: block; width: 0; height: 150%;}

/* --------------------------------------------------
visuallyhidden
-------------------------------------------------- */
.hidden { display: none !important; visibility: hidden;}
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto;}
.invisible { visibility: hidden;}

/* --------------------------------------------------
loading
-------------------------------------------------- */
#loading {
background: #FFF;
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
text-align: center;
z-index: 99999;
}
#loadingImg {
width: 40px;
height: 40px;
position: absolute;
top: 50%;
margin-top: -20px;
left: 50%;
margin-left: -20px;
background-image: url(../images/loading.gif);
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: auto 40px;
-moz-background-size: auto 40px;
-o-background-size: auto 40px;
background-size: auto 40px;
}