/* CSS Document */
body {
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #222;
    font-size: 90%;
    line-height: 25px;
    background-color: #fff
    }
/* 全体のリンク指定*/
a {
    color: #66cc33;
    /*元の色*/
    text-decoration: underline
    }
a:hover {
    color: #98FB98;
    /*カーソルオーバー時の文字色*/
    text-decoration: underline
    }
a:hover img {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)"
    }
/* ブログページカテゴリー類指定*/
a.blog_link {
    color: #222;
    /*元の色*/
    text-decoration: none
    }
/* 画像の指定*/
img {
    border: none;
    /*ボーダー無し*/
    }
/* 全てのプロパティの余白とパディングをリセット。*/
* {
    margin: 0;
    padding: 0
    }
.clear {
    clear: both;
    }
.clear hr {
    display: none
    }
/* サイトロゴの高さに合わせて調節。*/
#header {
    width: 950px;
    height: 130x;
    margin-right: auto;
    margin-left: auto
    }
h1 {
    font-size: 75%;
    margin-top: 5px;
    margin-bottom: 0;   
    }
#top_info_area {

}    
#top_info_area .left {
    text-align:left;
    width:48%;
}
#top_info_area .right {
    text-align:right;
    width:48%;
}

#header_logo_sub {
    margin:0;
    padding:0;
    width:100%;
    }
#logo_area {
    float: left;
    width: 50%;
    }
#logo {

    }
#header_sub {
    text-align: right;
    width: 50%;
    float: left;
    margin-top:10px;
    }
/* 画像の指定*/
img.header {
    padding-bottom: 10px
    }
/* ナビゲーション部分 */
#Menu_Container {
    clear: both;
    height: 110px;
    background-color: #6c3
    }
#Menu_Container #MenuBlock {
    height: 110px;
    width: 948px;
    margin-right: auto;
    margin-left: auto
    }
/** メインナビゲーション（横並びメニューボタン） */
#globalnavi {
    position: relative;
    width: 948;
    height: 110px
    }
#globalnavi ul {
    list-style-type: none
    }
#globalnavi li {
    text-indent: -9999px;
    float: left;
    width: 158px
    }
#globalnavi a {
    display: block;
    width: 100%;
    height: 110px;
    background-image: url(../images.61bf0a23e6d1e7e4b4fd76c6f67972aa/navi.jpg);
    background-repeat: no-repeat
    }
#globalnavi a:hover {
    background-image: url(../images.61bf0a23e6d1e7e4b4fd76c6f67972aa/navi.jpg);
    background-repeat: no-repeat
    }
#menu1 a {
    background-position: 0 0
    }
#menu1 a:hover {
    background-position: 0 -110px
    }
#menu2 a {
    background-position: -158px 0
    }
#menu2 a:hover {
    background-position: -158px -110px
    }
#menu3 a {
    background-position: -316px 0
    }
#menu3 a:hover {
    background-position: -316px -110px
    }
#menu4 a {
    background-position: -474px 0
    }
#menu4 a:hover {
    background-position: -474px -110px
    }
#menu5 a {
    background-position: -632px 0
    }
#menu5 a:hover {
    background-position: -632px -110px
    }
#menu6 a {
    background-position: -790px 0
    }
#menu6 a:hover {
    background-position: -790px -110px
    }
/* ヘッダートップテキスト（mare)*/ 
.header_area_text {
    background-color: #6c3;
    color: #fff;
    text-align:center;
    font-size:1.5em;
    margin-bottom:5px;
    }
.header_area_text p {
    padding:5px 0px;
    }
    
/** メインイメージ*/
#Mainimage_Container {
    clear: both;
    height: 380px;
    background-color: #fff7e8
    }
#Mainimage_Container #Block {
    height: 380px;
    width: 950px;
    margin-right: auto;
    margin-left: auto
    }
/* コンテンツ（レイアウト）の大枠*/
.container {
    width: 950px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 30px;
    margin-bottom: 30px
    }
/* 文字大（赤） */
p.red_b {
    font-size: 250%;
    font-weight: bold;
    color: #f00;
    text-align: center
    }
/* 文字中（赤） */
p.red_m {
    font-size: 130%;
    font-weight: bold;
    color: #ff6500
    }
