/* ▼ 余白リセット ▼ */

h1,h2,h3,h4,div,span,img,table,ul,ol,li,p,iframe {
                                                  border: none;
                                                  padding: 0px;
                                                  margin: 0px;
}

/* ▲ 余白リセット ▲ */


/* ▼ 共通設定 ▼ */

/* ▽全体の背景 */
html {
      width: 100%;
      height: 100%;
      padding: 0px;
      margin: 0px;
}

body {
      width: 100%;     /* ナビ背景枠 */
      height: 100%;
      padding: 0px;
      margin: 0px;
      background-image: url(../images/back/back-top.gif);     /* 上背景画像 */
      background-repeat: repeat-x;
      background-position: 0px 0px;
}

.ie7 body {
           width: 100%;     /* ナビ背景枠 */
           height: 100%;
           padding: 0px;
           margin: 0px;
           background-image: url(../images/back/back-top.gif);     /* 上背景画像 */
           background-repeat: repeat-x;
           background-position: 0px 0px;
           overflow-y: hidden;     /* IE7用 - フッター下にできる余白を無くすための設定 */
}

.body {
       width: 100%;     /* HOME - ナビ背景枠 */
       height: 100%;
       padding: 0px;
       margin: 0px;
       background-image: url(../images/back/back-top-home.gif);     /* 上背景画像 */
       background-repeat: repeat-x;
       background-position: 0px 0px;
}

.ie7 .body {
            width: 100%;     /* HOME - ナビ背景枠 */
            height: 100%;
            padding: 0px;
            margin: 0px;
            background-image: url(../images/back/back-top-home.gif);     /* 上背景画像 */
            background-repeat: repeat-x;
            background-position: 0px 0px;
            overflow-y: hidden;     /* IE7用 - フッター下にできる余白を無くすための設定 */
}

#back {
       min-width: 982px;     /* フッターの背景切れを防ぐ対策 */     /* フッター背景枠 */
       min-height: 100%;     /* フッターをページ下に配置するための設定 */

       height: auto;     /* モダンブラウザの縦スクロールを出すための設定 */
       font-size: 14px;
       line-height: 22px;
       letter-spacing: 1px;
       color: #320a0a;     /* 文字色：こげ茶色 */
       background-image: url(../images/back/back-bottom.gif);     /* 下背景画像 */
       background-repeat: repeat-x;
       background-position: 0% 100%;
       position: relative;     /* フッターをページ下に配置するための基準設定 */
       top: 0px;
       left: 0px;
}

/* ▽画像 */
img {
     vertical-align: bottom;     /* 縦位置：下揃え */
}

/* ▽テーブル */
table {
       table-layout: fixed;     /* 表の1行目を読み込んだ時点でレイアウト(各セルの幅)を決定 */
       border-collapse: collapse;     /* 隣接する境界線を結合して(重ねて)表示 */
}

/* ▽テキスト・リンク */
a {
   color: #0000ff;     /* 文字色：青色 */
   text-decoration: none;
}

a:hover {
         text-decoration: underline;
}

/* ▽ヘッダー・フレーム */
.header {
         width: 980px;     /* ヘッダー大枠 */
         height: 100px;
         margin-left: auto;
         margin-right: auto;
         position: relative;
         top: 0px;
         left: 0px;
}

/* ▽サブタイトル */
.sub-title {
            width: 980px;     /* 紙加工の「できたらいいな！」 - h1 文字サイズ 28px */
            font-size: 14px;
            line-height: normal;
            font-weight: normal;
            position: absolute;
            top: 8px;
            left: 0px;
}

/* ▽タイトル */
.title {
        width: 340px;     /* 中央紙工ロゴ画像枠 */
        height: 61px;
        position: absolute;
        top: 32px;
        left: 0px;
}

/* ▽お問い合わせ情報 */
.contact {
          width: 480px;     /* 紙加工のご相談は中央紙工へ！枠 */
          height: 70px;
          position: absolute;
          top: 28px;
          left: 500px;
}

