img { border:0; */ 画像の淵枠を消す */ } body{ background:#666666; } /* --------------------------- 左右のボックス:通常 --------------------------- */ #ie{ text-align:center; margin-left:auto; margin-right:auto; padding:0px; } #HTML{ background:white; margin:0 auto 0 auto; text-align:left; padding:0px; width:980px } #center{ margin:0 auto 0 auto; padding:0px; width:980px; } #center_left{ padding:0px; margin:0px; float: left; width:780px; } #column_left{ padding:0px; margin:0px; float: left; width:200px; } #contents{ padding:0px; margin:0px; float: right; width:580px; } #column_right{ padding:0px; margin:0px; float: right; width:200px; } #footer{ padding:0px; margin:0px; text-align:center; margin:0 auto 0 auto; width:800px; } .c-both{ clear:both; } .category_img { padding:9px; float:left; text-align:center; } .top_img{ } #header_img{ background-image:url("/templates/default/images/back-header.jpg"); background-repeat:no-repeat; height:75px; } /* コンテンツ ---------------------------------------------------- */ a:link {text-decoration:none; color:#006699; } a:visited {text-decoration: none; color:#3e546b; } a:hover {text-decoration: underline; color:#cc3c00; } a:active {text-decoration: none; color:#cc3c00; } strong{ color: #cc0000; font-weight: bold; } .price{ color: #cc0000; font-weight: bold; } em{ color: #008000; font-style: normal; font-weight: bold; } .contents_words{ font-size:12px; width:550px line-height:1.3; padding-top:10px; padding-left:20px; padding-right:20px; background:white; } /* --------------------------- table --------------------------- */ #table{ text-align:center; } .tb { margin:auto; border: solid 2px #cc0000; border-collapse: collapse; } .tb thead{ text-align:center; background-color:#c4e1fa; } .tb th { font-size: 9pt; color:#ffffff; border-style: solid; border-width: 2px 1px; border-color: #cc0000 #cc8000; background-color: #000000; padding: 2px 3px; } .tb td { font-size: 8pt; border: solid 1px #cc8000; padding: 2px 3px; } /* odd table rows 1,3,5,7,... */ table tr.odd th, table tr.odd { background-color: #e5e5e5; text-align: left; } table tr.odd th, table tr.odd { background-color: #e5e5e5; text-align: left; } table tr.odd th:hoover, table tr.odd:hoover { background-color: #e5e5e5; text-align: left; } /* even table rows 2,4,6,8,... */ table tr.even th, table tr.even { background-color: #d5d5d5; text-align: left; } /* hovered table rows */ table tr.odd:hover, table tr.even:hover, table tr.odd:hover th, table tr.even:hover th, table tr.hover th, table tr.hover { background-color: #ccffcc; } table td.price { color: #cc0000; font-weight: bold; text-align: right; } .tr_group{ border: 1px solid #cccccc; } .tb_main{ font-weight:bold; hover:orange; } /* --------------------------- A:リンク(カーソルが上に乗ったとき) --------------------------- */ A:hover {color: red; text-decoration: underline; } .sidebar{font-size:13px;} .sidebar H2{ background: #cc0000; clear:left; margin:0px; padding:5px; font-size:x-small; text-align:left; font-weight:bold; letter-spacing:0.15em; color:white; border-right:2px solid #840101; border-bottom:2px solid #840101; } #sp H2{ color:#ffff00; } .ca_contents{ margin-top:5; margin-bottom:5; margin-left:16; line-height:1.3; } .ca_contents ul{ margin:0; padding-left:5; } .rank_contents{ margin-top:5; margin-bottom:5; margin-left:20; line-height:1.3; } .rank_contents ol{ margin:0; padding-left:10; } .box_contents{ margin-top:5; margin-bottom:5; margin-left:5; line-height:1.3; } .box_contents2{ margin-top:5; margin-bottom:5; line-height:1.3; } /* -------------------------------------   右側ナビ ------------------------------------- */ /* -------------------------------------*/ .main_contents { margin-top:0; padding:0px; font-size:12px; line-height:1.3; } .main_contents td{ font-size:12px; line-height:1.3; } .main_contents H3{ background: #cccccc; clear:left; margin:0; padding:5px; font-size:small; text-align:left; font-weight:bold; letter-spacing:0.15em; color:#cc0000; border-right:2px solid #DDDDDD; border-bottom:2px solid #DDDDDD; } .main_price { background: #cccccc; margin:0; padding:5px; text-align:right; letter-spacing:0.15em; border-right:2px solid #DDDDDD; border-bottom:2px solid #DDDDDD; } .productPrice{ font-weight:bold; color:#cc0000; } .news_topic { margin-top:10; margin-bottom:10; } .news_topic p{ margin:0; padding:0; height:120px; overflow:auto; border: 1px solid #CCCCCC; /* widthに加算される! */ } .news_topic table{ width:558px; background-image:url("/images/menu.gif"); background-color:#bccffc; line-height:1.4; } .news_topic p A:link { color: blue; /* フォントカラー */ text-decoration: none; /* テキストの装飾 */ } .news_topic p A:visited { color: blue; /* フォントカラー */ text-decoration: none; /* テキストの装飾 */ } .news_topic p A:hover { color: red; /* フォントカラー */ text-decoration: underline; /* テキストの装飾 */ } .usedp_topic { margin-bottom:10; } .usedp_topic p{ margin:0; padding:0; height:400px; overflow:auto; border: 1px solid #CCCCCC; /* widthに加算される! */ } .usedp_topic table{ width:558px; background-image:url("/images/menu.gif"); background-color:#bccffc; line-height:1.4; } .usedp_topic p A:link { color: blue; /* フォントカラー */ text-decoration: none; /* テキストの装飾 */ } .usedp_topic p A:visited { color: blue; /* フォントカラー */ text-decoration: none; /* テキストの装飾 */ } .usedp_topic p A:hover { color: red; /* フォントカラー */ text-decoration: underline; /* テキストの装飾 */ } .n .news_list p{ margin:0; padding:0; background-color:#bccffc; line-height:1.6; border: 1px solid #CCCCCC; /* widthに加算される! */ } .news_list table{ width:548px; line-height:1.4; } .news_topic table{ width:550px background-image:url("/images/menu.gif"); background-color:#bccffc; line-height:1.4; } .contents_box_content{ margin-top:10; margin-bottom:10; margin:0; height:400px; overflow:auto; border: 1px solid #CCCCCC; /* widthに加算される! */ padding:9px; background-image:url("/images/menu.gif"); background-color:#fefcec; } .contents_outlet_box{ margin-top:10; margin-bottom:10; margin:0; height:400px; overflow:auto; border: 1px solid #CCCCCC; /* widthに加算される! */ padding:9px; background-image:url("/images/menu.gif"); background-color:#fefcec; } .contents_car_content{ margin:0; height:300px; overflow:scroll; border: 1px solid #CCCCCC; /* widthに加算される! */ padding:0px; background-image:url("/images/menu.gif"); background-color:#fefcec; } .specials_box_content{ margin-top:10; margin-bottom:10; margin:0; height:750px; overflow:none; border: 1px solid #CCCCCC; /* widthに加算される! */ padding:0px; background-image:url("/images/menu.gif"); background-color:#fefcec; } .new_products_img { margin:0; padding:2px; font-size: 9px; width:130px; float:left; text-align:center; font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */ /* フォントサイズ */ } .photo { float: right; padding:5px; } .photo2 { float: left; padding:5px; } .specials_products_img { margin;0px; margin-top:20px; margin-left:5px; padding:2px; font-size: 12px; width:170px; height:230px; line-height: 1.5; background-color:whitesmoke; float:left; text-align:center; } .sp_belt{ background-color:#898989; color:#ffff33; font-weight:bold; width:170px; margin:0px; } .all_categories h4{ background: #dceeff; clear:left; margin:0; padding:0.1em 0.4em; font-size:x-small; text-align:left; font-weight:bold; letter-spacing:0.15em; color:#ffffff; border-right:2px solid #DDDDDD; border-bottom:2px solid #DDDDDD; } .all_categories { font-size: 9px; width:150px; margin-left:5px; margin-bottom:10px; line-height:1.5; float:left; text-align:left; font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */ vertical-align:bottom; /* フォントサイズ */ } #header_menu{ font-size:7px; margin: 0; padding :0; white-space:nowrap; } #header_menu ul { margin: 0; float: right; list-style: none; line-height: 1.0; /* ■この指定が無いとブラウザ毎に縦位置が変る */ } #header_menu li { display : inline; padding :0; margin:0; float:left ; color:#ffffff; font-size:10px; } #header_menu li a { display:block; border:1px dotted #aac; background-color:#dde; font-size:10px; padding:1px 0px 1px 0px; text-decoration:none; color:#557;width:7em; height:1.5em; margin:0px 5px; text-align:center; } #header_menu li a:hover { display:block; border:1px dotted #aca; background-color:#ded; font-size:10px; padding:1px 0px 1px 0px; text-decoration:none; color:#575; height:1.5em; text-align:center; } /*----------------------------Header menu * */ /* ナビゲーション ---------------------------------------------------- */ #t_menu ul { display: inline; margin: 0 0 1em; padding: 0; list-style-type:none; list-style: none; } #t_menu li { display: inline; float:left; width: 95px; height: 20px; text-indent: -9999px; } #t_menu li a { background-repeat: no-repeat; float:left; text-decoration: none; /* ■Firefox等で線が表示されないようにする */ width: 95px; height: 20px; display: block; outline: none; } #t_menu li#menu1 { background: url(./images/menu_01_off.gif) no-repeat; } #t_menu li#menu1 a:hover { background: url(./images/menu_01_on.gif) no-repeat; } #t_menu li#menu2 { background: url(./images/menu_02_off.gif) no-repeat; } #t_menu li#menu2 a:hover { background: url(./images/menu_02_on.gif) no-repeat; } #t_menu li#menu3 { background: url(./images/menu_03_off.gif) no-repeat; } #t_menu li#menu3 a:hover { background: url(./images/menu_03_on.gif) no-repeat; } #t_menu li#menu4 { background: url(./images/menu_04_off.gif) no-repeat; } #t_menu li#menu4 a:hover { background: url(./images/menu_04_on.gif) no-repeat; } #t_menu li#menu5 { background: url(./images/menu_05_off.gif) no-repeat; } #t_menu li#menu5 a:hover { background: url(./images/menu_05_on.gif) no-repeat; } #t_menu li#menu6 { background: url(./images/menu_06_off.gif) no-repeat; } #t_menu li#menu6 a:hover { background: url(./images/menu_06_on.gif) no-repeat; } #t_menu li#menu7 { background: url(./images/menu_07_off.gif) no-repeat; } #t_menu li#menu7 a:hover { background: url(./images/menu_07_on.gif) no-repeat; } #t_menu li#menu8 { background: url(./images/menu_08_off.gif) no-repeat; } #t_menu li#menu8 a:hover { background: url(./images/menu_08_on.gif) no-repeat; } #t_menu li#menu9 { background: url(./images/menu_09_off.gif) no-repeat; } #t_menu li#menu9 a:hover { background: url(./images/menu_09_on.gif) no-repeat; } #t_menu li#menu10 { background: url(./images/menu_10_off.gif) no-repeat; } #t_menu li#menu10 a:hover { background: url(./images/menu_10_on.gif) no-repeat; } #t_menu address { margin: 0; padding: 1em 0 0 1px; border-top: 1px solid #cccccc; font-style: normal; font-size: xx-small; text-transform: uppercase; line-height: 1.5; color: #999999; background: transparent; } #HeaderSearch { padding-top:50px; padding-left:380px; /* ■この指定が無いとブラウザ毎に縦位置が変る */ color:white; } #header_img p{ margin:0; text-indent: -9999px; } #HeaderNavi{ font-size:12px; background:#cc0000; margin-bottom:1px; } h1 { margin: 0; float: left; width: 300px; font-size: small; } h1 img { vertical-align: bottom; } .banner2{ margin-top:10px; margin-bottom:10px; float:left; width:290px; } .banner3{ margin-top:10px; margin-bottom:10px; float:right; width:290px; } .right_banner{ margin-top:10px; margin-bottom:10px; margin-left:0px; } .text_right{ text-align:right; } table.Acc_formArea { border-collapse:collapse; border: 1px solid #CCCCCC; /* widthに加算される! */ width:100%; margin-top:20px; } table.Acc_formArea td{ border-right: 1px solid #CCCCCC; /* widthに加算される! */ border-bottom: 1px solid #CCCCCC; /* widthに加算される! */ padding-left:5px; } table.Acc_formArea colgroup.name{ background-color: #FFCC80; width:90px; } .example{ font-size:10px; color:gray; padding-left:5px; } .productSpecialPrice{ color:red; font-weight:900; font-size:medium; } span.y{ background-color:#ffff00; padding:0.1em 0px; font-weight:bold; } span.g{ background-color:#00ff00; padding:0.1em 0px; font-weight:bold; } span.b{ background-color:#00ffff; padding:0.1em 0px; font-weight:bold; } span.r{ background-color:#ff00ff; padding:0.1em 0px; font-weight:bold; } .nv{ display:none; } /* 表部分 */ div.tbl-block h2{height:10px; margin:10px 0 10px; border-bottom:solid 1px #ccc; text-indent:-9999px;} div.tbl-block#condition h2{background:url(/CS/images/subtit_bukkenDetails01.gif) no-repeat 0 0; } div.tbl-block#syuyou-soubi h2{background:url(/CS/images/subtit_bukkenDetails02.gif) no-repeat 0 0; } div.tbl-block#new-spec h2{background:url(/CS/images/subtit_bukkenDetails03.gif) no-repeat 0 0; } div.tbl-block p.help{position:relative;} div.tbl-block#condition p.help a{position:absolute; top:-30px; left:100px;} div.tbl-block#syuyou-soubi p.help a{position:absolute; top:-30px; left:80px;} div.tbl-block table{font-size:11px;} div.tbl-block table th{height:15px; padding:3px; background-color:#e7e7e7; border:solid #999; border-width:0 1px 1px; font-weight:normal;} div.tbl-block table td{height:15px; padding:3px; border:solid #999; border-width:0 1px 1px 0; text-align:center;} /*一段目のセル設定 */ div.tbl-block table tr.top-tr th{border:solid 1px #999;} div.tbl-block table tr.top-tr td{border-width:1px 1px 1px 0;} div.tbl-block table td.td-sp{border:none;} /* エアバッグ */ div.tbl-block table tr.top-tr th#airbag-th{width:1em; border-width:1px 0 1px 1px;} /* 基本スペックの注意事項 */ p#spec-text{margin:0 0 10px; text-align:right; color:#999; font-size:11px; } .etabs { margin: 0; padding: 0; } .tab { display: inline-block; zoom:1; *display:inline; background: #eee; border: solid 1px #999; border-bottom: none; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; } .tab a { font-size: 14px; line-height: 2em; display: block; padding: 0 10px; outline: none; } .tab a:hover { text-decoration: underline; } .tab.active { background: #fff; padding-top: 6px; position: relative; top: 1px; border-color: #666; } .tab a.active { font-weight: bold; } .panel-container { margin-bottom: 10px; }