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

 * www.usjdetko.com
 * default.css
 *
 * copyright : J:COMWEST
 * 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; }
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: #000;}
a:link { color: #e82115; }
a:visited { color: #000; }
a:hover { color: #e82115; text-decoration: none; }
a:active { color: #ff4d00; }
h1, h2 { margin-bottom: 25px; }
h3 { margin-bottom: 12px; }
h4, h5 { margin-bottom: 10px; }
p { margin-bottom: 10px; }
p, dd, li { text-align: justify; }
img { vertical-align: top; }




/*
 * 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; }
.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 'ＭＳ Ｐゴシック', 'MS-PGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif !important; *font-size: x-small; *font: x-small; }

/* 

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%

*/

p.small, .small { font-size: 77%; line-height: 1.6; }
p, .medium { font-size: 93%; line-height: 1.6; }
p.large, .large { font-size: 108%; line-height: 1.6; }
p.x-large, .x-large { font-size: 123.1%; line-height: 1.6; }

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




/** 
 * element
 */ 
#content h2,
#content h3 { margin-bottom: 13px; font-weight: bold; }
#content h4 { margin-bottom: 4px; font-weight: bold; }
#content h5 { color: #4A5051; font-weight: bold; margin-bottom: 4px; }
#content .bottom { background: none; margin-bottom: 0; }
#content sup { font-size: 113%; }