@charset "utf-8";
/* 
	Project Kana ~ Reset and Basic CSS. / (C)2010 Erinago / (C)2010-2013 Nagomi Mind
*/
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp { margin: 0; padding: 0; font-size: 100%; font-weight: inherit; font-style: inherit; text-align: left; border: 0; outline: 0; font-family: inherit; vertical-align: baseline; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
html, body { height: 100% }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
b, strong { font-weight: bold }
em { font-style: italic }
img { color: transparent; font-size: 0; vertical-align: middle; -ms-interpolation-mode: bicubic; }
ol, ul { list-style: none }
li { display: list-item }
table { border-collapse: collapse; border-spacing: 0; }
th, td, caption { font-weight: normal; text-align: right; vertical-align: top }
input, select { vertical-align: middle; /*-webkit-appearance: none; */ border-radius: 0; ; }
blockquote, q { quotes: none }
i { font-style: normal }
:focus { outline: 0 }

/* Clears */
.cleared { position: relative; clear: both; zoom: 1; }
.cleared:after { display: block; width: 0; height: 0; clear: both; content: ""; line-height: 0; }
.clear { display: block; clear: both }
.clear-l { clear: left }
.clear-r { clear: right }

/* Position */
.pr { position: relative }
.pa { position: absolute }
.mid { margin-right: auto; margin-left: auto }
.fl { float: left }
.fr { float: right }
.center { text-align: center }
.justify { text-align: justify }
.left { text-align: left }
.right { text-align: right }

.hide { display: none }
.block { display: block }

.inline { display: inline }
.inline-block { display: inline-block; *display: inline; *zoom: 1; }

/* Element */
.b { font-weight: bold }
.n { font-weight: normal }
.clickable { cursor: pointer }
.dragable { cursor: move }
.hr { border-top: 1px solid #DDD; line-height: 2; height: 0; }
.hr.dashed, .dashed { border-style: dashed }