@charset "utf-8";

/* ---------- メニュー ---------- */

#menu                                            { position: relative; width: 100%; height: 78px; margin: 0 auto; background: none; }
#menu ul                                         { position: relative; display: block; width: 1366px; height: 43px; margin: 0 auto; padding: 0; list-style-type: none; white-space: nowrap; overflow: hidden; }
#menu ul.wide                                    { width: 1262px; }
#menu ul li                                      { position: relative; display: block; width:  175px; height: 43px; margin: 0 0 0 -5px; padding: 0; float: left; background-image: url("../../img/menu/tab8.png"); overflow: visible; z-index: 0; }

#menu ul li.top-min                              { background-position:     0px  0px; margin: 0; width: 60px; }
#menu ul li.top                                  { background-position:   -60px  0px; margin: 0; }
#menu ul li.property-list                        { background-position:  -235px  0px; }
#menu ul li.subject-list                         { background-position:  -410px  0px; }
#menu ul li.claim-list                           { background-position:  -585px  0px; }
#menu ul li.property-add                         { background-position:  -760px  0px; }
#menu ul li.subject-add                          { background-position:  -935px  0px; }
#menu ul li.setting                              { background-position: -1110px  0px; }
#menu ul li.customer-list                        { background-position: -1285px  0px; }
#menu ul li.customer-add                         { background-position: -1460px  0px; }
#menu ul li.inspection                           { background-position: -1635px  0px; }
#menu ul li.negotiation-list                     { background-position: -1810px  0px; }
#menu ul li.architectural                        { background-position: -1985px  0px; }
#menu ul li.arrangement                          { background-position: -2160px  0px; }

#menu ul li.active.top-min                       { background-position:     0px 43px; }
#menu ul li.active.top                           { background-position:   -60px 43px; }
#menu ul li.active.property-list                 { background-position:  -235px 43px; }
#menu ul li.active.subject-list                  { background-position:  -410px 43px; }
#menu ul li.active.claim-list                    { background-position:  -585px 43px; }
#menu ul li.active.property-add                  { background-position:  -760px 43px; }
#menu ul li.active.subject-add                   { background-position:  -935px 43px; }
#menu ul li.active.setting                       { background-position: -1110px 43px; }
#menu ul li.active.customer-list                 { background-position: -1285px 43px; }
#menu ul li.active.customer-add                  { background-position: -1460px 43px; }
#menu ul li.active.inspection                    { background-position: -1635px 43px; }
#menu ul li.active.negotiation-list              { background-position: -1810px 43px; }
#menu ul li.active.architectural                 { background-position: -1985px 43px; }
#menu ul li.active.arrangement                   { background-position: -2160px 43px; }
#menu ul li.active                               { z-index: 1; }

#menu ul.menu1 li.menu1                          { display: block; }
#menu ul.menu2 li.menu1                          { display:  none; }
#menu ul.menu1 li.menu2                          { display:  none; }
#menu ul.menu2 li.menu2                          { display: block; }

#menu ul li:hover                                { opacity: 0.5; }

#menu ul li span                                 { display: inline-block; height: 100%; padding: 0 24px 0 24px; font-weight: bold; text-indent: -99999px; }
#menu ul li a                                    { display: inline-block; width: 100%; height: 100%; margin: 0; padding: 0; border: none; background: none; text-indent: -99999px; }


/* ---------- メニュー下部の線 ---------- */

#menu-border                                     { display: block; width: 100%; height: 4px; margin: 0; padding: 0; background: none; }
#menu-border.top                                 { background-color: #ed6053; }
#menu-border.property-list                       { background-color: #f5b041; }
#menu-border.subject-list                        { background-color: #d9e233; }
#menu-border.claim-list                          { background-color: #8bc756; }
#menu-border.property-add                        { background-color: #549ac7; }
#menu-border.subject-add                         { background-color: #608ea4; }
#menu-border.setting                             { background-color: #b774a9; }
#menu-border.customer-list                       { background-color: #f0b17a; }
#menu-border.customer-add                        { background-color: #98b5c9; }
#menu-border.inspection                          { background-color: #0068b7; }
#menu-border.architectural                       { background-color: #0068b7; }

/* ---------- メニュー下の余白 ---------- */

#menu-space                                      { display: block; width: 100%; height: 30px; margin: 0; padding: 0; background-color: #34495e; }