/* ▽ナビ・フレーム */
.header-navi {
              width: 980px;     /* ナビ大枠 */
              height: 50px;
              margin-bottom: 15px;
              margin-left: auto;
              margin-right: auto;
              background-image: url(../images/back/back-navi.gif);     /* 縦ライン - 背景画像 */
              background-repeat: no-repeat;
              position: relative;
              top: 0px;
              left: 0px;
}

.header-navi-home {
                   width: 980px;     /* HOME - ナビ大枠 */
                   height: 50px;
                   margin-bottom: 26px;
                   margin-left: auto;
                   margin-right: auto;
                   background-image: url(../images/back/back-navi.gif);     /* 縦ライン - 背景画像 */
                   background-repeat: no-repeat;
                   position: relative;
                   top: 0px;
                   left: 0px;
}

/* ナビ画像リンク */
.header-navi-1-0 {
                  width: 160px;     /* HOME枠 */
                  height: 50px;
                  position: absolute;
                  top: 0px;
                  left: 1px;
}

.header-navi-1 {
                width: 160px;
                height: 50px;
                background-image: url(../images/navi/navi-home-b.gif);     /* 背景画像 */
                background-repeat: no-repeat;
                position: absolute;
                top: 0px;
                left: 1px;
}

.header-navi-1 a {
                  display: block;
                  width: 160px;
                  height: 50px;
}

.header-navi-2-0 {
                  width: 176px;     /* 製品紹介枠 */
                  height: 50px;
                  position: absolute;
                  top: 0px;
                  left: 162px;
}

.header-navi-2 {
                width: 176px;
                height: 50px;
                background-image: url(../images/navi/navi-products-b.gif);     /* 背景画像 */
                background-repeat: no-repeat;
                position: absolute;
                top: 0px;
                left: 162px;
}

.header-navi-2 a {
                  display: block;
                  width: 176px;
                  height: 50px;
}

.header-navi-3-0 {
                  width: 176px;     /* 技術紹介枠 */
                  height: 50px;
                  position: absolute;
                  top: 0px;
                  left: 339px;
}

.header-navi-3 {
                width: 176px;
                height: 50px;
                background-image: url(../images/navi/navi-technology-b.gif);     /* 背景画像 */
                background-repeat: no-repeat;
                position: absolute;
                top: 0px;
                left: 339px;
}

.header-navi-3 a {
                  display: block;
                  width: 176px;
                  height: 50px;
}

.header-navi-4-0 {
                  width: 176px;     /* 会社案内枠 */
                  height: 50px;
                  position: absolute;
                  top: 0px;
                  left: 516px;
}

.header-navi-4 {
                width: 176px;
                height: 50px;
                background-image: url(../images/navi/navi-company-b.gif);     /* 背景画像 */
                background-repeat: no-repeat;
                position: absolute;
                top: 0px;
                left: 516px;
}

.header-navi-4 a {
                  display: block;
                  width: 176px;
                  height: 50px;
}

.header-navi-5-0 {
                  width: 286px;     /* お問い合わせメール枠 */
                  height: 50px;
                  position: absolute;
                  top: 0px;
                  left: 693px;
}

.header-navi-5 {
                width: 286px;
                height: 50px;
                background-image: url(../images/navi/navi-inquiry-b.gif);     /* 背景画像 */
                background-repeat: no-repeat;
                position: absolute;
                top: 0px;
                left: 693px;
}

.header-navi-5 a {
                  display: block;
                  width: 286px;
                  height: 50px;
}

.header-navi a:hover {
                      background-color: transparent;
}

.header-navi a:hover img {
                          visibility: hidden;
}

.header-navi-home a:hover {
                           background-color: transparent;
}

.header-navi-home a:hover img {
                               visibility: hidden;
}