/* 文字中（紫） */
p.purple_m {
    font-size: 130%;
    font-weight: bold;
    color: #af3580
    }
/* 文字中（黒） */
p.bk_m {
    font-size: 150%;
    font-weight: bold;
    text-align: center;
    padding-top: 15px
    }
/* 文字中（黒） */
p.bk_m2 {
    font-size: 120%;
    font-weight: bold
    }
    /* 文字中（白） */
h3.wt_m {
    font-size: 150%;
    font-weight: bold;
    text-align: center;
    color: #fff;
    line-height: 55px
    }
/* 文字中（白） */
p.wt_m {
    font-size: 150%;
    font-weight: bold;
    text-align: center;
    color: #fff;
    line-height: 55px
    }
/* 文字小（赤） */
p.red_s {
    font-size: 100%;
    font-weight: bold;
    color: #f00;
    text-align: center
    }
/* 文字小（赤）左寄せ */
p.red_s_l {
    font-size: 100%;
    font-weight: bold;
    color: #f00;
    text-align: left
    }
/* 文字小（黒） */
p.bk_s {
    font-size: 100%;
    font-weight: bold
    }
/* 文字小（黒）右寄せ */
p.bk_s_r {
    font-size: 100%;
    font-weight: bold;
    text-align: right
    }
/* タイトル枠*/
.ttl_block {
    width: 950px;
    height: 70px;
    background-image: url(../images.a07c06e7f750f75eaf566812d3279fb8/title_point.png);
    background-repeat: no-repeat;
    margin: 20px 0
    }
.ttl_block_non {
    width: 950px;
    height: 70px;
    margin: 20px 0
    }
/* タイトル枠（半分）*/
.ttl_half_block {
    width: 450px;
    height: 70px;
    background-image: url(../images.a07c06e7f750f75eaf566812d3279fb8/title_point.png);
    background-repeat: no-repeat;
    margin: 20px 0;
    float: left
    }
/* タイトルテキスト*/
h2.ttl {
    font-weight: bold;
    font-size: 150%;
    padding-left: 75px;
    line-height: 70px;
    color: #3aa700
    }
    /* タイトルテキスト*/
h3.ttl {
    font-weight: bold;
    font-size: 150%;
    padding-left: 75px;
    line-height: 70px;
    color: #3aa700
    }
    /* タイトルテキスト*/
p.ttl {
    font-weight: bold;
    font-size: 150%;
    padding-left: 75px;
    line-height: 70px;
    color: #3aa700
    }
/* 商品一覧従来型*/
h3.pro_ttl {
    font-weight: bold;
    font-size: 150%;
    text-align: center;
    color: #3aa700;
    }
/* 商品一覧従来型*/
p.pro_ttl {
    font-weight: bold;
    font-size: 150%;
    text-align: center;
    color: #3aa700;
    }
/* 商品一覧タイプ*/
.pro_ttl2 {
    font-weight: bold;
    font-size: 150%;
    text-align: left;
    color: #eb6d60
    }
/* 商品詳細*/
p.detail_ttl {
    padding-left: 10px;
    color: #fff;
    line-height: 30px
    }
/* 商品詳細*/
p.detail_ttl2 {
    padding-left: 10px;
    line-height: 30px
    }
/* お客様の声枠*/
.voice_block {
    width: 910px;
    background-color: #e7e0d6;
    padding: 20px;
    margin-bottom: 30px
    }
/** 見出し1*/
.ttl_container {
    clear: both;
    height: 124px;
    background-image: url(../images.ed7158feab2c9360f67cd55f56f811d5/ttl_bk_1.jpg);
    background-repeat: repeat-x
    }
.ttl_container .block {
    height: 124px;
    width: 950px;
    margin-right: auto;
    margin-left: auto;
    background-image: url(../images.ed7158feab2c9360f67cd55f56f811d5/ttl_point.png);
    background-repeat: no-repeat
    }
/* 見出し1タイトルテキスト*/
p.ttl_2 {
    font-weight: bold;
    font-size: 150%;
    padding-left: 130px;
    line-height: 124px;
    color: #fff
    }
/* 料金*/
p.price_ttl {
    font-size: 140%;
    color: #fff
    }
/* 料金2*/
p.price_ttl2 {
    font-size: 140%;
    color: #fff;
    text-align: center;
    line-height: 60px;
    }
