/* Roll-Over */

.tt100-m
        { font-size: 12px;
          color    : #666;
        }

.tt100-m a
        { display        : block;
          font-weight    : bolder;
          color          : #fff;
          padding        : 4px;
          text-align     : left;
          background     : #db7889;
          text-decoration: none;
        }

.tt100-m a:hover
        { color          : #fff; 
          background     : #c05400;
          text-decoration: none;
      
  }




/* Roll-Over */

.tt-ttt { padding    : 0 0 0 0;
          font-size  : 12px;
          font-weight: bolder;
          line-height: 50px;
        }

.tt-ttt a
        { display        : block;
          width          : 200px;
          height         : 50px;
          text-align     : left;
          text-decoration: none;
          background     : url(http://www.naramiyuki.com/tt-img/toku00.gif)
                           no-repeat;
        }

.tt-ttt a:hover
        { color     : #fff; 
          background: url(http://www.naramiyuki.com/tt-img/toku01.gif)
                      no-repeat;
        }




/* font-sizer */

.kihon01  { font-size:  1px; font-weight: normal; line-height: 100%; }
.kihon02  { font-size:  2px; font-weight: normal; line-height: 100%; }
.kihon04  { font-size:  4px; font-weight: normal; line-height: 100%; }
.kihon06  { font-size:  6px; font-weight: normal; line-height: 100%; }
.kihon08  { font-size:  8px; font-weight: normal; line-height: 130%; }
.kihon09  { font-size:  9px; font-weight: normal; line-height: 130%; }
.kihon10  { font-size: 10px; font-weight: normal; line-height: 130%; }
.kihon11  { font-size: 11px; font-weight: normal; line-height: 130%; }
.kihon12  { font-size: 12px; font-weight: normal; line-height: 140%; }
.kihon13  { font-size: 13px; font-weight: normal; line-height: 140%; }
.kihon14  { font-size: 14px; font-weight: normal; line-height: 140%; }
.kihon15  { font-size: 15px; font-weight: normal; line-height: 140%; }
.kihon16  { font-size: 16px; font-weight: normal; line-height: 140%; }
.kihon17  { font-size: 17px; font-weight: normal; line-height: 140%; }
.kihon18  { font-size: 18px; font-weight: normal; line-height: 140%; }
.kihon19  { font-size: 19px; font-weight: normal; line-height: 140%; }
.kihon20  { font-size: 20px; font-weight: normal; line-height: 140%; }
.kihon21  { font-size: 21px; font-weight: normal; line-height: 140%; }
.kihon22  { font-size: 22px; font-weight: normal; line-height: 140%; }
.kihon23  { font-size: 23px; font-weight: normal; line-height: 140%; }
.kihon24  { font-size: 24px; font-weight: normal; line-height: 140%; }

.bold08   { font-size:  8px; font-weight: bold; line-height: 140%; }
.bold09   { font-size:  9px; font-weight: bold; line-height: 140%; }
.bold10   { font-size: 10px; font-weight: bold; line-height: 140%; }
.bold11   { font-size: 11px; font-weight: bold; line-height: 140%; }
.bold12   { font-size: 12px; font-weight: bold; line-height: 140%; }
.bold13   { font-size: 13px; font-weight: bold; line-height: 140%; }
.bold14   { font-size: 14px; font-weight: bold; line-height: 140%; }
.bold15   { font-size: 15px; font-weight: bold; line-height: 140%; }
.bold16   { font-size: 16px; font-weight: bold; line-height: 140%; }
.bold17   { font-size: 17px; font-weight: bold; line-height: 140%; }
.bold18   { font-size: 18px; font-weight: bold; line-height: 140%; }
.bold19   { font-size: 19px; font-weight: bold; line-height: 140%; }
.bold20   { font-size: 20px; font-weight: bold; line-height: 140%; }
.bold21   { font-size: 21px; font-weight: bold; line-height: 140%; }
.bold22   { font-size: 22px; font-weight: bold; line-height: 140%; }
.bold23   { font-size: 23px; font-weight: bold; line-height: 140%; }
.bold24   { font-size: 24px; font-weight: bold; line-height: 140%; }



/* colorer */

.f-white  { color: #fff; }

.c3       { color: #333; }
.c9       { color: #999; }
.f6       { color: #fff; }

.f-444    { color: #444; }
.f-555    { color: #555; }
.f-666    { color: #666; }
.f-777    { color: #777; }

.f-ff6666 { color: #f66; }
.f-ff8888 { color: #f88; }
.f-ffddcc { color: #fdc; }

.f-706eba { color: #706eba; }
.f-ff8040 { color: #ff8040; }


/* backgrounder */

.b-white  { background: #fff; }
.b-shop   { background: #ffffbc; }
.b-cream  { background: #ffffea; }

.b-0068b7 { background: #0068b7; }
.b-706eba { background: #706eba; }
.b-ccfff0 { background: #ccfff0; }

.b-e5fff7 { background: #e5fff7; }
.b-e8dcdf { background: #e8dcdf; }
.b-efe6ce { background: #efe6ce; }

.b-f2dadd { background: #f2dadd; }
.b-f2e6e8 { background: #f2e6e8; }
.b-f2edee { background: #f2edee; }
.b-f2fbff { background: #f2fbff; }
.b-f2fff9 { background: #f2fff9; }

.b-f7fcff { background: #f7fcff; }

.b-ff6600 { background: #f60; }
.b-ffddcc { background: #fdc; }

.b-ffe0cc { background: #ffe0cc; }
.b-ffe5e5 { background: #ffe5e5; }
.b-ffe5f3 { background: #ffe5f3; }

.b-fff2f2 { background: #fff2f2; }
.b-fff2f5 { background: #fff2f5; }
.b-fff7f7 { background: #fff7f7; }


/* backer-point */

.b-back02  {background-image: url(http://www.narakko.jp/yn-img/back-02.gif); }
.b-back04  {background-image: url(http://www.narakko.jp/yn-img/364-line4.gif); }
.b-back03  {background-image: url(http://www.narakko.jp/yn-img/727-line3.gif); }
.b-back06  {background-image: url(http://www.narakko.jp/yn-img/727-line7.gif); }
.b-back12  {background-image: url(http://www.narakko.jp/yn-img/727-line2.gif); }

.b-back-r4 {background-image: url(http://www.narakko.jp/yn-img/727-line-r4.gif); }
.b-back-l3 {background-image: url(http://www.narakko.jp/yn-img/727-line-l3.gif); }
.b727-ym-4 {background-image: url(http://www.narakko.jp/yn-img/727-ym-4.gif); }
.b727-gr-4 {background-image: url(http://www.narakko.jp/tt-img/orange-727-04.gif); }


/* ageage */

.col666   { font-size: 12px; color:#666; font-weight: normal; line-height: 140%; }
.ff5500   { font-size: 11px; color:#ff5500; font-weight: normal; line-height: 125%; }

.orange10 { font-size: 10px; font-weight: normal; color: #ff8040; line-height: 140%; }
.orange11 { font-size: 11px; font-weight: normal; color: #ff8040; line-height: 140%; }

.ile13-0  { font-size: 13px; font-weight: normal; }
.ile13-l0 { font-size: 13px; font-weight: bold; vertical-align: baseline; }
.ile13-b0 { font-size: 13px; font-weight: bold; vertical-align: middle; }
.ile14-b0 { font-size: 14px; font-weight: bold; vertical-align: middle; }
.ile16-b0 { font-size: 16px; font-weight: bold; vertical-align: middle; }
.ile18-b0 { font-size: 18px; font-weight: bold; vertical-align: middle; }




/* diver */

.dv000-00 { padding: 0; }

.dv001-00 { padding: 1px; }
.dv001-01 { padding: 1px 0 0 0; }
.dv001-02 { padding: 0 1px 0 0; }
.dv001-03 { padding: 0 0 1px 0; }
.dv001-04 { padding: 0 0 0 1px; }
.dv001-05 { padding: 1px 0; }

.dv002-00 { padding: 2px; }
.dv002-01 { padding: 2px 0 0 0; }
.dv002-02 { padding: 0 2px 0 0; }
.dv002-03 { padding: 0 0 2px 0; }
.dv002-04 { padding: 0 0 0 2px; }
.dv002-05 { padding: 2px 0; }

.dv003-00 { padding: 3px; }
.dv003-01 { padding: 3px 0 0 0; }
.dv003-02 { padding: 0 3px 0 0; }
.dv003-03 { padding: 0 0 3px 0; }
.dv003-04 { padding: 0 0 0 3px; }
.dv003-05 { padding: 3px 0; }

.dv004-00 { padding: 4px; }
.dv004-01 { padding: 4px 0 0 0; }
.dv004-02 { padding: 0 4px 0 0; }
.dv004-03 { padding: 0 0 4px 0; }
.dv004-04 { padding: 0 0 0 4px; }
.dv004-05 { padding: 4px 0; }

.dv005-00 { padding: 5px; }
.dv005-01 { padding: 5px 0 0 0; }
.dv005-02 { padding: 0 5px 0 0; }
.dv005-03 { padding: 0 0 5px 0; }
.dv005-04 { padding: 0 0 0 5px; }
.dv005-05 { padding: 5px 0; }
.dv005-06 { padding: 0 5px; }
.dv005-07 { padding: 5px 5px 5px 0; }
.dv005-08 { padding: 5px 5px 0 5px; }
.dv005-09 { padding: 5px 0 5px 5px; }
.dv005-10 { padding: 0 5px 5px 5px; }

.dv006-00 { padding: 6px; }
.dv006-01 { padding: 6px 0 0 0; }
.dv006-02 { padding: 0 6px 0 0; }
.dv006-03 { padding: 0 0 6px 0; }
.dv006-04 { padding: 0 0 0 6px; }
.dv006-05 { padding: 6px 0; }

.dv008-00 { padding: 8px; }
.dv008-01 { padding: 8px 0 0 0; }
.dv008-02 { padding: 0 8px 0 0; }
.dv008-03 { padding: 0 0 8px 0; }
.dv008-04 { padding: 0 0 0 8px; }
.dv008-05 { padding: 8px 0; }
.dv008-06 { padding: 0 8px; }

.dv010-00 { padding: 10px; }
.dv010-01 { padding: 10px 0 0 0; }
.dv010-02 { padding: 0 10px 0 0; }
.dv010-03 { padding: 0 0 10px 0; }
.dv010-04 { padding: 0 0 0 10px; }
.dv010-05 { padding: 10px 0; }
.dv010-06 { padding: 0 10px; }
.dv010-07 { padding: 10px 10px 10px 0; }
.dv010-08 { padding: 10px 10px 0 10px; }
.dv010-09 { padding: 10px 0 10px 10px; }
.dv010-10 { padding: 0 10px 10px 10px; }

.dv012-00 { padding: 12px; }
.dv012-01 { padding: 12px 0 0 0; }
.dv012-02 { padding: 0 12px 0 0; }
.dv012-03 { padding: 0 0 12px 0; }
.dv012-04 { padding: 0 0 0 12px; }

.dv015-00 { padding: 15px; }
.dv015-01 { padding: 15px 0 0 0; }
.dv015-02 { padding: 0 15px 0 0; }
.dv015-03 { padding: 0 0 15px 0; }
.dv015-04 { padding: 0 0 0 15px; }
.dv015-05 { padding: 15px 0; }
.dv015-06 { padding: 0 15px; }

.dv020-00 { padding: 20px; }
.dv020-01 { padding: 20px 0 0 0; }
.dv020-02 { padding: 0 20px 0 0; }
.dv020-03 { padding: 0 0 20px 0; }
.dv020-04 { padding: 0 0 0 20px; }
.dv020-05 { padding: 20px 0; }
.dv020-06 { padding: 0 20px; }

.dv025-00 { padding: 25px; }
.dv025-01 { padding: 25px 0 0 0; }
.dv025-02 { padding: 0 25px 0 0; }
.dv025-03 { padding: 0 0 25px 0; }
.dv025-04 { padding: 0 0 0 25px; }

.dv030-00 { padding: 30px; }
.dv030-01 { padding: 30px 0 0 0; }
.dv030-02 { padding: 0 30px 0 0; }
.dv030-03 { padding: 0 0 30px 0; }
.dv030-04 { padding: 0 0 0 30px; }

.dv040-00 { padding: 40px; }
.dv040-01 { padding: 40px 0 0 0; }
.dv040-02 { padding: 0 40px 0 0; }
.dv040-03 { padding: 0 0 40px 0; }
.dv040-04 { padding: 0 0 0 40px; }



.dv555-01 { padding-left: 4px ; }
.dv555-02 { padding-top: 4px ; }
.dv555-03 { padding-top: -20px ; }

.dv888-01 { padding: 10px 0 0 0; }
.dv888-02 { padding: 0 0 10px 0; }
.dv888-03 { padding: 12px 0 6px 0; }
.dv888-04 { padding: 8px 10px 30px 10px; }
.dv888-05 { padding: 0px 0px 16px 18px; }
.dv888-06 { padding: 8px 8px 16px 8px; }
.dv888-07 { padding: 5px 0 10px 0; }
.dv888-08 { padding: 8px 0 16px 0; }
.dv888-09 { padding: 8px; }
.dv888-10 { padding: 0px 0px 0px 20px; }
.dv888-21 { padding: 5px 20px 20px 20px; }

.aki-10    { padding: 10px; }
.aki-10-ue { padding: 10px 0 0 0; }
.aki-06    { padding: 6px; }
.aki-05    { padding: 5px; }
.aki-01    { padding: 1px; }
.heb-48    { padding: 4px 0 8px 0; }
.ten-10    { padding: 10px 0 10px 0; }
.ten-08    { padding: 8px 0 8px 0; }
.ten-06    { padding: 6px 0 6px 0; }
.pr-011    { padding-right: 11px; }
.tt01      { margin-top: 10px; margin-bottom: 10px; }



/* aligner */

.dv-cen { text-align: center; }
.dv-rig { text-align: right; }
.dv-lef { text-align: left; }

.dv-er-cen { align: center; }
.dv-er-rig { align: right; }
.dv-er-lef { align: left; }

.vt-top { vertical-align: top; }
.vt-mid { vertical-align: middle; }
.vt-bot { vertical-align: bottom; }