/* ▽コンテンツ */
.contents {
           width: 980px;     /* コンテンツ大枠 */
           zoom: 1;     /* IE独自拡張 - IE6とIE7でoverflowプロパティを使用可能にするためにhasLayoutを有効化する対策 */
           overflow: hidden;     /* 親BOXでfloatを解除したように見せる対策 */
           padding-bottom: 200px;     /* フッターと重ならないようにする対策 */
           padding-left: 1px;     /* firefox - table左端のborder切れを防ぐ対策 */
           padding-right: 1px;     /* chrome - table右端のborder切れを防ぐ対策 */
           margin-left: auto;
           margin-right: auto;
}

/* ▽トピックパス */
.topic-path {
             width: 975px;     /* トピックパス枠 */
             height: 20px;
             font-size: 12px;
             line-height: normal;
             padding-left: 5px;
             margin-bottom: 10px;
}

/* ▽サイド・ナビ */
.side {
       width: 220px;     /* ナビ枠 */
       float: left;
}

/* リスト */
.side ul {
          border-top: 1px solid #cccccc;     /* メニュー枠 */
          border-left: 1px solid #cccccc;
          border-right: 1px solid #cccccc;
          font-size: 15px;
          line-height: normal;
          list-style-type: none;
}

.side li {
          border-bottom: 1px solid #cccccc;
          background-image: url(../images/icon/arrow-2.gif);     /* 左背景画像 */
          background-repeat: no-repeat;
          background-position: 6px 13px;
}

.side li a {
            color: #263a8c;     /* 文字色：濃い青色 */
            text-decoration: none;
            display: block;
            padding-top: 10px;
            padding-bottom: 7px;
            padding-left: 25px;
}

.side li:hover {
                background-color: #e6ffff;
}

/* ▽サイド・バナー */
.side-banner {
              width: 220px;     /* バナー枠 */
}

.side-banner-0 {
                width: 220px;
                height: 80px;
                background-image: url(../images/banner/company-calendar-banner-b.gif);     /* 背景画像 */
                background-repeat: no-repeat;
}

.side-banner-0 a {
                  display: block;
                  width: 220px;
                  height: 80px;
}

.side-banner-1 {
                width: 220px;
                height: 100px;
                background-image: url(../images/banner/calendar-banner-b.jpg);     /* 背景画像 */
                background-repeat: no-repeat;
}

.side-banner-1 a {
                  display: block;
                  width: 220px;
                  height: 100px;
}

.side-banner-2 {
                width: 220px;
                height: 100px;
                background-image: url(../images/banner/poti-banner-b.jpg);     /* 背景画像 */
                background-repeat: no-repeat;
}

.side-banner-2 a {
                  display: block;
                  width: 220px;
                  height: 100px;
}

.side-banner-3 {
                width: 220px;
                height: 100px;
                background-image: url(../images/banner/bungu-banner-b.jpg);     /* 背景画像 */
                background-repeat: no-repeat;
}

.side-banner-3 a {
                  display: block;
                  width: 220px;
                  height: 100px;
}

.side-banner a:hover {
                      background-color: transparent;
}

.side-banner a:hover img {
                          visibility: hidden;
}

/* ▽メイン・コンテンツ */
.main {
       width: 730px;     /* コンテンツ枠 */
       float: right;
}

/* コンテンツ・ナビ */
#to-top {
         width: 80px;     /* ページのトップへ画像枠 */
         height: 80px;
         display: none;
         position: fixed;
         bottom: 110px;
         right: 20px;
}

/* ▽フッター・フレーム */
.footer {
         width: 100%;     /* フッター大枠 */
         height: 80px;
         font-size: 12px;
         font-family: Osaka, "ＭＳ Ｐゴシック", sans-serif;     /* フォント指定 */
         color: #ffffff;     /* 文字：白色 */
         text-align: center;
         line-height: 18px;
         white-space: nowrap;     /* テキストの折り返し表示禁止 */
         padding-top: 20px;
         position: absolute;     /* フッターをページ下に配置 */
         bottom: 0px;
         left: 0px;
}