/* 料金 トイレ*/
p.toilet_price_ttl {
    font-size: 140%;
    color: #fff;
    text-align: center;
    line-height: 60px;
}
/** お問い合わせ見出し*/
.contact_ttl_container {
    clear: both;
    height: 55px;
    background-color: #808080
    }
.contact_ttl_container .block {
    height: 55px;
    width: 950px;
    margin-right: auto;
    margin-left: auto
    }
/** 左半分のエリア*/
.left_area {
    width: 450px;
    float: left
    }
/** 右半分のエリア*/
.right_area {
    width: 450px;
    float: right
    }
/** テーブル*/
.table_1 {
    width: 100%;
    border-collapse: collapse
    }
.table_1 td {
    padding: 5px;
    text-align: left;
    vertical-align: top;
    color: #000;
    background-color: #e3e3e3;
    border: 1px solid #b9b9b9
    }
.table_1 th {
    padding: 5px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #b9b9b9;
    font-weight: normal
    }
/** 商品一覧用テーブル*/
table.pro {
    width: 100%;
    border-collapse: collapse;
    }
table.pro td {
    padding: 5px 0;
    text-align: center;
    vertical-align: middle;
    color: #000;
    background-color: #fff;
    border: 1px solid #b9b9b9
    }
table.pro td.col-1 {    background-color: #effbef;    }
table.pro td.col-2 {    background-color: #fffaf0;    }
table.pro th {
    padding: 5px 0;
    text-align: center;
    background-color: #e3e3e3;
    border: 1px solid #b9b9b9;
    font-weight: bold;
    }
table.pro th.col-1 {    background-color: #effbef;    }
table.pro th.col-2 {    background-color: #fffaf0;    }
    
/* 新着日付*/
.update_area {
    width: 150px;
    float: left
    }
.news_area {
    width: 800px;
    float: left
    }
p.update {
    color: #0056b1
    }
/* 破線*/
hr.news {
    height: 1px;
    border: none;
    border-top: 1px dashed #666;
    margin: 10px 0;
    }
/* 上に戻る */
.totopblock {
    　　width: 950px;
    height: 98px;
    margin-right: auto;
    margin-left: auto
    }
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px
    }
#page-top a {
    width: 98px;
    height: 98px
    }
#page-top a:hover {
    text-decoration: none;
    opacity: 0.6
    }
/* フッター */
#footer {
    margin-top: 30px;
    background-color: #e4e4e4
    }
/* コピーライト */
#copyright {
    padding-top: 20px;
    font-size: 75%;
    font-style: normal;
    text-align: center;
    padding-bottom: 5px
    }
#footer p {
    margin:0;
    padding:0;
    line-height:1.6em;
    }
/* サイトマップ */

/* パンくずリスト */
#breadcrumb {
    height: 20px;
    text-align: left;
    font-size: 80%;
    width: 950px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 20px
    }
/* パンくずのリンク指定*/
a.breadcrumb {
    color: #3aa700;
    text-decoration: none
    }
a.breadcrumb:hover {
    color: #9C6;
    text-decoration: underline
    }
/* 大タイトル枠*/
.ttl_b_block {
    width: 950px;
    border-bottom: solid 5px #3aa700;
    margin-bottom: 20px
    }
/* 大タイトルテキスト*/
p.ttl_b {
    font-weight: bold;
    font-size: 150%;
    color: #3aa700;
    padding-bottom: 10px
    }
/* 給湯器の選び方画像のバック*/
.bg_1 {
    width: 910px;
    background-color: #e4e4e4;
    padding: 20px
    }
/* 給湯器の選び方画像*/
.photo_area_1 {
    width: 195px;
    margin: 0 54px;
    float: left
    }
/* 給湯器の選び方画像*/
.photo_area_2 {
    width: 195px;
    margin: 0 130px;
    float: left
    }
/* 取扱商品一覧（価格表）ボタン*/
.btn_products {
    background: #e17900;
    color: #fff;
    border: 1px solid #FFF;
    -moz-box-shadow: 0 0 2px rgba(225, 121, 0, 1);
    -webkit-box-shadow: 0 0 2px rgba(225, 121, 0, 1);
    width: 473px;
    padding: 10px 0;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    font-size: 120%;
    display: block;
    float: left
    }
