@charset "UTF-8";
/* ============================================================

 * www.creative-id.net
 * default.css
 *
 * copyright : creative iD
 * author    : creative iD
 
============================================================ */

/*
 * init
 */
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; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; vertical-align: top; }
address, caption, cite, code, dfn, em, strong, 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:before, q:after { content:''; }
abbr, acronym { border: 0; }
hr { display: none; }




/*
 * common
 */
body { color: #666; }
a:link { color: #666; }
a:visited { color: #666; text-decoration: underline; }
a:hover { text-decoration: underline; background: #fffd58; }
a:active { color: #666; text-decoration: none; background: #fffd58; }
h1, { margin-bottom: 25px; }
h2 { margin-bottom: 20px; }
h3 { margin-bottom: 12px; }
h4, h5 { margin-bottom: 10px; }
p { margin-bottom: 12px; }
p, li, dd, td { text-align: justify; }
input.checkbox { margin: 4px 4px 0 0; }
input.radiobox { margin: 4px 4px 0 0; }




/*
 * module
 */
.clear { clear: both; }
.clearfix { display: inline-block; }
.clearfix:after { content: ""; display: block; clear: both; }
.float-l { float: left; }
.float-r { float: right; }
.align-l { text-align: left; }
.align-c { text-align: center; }
.align-r { text-align: right; }
.strong { font-weight: bold; }
.em { font-style: italic; }
.none { display: none !important; }
.no-bg { background: none !important; }
.no-border { border: none !important; }
.no-margin { margin: 0 !important; }
.no-padding { padding: 0 !important; }
.last { margin-bottom: 0 !important; }
.num { font-family: "Osaka" !important; }
	



/*
 * font
 */
body { font: 13px 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS-PGothic', sans-serif !important; *font-size: small; *font: x-small; }
html>/**/body {font-size/*\**/: small\9;}

/* 

10px = 77%
11px = 85%
12px = 93%
13px = 100%
14px = 108%
15px = 116%
16px = 123.1%
17px = 131%
18px = 138.5%
19px = 146.5%
20px = 153.9%
21px = 161.6%
22px = 167%
23px = 174%
24px = 182%

*/

.font-size10 { font-size: 77%; line-height: 1.8; }
.font-size11 { font-size: 85%; line-height: 1.8; }
.font-size12 { font-size: 93%; line-height: 1.8; }
.font-size14 { font-size: 108%; line-height: 1.8; }
.font-size16 { font-size: 123.1%; line-height: 1.8; }
.font-size18 { font-size: 138.5%; line-height: 1.8; }
.font-size20 { font-size: 153.9%; line-height: 1.8; }
.font-size22 { font-size: 167%; line-height: 1.8; }
.font-size24 { font-size: 182%; line-height: 1.8; }

.color-red { color: #e82115; }
.color-orange { color: #ffa200; }
.color-yellow { color: #ffe100; }
.color-gold { color: #cbbb64; }
.color-black { color: #000; }
.color-white { color: #fff; }