/* ▽フッター・ナビ */
/* リスト */
.footer ul {
            list-style-type: none;     /* ナビ枠 */
            margin-bottom: 20px;
            margin-left: 26px;     /* 左端の位置合わせ */
}

.footer ul li {
               display: inline;     /* インラインで表示の時、リストマーカーは表示されない */
               margin-right: 30px;     /* リスト間 */
}

.footer ul li a {
                 color: #ffffff;     /* 文字：白色 */
                 text-decoration: none;
}

.footer ul li a:hover {
                       text-decoration: underline;
}

/* ▲ 共通設定 ▲ */


/* ▼ 共通パーツ ▼ */

/* ▽パディング */
.pd1 {padding: 1px;}
.pd2 {padding: 2px;}
.pd3 {padding: 3px;}
.pd4 {padding: 4px;}
.pd5 {padding: 5px;}
.pd6 {padding: 6px;}
.pd7 {padding: 7px;}
.pd8 {padding: 8px;}
.pd9 {padding: 9px;}
.pd10 {padding: 10px;}
.pd11 {padding: 11px;}
.pd12 {padding: 12px;}
.pd13 {padding: 13px;}
.pd14 {padding: 14px;}
.pd15 {padding: 15px;}
.pd16 {padding: 16px;}
.pd17 {padding: 17px;}
.pd18 {padding: 18px;}
.pd19 {padding: 19px;}
.pd20 {padding: 20px;}
.pd21 {padding: 21px;}
.pd22 {padding: 22px;}
.pd23 {padding: 23px;}
.pd24 {padding: 24px;}
.pd25 {padding: 25px;}
.pd26 {padding: 26px;}
.pd27 {padding: 27px;}
.pd28 {padding: 28px;}
.pd29 {padding: 29px;}
.pd30 {padding: 30px;}

/* ▽上パディング */
.pdT1 {padding-top: 1px;}
.pdT2 {padding-top: 2px;}
.pdT3 {padding-top: 3px;}
.pdT4 {padding-top: 4px;}
.pdT5 {padding-top: 5px;}
.pdT6 {padding-top: 6px;}
.pdT7 {padding-top: 7px;}
.pdT8 {padding-top: 8px;}
.pdT9 {padding-top: 9px;}
.pdT10 {padding-top: 10px;}
.pdT11 {padding-top: 11px;}
.pdT12 {padding-top: 12px;}
.pdT13 {padding-top: 13px;}
.pdT14 {padding-top: 14px;}
.pdT15 {padding-top: 15px;}
.pdT16 {padding-top: 16px;}
.pdT17 {padding-top: 17px;}
.pdT18 {padding-top: 18px;}
.pdT19 {padding-top: 19px;}
.pdT20 {padding-top: 20px;}
.pdT21 {padding-top: 21px;}
.pdT22 {padding-top: 22px;}
.pdT23 {padding-top: 23px;}
.pdT24 {padding-top: 24px;}
.pdT25 {padding-top: 25px;}
.pdT26 {padding-top: 26px;}
.pdT27 {padding-top: 27px;}
.pdT28 {padding-top: 28px;}
.pdT29 {padding-top: 29px;}
.pdT30 {padding-top: 30px;}

