@charset "shift_jis";


/* ---------------------------------------------- */
/* 共通
------------------------------------------------- */

.ttl-img, .ttl-01, .ttl-02, .pgh-01, .list-d01, .list-a01,
.box-01, .box-02,
.tbl-01 { margin-bottom:18px; }

/* ---------------------------------------------- */
/* ttl
------------------------------------------------- */

.ttl-01 { } /* 上に線と「Mail@niftyつき */
.ttl-02 { margin-bottom: 1rem; font-size:.8rem; font-weight:bold; color:#fff; padding:.5rem; border:1px solid #d40; background:url(../common/img/bg-brd-01.png) #f80; } /* オレンジの */
.ttl-03 { margin-bottom:.5rem; font-size:.8rem; font-weight:bold; }

/* ---------------------------------------------- */
/* tx
------------------------------------------------- */

.tx-b  { font-weight:bold; }
.tx-01 { color:#f00; }

.tx-l  { text-align:left; }
.tx-r  { text-align:right; }
.tx-c  { text-align:center; }

/* ---------------------------------------------- */
/* list
------------------------------------------------- */

/* text */
.list-d01 > li, .list-a01 > li, .link-arr-01 { position:relative; margin-left:1.2em; }

.list-d01 > li:before { content:"●"; position:absolute; left:-1.2em; color:#f80; }
.list-a01 > li:before { content:"※"; position:absolute; left:-1.2em; }
.link-arr-01:before   { content:"＞"; position:absolute; left:-1.2em; }

/* ol */
.list-n01 > li        { list-style:decimal; margin-left:1.5em; }
.list-n02 > li        { position:relative; margin-left:2.5em; counter-increment:cnt; }
.list-n02 > li:before { display:marker; content:"（"counter(cnt)"）"; position:absolute; left:-2.5em; }

/* ---------------------------------------------- */
/* box
------------------------------------------------- */

.box-01 { padding:1em; border:1px solid #ccc; }
.box-02 { padding:1em; border:1px solid #f00; }

/* ---------------------------------------------- */
/* table
------------------------------------------------- */

.tbl-01 { width:100%; border-collapse:collapse; border-spacing:0; border:1px solid #e3e3e3; border-bottom:none; border-right:none; }
.tbl-01 th, .tbl-01 td { padding:8px; border-bottom:1px solid #e3e3e3; border-right:1px solid #e3e3e3; }
.tbl-01 th             { background-color:#f90; font-weight:normal; color:#fff; }
.tbl-01 tbody th       { background-color:#ececec; color:#333; }

/* ---------------------------------------------- */
/* 余白調整
------------------------------------------------- */

.lay-top-00 { margin-top:0 !important; padding-top:0 !important; }
.lay-top-01 { margin-top:5px !important; padding-top:5px !important; }
.lay-top-02 { margin-top:10px !important; padding-top:10px !important; }
.lay-top-03 { margin-top:15px !important; padding-top:15px !important; }
.lay-top-04 { margin-top:20px !important; padding-top:20px !important; }
.lay-top-05 { margin-top:25px !important; padding-top:25px !important; }
.lay-top-06 { margin-top:30px !important; padding-top:30px !important; }

.lay-btm-00 { margin-bottom:0 !important; padding-bottom:0 !important; }
.lay-btm-01 { margin-bottom:5px !important; padding-bottom:5px !important; }
.lay-btm-02 { margin-bottom:10px !important; padding-bottom:10px !important; }
.lay-btm-03 { margin-bottom:15px !important; padding-bottom:15px !important; }
.lay-btm-04 { margin-bottom:20px !important; padding-bottom:20px !important; }
.lay-btm-05 { margin-bottom:25px !important; padding-bottom:25px !important; }
.lay-btm-06 { margin-bottom:30px !important; padding-bottom:30px !important; }
.lay-btm-07 { margin-bottom:35px !important; padding-bottom:35px !important; }
.lay-btm-08 { margin-bottom:40px !important; padding-bottom:40px !important; }

.lay-00 { margin:0 !important; }

/* ---------------------------------------------- */
/* Clear Fix
------------------------------------------------- */
.pkg       { zoom:1; }
.pkg:after { display:block; clear:both; height:0; visibility:hidden; content:"."; font-size:0; }