/***************************** 共通部分に使用 *****************************/ body{ margin: 5px 0px 0px 0px; text-align: center; font-size: 12px; background-color: #ffffff; } h1{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #333333; font-size: 1.0em; text-align: left; font-weight: normal; } .all_wrap{ margin: auto; width: 800px; clear: both; background-color: #ffffff; text-align: left; } /***************************** 共通部分に使用@ヘッダー *****************************/ .header_wrap{ margin: auto; width: 800px; height: 60px; clear: both; background-color: #ffffff; background-image: url(/image/header/blue.png); text-align: left; } #main_title{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 20px; width: 450px; height: 100%; text-align: left; float: left; position: relative; } #main_title #title{ font-size: 2.2em; text-shadow: 5px 5px 5px #330000; width:100%; filter:dropshadow(color=#666666,offx=2,offy=2); color: #ffffff; display: block; } #main_title #title_logo{ color: #ffffff; display: none; } #main_title #title_logo span{ display: block; font-size: 2.2em; height : 100%; visibility: hidden; border-style: solid; border-width: 2px; border-color: #440000; } #main_title #sub_phrase{ font-size: 2.0em; position: absolute; bottom: 0px; color: #ffffff; display: block; } #top_title_right{ margin: 0px 0px 0px 10px; width: 300px; height: 100%; color: #ff8800; border-style: solid; border-width: 0px; border-color: #440000; text-align: right; float: right; position: relative; } #top_title_right #link{ line-height: 1.5; margin: 0px 0px 0px 0px; font-size: 1em; color: #ffffff; display: block; } #top_title_right #link a{ color: #ffffff; } #contents_title_color{ margin: 5px 5px 5px 0px; color: #ffffff; background-color: #000099; } #top_title_right #url a{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 1.5em; line-height: 1; font-family: "IMPACT"; position: absolute; bottom: 0px; right: 0px; color: #ffffff; display: block; } /***************************** 共通部分に使用@メニュー *****************************/ .menu_wrap{ margin: auto; width: 800px; clear: both; background-color: #ffffff; text-align: center; border-style: solid; border-width: 3px 0px 3px 0px; border-color: #555555; } #menu{ margin: 0px; padding: 0px; width: 100%; /*height: 120px; border-style: solid; border-width: 1px; border-color: #ffffff;*/ } #menu ul{ margin: 0px; padding: 0px; width: 100%; text-align: center; /*background-color: #ff0000;*/ background-color: #666666; border-style: solid; border-width: 1px 0px 1px 0px; border-color: #ffffff #ffffff #000000 #000000; } #menu li{ margin: 0px; padding: 0px; float: left; text-align: center; list-style-type: none; } #menu a{ margin: 0px; padding: 0px; background-color: #666666; width: 110px; display: block; vertical-align: middle; line-height: 2; text-align: center; text-decoration: none; list-style-type: none; color: #ffffff; border-style: solid; /*border-style: ridge;groove;inset;outset;*/ border-width: 0px 1px 0px 1px; border-color: #ffffff; } #menu a:hover{ border-style: outset; border-color: #ffffff; background-color: #ffffff; color: #000000; } #menu li:hover{ background-color: #aaaaaa; } /***************************** 共通部分に使用@サブメニュー *****************************/ #submenu{ margin: 0px 0px 0px 0px; padding: 0px 0px 50px 0px; overflow-x: hidden; vertical-align: top; border-style: solid; border-width: 3px; color: #000000; border-color: #000099; background-color: #E1E2FF; } #submenu div{ margin: 0px 0px 0px 0px; padding: 0px; text-align: center; } #submenu hr{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: 0; } #submenu .title{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 100%; text-align: center; font-size: 1.0em; font-weight: bold; } #submenu a{ display: block; margin: auto; margin-bottom: 5px; margin-left: 5px; margin-right: 5px; padding: 0px 0px 0px 35px; vertical-align: middle; line-height: 1.5; font-size: 1.2em; text-align: left; text-decoration: none; list-style-type: none; border-style: outset; /*border-style: ridge;groove;inset;outset;*/ border-width: 2px; border-color: #cc0000; color: #ffffff; border-color: #0066FF; background-color: #0066FF; } #submenu #sub_menu_top{ background-image: url(/image/button/sub_menu_top.gif); background-repeat: no-repeat; background-position: 5px center; } #submenu #sub_menu_car_search{ background-image: url(/image/button/sub_menu_car_search.gif); background-repeat: no-repeat; background-position: 5px center; } #submenu #sub_menu_q_a{ background-image: url(/image/button/sub_menu_q_a.gif); background-repeat: no-repeat; background-position: 5px center; } #submenu #sub_menu_shop_info{ background-image: url(/image/button/sub_menu_shop_info.gif); background-repeat: no-repeat; background-position: 5px center; } #submenu #sub_menu_maintenance{ background-image: url(/image/button/sub_menu_maintenance.gif); background-repeat: no-repeat; background-position: 5px center; } #submenu #sub_menu_inquiry{ background-image: url(/image/button/sub_menu_inquiry.gif); background-repeat: no-repeat; background-position: 5px center; } #submenu a:hover{ border-style: inset; margin-right: 0px; } /***************************** フッター *****************************/ #footer{ padding: 5px; background-color: #990000; text-align: center; color: #ffffff; background-color: #000099; color: #ffffff; } /***************************** コンテンツテーブル *****************************/ #contents{ margin: 2px 0px 0px 0px; width: 100%; border: solid 0px #884400; border-collapse: collapse; border-spacing: 0px; font-size: 12px; } #contents td#main{ padding: 5px 0px 0px 5px; border-style: solid; border-width: 3px; /*background-color: #884400;*/ color: #000000; margin: 0px; width: 600px; text-align: left; background-color: #ffffff; vertical-align: top; border-color: #000099; } /***************************** コンテンツ部分 *****************************/ h3.contents_title{ margin: 20px 0px 3px 0px; padding: 0px 0px 0px 50px; height: 23px; font-size: 1.5em; background-image: url(/image/contents/blue.gif); color: #000099; background-repeat: no-repeat; } div.contents_info{ padding: 0px 0px 0px 0px; font-size:11pt; background-color: #ffffff; width: 590px; line-height: 1.3; letter-spacing: 0.1em; color: #000000; } .faq_a{ padding: 0px 0px 0px 5px; color: #000099; font-size: 1.0em; font-weight: bold; float: left; } .ads_wrap{ text-align: center; } /***************************** フォームに使うテーブル用 *****************************/ .form{ margin: 0px 0px 10px 0px; width: 100%; /*border: solid 1px #884400;*/ border: solid 1px #000000; border-collapse: collapse; border-spacing: 0px; font-size: 12px; } .form th{ border-style: solid; /*border-color: #990000;*/ border-color: #000000; border-width: 1px; /*background-color: #fff0f0;*/ background-color: #ffffff; /*color: #884400;*/ color: #000000; margin: 0px; } .form td{ border-style: solid; /*border-color: #990000;*/ border-color: #000000; border-width: 1px; /*color: #884400;*/ color: #000000; margin: 0px; padding: 0px 0px 0px 10px; line-height: 1.5; } .q_a_table{ margin: 0px 0px 10px 0px; width: 90%; /*border: solid 1px #884400;*/ border: solid 1px #000000; border-collapse: collapse; border-spacing: 0px; font-size: 1.0em; } .q_a_table th{ border-style: solid; border-color: #000000; border-width: 1px; background-color: #ffffdd; color: #000000; width: 120px; text-align: left; margin: 0px; } .q_a_table td{ border-style: solid; border-color: #000000; border-width: 1px; background-color: #ffffdd; color: #000000; margin: 0px; padding: 0px 0px 0px 10px; line-height: 1.5; } /***************************** 検索ページリスト部分 *****************************/ .car_list_container{ padding: 0px; margin: 3px 0px 0px 1px; width: 265px; font-size: 12px; float: left; text-align: left; background-color: #eeeeee; } .car_search_list_container{ margin: 0px; padding: 0px; width: 100%; border-style: solid; border-color: #000000; border-width: 0px 1px 0px 1px; border-collapse: collapse; border-spacing: 0px; font-size: 12px; text-align: left; } .car_search_list_container th{ border-style: solid; border-color: #000000; border-width: 1px; background-image: url(/image/car_list.gif); color: #ffffff; margin: 0px; padding: 0px; text-align: center; font-size: 1.4em; } .car_search_list_container td{ /* width: 50%;*/ border-style: solid; border-color: #000000; border-width: 0px 1px 1px 1px; /*background-color: #884400;*/ color: #000000; margin: 0px; padding: 0px; } .car_search_list_container .image{ width: 150px; height: 112px; margin: 0px; float: left; overflow: hidden; } .car_search_list_container td.price{ vertical-align: bottom; /* width: 36%;*/ height: 50px; background-color: #ffffff; } .car_search_list_container td.options{ margin: 0px; padding: 0px; width: 168px; vertical-align: top; text-align: left; } .car_search_list_container td.prefecture{ border-width: 0px 1px 0px 1px; } .car_search_list_container td.detail_link{ vertical-align: bottom; width: 112px; } .car_search_list_container td.options img{ padding: 0px; margin: 0px; } .car_search_list_container div.shop_car_price{ font-size: 11pt; text-align: right; color: #ff0000; } .car_search_list_container div.price_genre_pretax{ background-color: #444444; color: #ffffff; text-align: center; line-height: 1.3; } /***************************** 車情報詳細部分 *****************************/ .image_1{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 400px; overflow: hidden; float: left; } .image_1 .title{ padding: 0px 0px 0px 3px; background-color: #990000; color: #ffffff; text-align: left; font-size: 1.3em; font-weight: bold; } .car_info{ margin: 0px 0px 0px 1px; width: 397px; height: 300px; border: solid 1px #ffffff; border-collapse: collapse; border-spacing: 0px; font-size: 13pt; text-align: left; } .car_info th{ width: 30%; border-style: solid; border-color: #ffffff; border-width: 1px 0px 1px 1px; background-color: #555555; color: #ffffff; margin: 0px; text-align: center; } .car_info td{ border-style: solid; border-color: #ffffff; border-width: 1px 1px 1px 0px; background-color: #cccccc; color: #000000; margin: 0px; } .car_info td .price{ vertical-align: bottom; background-color: #ffffff; border-style: solid; border-color: #000000; border-width: 1px; } .shop_car_other{ background-color: #ffffff; border-style: solid; border-color: #000000; border-width: 1px; width: 100%; height: 110px; overflow: auto; text-align: left; } .row_image{ margin: 3px 2px 10px 0px; float: left; width: 264px; overflow: hidden; } .row_image .title{ padding: 0px 0px 0px 3px; background-color: #990000; color: #ffffff; text-align: left; font-size: 1.3em; font-weight: bold; } .car_inquiry{ float: right; text-align: right; width: 300px; height: 350px; } .car_inquiry_form{ width: 100%; margin: 0px 0px 10px 0px; border: solid 1px #009900; border-collapse: collapse; border-spacing: 0px; font-size: 11pt; } .car_inquiry_form th{ border-style: solid; border-color: #aaaaaa; border-width: 1px; background-color: #ffffff; color: #000000; margin: 0px; text-align: right; } .car_inquiry_form td{ width: 60%; border-style: solid; border-color: #aaaaaa; border-width: 1px; /*background-color: #884400;*/ color: #000000; margin: 0px; } .car_detail_left{ float: left; height: 350px; } .car_detail{ height: 48%; margin: 0px 0px 2px 1px; width: 495px; border: solid 0px #ffffff; border-collapse: collapse; border-spacing: 0px; font-size: 13pt; text-align: left; } .car_detail th{ width: 20%; border-style: solid; border-color: #ffffff; border-width: 1px 0px 1px 1px; background-color: #666666; color: #ffffff; margin: 0px; text-align: center; font-size: 11pt; } .car_detail td{ width: 30%; border-style: solid; border-color: #ffffff; border-width: 1px 1px 1px 0px; background-color: #cccccc; color: #000000; margin: 0px; } .car_option{ height: 48%; margin: 0px 0px 0px 1px; width: 495px; border: solid 1px #000000; border-collapse: separate; border-spacing: 1px; font-size: 12px; text-align: left; } .car_option th{ border-style: solid; border-color: #000000; border-width: 1px; background-color: #666666; color: #ffffff; font-size: 1.3em; margin: 0px; text-align: center; } .car_option td{ padding: 0px 0px 0px 5px; width: 20%; border-style: ridge; border-color: #000000; border-width: 1px; /*background-color: #884400;*/ color: #000000; margin: 0px; font-size: 11pt; } .car_option .select{ background-color: #ffffff; border-color: #000000; } .car_option .no_select{ background-color: #666666; border-color: #000000; } .shop_info{ margin: 5px 0px 0px 1px; width: 100%; border: solid 1px #884400; border-collapse: collapse; border-spacing: 0px; font-size: 11pt; text-align: left; } .shop_info th{ margin: 0px; padding: 0px 0px 0px 15px; border-style: solid; border-color: #000000; border-width: 1px; background-color: #0000ff; color: #ffffff; font-size: 1.3em; text-align: left; } .shop_info td{ margin: 0px; padding: 5px; width: 20%; border-style: solid; border-color: #000000; border-width: 1px; /*background-color: #884400;*/ color: #000000; } .shop_info td .shop_detail{ margin: 0px; padding: 5px; border-style: solid; border-color: #000000; border-width: 1px; background-color: #DBDCFF; } /***************************** メンテナンスページ *****************************/ .maintenance_wrap{ margin: 0px; padding: 0px 40px 0px 0px; } /***************************** リンク集に使うテーブル用 *****************************/ #contact_table{ margin: auto; width: 100%; border: solid 3px #cccccc; border-collapse: separate; border-spacing: 2px; font-size: 1.2em; line-height: 1.5em; } #contact_table th{ padding: 2px 2px 2px 20px; border-style: solid; border-color: #666666; border-width: 1px; background-color: #666666; color: #ffffff; margin: 0px; text-align: left; } #contact_table td{ padding: 10px 10px 10px 20px; border-style: solid; border-color: #666666; border-width: 1px; background-color: #cccccc; empty-cells: show; color: #000000; margin: 0px; } .link_left{ text-align: left; } /***************************** TOPの車一覧用 *****************************/ h4.top_car_list{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; height: 23px; font-size: 1.2em; } div.car_list .car_list_image{ margin: 0px 0px 0px 0px; height: 78px; width: 105px; overflow: hidden; } div.car_list{ margin: auto; padding: 5px 10px 5px 10px; font-size:11pt; background-color: #ffffcc; line-height: 1.1; letter-spacing: 0.1em; color: #000000; border-style: outset; border-width: 1px; border-color: #000000; font-size: 0.9em; } div.car_list .car{ margin: 2px; padding: 0px; float: left; border-style: outset; border-width: 2px; border-color: #888888; background-color: #ffffff; color: #000000; } div.car_list .car .price{ text-align: center; background-color: #ffeeee; color: #ff0000; } /***************************** PAGER *****************************/ .pager{ } .pager .info{ text-align: left; display: block; } .pager .pager_navi{ display: block; } .pager .pager_navi .Previous{ display: block; float: left; text-align: left; width: 10%; } .pager .pager_navi .Num{ display: block; float: left; text-align: center; width: 80%; } .pager .pager_navi .Next{ display: block; float: left; text-align: right; width: 10%; } .search_form{ margin: 0px; } .search_form .form{ margin: 0px; }