/* ▽下パディング */
.pdB1 {padding-bottom: 1px;}
.pdB2 {padding-bottom: 2px;}
.pdB3 {padding-bottom: 3px;}
.pdB4 {padding-bottom: 4px;}
.pdB5 {padding-bottom: 5px;}
.pdB6 {padding-bottom: 6px;}
.pdB7 {padding-bottom: 7px;}
.pdB8 {padding-bottom: 8px;}
.pdB9 {padding-bottom: 9px;}
.pdB10 {padding-bottom: 10px;}
.pdB11 {padding-bottom: 11px;}
.pdB12 {padding-bottom: 12px;}
.pdB13 {padding-bottom: 13px;}
.pdB14 {padding-bottom: 14px;}
.pdB15 {padding-bottom: 15px;}
.pdB16 {padding-bottom: 16px;}
.pdB17 {padding-bottom: 17px;}
.pdB18 {padding-bottom: 18px;}
.pdB19 {padding-bottom: 19px;}
.pdB20 {padding-bottom: 20px;}
.pdB21 {padding-bottom: 21px;}
.pdB22 {padding-bottom: 22px;}
.pdB23 {padding-bottom: 23px;}
.pdB24 {padding-bottom: 24px;}
.pdB25 {padding-bottom: 25px;}
.pdB26 {padding-bottom: 26px;}
.pdB27 {padding-bottom: 27px;}
.pdB28 {padding-bottom: 28px;}
.pdB29 {padding-bottom: 29px;}
.pdB30 {padding-bottom: 30px;}
.pdB35 {padding-bottom: 35px;}
.pdB40 {padding-bottom: 40px;}
.pdB45 {padding-bottom: 45px;}
.pdB50 {padding-bottom: 50px;}
.pdB60 {padding-bottom: 60px;}
.pdB70 {padding-bottom: 70px;}
.pdB80 {padding-bottom: 80px;}
.pdB90 {padding-bottom: 90px;}
.pdB100 {padding-bottom: 100px;}

/* ▽左パディング */
.pdL1 {padding-left: 1px;}
.pdL2 {padding-left: 2px;}
.pdL3 {padding-left: 3px;}
.pdL4 {padding-left: 4px;}
.pdL5 {padding-left: 5px;}
.pdL6 {padding-left: 6px;}
.pdL7 {padding-left: 7px;}
.pdL8 {padding-left: 8px;}
.pdL9 {padding-left: 9px;}
.pdL10 {padding-left: 10px;}
.pdL11 {padding-left: 11px;}
.pdL12 {padding-left: 12px;}
.pdL13 {padding-left: 13px;}
.pdL14 {padding-left: 14px;}
.pdL15 {padding-left: 15px;}
.pdL16 {padding-left: 16px;}
.pdL17 {padding-left: 17px;}
.pdL18 {padding-left: 18px;}
.pdL19 {padding-left: 19px;}
.pdL20 {padding-left: 20px;}
.pdL21 {padding-left: 21px;}
.pdL22 {padding-left: 22px;}
.pdL23 {padding-left: 23px;}
.pdL24 {padding-left: 24px;}
.pdL25 {padding-left: 25px;}
.pdL26 {padding-left: 26px;}
.pdL27 {padding-left: 27px;}
.pdL28 {padding-left: 28px;}
.pdL29 {padding-left: 29px;}
.pdL30 {padding-left: 30px;}

/* ▽右パディング */
.pdR1 {padding-right: 1px;}
.pdR2 {padding-right: 2px;}
.pdR3 {padding-right: 3px;}
.pdR4 {padding-right: 4px;}
.pdR5 {padding-right: 5px;}
.pdR6 {padding-right: 6px;}
.pdR7 {padding-right: 7px;}
.pdR8 {padding-right: 8px;}
.pdR9 {padding-right: 9px;}
.pdR10 {padding-right: 10px;}
.pdR11 {padding-right: 11px;}
.pdR12 {padding-right: 12px;}
.pdR13 {padding-right: 13px;}
.pdR14 {padding-right: 14px;}
.pdR15 {padding-right: 15px;}
.pdR16 {padding-right: 16px;}
.pdR17 {padding-right: 17px;}
.pdR18 {padding-right: 18px;}
.pdR19 {padding-right: 19px;}
.pdR20 {padding-right: 20px;}
.pdR21 {padding-right: 21px;}
.pdR22 {padding-right: 22px;}
.pdR23 {padding-right: 23px;}
.pdR24 {padding-right: 24px;}
.pdR25 {padding-right: 25px;}
.pdR26 {padding-right: 26px;}
.pdR27 {padding-right: 27px;}
.pdR28 {padding-right: 28px;}
.pdR29 {padding-right: 29px;}
.pdR30 {padding-right: 30px;}

