body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,figure,figcaption,menu,nav {margin:0; padding:0;} table {border-collapse:collapse; border-spacing:0;} thead {border-collapse:collapse; border-spacing:0;} tbody {border-collapse:collapse; border-spacing:0;} fieldset,img {border:0;vertical-align:bottom;} address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;} ul,li {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;} q:before,q:after {content:'';} abbr,acronym {border:0; font-variant:normal;} sup {vertical-align:text-top;} sub {vertical-align:text-bottom;} input,textarea,select {font-family:inherit; font-size:inherit; font-weight:inherit;vertical-align:middle;} input,textarea,select {*font-size:100%;} legend {color:#000;} hr{display:none;} address,em,cite {font-style:normal;} *{outline:none;} /* ========== universal font size setting =========== */ #contents{font:12px arial,helvetica,clean,sans-serif;} #contents{font-family:"メイリオ", Meiryo,"Hiragino Kaku Gothic Pro","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, Verdana, sans-serif, Geneva; line-height:1.3; color:#000;} /* for IE6 */ * html #contents { font-size: 75%; } /* for IE7 */ *:first-child+html #contents { font-size: 75%; } /* 10px 84% 11px 92% 12px 100% 13px 109% 14px 117% 15px 125% 16px 134% 17px 142% 18px 150% 19px 159% 20px 167% 21px 175% 22px 184% 23px 192% 24px 200% 25px 209% 26px 217% */ select, input, button, textarea {font:99% arial,helvetica,clean,sans-serif;} table {font-size:inherit; font:100%;} pre,code,kbd,samp,tt {font-family:monospace; *font-size:108%; line-height:100%;} /* ========== clear ========== */ .clrFix{zoom:1; clear:both;} .clrFix:after{content:''; display:block; clear:both;} .clr{clear:both;} /* ========== common setting =========== */ #contents {padding:15px 0; margin:0 auto; width:920px; overflow:hidden;} #contents h2.head{background:url(/service/images/syasyu/l_ttl.gif) left top no-repeat; height:32px; overflow:hidden; text-indent:-9999px; margin:0 0 5px;} #contents p.lead {background:url(/service/images/syasyu/syasyu_title.gif) left top no-repeat; padding:7px 0 0 130px; min-height:28px;} #contents p.lead strong{display:none;} #contents p.btnCarSelect {clear:both; zoom:1; padding:0 0 10px;} #contents p.btnCarSelect:after{content:''; clear:both; display:block;} #contents p.btnCarSelect a{display:block; height:48px; width:202px; overflow:hidden; text-indent:-9999px; background:url(/service/images/syasyu/btnCarSelect.gif) left top no-repeat; float:right;} #contents p.btnCarSelect a:hover{background-position:0 -48px;} #contents p.btnSyoukai {clear:both; zoom:1; padding:0 0 5px;} #contents p.btnSyoukai:after{content:''; clear:both; display:block;} #contents p.btnSyoukai a{display:block; height:37px; width:127px; overflow:hidden; text-indent:-9999px; background:url(/service/images/syasyu/btnSyoukai.gif) left top no-repeat; float:right;} #contents p.btnSyoukai a:hover{background-position:0 -37px;} #contents #menu{clear:both; zoom:1; padding:0 0 10px;} #contents #menu:after{content:''; clear:both; display:block;} #contents #menu li{width:176px; margin:0 10px 0 0; height:102px; overflow:hidden; float:left;} #contents #menu li a{width:176px; height:102px; display:block; overflow:hidden; text-indent:-9999px; background:url(/service/images/syasyu/bg_navi.gif) left top no-repeat;} #contents #menu li.syasyu a{background-position:0 0;} #contents #menu li.eco a{background-position:-186px 0;} #contents #menu li.wagon a{background-position:-372px 0;} #contents #menu li.truck a{background-position:-558px 0;} #contents #menu li.bus a{background-position:-744px 0;} #contents #menu li.bus{margin:0;} #contents h1{background:url(/service/images/syasyu/h1.gif) left top no-repeat; text-indent:-9999px; height:60px; overflow:hidden; margin:0 0 10px;} #contents div.anc {position:relative; overflow:hidden;} #contents div.anc ul {position:relative; left:50%; float:left; padding:0 0 20px;} #contents div.anc ul li {position:relative; left:-50%; float:left; padding:0 15px; border-left:1px solid #000; line-height:1.2;} #contents div.anc ul li.end {border-right:1px solid #000;} #contents div.links {color:#b20200;position:relative; overflow:hidden; padding:0 0 0px;} #contents div.links ul {position:relative; left:50%; float:left; padding:0 0 10px;} #contents div.links ul li {position:relative; left:-50%; float:left; padding:0 7px; line-height:1.2;} #contents div.links ul li.border {border-right:1px solid #000;} #contents div.notes {border:1px solid #7a7a7a; padding:12px; margin:20px 0 0;} #contents div.notes p{margin:0 0 1em;} #contents div.notes p.mb0{margin:0;} #contents div.notes p.red{color:#b20200;} #contents h2.type {padding:12px 14px 10px; clear:both;} #contents h2.type strong{font-size:134%; font-weight:bold;} #contents div.section{padding:0 15px 40px; clear:both; zoom:1;} #contents div.section:after{content:''; clear:both; zoom:1;} #contents div.head{padding:0 0 25px; clear:both; zoom:1;} #contents div.head:after{content:''; clear:both; zoom:1;} #contents div.head p.img{float:left; padding:0; width:296px;} #contents div.head p.img strong{font-weight:bold; display:block; font-size:134%;} #contents div.head h3{margin:0 0 3px;} #contents div.head ul.icons {padding:7px 0 0;} #contents div.head ul.icons li{float:left; padding:0 5px 5px 0;} #contents h4.border {font-size:117%; font-weight:bold; margin:0 0 5px; padding:0 0 3px;} #contents div.flow{position:relative; height:120px; width:890px; clear:both; zoom:1; margin:0 0 5px;} #contents.syasyu #sedan div.flow {height:140px;} #contents.syasyu #ka div.flow {height:140px;} #contents.syasyu #sedan_l div.flow {height:140px;} #contents.wagon #wagon div.flow {height:160px;} #contents.eco #eco div.flow {height:160px;} #contents.truck #one div.flow {height:140px;} #contents.truck #light div.flow {height:140px;} #contents.truck #truck div.flow {height:140px;} #contents.truck #dry div.flow {height:140px;} #contents div.flow:after{content:''; clear:both; display:block;} #contents div.flow .step1{position:absolute; width:283px; position:absolute; left:2px; top:0;} #contents div.flow .step2{position:absolute; width:227px; position:absolute; left:309px; top:0;} #contents div.flow .step3{position:absolute; width:147px; position:absolute; left:560px; top:0;} #contents div.flow .step4{position:absolute; width:157px; position:absolute; left:731px; top:0;} #contents div.flow h4 {height:47px; position:relative; text-indent:-9999px;} #contents div.flow h4 a{display:block; position:absolute; left:79px; top:10px; background:url(/service/images/syasyu/icon_blank.gif) left top no-repeat; height:17px; width:19px; text-indent:-9999px; overflow:hidden;} #contents div.flow .step2 h4 a{left:90px;} #contents div.flow .step4 h4 a{left:102px;} #contents div.flow ul li{padding:0 10px 5px; font-size:94%; height:1.5em; overflow:hidden;} #contents div.flow ul li.h2em{height:3em;} #contents div.flow ul li.txtindent{text-indent:-1.5em; padding-left:2.4em;} body.IEFIX #contents div.flow ul li.txtindent{text-indent:-2.1em; padding-left:2.9em;} #contents div.flow ul li input{margin:0 5px 0 0; position:relative; top:-0.2em;} #contents div.flow ul li img{position:relative; top:-0.1em;} body.IEFIX #contents div.flow ul li img{position:relative; top:-0.45em;} #contents div.flow ul li.w100{width:100px; clear:left; float:left;} body.IEFIX #contents div.flow ul li.w100{width:125px; white-space:nowrap;} #contents table{width:100%; border:1px solid #aaaaaa; margin:0 0 20px;} #contents th{background:#d6f88e; text-align:center; border:1px solid #aaaaaa; padding:4px 15px;} #contents td{border:1px solid #aaaaaa; text-align:center; padding:20px;} #contents table tbody th{font-weight:bold;} #contents table tbody td{font-weight:bold;} #contents table th.light {background:#f3fddd;} #contents p.pageTop {text-align:right; position:relative; right:-15px;} #contents.eco th{background:#97e0fc; text-align:center; border:1px solid #aaaaaa; padding:4px 10px;} #contents.wagon th{background:#fcd09a; text-align:center; border:1px solid #aaaaaa; padding:4px 10px;} #contents.truck th{background:#d5d3ec; text-align:center; border:1px solid #aaaaaa; padding:4px 10px;} /* 3分割 */ #contents .triple{clear:both; zoom:1; padding:0 0 20px;} #contents .triple:after{content:''; clear:both; display:block;} #contents .triple .item {position:relative; padding:150px 28px 0 0; width:278px; float:left;} #contents .triple .item dt{font-weight:bold; display:block; text-align:left; font-size:134%;} #contents .triple .item dd.img{position:absolute; top:0; left:0;} #contents .triple .turn {padding-right:0;} /* 2分割 */ #contents .double{clear:both; zoom:1; padding:0 0 20px;} #contents .double:after{content:''; clear:both; display:block;} #contents .double .item {position:relative; padding:150px 0 0; width:430px; float:left;} #contents .double .turn {float:right;} #contents .double .item dt{font-weight:bold; display:block; text-align:left; font-size:134%;} #contents .double .item dd.img{position:absolute; top:0; left:0;} #contents .triple .item.size91 {padding:91px 0 10px;} #contents .triple .item.size161 {padding:161px 0 0;} #contents .triple .item.size171 {padding:171px 0 0;} #contents .triple .item.size174 {padding:174px 0 0;} #contents .triple .item.size131 {padding:131px 0 0;} #contents .double .item.size91 {padding:91px 0 0;} #contents .double .item.size161 {padding:161px 0 0;} #contents .double .item.size171 {padding:171px 0 0;} #contents .double .item.size174 {padding:174px 0 0;} /* syasyu */ #contents.syasyu #menu li.syasyu a{background-position:0 -102px;} #contents.syasyu h1{background-position:0 0;} #contents.syasyu h2.type {background:url(/service/images/syasyu/h2_bg_syasyu.gif); line-height:1.2; margin:0 0 20px;} #contents.syasyu div.head{clear:both; zoom:1;} #contents.syasyu div.head:after{content:''; clear:both; display:block;} #contents.syasyu h4.border {border-bottom:2px solid #90d700;} #contents.syasyu div.flow{background:url(/service/images/syasyu/bg_select_syasyu.gif) left top no-repeat;} /* eco */ #contents.eco #menu li.eco a{background-position:-186px -102px;} #contents.eco h1{background-position:0 -60px;} #contents.eco h2.type {background:url(/service/images/syasyu/h2_bg_eco.gif); line-height:1.2; margin:0 0 20px;} #contents.eco div.head{clear:both; zoom:1;} #contents.eco div.head:after{content:''; clear:both; display:block;} #contents.eco h4.border {border-bottom:2px solid #06b8ff;} #contents.eco div.flow{background:url(/service/images/syasyu/bg_select_eco.gif) left top no-repeat;} /* wagon */ #contents.wagon #menu li.wagon a{background-position:-372px -102px;} #contents.wagon h1{background-position:0 -120px;} #contents.wagon h2.type {background:url(/service/images/syasyu/h2_bg_wagon.gif); line-height:1.2; margin:0 0 20px;} #contents.wagon div.head{clear:both; zoom:1;} #contents.wagon div.head:after{content:''; clear:both; display:block;} #contents.wagon h4.border {border-bottom:2px solid #ff8e0c;} #contents.wagon div.flow{background:url(/service/images/syasyu/bg_select_wagon.gif) left top no-repeat;} /* truck */ #contents.truck #menu li.truck a{background-position:-558px -102px;} #contents.truck h1{background-position:0 -180px;} #contents.truck h2.type {background:url(/service/images/syasyu/h2_bg_truck.gif); line-height:1.2; margin:0 0 20px;} #contents.truck div.head{clear:both; zoom:1;} #contents.truck div.head:after{content:''; clear:both; display:block;} #contents.truck h4.border {border-bottom:2px solid #9383ff;} #contents.truck div.flow{background:url(/service/images/syasyu/bg_select_truck.gif) left top no-repeat;} /* bus */ #contents.bus #menu li.bus a{background-position:-744px -102px;} #contents.bus h1{background-position:0 -240px;} #contents.bus h2.type {background:url(/service/images/syasyu/h2_bg_bus.gif); line-height:1.2; margin:0 0 20px;} #contents.bus div.head{clear:both; zoom:1;} #contents.bus div.head:after{content:''; clear:both; display:block;} #contents.bus h4.border {border-bottom:2px solid #ffd212;} #contents.bus div.text{padding-bottom:20px;} #contents.bus div.text p{padding-bottom:10px;} #contents div.mb20 {margin-bottom:20px;} #contents div.pb20 {padding-bottom:20px;} #contents div p.red{color:#b20200;} #contents div p.center{text-align:center;} #contents table.topics {width:700px; border-bottom:1px solid #bbbbbb; border-left:1px solid #bbbbbb; margin-bottom:10px;} #contents table.topics th {background:#fbe99c; font-weight:bold; text-align:center; padding:10px; border-top:1px solid #bbbbbb; border-right:1px solid #bbbbbb;} #contents table.topics td {font-weight:normal; background:#fefbf1; padding:6px; border-top:1px solid #bbbbbb; border-right:1px solid #bbbbbb; text-align:left;} #contents table.topics td.center {text-align:center;} #contents table.car {width:700px; margin-bottom:10px; border:1px solid #ffffff;} #contents table.car th {background:#ffffff; font-weight:bold; text-align:center; padding:10px; border:1px solid #ffffff;} #contents table.car td {font-weight:normal; background:#ffffff; padding:6px; text-align:left; border:1px solid #bbbbbb;} #contents table.car td.center {text-align:center;} #contents table.car2 {margin-bottom:10px; border:1px solid #ffffff;} #contents table.car2 th {background:#ffffff; font-weight:bold; text-align:center; padding:10px; border:1px solid #ffffff;} #contents table.car2 td {font-weight:normal; background:#ffffff; padding:6px; text-align:left; border:1px solid #ffffff;} #contents table.car2 td.center {text-align:center;} #contents table.car2 td.bold {font-weight:bold;} #contents table.car2 td span.gray {color:#999999;} #contents table.bus1 {width:600px; border-bottom:1px solid #bbbbbb; border-left:1px solid #bbbbbb; margin-bottom:10px;} #contents table.bus1 th {background:#fbe99c; font-weight:bold; text-align:center; padding:10px; border-top:1px solid #bbbbbb; border-right:1px solid #bbbbbb;} #contents table.bus1 td {font-weight:normal; background:#fefbf1; padding:6px; border-top:1px solid #bbbbbb; border-right:1px solid #bbbbbb; text-align:left;} #contents table.bus1 td.center {text-align:center;} #contents table.bus1 td.bold {font-weight:bold;} #contents table.bus1 td span.gray {color:#999999;} #contents table.bus {width:100%; border-bottom:1px solid #bbbbbb; border-left:1px solid #bbbbbb; margin-bottom:10px;} #contents table.bus th {background:#fbe99c; font-weight:bold; text-align:center; padding:10px; border-top:1px solid #bbbbbb; border-right:1px solid #bbbbbb;} #contents table.bus td {font-weight:normal; background:#fefbf1; padding:6px; border-top:1px solid #bbbbbb; border-right:1px solid #bbbbbb; text-align:left;} #contents table.bus td.center {text-align:center;} #contents table.bus td.bold {font-weight:bold;} #contents table.bus td span.gray {color:#999999;} /* ポップアップ 共通 */ #popup_wrapper{clear:both; /* zoom:1; */ text-align:center; border-top:5px #fa0f0c solid; width:100%; background:#ffffff;} #popup_wrapper:after{content:''; display:block; clear:both;} #popup_container{width:500px; margin:0 auto; text-align:left; background:#fff;} #popup_wrapper #contents{width:100%;} /* ポップアップ 車選びのめやす */ #contents.meyasu {padding:10px 0; margin:0 auto; width:500px; overflow:hidden;} #contents.meyasu div.section{padding:0 15px 20px; margin-bottom:20px; clear:both; zoom:1; border-bottom:1px #bbbbbb solid;} #contents.meyasu div.section:after{content:''; clear:both; zoom:1;} #contents.meyasu h1.meyasu{background:url(/service/images/syasyu/meyasu_title.gif) left top no-repeat; text-indent:-9999px; height:39px; overflow:hidden; margin:0 0 10px;} #contents.meyasu h1{background-position:0 0;} #contents.meyasu p.meyasulead {padding:0 0 10px 0; font-weight:bold;} #contents.meyasu p.meyasu_icon {padding-bottom:5px;} #contents .meyasu_double {position:relative; padding:0px 0 0; width:235px; float:left;} #contents .meyasu_triple {position:relative; padding:0px 0 0; width:155px; float:left;} #contents.meyasu div.meyasu_pageClose {text-align:center; padding-bottom:5px;} /* ポップアップ クラスとは */ #contents.meyasu ul{margin:0 0 0 5px;} #contents.meyasu li{list-style:disc; margin:0 0 0.75em 0px;} #contents.meyasu ul.meyasu_course{margin:0 0 0 20px;} #contents.meyasu li{list-style:disc; margin:0 0 0.75em 0px;} /* ポップアップ 車種詳細 */ #contents.car {padding:10px 0; margin:0 auto; width:500px; overflow:hidden;} #contents.car div.section{padding:0 0 20px; margin-bottom:20px; clear:both; zoom:1; border-bottom:1px #bbbbbb solid;} #contents.car div.section:after{content:''; clear:both; zoom:1;} #contents.car div.head{padding:0; float:left;} #contents.car div.head p.type strong{font-weight:bold; display:block; font-size:134%; padding:0 0 10px 0;} #contents.car div.carinfoTable {padding-bottom:10px;width:240px; float:right;} #contents table.car_info {width:100%; margin-bottom:10px; border-bottom:1px solid #bbbbbb;} #contents table.car_info th {background:#fbe99c; font-weight:bold; text-align:center; padding:3px 3px 1px; border-top:1px solid #bbbbbb; border-right:1px solid #bbbbbb;} #contents table.car_info td {font-weight:normal; background:#ffffff; padding:5px 5px 3px; text-align:left; border-top:1px solid #bbbbbb; border-right:1px solid #bbbbbb;} #contents table.car_info td.center {text-align:center;} #contents table.car_info td.bold {font-weight:bold;} #contents table.car_info td.upppp {text-align:center;} #contents table.car_info td.upppp div{position:relative; overflow:hidden; width:160px; margin:0 auto; padding:3px 0 0;} #contents table.car_info td.upppp div ul li{float:left; line-height:1.2;width:30px;} #contents table.car_info td.upppp .peple {margin-right:40px;} #contents table.car_info td.upppp .trunk {margin-right:25px;} #contents table.car_info td.upppp .bag {} #contents.car div.car_pageClose {text-align:center; padding-bottom:5px; clear:both;} #contents ul.notes {margin:0 0 1em;} #contents ul.notes li{text-indent:-1em; padding-left:1em;} #contents ul.red{color:#b20200;} #contents ul.mb0 {margin:0;}