省エネに関する情報をまとめて共有

/* トピック */ /* トピック（枠） */ .tpc1{ border-collapse: separate; border: solid 1px black; /* 枠線 */ border-spacing: 1px; /* セル間の余白 */ padding: 5px; /* セル内の余白 */ width: 99%; /* 枠の幅 */ margin-left: auto; /* 中央配置 */ margin-right: auto; margin-bottom: 1.0 rem; /* 枠下の余白 */ } /* トピック（文章） */ .tpc1_snt{ text-indent: 1rem; /* 字下げ */ font-size: 1rem; /* 文字サイズ */ } /* 本文 */ /* 見出し */ .hd1{ margin-top: 1.0rem; /* 上側の余白 */ font-weight: bold; /* 太字 */ text-decoration: underline; /* 下線 */ } /* 小見出し */ .hd2{ font-size: 1rem; /* 文字サイズ普通 */ padding-left: 3rem; /* インデント３字 */ text-indent: -2rem; /* 字下げ：－２字 */ } /* コンテンツ１ */ .cnt1{ font-size: 1rem; /* 文字サイズ普通 */ padding-left: 1rem; /* インデント１字 */ text-indent: 1rem; /* 字下げ：１字 */ } /* コンテンツ２ */ .cnt2{ font-size: 1rem; /* 文字サイズ普通 */ padding-left: 3rem; /* インデント３字 */ text-indent: 1rem; /* 字下げ：１字 */ } /* 注釈１ */ .cmt1{ font-size: 0.83rem; /* 文字サイズ小 */ padding-left: 3.32rem; /* インデント：４字 */ text-indent: -1.66rem; /* 字下げ：－２字 */ } /* 注釈２ */ .cmt2{ font-size: 0.83rem; /* 文字サイズ小 */ padding-left: 2.49rem; /* インデント：３字 */ text-indent: -0.83rem; /* 字下げ：－１字 */ } /* 注釈３ */ .cmt3{ font-size: 0.83rem; /* 文字サイズ小 */ padding-left: 4.15rem; /* インデント：５字 */ text-indent: -1.66rem; /* 字下げ：－２字 */ } /* 問合せ枠 */ .fr1{ border-collapse: separate; border: dashed 1px black; /* 枠線 */ border-spacing: 1px; /* セル間の余白 */ padding: 1rem; /* セル内の余白 */ width: 90%; /* 枠の幅 */ margin-left: auto; /* 中央配置 */ margin-right: auto; } .fr1_snt{ text-indent: 1rem; /* 字下げ */ } /* 強調表示１（太字下線） */ .hlt1{ font-weight: bold; /* 太字 */ text-decoration: underline; /* 下線 */ } /* 強調表示２（赤太字下線） */ .hlt2{ font-weight: bold; /* 太字 */ color: red; /* 文字：赤色 */ text-decoration: underline; /* 下線 */ text-decoration-color: red; /* 下線：赤色 */ } /* 強調表示３（太字） */ .hlt3{ font-weight: bold; /* 太字 */ } /* 強調表示４（下線） */ .hlt4{ text-decoration: underline; /* 下線 */ } /* 強調表示５（赤太字二重下線） */ .hlt5{ font-weight: bold; /* 太字 */ color: red; /* 文字：赤色 */ text-decoration: underline; /* 下線 */ text-decoration-style: double; /* 下線：二重線 */ text-decoration-color: red; /* 下線：赤色 */ } /* 強調表示６（青太字） */ .hlt6{ color: blue; /* 文字：青色 */ font-weight: bold; /* 太字 */ }