/* グロナビ */ #glonavi { width: 800px; height: 37px; } #glonavi li { background-image: url(img/glonavi-rent.gif); text-indent: -9999em; list-style-type: none; float: left; height: 37px } #glonavi li a { background-image: url(img/glonavi-rent.gif); text-indent: -9999em; height: 37px; display: block } #glonavi li.n01 a { background-position: 0px 0px;width: 134px; } #glonavi li.n02 a { background-position: -134px 0px; width: 134px; } #glonavi li.n03 a { background-position: -268px 0px;width: 132px; } #glonavi li.n04 a { background-position: -400px 0px; width: 135px; } #glonavi li.n05 a { background-position: -535px 0px; width: 131px; } #glonavi li.n06 a { background-position: -666px 0px; width: 134px; } #glonavi li.n01 a:hover { background-position: 0px -37px; } #glonavi li.n02 a:hover { background-position:-134px -37px; } #glonavi li.n03 a:hover { background-position:-268px -37px; } #glonavi li.n04 a:hover { background-position:-400px -37px; } #glonavi li.n05 a:hover { background-position:-535px -37px; } #glonavi li.n06 a:hover { background-position:-666px -37px; } #glonavi:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #glonavi li.n01on a { background-position: 0px -74px; width: 134px; } #glonavi li.n02on a { background-position: -134px -74px; width: 134px; } #glonavi li.n03on a { background-position: -268px -74px;width: 132px; } #glonavi li.n04on a { background-position: -400px -74px; width: 135px; } #glonavi li.n05on a { background-position: -535px -74px; width: 131px; } #glonavi li.n06on a { background-position: -666px -74px; width: 134px; } #glonavi li.n01on a:hover { background-position: 0px -111px; width: 134px; } #glonavi li.n02on a:hover { background-position: -134px -111px; width: 134px; } #glonavi li.n03on a:hover { background-position: -268px -111px;width: 132px; } #glonavi li.n04on a:hover { background-position: -400px -111px; width: 135px; } #glonavi li.n05on a:hover { background-position: -535px -111px; width: 131px; } #glonavi li.n06on a:hover { background-position: -666px -111px; width: 134px; } /* パンくず */ #pan-sub { background: #f2f2f2 url(img/bg-subnavi.gif) repeat-x left top; width: 800px; height: 28px } ul#pan { margin-left: 10px } ul#pan li { line-height: 28px; list-style-type: none; float: left } ul#pan li a { line-height: 28px; } /* ヘッダ下のサブナビ */ .subnavi { float: right; margin-right: 10px; display:inline; line-height: 28px; } .subnavi a { line-height: 28px; font-size:11px; } /* サイドのナビ */ .bn { background: url(img/bg-sidenavi.gif) repeat-y center top; padding-bottom: 5px; width: 192px } .bn li { list-style-type: none; margin-bottom: 4px; margin-left: 7px} .sidenavi1 { background: url(img/bg-sidenavi.gif) repeat-y center top; padding-top: 10px; padding-bottom: 5px; width: 192px } .sidenavi1 li { list-style-type: none; margin-bottom: 4px; margin-left: 7px } .sidenavi1 li a { background-image: url(img/bg-li_sidenavirent.gif); text-indent: -9999em; width: 176px; height: 31px; display: block } .sidenavi1 li.n01 a { background-position: 0px 0px; } .sidenavi1 li.n02 a { background-position: 0px -31px; } .sidenavi1 li.n03 a { background-position: 0px -62px; } .sidenavi1 li.n04 a { background-position: 0px -93px; } .sidenavi1 li.n05 a { background-position: 0px -124px; } .sidenavi1 li.n06 a { background-position: 0px -155px; } .sidenavi1 li.n07 a { background-position: 0px -186px; } .sidenavi1 li.n08 a { background-position: 0px -217px; } .sidenavi1 li.n01 a:hover { background-position: 176px 0px; } .sidenavi1 li.n02 a:hover { background-position: 176px -31px; } .sidenavi1 li.n03 a:hover { background-position: 176px -62px; } .sidenavi1 li.n04 a:hover { background-position: 176px -93px; } .sidenavi1 li.n05 a:hover { background-position: 176px -124px; } .sidenavi1 li.n06 a:hover { background-position: 176px -155px; } .sidenavi1 li.n07 a:hover { background-position: 176px -186px; } .sidenavi1 li.n08 a:hover { background-position: 176px -217px; } .sidenavi1 li ul { margin-bottom: 6px; } .sidenavi1 li li { background: #fff9d9 url(img/bg-lili_sidenavi.gif) no-repeat 3% 50%; margin: 0px; border-bottom: 1px dotted #4c4c4c; width: 175px; height: 25px } .sidenavi1 li li a { color: #333; line-height: 25px; background: no-repeat left center; text-indent: 15px; margin: 0px; width: 175px; height: 25px } .sidenavi1 li li.bottom { border-bottom: none; } .sidenavi1 li li a:visited { color: #333; } .sidenavi1 li li a:hover { text-decoration: none; background: no-repeat left center } .sidenavi-ft { _margin-top: -10px; } *:first-child+html .sidenavi-ft { margin-top: -10px; } .sidenavi2 { background: #f2f2f2 url(img/bg-sidenavi2.gif) no-repeat right top; margin-top: 10px; padding-top: 3px; padding-bottom: 10px; margin-bottom: 10px; width: 192px } .sidenavi2 li { list-style-type: none; margin-right: 8px; margin-left: 8px; } .sidenavi2 li.ic { background: url(img/ic-sidenavi2.gif) no-repeat left center; padding-left: 15px; border-bottom: 1px dotted #232fb2; height: 30px } .sidenavi2 li.bottom { border-bottom: 0px none } .sidenavi2 li a { line-height: 30px; } .sidenavi2 li a:link { color: #333; } .sidenavi2 li a:visited { color: #333; } .sidenavi2 li a:hover { text-decoration: none } .sidenavi2 li img { margin-top: 5px; } /* フッター */ #footernavi { clear: both; border-top: 1px solid #ff6a00; height: 30px; line-height:30px; padding-left:15px; } #footernavi a { } /* テキストナビ */ ul.txtnavi { text-align: center; margin: 0 auto 5px auto; } ul.txtnavi li { margin-right: 0.5em; padding-left: 0.5em; border-left: 1px solid gray; display: inline } ul.txtnavi li.side { border-right: 1px solid gray; padding-right: 0.5em; } ul.txtnavi li a { font-size: 0.9em } /* これ以降Mac IE 5のみに適用される \*//*/ ul.txtnavi li { border: none; } ul.txtnavi li.side { border: none; } /* これ以降Mac IE 5以外にも適用される */