.btn_products:hover {
    color: #CF0;
    text-decoration: none
    }
/* 商品一覧画像*/
.photo_area_3 {
    width: 316px;
    float: left
    }
/* 商品一覧画像2つ並びパターン*/
.photo_area_4 {
    width: 316px;
    padding: 0 79px;
    float: left
    }
/* 商品一覧画像リモコンのみ*/
.photo_area_5 {
    width: 270px;
    padding: 0 340px
    }
/* 商品一覧画像2つ並び製品2つパターン*/
.photo_area_6 {
    width: 460px;
    padding: 0 7px;
    float: left
    }
/* 商品詳細画像*/
.photo_area_7 {
    width: 350px;
    float: left
    }
/* 情報枠バック*/
.detail_area {
    width: 500px;
    float: right;
    background-color: #dcdcdc;
    margin-bottom: 50px
    }
/* 情報枠バック*/
.detail_inner {
    width: 480px;
    float: right;
    background-color: #dcdcdc;
    padding: 10px 10px 0 10px
    }
/* 情報枠バック2*/
.detail_inner2 {
    width: 930px;
    background-color: #dcdcdc;
    padding: 10px
    }
/* 詳細項目*/
.detail_block {
    width: 100px;
    float: left;
    background-color: #666;
    height: 30px;
    margin-bottom: 10px
    }
/* 詳細項目2*/
.detail_block2 {
    width: 380px;
    float: right;
    height: 30px;
    margin-bottom: 10px
    }
/* 詳細項目3*/
.detail_block3 {
    width: 100px;
    float: left;
    background-color: #666;
    height: 30px;
    margin: 5px 0
    }
/* OFFバック*/
.off_area {
    width: 480px;
    float: right;
    background-color: #e17900;
    padding: 10px
    }
/* OFFバック2*/
.off_area2 {
    width: 930px;
    background-color: #e17900;
    padding: 10px
    }
/* ステップ*/
.step_area {
    width: 195px;
    float: left
    }
/* ステップテキスト*/
.step_txt_area {
    width: 725px;
    float: right
    }
/** ブログ記事ボックス*/
.blog_box {
    width: 710px;
    float: right
    }
/** カテゴリ・アーカイブボックス*/
.blog_box_r {
    width: 200px;
    float: left;
    height:auto;
    }
/** カテゴリボックス*/
.c_box {
    width: 200px;
    padding-bottom: 50px
    }
/** カテゴリボックス*/
.category_box {
    width: 200px;
    height: 30px;
    background-color: #6c3
    }
/** アーカイブボックス*/
.a_box {
    width: 200px;
    padding-bottom: 50px;
    padding-top: 10px
    }
/** カテゴリ・アーカイブタイトル*/
p.side_title {
    color: #fff;
    font-weight: bold;
    line-height: 30px;
    padding-left: 10px
    }
/** 記事タイトル*/
p.blog_ttl {
    font-weight: bold;
    font-size: 130%;
    color: #66cc33;
    }
h2.blog_ttl {
    font-weight: bold;
    font-size: 130%;
    color: #66cc33;
    }
    
    
/* --- ナビゲーションバー --- */
div.nav {
    width: 200px;
    /* ナビゲーションの幅 */
    font-size: 100%
    }
/* --- メニューエリア --- */
div.nav ul.nl {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: left;
        height:auto;
    }
/* --- メニュー項目 --- */
div.nav ul.nl li {
    margin-bottom: 2px;
    /* 項目の下マージン */
    }
/* --- リンク --- */
div.nav ul.nl li a {
    display: block;
    position: relative;
    /* IE6用 */
    padding: 5px 5px;
    /* リンクエリアのパディング（上下、左右） */
    text-decoration: none;
    /* テキストの下線（なし） */
    }
/* --- ポイント時の設定 --- */
div.nav ul.nl li a:hover {
    text-decoration: underline;
    /* テキストの下線（あり） */
    }
/* ライン*/
hr.line {
    border: none;
    border-bottom: 1px solid #6c3;
    height: 1px;
    margin-top: 20px;
    margin-bottom: 20px
    }
/** 対応エリア見出し*/
.area_ttl_container {
    clear: both;
    height: 55px;
    background-color: #a4e156
    }
