/* base.css--------------------------------------------------------------------------------------- */
/* padding & margin clear */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote {
padding: 0;
margin: 0;
}

/* imgのボーダー */

img {
border-style: none;
}

/* 指定が無い時のリンクの下線の有無 */
a {
text-decoration: none;
}

/* 指定が無い時の未読リンクの色 */
a:link {
color: #018487;
text-decoration: none;
}

/* 指定が無い時の既読リンクの色 */
a:visited {
color: #018487;
text-decoration: none;
}

/* 指定無い時のリンク部分のクリック時 */
a:active {
color: #018487;
text-decoration: none;
}

/* マウスカーソルがリンクにかさなった時 */
a:hover {
color: #018487;
text-decoration: underline;
}

/* 指定が無い時の見出しタグの設定 */
h1, h2, h3 {
margin: 0px;
padding: 0px;
font-weight: normal;
}

/* background color */
.bg_E3E3E3 { background-color: #E3E3E3; }
.bg_006699 { background-color: #006699; }
.bg_F8E8E8 { background-color: #F8E8E8; }
.bg_ECECEC { background-color: #ECECEC; }
.bg_F2F2F2 { background-color: #F2F2F2; }
.bg_cc6600 { background-color: #cc6600; }
.bg_ff6600 { background-color: #ff6600; }

/* font color */
.ft_006699 { color: #006699; }
.ft_FF6699 { color: #FF6699; }
.ft_003399 { color: #003399; }
.ft_FF0000 { color: #FF0000; }
.ft_ff6600 { color: #FF6600; }
.ft_00bd5f { color: #00bd5f; }
.ft_666666 { color: #666666; }
.ft_009999 { color: #009999; }


/* --------------------------------------------------------------------------------------- */
/* FontSize = fs */
/* Relative FontSize = fsr */
.fsr9 { font-size: 56.25%; }
.fsr10 { font-size: 62.5%; }
.fsr11 { font-size: 68.75%; }
.fsr12 { font-size: 75%; }
.fsr13 { font-size: 81.25%; }
.fsr14 { font-size: 87.5%; }
.fsr16 { font-size: 100%; }
.fsr18 { font-size: 112.5%; }
.fsr21 { font-size: 131.25%; }
.fsr24 { font-size: 150%; }
.fsr30 { font-size: 187.5%; }
.fsr32 { font-size: 200%; }
.fsr36 { font-size: 225%; }

/* Absolute FontSize = fsa */
.fsa9 { font-size: 9px; }
.fsa10 { font-size: 10px; }
.fsa11 { font-size: 11px; }
.fsa12 { font-size: 12px; }
.fsa13 { font-size: 13px; }
.fsa14 { font-size: 14px; }
.fsa16 { font-size: 16px; }
.fsa18 { font-size: 18px; }
.fsa21 { font-size: 21px; }
.fsa24 { font-size: 24px; }
.fsa30 { font-size: 30px; }
.fsa32 { font-size: 32px; }
.fsa36 { font-size: 36px; }

/* Keyword FontSize = fsk */
.fskxxs { font-size: xx-small; }
.fskxs { font-size: x-small; }
.fsks { font-size: small; }
.fskm { font-size: medium; }
.fskl { font-size: large; }
.fskxl { font-size: x-large; }
.fskxxl { font-size: xx-large; }
/* --------------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------------- */
/* Padding = pd */
/* Padding (top + right + bottom + left) = pd */
.pd2 { padding: 2px; }
.pd5 { padding: 5px; }
.pd8 { padding: 8px; }
.pd10 { padding: 10px; }
.pd15 { padding: 15px; }
.pd20 { padding: 20px; }
.pd30 { padding: 30px; }

/* Padding (top + bottom) = pdtb */
.pdtb5 { padding-top: 5px; padding-bottom: 5px; }
.pdtb10 { padding-top: 10px; padding-bottom: 10px; }
.pdtb15 { padding-top: 15px; padding-bottom: 15px; }
.pdtb20 { padding-top: 20px; padding-bottom: 20px; }
.pdtb30 { padding-top: 30px; padding-bottom: 30px; }

/* Padding (right + left) = pdrl */
.pdrl5 { padding-right: 5px; padding-left: 5px; }
.pdrl10 { padding-right: 10px; padding-left: 10px; }
.pdrl15 { padding-right: 15px; padding-left: 15px; }
.pdrl20 { padding-right: 20px; padding-left: 20px; }
.pdrl30 { padding-right: 30px; padding-left: 30px; }

/* Padding (top) = pdt */
.pdt5 { padding-top: 5px; }
.pdt10 { padding-top: 10px; }
.pdt15 { padding-top: 15px; }
.pdt20 { padding-top: 20px; }
.pdt30 { padding-top: 30px; }

/* Padding (right) = pdr */
.pdr5 { padding-right: 5px; }
.pdr10 { padding-right: 10px; }
.pdr15 { padding-right: 15px; }
.pdr20 { padding-right: 20px; }
.pdr30 { padding-right: 30px; }

/* Padding (bottom) = pdb */
.pdb5 { padding-bottom: 5px; }
.pdb10 { padding-bottom: 10px; }
.pdb15 { padding-bottom: 15px; }
.pdb20 { padding-bottom: 20px; }
.pdb30 { padding-bottom: 30px; }

/* Padding (left) = pdl */
.pdl5 { padding-left: 5px; }
.pdl10 { padding-left: 10px; }
.pdl15 { padding-left: 15px; }
.pdl20 { padding-left: 20px; }
.pdl30 { padding-left: 30px; }

/* Padding (right + left + top) = pdrlt */
.pdrlt5 { padding-right: 5px; padding-left: 5px; padding-top: 5px; }
.pdrlt10 { padding-right: 10px; padding-left: 10px; padding-top: 10px; }
.pdrlt15 { padding-right: 15px; padding-left: 15px; padding-top: 15px; }
.pdrlt20 { padding-right: 20px; padding-left: 20px; padding-top: 20px; }
.pdrlt30 { padding-right: 30px; padding-left: 30px; padding-top: 30px; }


/* --------------------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------------------- */
/* Margin = mg */
/* Margin (top + right + bottom + left) = mg */
.mg2 { margin: 2px; }
.mg5 { margin: 5px; }
.mg8 { margin: 8px; }
.mg10 { margin: 10px; }
.mg15 { margin: 15px; }
.mg20 { margin: 20px; }
.mg30 { margin: 20px; }

/* Margin (top + bottom) = mgtb */
.mgtb5 { margin-top: 5px; margin-bottom: 5px; }
.mgtb10 { margin-top: 10px; margin-bottom: 10px; }
.mgtb15 { margin-top: 15px; margin-bottom: 15px; }
.mgtb20 { margin-top: 20px; margin-bottom: 20px; }
.mgtb30 { margin-top: 30px; margin-bottom: 30px; }

/* Margin (right + left) = mgrl */
.mgrl5 { margin-left: 5px; margin-right: 5px; }
.mgrl10 { margin-left: 10px; margin-right: 10px; }
.mgrl15 { margin-left: 15px; margin-right: 15px; }
.mgrl20 { margin-left: 20px; margin-right: 20px; }
.mgrl30 { margin-left: 30px; margin-right: 30px; }

/* Margin (top) = mgt */
.mgt5 { margin-top: 5px; }
.mgt10 { margin-top: 10px; }
.mgt15 { margin-top: 15px; }
.mgt20 { margin-top: 20px; }
.mgt30 { margin-top: 30px; }
.mgt40 { margin-top: 40px; }
.mgt50 { margin-top: 50px; }

/* Margin (right) = mgr */
.mgr5 { margin-right: 5px; }
.mgr10 { margin-right: 10px; }
.mgr15 { margin-right: 15px; }
.mgr20 { margin-right: 20px; }
.mgr30 { margin-right: 30px; }

/* Margin (bottom) = mgb */
.mgb5 { margin-bottom: 5px; }
.mgb10 { margin-bottom: 10px; }
.mgb15 { margin-bottom: 15px; }
.mgb20 { margin-bottom: 20px; }
.mgb30 { margin-bottom: 30px; }

/* Margin (left) = mgl */
.mgl5 { margin-left: 5px; }
.mgl10 { margin-left: 5px; }
.mgl15 { margin-left: 15px; }
.mgl20 { margin-left: 20px; }
.mgl30 { margin-left: 30px; }
/* --------------------------------------------------------------------------------------- */