/* ▽マージン */
.mg1 {margin: 1px;}
.mg2 {margin: 2px;}
.mg3 {margin: 3px;}
.mg4 {margin: 4px;}
.mg5 {margin: 5px;}
.mg6 {margin: 6px;}
.mg7 {margin: 7px;}
.mg8 {margin: 8px;}
.mg9 {margin: 9px;}
.mg10 {margin: 10px;}
.mg11 {margin: 11px;}
.mg12 {margin: 12px;}
.mg13 {margin: 13px;}
.mg14 {margin: 14px;}
.mg15 {margin: 15px;}
.mg16 {margin: 16px;}
.mg17 {margin: 17px;}
.mg18 {margin: 18px;}
.mg19 {margin: 19px;}
.mg20 {margin: 20px;}
.mg21 {margin: 21px;}
.mg22 {margin: 22px;}
.mg23 {margin: 23px;}
.mg24 {margin: 24px;}
.mg25 {margin: 25px;}
.mg26 {margin: 26px;}
.mg27 {margin: 27px;}
.mg28 {margin: 28px;}
.mg29 {margin: 29px;}
.mg30 {margin: 30px;}

/* ▽上マージン */
.mgT1 {margin-top: 1px;}
.mgT2 {margin-top: 2px;}
.mgT3 {margin-top: 3px;}
.mgT4 {margin-top: 4px;}
.mgT5 {margin-top: 5px;}
.mgT6 {margin-top: 6px;}
.mgT7 {margin-top: 7px;}
.mgT8 {margin-top: 8px;}
.mgT9 {margin-top: 9px;}
.mgT10 {margin-top: 10px;}
.mgT11 {margin-top: 11px;}
.mgT12 {margin-top: 12px;}
.mgT13 {margin-top: 13px;}
.mgT14 {margin-top: 14px;}
.mgT15 {margin-top: 15px;}
.mgT16 {margin-top: 16px;}
.mgT17 {margin-top: 17px;}
.mgT18 {margin-top: 18px;}
.mgT19 {margin-top: 19px;}
.mgT20 {margin-top: 20px;}
.mgT21 {margin-top: 21px;}
.mgT22 {margin-top: 22px;}
.mgT23 {margin-top: 23px;}
.mgT24 {margin-top: 24px;}
.mgT25 {margin-top: 25px;}
.mgT26 {margin-top: 26px;}
.mgT27 {margin-top: 27px;}
.mgT28 {margin-top: 28px;}
.mgT29 {margin-top: 29px;}
.mgT30 {margin-top: 30px;}

/* ▽下マージン */
.mgB1 {margin-bottom: 1px;}
.mgB2 {margin-bottom: 2px;}
.mgB3 {margin-bottom: 3px;}
.mgB4 {margin-bottom: 4px;}
.mgB5 {margin-bottom: 5px;}
.mgB6 {margin-bottom: 6px;}
.mgB7 {margin-bottom: 7px;}
.mgB8 {margin-bottom: 8px;}
.mgB9 {margin-bottom: 9px;}
.mgB10 {margin-bottom: 10px;}
.mgB11 {margin-bottom: 11px;}
.mgB12 {margin-bottom: 12px;}
.mgB13 {margin-bottom: 13px;}
.mgB14 {margin-bottom: 14px;}
.mgB15 {margin-bottom: 15px;}
.mgB16 {margin-bottom: 16px;}
.mgB17 {margin-bottom: 17px;}
.mgB18 {margin-bottom: 18px;}
.mgB19 {margin-bottom: 19px;}
.mgB20 {margin-bottom: 20px;}
.mgB21 {margin-bottom: 21px;}
.mgB22 {margin-bottom: 22px;}
.mgB23 {margin-bottom: 23px;}
.mgB24 {margin-bottom: 24px;}
.mgB25 {margin-bottom: 25px;}
.mgB26 {margin-bottom: 26px;}
.mgB27 {margin-bottom: 27px;}
.mgB28 {margin-bottom: 28px;}
.mgB29 {margin-bottom: 29px;}
.mgB30 {margin-bottom: 30px;}
.mgB32 {margin-bottom: 32px;}
.mgB35 {margin-bottom: 35px;}
.mgB40 {margin-bottom: 40px;}
.mgB50 {margin-bottom: 50px;}
.mgB57 {margin-bottom: 57px;}
.mgB60 {margin-bottom: 60px;}
.mgB90 {margin-bottom: 90px;}
.mgB100 {margin-bottom: 100px;}
.mgB100 {margin-bottom: 110px;}
.mgB120 {margin-bottom: 120px;}
.mgB143 {margin-bottom: 143px;}
.mgB240 {margin-bottom: 240px;}