.area_ttl_container .block {
    height: 55px;
    width: 950px;
    margin-right: auto;
    margin-left: auto
    }
/* 保証・アフターサービスバック*/
.service_area {
    width: 950px;
    background-color: #ff927c;
    margin: 10px 0
    }
/* お問い合わせ見出し枠*/
.ttl_contact {
    width: 945px;
    height: 30px;
    border-left: 5px solid #6c3;
    margin: 20px 0
    }
/* お問い合わせ見出し*/
p.contact_ttl {
    padding-left: 10px;
    line-height: 30px
    }
/* お問い合わせバック*/
.contact_bg {
    width: 928px;
    border: 1px solid #666;
    background-color: #dbdbdb;
    margin-bottom: 20px;
    padding: 10px
    }
/* テーブル2*/
table.table_2 {
    width: 100%;
    border-collapse: collapse
    }
table.table_2 td {
    padding: 5px;
    text-align: left;
    vertical-align: top
    }
/* 破線*/
hr.solid {
    height: 1px;
    border: none;
    border-top: 1px solid #666;
    margin: 10px 0
    }
/* 個人情報バック*/
.privacy_bg {
    width: 928px;
    border: 1px solid #666;
    margin: 20px 0;
    padding: 10px
    }
/* 「もっと見る」ボタン*/ 
.button {
    display: inline-block;
    width: 150px;
    height: 30px;
    text-align: center;
    text-decoration: none;
    line-height: 30px;
    outline: none;
}
.button::before,
.button::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
}
.button,
.button::before,
.button::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.button {
    background-color: #F5F5F5;
    color: #000;
}
.button:hover {
    background-color: #F5F5F5;
    color:#000033;
    text-decoration: none;
}

/* お問い合わせボタン*/
.contact-buutton {
    background: #e17900;
    color: #fff;
    border: 2px solid #FFF;
    -moz-box-shadow: 0 0 2px rgba(225, 121, 0, 1);
    -webkit-box-shadow: 0 0 2px rgba(225, 121, 0, 1);
    width: 471px;
    padding: 10px 0;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    font-size: 120%;
    display: block;
    float: left
    }
.contact-buutton:hover {
    color: #CF0;
    text-decoration: none
    }
    
/* お客様アンケート*/
.form-item {
    padding: 20px 10px;
    }
.center {
    text-align: center
}
/* 給湯器 旧型番・旧品番検索 */
div.old_products_center {
    text-align:center;
    margin:0;
    padding:0;
}
div.old_products_form_area {
    margin-bottom:15px;
}
.old_products_form {
    width:350px;
    font-size:1.2em;
    background-color: #f5f5f5;
}
input:focus {
    border:solid 1px #EEA34A;
}
ul.old_products {
    list-style-type:none;
    margin:0;
    padding:0;
}
ul.old_products li {
    background-color: #d3d3d3;
    border:1px solid #333;
    display: inline-block;
    width:30%;
    margin-bottom:5px
}
/* よくあるご質問*/
dl.question dt{
    margin-bottom:10px;
    padding:5px 0px 10px 40px;
    font-weight:bold;
    background-image: url(../q_and_a/q-s.png);
    background-repeat: no-repeat;
}
dl.question dd{
    padding:5px 0px 10px 40px;
    background-image: url(../q_and_a/a-s.png);
    background-repeat: no-repeat;
}
ul.question{
    list-style-type:none;
}
ul.question li.q{
    margin-bottom:15px;
    background-image: url(../q_and_a/q-s.png);
    background-repeat: no-repeat;
    text-indent:35px;
}
h2.ttl-questions{
    margin-bottom:10px;
    padding:5px 0px 10px 40px;
    font-weight:bold;
    background-image: url(../q_and_a/q-s.png);
    background-repeat: no-repeat;
}
p.question-answer{
    padding:5px 0px 10px 40px;
    background-image: url(../q_and_a/a-s.png);
    background-repeat: no-repeat;
}

/*周りのブロックからの距離（margin）*/
.m0{ margin: 0!important; }/*周りからのmarginを0に*/
.m0-t{ margin-top: 0!important; }/*上からのmarginを0に*/
.m0-r{ margin-right: 0!important; }/*右からのmarginを0に*/
.m0-b{ margin-bottom: 0!important; }/*下からのmarginを0に*/
.m0-l{ margin-left: 0!important; }/*左からのmarginを0に*/

