←これ ---------------------------------------------------------------------- */ #headbg { background:url(http://toptour.jp/shared//header_footer_x/images/header.jpg); width:760px; height:75px; } /* ▲header */ /* ▼activeheader */ #header_hotel #headbg { background:url(http://toptour.jp/shared//header_footer_x/images/header_hotel.jpg); width:760px; height:75px; } #header_japan #headbg { background:url(http://toptour.jp/shared//header_footer_x/images/header_japan.jpg); width:760px; height:75px; } #header_foreign #headbg { background:url(http://toptour.jp/shared//header_footer_x/images/header_foreign.jpg); width:760px; height:75px; } /* ▲activeheader */ /* ▼上 */ #header_top { width:760px; height:39px; } #header_top #top_left /* 左上 */ { width:350px; float:left; } #header_top #top_left #logo /* 左上ロゴ */ { width:166px; float:left; margin-left:5px; margin-top:3px; } #header_top #top_left #change /* 左上リンク */ { width:158px; float:left; margin-left:10px; margin-top:3px; font-weight:bold; } #header_top #top_right /* 右上 */ { width:410px; float:right; } /* ▼右上サイトマップ他 */ #header_top #top_right #others { float:right; margin-top:8px; margin-bottom:5px; width: 180px; } #header_top #top_right #others li { font-size:10px; padding-right:7px; margin:0px 4px 0px 0px; display: inline; background:url(http://toptour.jp/shared//header_footer_x/images/pipe.gif) right no-repeat; } #header_top #top_right #others li a { text-decoration:none; } #header_top #top_right #others li.none{ background-image:none !important; } /* ▲右上サイトマップ他 */ #header_top #top_right #search /* 検索 */ { width:200px; float:right; margin-right:5px; margin-top:3px; } /* ▲上 */ /* ▼下 */ #header_bottom { width:760px; height:36px; } #header_bottom #bottom_left { width:435px; float:left; margin-left:4px; display: inline; /* IE6用 */ } /* ▽global menu */ #bottom_left li { display: inline; } #bottom_left a { margin-right: 3px; } #tab_hotel a { float: left; display: block; width: 141px; height: 26px; background: url(http://toptour.jp/shared//header_footer_x/images/tab_hotel_off.jpg) no-repeat top left; text-indent: -99999px; } #tab_hotel a:hover { float: left; display: block; width: 141px; height: 26px; background: url(http://toptour.jp/shared//header_footer_x/images/tab_hotel_ov.jpg) no-repeat top left; text-indent: -99999px; } #tab_japan a { float: left; display: block; width: 141px; height: 26px; background: url(http://toptour.jp/shared//header_footer_x/images/tab_japan_off.jpg) no-repeat top left; text-indent: -99999px; } #tab_japan a:hover { float: left; display: block; width: 141px; height: 26px; background: url(http://toptour.jp/shared//header_footer_x/images/tab_japan_ov.jpg) no-repeat top left; text-indent: -99999px; } #tab_foreign a { float: left; display: block; width: 141px; height: 26px; background: url(http://toptour.jp/shared//header_footer_x/images/tab_foreign_off.jpg) no-repeat top left; text-indent: -99999px; } #tab_foreign a:hover { float: left; display: block; width: 141px; height: 26px; background: url(http://toptour.jp/shared//header_footer_x/images/tab_foreign_ov.jpg) no-repeat top left; text-indent: -99999px; } /* △global menu */ /* ▽global menu active */ #header_hotel #tab_hotel a { float: left; display: block; width: 141px; height: 26px; background: url(http://toptour.jp/shared//header_footer_x/images/tab_hotel_ov.jpg) no-repeat top left; text-indent: -99999px; } #header_japan #tab_japan a { float: left; display: block; width: 141px; height: 26px; background: url(http://toptour.jp/shared//header_footer_x/images/tab_japan_ov.jpg) no-repeat top left; text-indent: -99999px; } #header_foreign #tab_foreign a { float: left; display: block; width: 141px; height: 26px; background: url(http://toptour.jp/shared//header_footer_x/images/tab_foreign_ov.jpg) no-repeat top left; text-indent: -99999px; } /* △global menu active */ #header_bottom #bottom_right { float:right; margin-left:117px; } #header_bottom #bottom_right #member { float:right; margin-bottom:5px; } #header_bottom #bottom_right #member li { padding-right:7px; margin:0px 4px 0px 0px; display: inline; } #header_bottom #bottom_right #member li a { text-decoration:none; } /* ▲下 */ /* foot reset ---------*/ #foot h1,p,div,ul,ol,li,table,td,th{ margin:0; padding:0; } #foot img{ border:0; } #foot table{ border-collapse:collapse; border-spacing:0; } #foot ul,ol,li{ list-style:none; margin:0px; padding:0px; } /* foot reset ---------*/ #foot{ width:760px; height:107px; border-top:3px solid #eeeeee; background:#ffffff; margin:0 auto; color:#333333; font-size:12px; line-height:1.3em; float:left; } #foot a:link {color:#0085c1; border-style:none; text-decoration:underline;} #foot a:visited {color:#0085c1; border-style:none; text-decoration:underline;} #foot a:hover {color:#00469a; border-style:none; text-decoration:underline;} #foot a:active {color:#0085c1; border-style:none; text-decoration:underline;} /* footer -------------------------------------------------------------*/ #foot .leftarea{ width:480px; float:left; height:107px; } #foot .menu{ margin-top:15px; width: auto; margin-left: 5px; } #foot .menu li{ font-size:10px; padding-right:7px; border-right:1px solid #7d93a1; margin:0px 7px 0px 0px; display: inline; } #foot .none{ display: inline; font-size:10px; padding-right:7px; border-right:none !important; margin:0px 7px 0px 0px; } #foot .copyright{ margin-top:15px; margin-left: 5px; } #foot .rightarea{ float:right; margin-top:10px; height:97px; /*width:250px;*/ width:260px; } #foot .rightarea ul{ display:block; height:97px; margin-left: 20px; } #foot .rightarea li{ margin-left:10px; float:left; display:block; } .cl{ clear:both; line-height:1px; height:1px; }