/* ▽左マージン */
.mgL1 {margin-left: 1px;}
.mgL2 {margin-left: 2px;}
.mgL3 {margin-left: 3px;}
.mgL4 {margin-left: 4px;}
.mgL5 {margin-left: 5px;}
.mgL6 {margin-left: 6px;}
.mgL7 {margin-left: 7px;}
.mgL8 {margin-left: 8px;}
.mgL9 {margin-left: 9px;}
.mgL10 {margin-left: 10px;}
.mgL11 {margin-left: 11px;}
.mgL12 {margin-left: 12px;}
.mgL13 {margin-left: 13px;}
.mgL14 {margin-left: 14px;}
.mgL15 {margin-left: 15px;}
.mgL16 {margin-left: 16px;}
.mgL17 {margin-left: 17px;}
.mgL18 {margin-left: 18px;}
.mgL19 {margin-left: 19px;}
.mgL20 {margin-left: 20px;}
.mgL21 {margin-left: 21px;}
.mgL22 {margin-left: 22px;}
.mgL23 {margin-left: 23px;}
.mgL24 {margin-left: 24px;}
.mgL25 {margin-left: 25px;}
.mgL26 {margin-left: 26px;}
.mgL27 {margin-left: 27px;}
.mgL28 {margin-left: 28px;}
.mgL29 {margin-left: 29px;}
.mgL30 {margin-left: 30px;}
.mgL40 {margin-left: 40px;}
.mgL45 {margin-left: 45px;}
.mgL50 {margin-left: 50px;}
.mgL71 {margin-left: 71px;}
.mgL115 {margin-left: 115px;}
.mgL150 {margin-left: 150px;}
.mgL173 {margin-left: 173px;}
.mgL210 {margin-left: 210px;}
.mgL345 {margin-left: 345px;}
.mgL347 {margin-left: 347px;}
.mgL370 {margin-left: 370px;}
.mgL380 {margin-left: 380px;}
.mgL430 {margin-left: 430px;}
.mgL450 {margin-left: 450px;}

/* ▽右マージン */
.mgR1 {margin-right: 1px;}
.mgR2 {margin-right: 2px;}
.mgR3 {margin-right: 3px;}
.mgR4 {margin-right: 4px;}
.mgR5 {margin-right: 5px;}
.mgR6 {margin-right: 6px;}
.mgR7 {margin-right: 7px;}
.mgR8 {margin-right: 8px;}
.mgR9 {margin-right: 9px;}
.mgR10 {margin-right: 10px;}
.mgR11 {margin-right: 11px;}
.mgR12 {margin-right: 12px;}
.mgR13 {margin-right: 13px;}
.mgR14 {margin-right: 14px;}
.mgR15 {margin-right: 15px;}
.mgR16 {margin-right: 16px;}
.mgR17 {margin-right: 17px;}
.mgR18 {margin-right: 18px;}
.mgR19 {margin-right: 19px;}
.mgR20 {margin-right: 20px;}
.mgR21 {margin-right: 21px;}
.mgR22 {margin-right: 22px;}
.mgR23 {margin-right: 23px;}
.mgR24 {margin-right: 24px;}
.mgR25 {margin-right: 25px;}
.mgR26 {margin-right: 26px;}
.mgR27 {margin-right: 27px;}
.mgR28 {margin-right: 28px;}
.mgR29 {margin-right: 29px;}
.mgR30 {margin-right: 30px;}
.mgR200 {margin-right: 200px;}
.mgR320 {margin-right: 320px;}
.mgR360 {margin-right: 360px;}
.mgR370 {margin-right: 370px;}
.mgR380 {margin-right: 380px;}
.mgR430 {margin-right: 430px;}
.mgR450 {margin-right: 450px;}

