@charset "utf-8";

/* ボッシュ・イン・ジャパン */


body { text-align: left; }

#pageHeader { margin: 0; padding: 0; text-align: left; background: url(/shared/images/logo-bosch_w_anchor.gif) no-repeat 98% 12px; }
#pageHeader h1 { height: 30px; margin: 0; padding: 12px; background: transparent; }

#pageBody { padding: 24px; text-align: left; }

#pageFooter { background-color: #153B63; text-align: right; padding: 4px 8px 4px 8px; width: 100%; position: absolute; bottom: 0; right: 0; }
#pageFooter img { border: 0; vertical-align: bottom; }
#pageFooter a { color: #FFF; font-size: 11px; }

#conditionsText { overflow-y: scroll; width: 624px; height: 270px; padding: 18px; border: 1px solid #CCC; }
button.submitButton { margin-top: 18px; margin-right: 6px; text-align: left; border: 1px; color: #153B63; padding: 6px 6px 6px 6px; width: 174px; background: #B4C6D9; cursor: pointer; }

#stepsChart { width: 522px; margin: 0 0 12px 0; table-layout: fixed; border-spacing: 0; border-collapse: collapse; border: 0 none #FFF; }
#stepsChart th { width: 56px; padding: 4px; border: 1px solid #B4C6D9; text-align: center; vertical-align: middle; font-weight: bold; }
#stepsChart td { width: 466px; padding: 4px; border: 1px solid #B4C6D9; border-left-width: 0; }
html[xmlns] #stepsChart th { width: 48px; }
html[xmlns] #stepsChart td { width: 440px; }
#stepsChart th.stepPrevious { border-right-width: 0; color: #153B63; background: #FFF; }
#stepsChart th.stepCurrent  { border-right-width: 0; color: #DF0024; background: #FFF; }
#stepsChart th.stepNext     { border-right-width: 0; color: #153B63; background: #EEE; }
#stepsChart td.stepInstruction { padding: 6px 6px 6px 20px; background: #FFF url(/shared/images/arrow-down-red.gif) no-repeat 6px 50%; vertical-align: middle; }
#stepsChart td.stepIncomplete  { padding: 4px 4px 4px 20px; background: #EEE url(/shared/images/arrow-down.gif    ) no-repeat 6px 50%; color: #EEE; vertical-align: middle; }
#stepsChart td.stepSelection   { padding: 4px 6px 4px 20px; background: #FFF url(/shared/images/arrow-right.gif   ) no-repeat 6px 50%; }
#stepsChart td.stepSelection img { padding: 0 6px 0 12px; }

#narrowedNotice { width: 522px; }
html[xmlns] #narrowedNotice { width: 496px; }

#step1SelectionBox { width: 522px; }
html[xmlns] #step1SelectionBox { width: 522px; }


#domesticBox { float: left; width: 254px; margin: 0 12px 6px 0; }
#importBox   { float: left; width: 254px; }

#pageBody #step1SelectionBox ul { width: auto; margin: 0; padding: 6px; }
html[xmlns] #pageBody #step1SelectionBox ul { width: auto; }

#pageBody #step1SelectionBox h2 { height: 24px; margin: 0; padding: 6px 84px 0 4px; background: #FFF url(./images/bg-domesticOrImportTabs.gif) no-repeat; text-align: center; }
html[xmlns] #pageBody #step1SelectionBox h2 { width: auto; height: 18px; text-align: center; }
#step1SelectionBox h2 img { margin: 0 6px 0 0; }

#step1SelectionBox div.sectionCategoryList { margin: 0; padding: 6px; border: 1px solid #CCC; border-width: 0 1px 1px 1px; }
html[xmlns] #step1SelectionBox div.sectionCategoryList { padding: 6px 9px; }

#step1SelectionBox div.categoryBox {  }
#step1SelectionBox div.categoryBox h3.categoryLabel { margin: 0; padding: 3px 3px 3px 14px; border-bottom: 1px solid #FFF; background: #DFE9F3 url(/shared/images/arrow-right.gif) no-repeat 4px 3px; font-weight: normal; }
html[xmlns] #step1SelectionBox div.categoryBox h3.categoryLabel { width: auto; }
#step1SelectionBox div.categoryBox h3.categoryLabel.selected { background: #B4C6D9 url(/shared/images/arrow-right.gif) no-repeat 4px 3px; }

#pageBody #step1SelectionBox ul.groupList { display: none; position: absolute; left: 72px; width: 240px; margin: 0; padding: 0 5px 5px 0; list-style: none; border: none; background: transparent url(./images/step-1-bg-groupList-IE.gif) bottom right no-repeat; }
html[xmlns] #pageBody #step1SelectionBox ul.groupList { background: transparent url(./images/step-1-bg-groupList.png) bottom right no-repeat; }
#pageBody #step1SelectionBox ul.groupList li { border-top: 1px solid #B4C6D9; border-bottom: none; border-left: 1px solid #B4C6D9; background-image: none; }
#pageBody #step1SelectionBox ul.groupList li a { display: block; width: 240px; padding: 3px 3px 3px 14px; background: #FFF url(/shared/images/arrow-right.gif) no-repeat 4px 3px; text-decoration: none; }
#pageBody #step1SelectionBox ul.groupList li a:hover { background: #DFE9F3 url(/shared/images/arrow-right.gif) no-repeat 4px 3px; }


#makerList { width: 522px; }
#makerList li { display: inline; float: left; }
#makerList li a { display: block; width: 174px; padding: 4px; border-right: 1px solid #FFF; }
html[xmlns] #makerList li a { width: 156px; }

#vehicleModelList { width: 522px; }
#vehicleModelList li { display: inline; float: left; }
#vehicleModelList li a { display: block; width: 174px; padding: 4px; border-right: 1px solid #FFF; }
html[xmlns] #vehicleModelList li a { width: 156px; }

table#vehicleModelList { width: 522px; }
table#vehicleModelList td { padding: 0; border: 1px solid #FFF; border-width: 0 1px 1px 0; background: #DFE9F3; vertical-align: top; }
table#vehicleModelList td a { display: block; width: 174px; padding: 3px 3px 2px 14px; background: #DFE9F3 url(/shared/images/arrow-right.gif) no-repeat 4px 3px; }
html[xmlns] table#vehicleModelList td a { width: 156px; }
table#vehicleModelList td a:hover { background: #B4C6D9 url(/shared/images/arrow-right.gif) no-repeat 4px 3px; }

#fitChart { margin-top: 0; /* margin-left: auto; margin-right: auto; */ margin-bottom: 16px; table-layout: auto; border-spacing: 0 0; border-collapse: collapse; border: 0 none #FFF; }
#fitChart th { padding: 3px; background: #DFE9F3; border: 1px solid #153B63; font-weight: normal; }
#fitChart th.new { padding: 3px; background: transparent; border: none; }
#fitChart td { padding: 3px 6px 3px 6px; border: 1px solid #153B63; }
#fitChart td.new{ padding: 4px; color: #F00; font-weight: bold; border: none; }

#fitChart th img.spacer { display: block; }

#fitChart tr.oddRow  { background-color: #FFF; }
#fitChart tr.evenRow { background-color: #F5F5F5; }
#fitChart td.center { text-align: center; }
#fitChart td.right  { text-align: right; }
#fitChart td.left-nowrap   { text-align: left;   white-space: nowrap; }
#fitChart td.center-nowrap { text-align: center; white-space: nowrap; }
#fitChart td.right-nowrap  { text-align: right;  white-space: nowrap; }

.noteLink { color: #00F; cursor: pointer; }
.popupNote { visibility: hidden; position: absolute; width: 174px; padding: 4px; border-top: 1px solid #DDD; border-right: 1px solid #999; border-bottom: 1px solid #999; border-left: 1px solid #DDD; background-color: #FFD; }

#fitChartFootnotes { margin: 0 0 12px 0; }
#fitChartFootnotes p.updated { font-size: smaller; }
#fitChartFootnotes p.box { padding: 9px; border: 1px solid #153B63; }

#aaFitChart div.backToTop { clear: both; margin: 0 0 12px 0; text-align: left !important; }
#aaFitChart div.backToTop a { padding: 0 0 0 14px; background: transparent url(/shared/images/arrow-up.gif) no-repeat 4px 1px; text-align: left; }