@charset "UTF-8";
/** COMMON CSS  @version */
/* ---------------------------------------------------------------------- HTML NORMALIZE
----------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline; }
body { /** Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */ font-size: 100%; line-height: 1; -webkit-font-smoothing: antialiased; -ms-text-size-adjust: 100%; /*overflow-y: scroll;*/ }
h1, h2, h3, h4, h5, h6, strong { font-weight: bold; }
q, blockquote { quotes: none; }
li { list-style:none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align:top; zoom:1; }
pre, code, kbd, samp, tt { font-family: monospace, serif; font-size: 1em; *font-family: 'courier new', monospace; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
table { font-size: inherit; font: 100%; border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; vertical-align: middle; }
[hidden] { display: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
video, audio, canvas { display: inline-block; *display: inline; *zoom: 1; }
.clearfix, .carousel ul, .col, #header, #footer, #page { *zoom: 1; }
.clearfix:before, .carousel ul:before, .col:before, #header:before, #footer:before, #page:before, .clearfix:after, .carousel ul:after, .col:after, #header:after, #footer:after, #page:after { content: ""; display: block; overflow: hidden; }
.clearfix:after, .carousel ul:after, .col:after, #header:after, #footer:after, #page:after { clear: both; }

/* ---------------------------------------------------------------------- CONTAINER
----------------------------------------------------------------------*/
html { background: #FFFFFF; }
body { position: relative; }

#container { visibility: visible; color: #333; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "ＭＳ Ｐゴシック", "Helvetica", arial, sans-serif; }

#loader { background: #FFFFFF; z-index: 9000; width: 100%; height: 100%; position:absolute; top:0; left:0; display:block; }
#loader span { visibility: visible; background: #FFF; margin-left: -40px; position: absolute; top: 400px; left: 50%; display: block; width: 80px; height: 24px; overflow: hidden; text-indent: -9999px; }
/* ---------------------------------------------------------------------- HEADER
----------------------------------------------------------------------*/
#header { position: relative; z-index: 1000; }
#header ul { list-style-type: none; }
#header a { text-decoration: none; }
#header a:hover { text-decoration: none; }
/* ---------------------------------------------------------------------- FOOTER
----------------------------------------------------------------------*/
/*
#footer { position: relative; z-index: 1000; overflow: hidden; }
#footer ul, #footer ol { list-style-type: none; }
*/
/* ---------------------------------------------------------------------- COMMON ELEMENT
----------------------------------------------------------------------*/
a { color: #333; text-decoration: none; }
a:hover { text-decoration: none; }