/* ▽フォントサイズ */
.fs10 {font-size: 10px;}
.fs11 {font-size: 11px;}
.fs12 {font-size: 12px;}
.fs13 {font-size: 13px;}

.fs15 {font-size: 15px;}
.fs16 {font-size: 16px;}
.fs17 {font-size: 17px;}
.fs18 {font-size: 18px;}
.fs19 {font-size: 19px;}
.fs20 {font-size: 20px;}
.fs21 {font-size: 21px;}
.fs22 {font-size: 22px;}
.fs23 {font-size: 23px;}
.fs24 {font-size: 24px;}
.fs25 {font-size: 25px;}
.fs26 {font-size: 26px;}
.fs27 {font-size: 27px;}
.fs28 {font-size: 28px;}
.fs29 {font-size: 29px;}
.fs30 {font-size: 30px;}

/* ▽ラインハイト(行間) */
.lh-n {line-height: normal;}
.lh18 {line-height: 18px;}
.lh19 {line-height: 19px;}
.lh20 {line-height: 20px;}
.lh21 {line-height: 21px;}

.lh23 {line-height: 23px;}
.lh24 {line-height: 24px;}
.lh25 {line-height: 25px;}
.lh26 {line-height: 26px;}
.lh27 {line-height: 27px;}
.lh28 {line-height: 28px;}
.lh29 {line-height: 29px;}
.lh30 {line-height: 30px;}

/* ▽文字間 */
.ls0 {letter-spacing: 0px;}

.ls2 {letter-spacing: 2px;}
.ls3 {letter-spacing: 3px;}

/* ▽文字 - 太さ */
.bold {font-weight: bold;}
.normal {font-weight: normal;}

/* ▽文字 - 配置 */
.center {text-align: center;}
.right {text-align: right;}
.left {text-align: left;}

/* ▽文字 - 色 */
.white {color: #ffffff;}
.black {color: #000000;}
.red {color: #ff0000;}
.blue {color: #0000ff;}
.d-blue {color: #263a8c;}     /* 濃い青色 */
.yellow {color: #ffff00;}
.green {color: #008000;}
.puple {color: #800080;}
.orange {color: #ffa500;}
.gray {color: #808080;}
.silver {color: #c0c0c0;}
.maroon {color: #800000;}

/* ▽背景色 */
.bgc-fw {background-color: #e6eae6;}     /* フロスティホワイト */
.bgc-sg {background-color: #bee0c2;}     /* スカイグリーン */

/* ▽空白類文字 - 扱い指定 */
.wsNR {white-space: nowrap;}
.wsP {white-space: pre;}

/* ▽ボーダー */
.bd {border: 1px solid #320a0a;}
.bdT {border-top: 1px solid #320a0a;}
.bdB {border-bottom: 1px solid #320a0a;}
.bdL {border-left: 1px solid #320a0a;}
.bdR {border-right: 1px solid #320a0a;}

/* ▽画像の縦位置 */
.va-1 {vertical-align: -1px;}
.va0 {vertical-align: 0px;}
.va1 {vertical-align: 1px;}

/* ▽水平線 */
.hr {width: 100%; height: 1px;}

/* ▽フロート */
.flL {float: left;}
.flR {float: right;}

/* ▽フロート - クリア */
.clear {clear: both;}

/* ▲ 共通パーツ ▲ */