< ;html xmlns="http://www.w3.org/1999/xhtml">無題ドキュメント<br> body {<br> margin:0;<br> padding:0;<br> font:bold 11px/ 1.5em Verdana;<br>}</p> <p>h2 {<br> font: 太字 14px Verdana、Arial、Helvetica、sans-serif;<br> color: #000;<br> margin: 0px;<br> padding: 0px 0px 0px 15px;<br>}<br> <br>/* - メニュー タブ -------------------------------------- */</p> <p><br> #tabs {<br> float:left;<br> width:100%;<br>背景:#BBD9EE;<br> font-size:93%;<br> line-height:normal;<br> }<br> #tabs ul {<br> margin:0;<br> padding:10px 10px 0 50px;<br> list-style:none;<br> } <br> #tabs li {<br> display:inline;<br> margin:0;<br> padding:0;<br> }<br> #tabs a {<br> float:left;<br> background:url("/uploadfile/cssnav/tableft.gif") no-repeat左上;<br>マージン:0;<br>パディング:0 0 0 4px;<br>テキスト - 廃止:なし;<br>} #tabs span {<br>float:左;<br>display:block; cssnav/tabright.gif") no-repeat right top;<br> padding:5px 15px 4px 6px;<br> color:#666;<br> }<br> /* コメント付きバックスラッシュ ハックにより IE5-Mac からのルールが非表示になります */<br> #tabs a span {float :none;}<br> /* IE5-Mac ハックの終了 */<br> #tabs a:hover scan {<br> color:#FF9834;<br> }<br> #tabs a:hover {<br> background-position:0% -42px;<br> }<br> #tabs a:hover span {<br> background-position:100% -42px;<br> }<br> <br></p> <p>/*- メニュー タブ B---------- ------ */<br></p> <p>#tabsb {<br>float:左;<br>幅:100%;<br>背景:#f4f4f4;<br>font-size:93%; :10px 10px 0 50px;<br> list-style:none;<br> }<br> #tabsB li {<br> display:inline;<br> margin:0;<br> padding:0;<br> }<br> #tabsB a {<br> float:left;<br> 背景: url("/uploadfile/cssnav/tableftB.gif") no-repeat left top;<br> margin:0;<br> padding:0 0 0 4px;<br> text-decoration:none;<br> }<br> #tabsB a span {<br> float: left;<br> 表示:ブロック;<br> 背景:url("/uploadfile/cssnav/tabrightB.gif") 繰り返しなし 右上;<br> パディング:5px 15px 4px 6px;<br> color:#666;<br> }<br> /* コメント付きバックスラッシュハックにより IE5-Mac からルールが隠蔽されます */<br> #tabsB a span {float:none;}<br> /* IE5-Mac ハックの終了 */<br> #tabsB a:hover scan {<br> color:#000;<br> }<br> #tabsB a :hover {<br> background-position:0% -42px;<br> }<br> #tabsB a:hover span {<br> background-position:100% -42px;<br> }<br> <br> <br> <br>/*- メニュー タブ C----- ---------------------- */<br> <br> #tabsC {<br> float:left;<br> width:100%;<br> background:#EDF7E7;</p> font-size :93%;<p> line-height:normal;<br> }<br> #tabsC ul {<br> margin:0;<br> padding:10px 10px 0 50px;<br> list-style:none;<br> }<br> #tabsC li {<br>表示:インライン; <br> margin:0;<br> padding:0;<br> }<br> #tabsC a {<br> float:left;<br> background:url("/uploadfile/cssnav/tableftC.gif") no-repeat left top;<br> margin:0;<br>パディング:0 0 0 4px;<br> text-decoration:none;<br> }<br> #tabsC スパン {<br> float:left;<br> display:block;<br> background:url("/uploadfile/cssnav/tabrightC.gif") no-右上を繰り返します;<br> padding:5px 15px 4px 6px;<br> color:#464E42;<br> }<br> /* コメント化されたバックスラッシュハックは IE5-Mac からのルールを隠します */<br> #tabsC a span {float:none;}<br> /* IE5 を終了-Mac ハック */<br> #tabsC a:hover span {<br> color:#FFF;<br> }<br> #tabsC a:hover {<br> background-position:0% -42px;<br> }<br> #tabsC a:hover scan {<br> 背景-position:100% -42px;<br> } <br> <br> <br> <br>/*- メニュー タブ D-------------------------------------- */<br></p> <p>#tabsd {<br>float:左;<br>幅:100%;<br>背景:#fcf3f8;<br>font-size:93%; tabsD ul {<br> margin:0;<br> padding:10px 10px 0 50px;<br> list-style:none;<br> }<br> #tabsD li {<br> display:inline;<br> margin:0;<br> padding:0;<br> }<br> #tabsD {<br> float:left;<br> background:url("/uploadfile/cssnav/tableftD.gif") no-repeat left top;<br> margin:0;<br> padding:0 0 0 4px;<br> text-decoration:none;<br> }<br> #tabsD スパン {<br> float:left;<br> display:block;<br> background:url("/uploadfile/cssnav/tabrightD.gif") no-repeat right top;<br> padding:5px 15px 4px 6px;<br> color: #C7377D;<br> }<br> /* コメント付きのバックスラッシュ ハックにより IE5-Mac のルールが非表示になります */<br> #tabsD a span {float:none;}<br> /* IE5-Mac ハックの終了 */<br> #tabsD a:hover span {<br> color :#C7377D;<br> }<br> #tabsD a:hover {<br> 背景位置:0% -42px;<br> }<br> #tabsD a:hover スパン {<br> 背景位置:100% -42px;<br> } <br> <br> <br> <br>/ *- メニュー タブ E--------------------------- */<br> <br> #tabsE {<br> float:left;<br> width:100%; </p> 背景:#000;<p> font-size:93%;<br> line-height:normal;<br> <br> }<br> #tabsE ul {<br> margin:0;</p> padding:10px 10px 0 50px;<p> list-style:none ;<br> }<br> #tabsE li {<br> display:inline;<br> margin:0;<br> padding:0;<br> }<br> #tabsE a {<br> float:left;<br> background:url("/uploadfile/cssnav/tableftE.gif" )いいえ-repeat left top;<br> margin:0;<br> padding:0 0 0 4px;<br> text-decoration:none;<br> }<br> #tabsE a spa {<br> float:left;<br> display:block;<br> background:url("/ Uploadfile/cssnav/tabrightE.gif") no-repeat right top;<br> padding:5px 15px 4px 6px;<br> color:#FFF;<br> }<br> /* コメント付きのバックスラッシュ ハックにより IE5-Mac からのルールが非表示になります */<br> #tabsE スパン{float:none;}<br> /* IE5-Mac ハックの終了 */<br> #tabsE a:hover scan {<br> color:#FFF;<br> }<br> #tabsE a:hover {<br> background-position:0% -42px;<br> }<br> #tabsE a:hover span {<br> background-position:100% -42px;<br> } <br> <br> <br> <br>/*- メニュー タブ F--------- -------- */<br></p> <p> #tabsF {<br> float:left;<br> width:100%;<br> background:#efefef;<br> font-size:93%;<br> line-height:normal;<br> border-bottom:1px Solid #666;<br> } <br> # tabsF ul {<br> margin:0;<br> padding:10px 10px 0 50px;<br> list-style:none;<br> }<br> #tabsF li {<br> display:inline;<br> margin:0;<br> padding:0;<br> }<br> #tabsF {<br> float:left;<br> background:url("/uploadfile/cssnav/tableftF.gif") no-repeat left top;<br> margin:0;<br> padding:0 0 0 4px;<br> text-decoration:none;<br> }<br> #tabsF スパン {<br> float:left;<br> display:block;<br> background:url("/uploadfile/cssnav/tabrightF.gif") no-repeat right top;<br> padding:5px 15px 4px 6px;<br> color: #666;<br> }<br> /* コメント付きのバックスラッシュ ハックにより IE5-Mac のルールが非表示になります */<br> #tabsF a span {float:none;}<br> /* IE5-Mac ハックの終了 */<br> #tabsF a:hover scan {<br> color :#FFF;<br> }<br> #tabsF a:hover {<br> 背景-位置:0% -42px;<br> }<br> #tabsF a:hover スパン {<br> 背景-位置:100% -42px;<br> }<br> <br> <br> <br>/ *- メニュー タブ G--------------------------- */</p> <p> #tabsG {<br> float:left;<br> width:100%; <br> background:#666;<br> font-size:93%;<br> line-height:normal;<br> }<br> #tabsG ul {<br> margin:0;<br> padding:10px 10px 0 50px;<br> list-style:none;<br> } <br> #tabsG li {<br> display:inline;<br> margin:0;<br> padding:0;<br> }<br> #tabsG a {<br> float:left;<br> background:url("/uploadfile/cssnav/tableftG.gif")いいえ、-左上を繰り返します;<br> margin:0;<br> padding:0 0 0 4px;<br> text-decoration:none;<br> }<br> #tabsG スパン {<br> float:left;<br> display:block;<br> background:url("/uploadファイル/cssnav/tabrightG.gif") no-repeat right top;<br> padding:5px 15px 4px 6px;<br> color:#FFF;<br> }<br> /* コメント付きバックスラッシュ ハックは IE5-Mac からのルールを非表示にします */<br> #tabsG a span { float:none;}<br> /* IE5-Mac ハックの終了 */<br> #tabsG a:hover span {<br> color:#FFF;<br> }<br> #tabsG a:hover {<br> background-position:0% -42px;<br> } <br> #tabsG a:hover span {<br> background-position:100% -42px;<br> }</p> <p><br>/*- メニュー タブ H---------- ------ */</p> <p> #tabsH {<br> float:left;<br> width:100%;<br> background:#000;<br> font-size:93%;<br> line-height:normal;<br> }<br> #tabsH ul {<br> margin :0;<br> パディング:10px 10px 0 50px;<br> list-style:none;<br> }<br> #tabsH li {<br> display:inline;<br> margin:0;<br> padding:0;<br> }<br> #tabsH a {<br> float:left;<br> 背景: url("/uploadfile/cssnav/tableftH.gif") no-repeat left top;<br> margin:0;<br> padding:0 0 0 4px;<br> text-decoration:none;<br> }<br> #tabsH スパン {<br> float: left;<br> display:block;<br> background:url("/uploadfile/cssnav/tabrightH.gif") no-repeat right top;<br> padding:5px 15px 4px 6px;<br> color:#FFF;<br> }<br> /* コメント付きバックスラッシュハックにより IE5-Mac からルールが隠蔽されます */<br> #tabsH a span {float:none;}<br> /* IE5-Mac ハックの終了 */<br> #tabsH a:hover scan {<br> color:#FFF;<br> }<br> #tabsH a :hover {<br> background-position:0% -42px;<br> }<br> #tabsH a:hover span {<br> background-position:100% -42px;<br> }</p> <p><br>/*- メニュー タブ I------ ---------- */</p> <p> #tabsI {<br> float:left;<br> width:100%;<br> background:#EFF4FA;<br> font-size: 93%;<br> line-height:normal;<br> border-bottom:1px Solid #DD740B;<br> }<br> #tabsI ul {<br> margin:0;<br> padding:10px 10px 0 50px;<br> list-style:none;<br> } <br> #tabsI li {<br> display:inline;<br> margin:0;<br> padding:0;<br> }<br> #tabsI a {<br> float:left;<br> background:url("/uploadfile/cssnav/tableftI.gif") no-repeat left top;<br> margin:0;<br> padding:0 0 0 5px;<br> text-decoration:none;<br> }<br> #tabsI a spa {<br> float:left;<br> display:block;<br> background:url("/uploadfile / cssnav/tabrightI.gif") no-repeat right top;<br> padding:5px 15px 4px 6px;<br> color:#FFF;<br> }<br> /* コメント付きバックスラッシュ ハックは IE5-Mac からのルールを非表示にします */<br> #tabsI a span {float :none;}<br> /* IE5-Mac ハックの終了 */<br> #tabsI a:hover span {<br> color:#FFF;<br> }<br> #tabsI a:hover {<br> background-position:0% -42px;<br> }<br> #tabsI a:hover span {<br> background-position:100% -42px;<br> }</p> <p><br>/*- メニュー タブ J----------- ----- */</p> <p>#tabsj {<br>float:左;<br>幅:100%;<br>背景:#f4f4f4;<br>font-size:93%;<br>line-height:normal; tabsJ ul {<br> margin:0;<br> padding:10px 10px 0 50px;<br> list-style:none;<br> }<br> #tabsJ li {<br> display:inline;<br> margin:0;<br> padding:0;<br> }<br> #tabsJ {<br> float:left;<br> background:url("/uploadfile/cssnav/tableftJ.gif") no-repeat left top;<br> margin:0;<br> padding:0 0 0 5px;<br> text-decoration:none;<br> }<br> #tabsJ スパン {<br> float:left;<br> display:block;<br> background:url("/uploadfile/cssnav/tabrightJ.gif") no-repeat right top;<br> パディング:5px 15px 4px 6px;<br> color: #24618E;<br> }<br> /* コメント付きのバックスラッシュ ハックにより IE5-Mac のルールが非表示になります */<br> #tabsJ a span {float:none;}<br> /* IE5-Mac ハックの終了 */<br> #tabsJ a:hover span {<br> color :#FFF;<br> }<br> #tabsJ a:hover {<br> 背景-位置:0% -42px;<br> }<br> #tabsJ a:hover スパン {<br> 背景-位置:100% -42px;<br> }<br> <br>/* - メニュー タブ K--------------------------- */ <br> </p> #tabsK {<p> float:left;<br> width:100%;</p>背景:#E7E5E2;<p> font-size:93%;<br> line-height:normal;<br> border-bottom:1px Solid #54545C;<br> }<br> #tabsK ul {<br> margin:0;<br> padding:10px 10px 0 50px; <br> list-style:none;<br> }<br> #tabsK li {<br> display:inline;<br> margin:0;<br> padding:0;<br> }<br> #tabsK a {<br> float:left;<br> background:url("/uploadfile/ cssnav/tableftK.gif") 繰り返しなし 左上;<br> margin:0;<br> padding:0 0 0 4px;<br> text-decoration:none;<br> }<br> #tabsK スパン {<br> float:left;<br> display:block ;<br> background:url("/uploadfile/cssnav/tabrightK.gif") no-repeat right top;<br> pasdding:5px 15px 4px 6px;<br> color:#FFF;<br> }<br> /* コメント付きバックスラッシュ ハックにより IE5 からルールが非表示になります- Mac */<br> #tabsK a span {float:none;}<br> /* IE5-Mac ハックの終了 */<br> #tabsK a:hover scan {<br> color:#FFF;<br> background-position:100% -42px;<br> } <br> #tabsK a:hover {<br> background-position:0% -42px;<br> }<br> #tabsK a:hover range {<br> background-position:100% -42px;<br> }<br> Tab Menu Link 1 Link 2 Link 3 Longer Link Text Link 5 Link 6 Link 7 Tab Menu B Link 1 Link 2 Link 3 Longer Link Text Link 5 Link 6 Link 7 Tab Menu C Link 1 Link 2 Link 3 Longer Link Text Link 5 Link 6 Link 7 Tab Menu D Link 1 Link 2 Link 3 Longer Link Text Link 5 Link 6 Link 7 Tab Menu E Link 1 Link 2 Link 3 Longer Link Text Link 5 Link 6 Link 7 Tab Menu F Link 1 Link 2 Link 3 Longer Link Text Link 5 Link 6 Link 7 Tab Menu G Link 1 Link 2 Link 3 Longer Link Text Link 5 Link 6 Link 7 Tab Menu H Link 1 Link 2 Link 3 Longer Link Text Link 5 Link 6 Link 7 Tab Menu I Link 1 Link 2 Link 3 Longer Link Text Link 5 Link 6 Link 7 Tab Menu J Link 1 Link 2 Link 3 Longer Link Text Link 5 Link 6 Link 7 タブメニュー K < a href="http://www.aa25.cn" title="リンク 1">リンク 1 リンク 2 リンク 3 長いリンク テキスト リンク 5 リンク 6 リンク 7