.m5{ margin: 5px!important; }
.m5-t{ margin-top: 5px!important; }
.m5-r{ margin-right: 5px!important; }
.m5-b{ margin-bottom: 5px!important; }
.m5-l{ margin-left: 5px!important; }

.m10{ margin: 10px!important; }
.m10-t{ margin-top: 10px!important; }
.m10-r{ margin-right: 10px!important; }
.m10-b{ margin-bottom: 10px!important; }
.m10-l{ margin-left: 10px!important; }

.m15{ margin: 15px!important; }
.m15-t{ margin-top: 15px!important; }
.m15-r{ margin-right: 15px!important; }
.m15-b{ margin-bottom: 15px!important; }
.m15-l{ margin-left: 15px!important; }

.m20{ margin: 20px!important; }
.m20-t{ margin-top: 20px!important; }
.m20-r{ margin-right: 20px!important; }
.m20-b{ margin-bottom: 20px!important; }
.m20-l{ margin-left: 20px!important; }

.m25{ margin: 25px!important; }
.m25-t{ margin-top: 25px!important; }
.m25-r{ margin-right: 25px!important; }
.m25-b{ margin-bottom: 25px!important; }
.m25-l{ margin-left: 25px!important; }

.m30{ margin: 30px!important; }
.m30-t{ margin-top: 30px!important; }
.m30-r{ margin-right: 30px!important; }
.m30-b{ margin-bottom: 30px!important; }
.m30-l{ margin-left: 30px!important; }

.m40{ margin: 40px!important; }
.m40-t{ margin-top: 40px!important; }
.m40-r{ margin-right: 40px!important; }
.m40-b{ margin-bottom: 40px!important; }
.m40-l{ margin-left: 40px!important; }

.m50{ margin: 50px!important; }
.m50-t{ margin-top: 50px!important; }
.m50-r{ margin-right: 50px!important; }
.m50-b{ margin-bottom: 50px!important; }
.m50-l{ margin-left: 50px!important; }

.m60{ margin: 60px!important; }
.m60-t{ margin-top: 60px!important; }
.m60-r{ margin-right: 60px!important; }
.m60-b{ margin-bottom: 60px!important; }
.m60-l{ margin-left: 60px!important; }

.m70{ margin: 70px!important; }
.m70-t{ margin-top: 70px!important; }
.m70-r{ margin-right: 70px!important; }
.m70-b{ margin-bottom: 70px!important; }
.m70-l{ margin-left: 70px!important; }

.m80{ margin: 80px!important; }
.m80-t{ margin-top: 80px!important; }
.m80-r{ margin-right: 80px!important; }
.m80-b{ margin-bottom: 80px!important; }
.m80-l{ margin-left: 80px!important; }

.m90{ margin: 90px!important; }
.m90-t{ margin-top: 90px!important; }
.m90-r{ margin-right: 90px!important; }
.m90-b{ margin-bottom: 90px!important; }
.m90-l{ margin-left: 90px!important; }

.m100{ margin: 100px!important; }
.m100-t{ margin-top: 100px!important; }
.m100-r{ margin-right: 100px!important; }
.m100-b{ margin-bottom: 100px!important; }
.m100-l{ margin-left: 100px!important; }

.m120{ margin: 120px!important; }
.m120-t{ margin-top: 120px!important; }
.m120-r{ margin-right: 120px!important; }
.m120-b{ margin-bottom: 120px!important; }
.m120-l{ margin-left: 120px!important; }

.m150{ margin: 150px!important; }
.m150-t{ margin-top: 150px!important; }
.m150-r{ margin-right: 150px!important; }
.m150-b{ margin-bottom: 150px!important; }
.m150-l{ margin-left: 150px!important; }

.m200{ margin: 200px!important; }
.m200-t{ margin-top: 200px!important; }
.m200-r{ margin-right: 200px!important; }
.m200-b{ margin-bottom: 200px!important; }
.m200-l{ margin-left: 200px!important; }

.m300{ margin: 300px!important; }
.m300-t{ margin-top: 300px!important; }
.m300-r{ margin-right: 300px!important; }
.m300-b{ margin-bottom: 300px!important; }
.m300-l{ margin-left: 300px!important; }