/* Common CSS Document */ @charset "shift_jis"; body { background: url(../images/common/BackgroundImage.gif) repeat-y center #b4c3dc; color: #333; font-size: 12px; line-height: 1.5; letter-spacing: 1px; } body.fontS #ContentsContainer { font-size: 12px; } body.fontM #ContentsContainer { font-size: 13px; } body.fontL #ContentsContainer { font-size: 16px; } body.fontS .ContentsContainer_hdr table td, body.fontS .ContentsContainer_hdr table th { font-size: 12px; } body.fontM .ContentsContainer_hdr table td, body.fontM .ContentsContainer_hdr table th { font-size: 13px; } body.fontL .ContentsContainer_hdr table td, body.fontL .ContentsContainer_hdr table th { font-size: 16px; } body.fontS .ContentsContainer_hdr { font-size: 12px; } body.fontM .ContentsContainer_hdr { font-size: 13px; } body.fontL .ContentsContainer_hdr { font-size: 16px; } /* Container */ #MainContainer { width: 796px; margin: 0 auto ; } #MainContainer_hdr { width: 796px; margin: 0 0 -11px 0 ; } /* Firefox CSS */ #MainContainer_hdr, x:-moz-any-link { width: 796px; margin: 0 0 -8px 0 ; } /* Safari Chrome CSS */ @media screen and (-webkit-min-device-pixel-ratio:0) { #MainContainer_hdr { width: 796px; margin: 0 0 -8px 0 ; } } #MainContainer_hdr_en { width: 799px; margin: 0 0 -8px 0 ; } #KeyVisualContainer { position: relative; padding-bottom: 10px; } #ContentsContainer { padding-bottom: 10px; } #FooterContainer { padding-bottom: 20px; } /* KeyVisualContainer */ #KeyVisualContainer { position: relative; } #KeyVisualContainer #UiMenuConnectMenuOut, #KeyVisualContainer #MotionMenuConnectMenuOut { position: absolute; left: 0; /* z-index: 9999; */ } #KeyVisualContainer #UiMenuConnectMenuOut { top: 0; } #KeyVisualContainer #MotionMenuConnectMenuOut { top: 4px; } #KeyVisualContainer #ConnectMenuUiMenuOut, #KeyVisualContainer #MotionMenuUiMenuOut { position: absolute; left: 0; /* z-index: 9999; */ } #KeyVisualContainer #ConnectMenuUiMenuOut { top: 143px; } #KeyVisualContainer #MotionMenuUiMenuOut { top: 0; } #KeyVisualContainer #ConnectMenuMotionMenuOut, #KeyVisualContainer #UiMenuMotionMenuOut { position: absolute; left: 0; /* z-index: 9999; */ } #KeyVisualContainer #UiMenuMotionMenuOut { top: 164px; } #KeyVisualContainer #ConnectMenuOver { display: none; position: absolute; top: 7px; left: 8px; /* z-index: 9998; */ } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_01 { width: 140px; height: 20px; text-indent: -9999px; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_01 a { width: 140px; height: 20px; display: block; background: url(../images/top/left-menu_connect_01.gif) left top no-repeat; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_01 a:hover { background: url(../images/top/left-menu_connect_01.gif) left bottom no-repeat; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_02 { width: 140px; height: 19px; text-indent: -9999px; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_02 a { width: 140px; height: 19px; display: block; background: url(../images/top/left-menu_connect_02.gif) left top no-repeat; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_02 a:hover { background: url(../images/top/left-menu_connect_02.gif) left bottom no-repeat; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_03 { width: 140px; height: 19px; text-indent: -9999px; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_03 a { width: 140px; height: 19px; display: block; background: url(../images/top/left-menu_connect_03.gif) left top no-repeat; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_03 a:hover { background: url(../images/top/left-menu_connect_03.gif) left bottom no-repeat; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_04 { width: 140px; height: 19px; text-indent: -9999px; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_04 a { width: 140px; height: 19px; display: block; background: url(../images/top/left-menu_connect_04.gif) left top no-repeat; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_04 a:hover { background: url(../images/top/left-menu_connect_04.gif) left bottom no-repeat; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_05 { width: 140px; height: 20px; text-indent: -9999px; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_05 a { width: 140px; height: 20px; display: block; background: url(../images/top/left-menu_connect_05.gif) left top no-repeat; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_05 a:hover { background: url(../images/top/left-menu_connect_05.gif) left bottom no-repeat; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_06 { width: 140px; height: 19px; text-indent: -9999px; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_06 a { width: 140px; height: 19px; display: block; background: url(../images/top/left-menu_connect_06.gif) left top no-repeat; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_06 a:hover { background: url(../images/top/left-menu_connect_06.gif) left bottom no-repeat; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_07 { width: 140px; height: 19px; text-indent: -9999px; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_07 a { width: 140px; height: 19px; display: block; background: url(../images/top/left-menu_connect_07.gif) left top no-repeat; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_07 a:hover { background: url(../images/top/left-menu_connect_07.gif) left bottom no-repeat; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_08 { width: 140px; height: 19px; text-indent: -9999px; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_08 a { width: 140px; height: 19px; display: block; background: url(../images/top/left-menu_connect_08.gif) left top no-repeat; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_08 a:hover { background: url(../images/top/left-menu_connect_08.gif) left bottom no-repeat; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_09 { width: 140px; height: 20px; text-indent: -9999px; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_09 a { width: 140px; height: 20px; display: block; background: url(../images/top/left-menu_connect_09.gif) left top no-repeat; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_09 a:hover { background: url(../images/top/left-menu_connect_09.gif) left bottom no-repeat; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_10 { width: 140px; height: 19px; text-indent: -9999px; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_10 a { width: 140px; height: 19px; display: block; background: url(../images/top/left-menu_connect_10.gif) left top no-repeat; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_10 a:hover { background: url(../images/top/left-menu_connect_10.gif) left bottom no-repeat; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_11 { width: 155px; height: 20px; text-indent: -9999px; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_11 a { width: 155px; height: 20px; display: block; background: url(../images/top/left-menu_connect_11.gif) left top no-repeat; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_11 a:hover { background: url(../images/top/left-menu_connect_11.gif) left bottom no-repeat; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_12 { width: 155px; height: 19px; text-indent: -9999px; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_12 a { width: 155px; height: 19px; display: block; background: url(../images/top/left-menu_connect_12.gif) left top no-repeat; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_12 a:hover { background: url(../images/top/left-menu_connect_12.gif) left bottom no-repeat; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_13 { width: 155px; height: 19px; text-indent: -9999px; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_13 a { width: 155px; height: 19px; display: block; background: url(../images/top/left-menu_connect_13.gif) left top no-repeat; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_13 a:hover { background: url(../images/top/left-menu_connect_13.gif) left bottom no-repeat; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_14 { width: 155px; height: 19px; text-indent: -9999px; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_14 a { width: 155px; height: 19px; display: block; background: url(../images/top/left-menu_connect_14.gif) left top no-repeat; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_14 a:hover { background: url(../images/top/left-menu_connect_14.gif) left bottom no-repeat; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_15 { width: 155px; height: 20px; text-indent: -9999px; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_15 a { width: 155px; height: 20px; display: block; background: url(../images/top/left-menu_connect_15.gif) left top no-repeat; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_15 a:hover { background: url(../images/top/left-menu_connect_15.gif) left bottom no-repeat; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_16 { width: 155px; height: 19px; text-indent: -9999px; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_16 a { width: 155px; height: 19px; display: block; background: url(../images/top/left-menu_connect_16.gif) left top no-repeat; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_16 a:hover { background: url(../images/top/left-menu_connect_16.gif) left bottom no-repeat; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_17 { width: 155px; height: 19px; text-indent: -9999px; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_17 a { width: 155px; height: 19px; display: block; background: url(../images/top/left-menu_connect_17.gif) left top no-repeat; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_17 a:hover { background: url(../images/top/left-menu_connect_17.gif) left bottom no-repeat; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_18 { width: 155px; height: 19px; text-indent: -9999px; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_18 a { width: 155px; height: 19px; display: block; background: url(../images/top/left-menu_connect_18.gif) left top no-repeat; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_18 a:hover { background: url(../images/top/left-menu_connect_18.gif) left bottom no-repeat; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_19 { width: 155px; height: 20px; text-indent: -9999px; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_19 a { width: 155px; height: 20px; display: block; background: url(../images/top/left-menu_connect_19.gif) left top no-repeat; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_19 a:hover { background: url(../images/top/left-menu_connect_19.gif) left bottom no-repeat; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_20 { width: 155px; height: 19px; text-indent: -9999px; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_20 a { width: 155px; height: 19px; display: block; background: url(../images/top/left-menu_connect_20.gif) left top no-repeat; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_20 a:hover { background: url(../images/top/left-menu_connect_20.gif) left bottom no-repeat; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_21 { width: 155px; height: 20px; text-indent: -9999px; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_21 a { width: 155px; height: 20px; display: block; background: url(../images/top/left-menu_connect_21.gif) left top no-repeat; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_21 a:hover { background: url(../images/top/left-menu_connect_21.gif) left bottom no-repeat; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_22 { width: 155px; height: 19px; text-indent: -9999px; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_22 a { width: 155px; height: 19px; display: block; background: url(../images/top/left-menu_connect_22.gif) left top no-repeat; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_22 a:hover { background: url(../images/top/left-menu_connect_22.gif) left bottom no-repeat; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_23 { width: 155px; height: 19px; text-indent: -9999px; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_23 a { width: 155px; height: 19px; display: block; background: url(../images/top/left-menu_connect_23.gif) left top no-repeat; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_23 a:hover { background: url(../images/top/left-menu_connect_23.gif) left bottom no-repeat; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_24 { width: 155px; height: 19px; text-indent: -9999px; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_24 a { width: 155px; height: 19px; display: block; background: url(../images/top/left-menu_connect_24.gif) left top no-repeat; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_24 a:hover { background: url(../images/top/left-menu_connect_24.gif) left bottom no-repeat; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_25 { width: 155px; height: 20px; text-indent: -9999px; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_25 a { width: 155px; height: 20px; display: block; background: url(../images/top/left-menu_connect_25.gif) left top no-repeat; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_25 a:hover { background: url(../images/top/left-menu_connect_25.gif) left bottom no-repeat; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_26 { width: 155px; height: 19px; text-indent: -9999px; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_26 a { width: 155px; height: 19px; display: block; background: url(../images/top/left-menu_connect_26.gif) left top no-repeat; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_26 a:hover { background: url(../images/top/left-menu_connect_26.gif) left bottom no-repeat; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_27 { width: 155px; height: 19px; text-indent: -9999px; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_27 a { width: 155px; height: 19px; display: block; background: url(../images/top/left-menu_connect_27.gif) left top no-repeat; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_27 a:hover { background: url(../images/top/left-menu_connect_27.gif) left bottom no-repeat; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_28 { width: 155px; height: 19px; text-indent: -9999px; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_28 a { width: 155px; height: 19px; display: block; background: url(../images/top/left-menu_connect_28.gif) left top no-repeat; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_28 a:hover { background: url(../images/top/left-menu_connect_28.gif) left bottom no-repeat; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_29 { width: 155px; height: 20px; text-indent: -9999px; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_29 a { width: 155px; height: 20px; display: block; background: url(../images/top/left-menu_connect_29.gif) left top no-repeat; } #KeyVisualContainer #ConnectMenuOver li#left-menu_connect_29 a:hover { background: url(../images/top/left-menu_connect_29.gif) left bottom no-repeat; } #KeyVisualContainer #ConnectMenuOver #ConnectMenu01 { position: absolute; top: 59px; left: 248px; } #KeyVisualContainer #ConnectMenuOver #ConnectMenu02 { position: absolute; top: 59px; left: 421px; } #KeyVisualContainer #ConnectMenuOver #ConnectMenu03 { position: absolute; top: 59px; left: 586px; } #KeyVisualContainer #UiMenuOver { display: none; position: absolute; top: 54px; left: 8px; /* z-index: 9998; */ } #KeyVisualContainer #UiMenuOver #UiMenu01 { position: absolute; top: 51px; left: 239px; } #KeyVisualContainer #UiMenuOver #UiMenu01 li { margin-left: 11px; /* padding-left: 11px; */ } #KeyVisualContainer #UiMenuOver li#left-menu_ui_01 { width: 140px; height: 20px; text-indent: -9999px; } #KeyVisualContainer #UiMenuOver li#left-menu_ui_01 a { width: 140px; height: 20px; display: block; background: url(../images/top/left-menu_ui_01.gif) left top no-repeat; } #KeyVisualContainer #UiMenuOver li#left-menu_ui_01 a:hover { background: url(../images/top/left-menu_ui_01.gif) left bottom no-repeat; } #KeyVisualContainer #UiMenuOver li#left-menu_ui_02 { width: 140px; height: 19px; text-indent: -9999px; } #KeyVisualContainer #UiMenuOver li#left-menu_ui_02 a { width: 140px; height: 19px; display: block; background: url(../images/top/left-menu_ui_02.gif) left top no-repeat; } #KeyVisualContainer #UiMenuOver li#left-menu_ui_02 a:hover { background: url(../images/top/left-menu_ui_02.gif) left bottom no-repeat; } #KeyVisualContainer #UiMenuOver li#left-menu_ui_03 { width: 140px; height: 19px; text-indent: -9999px; } #KeyVisualContainer #UiMenuOver li#left-menu_ui_03 a { width: 140px; height: 19px; display: block; background: url(../images/top/left-menu_ui_03.gif) left top no-repeat; } #KeyVisualContainer #UiMenuOver li#left-menu_ui_03 a:hover { background: url(../images/top/left-menu_ui_03.gif) left bottom no-repeat; } #KeyVisualContainer #UiMenuOver li#left-menu_ui_04 { width: 140px; height: 19px; text-indent: -9999px; } #KeyVisualContainer #UiMenuOver li#left-menu_ui_04 a { width: 140px; height: 19px; display: block; background: url(../images/top/left-menu_ui_04.gif) left top no-repeat; } #KeyVisualContainer #UiMenuOver li#left-menu_ui_04 a:hover { background: url(../images/top/left-menu_ui_04.gif) left bottom no-repeat; } #KeyVisualContainer #UiMenuOver li#left-menu_ui_05 { width: 140px; height: 20px; text-indent: -9999px; } #KeyVisualContainer #UiMenuOver li#left-menu_ui_05 a { width: 140px; height: 20px; display: block; background: url(../images/top/left-menu_ui_05.gif) left top no-repeat; } #KeyVisualContainer #UiMenuOver li#left-menu_ui_05 a:hover { background: url(../images/top/left-menu_ui_05.gif) left bottom no-repeat; } #KeyVisualContainer #UiMenuOver li#left-menu_ui_06 { width: 140px; height: 19px; text-indent: -9999px; } #KeyVisualContainer #UiMenuOver li#left-menu_ui_06 a { width: 140px; height: 19px; display: block; background: url(../images/top/left-menu_ui_06.gif) left top no-repeat; } #KeyVisualContainer #UiMenuOver li#left-menu_ui_06 a:hover { background: url(../images/top/left-menu_ui_06.gif) left bottom no-repeat; } #KeyVisualContainer #UiMenuOver li#UiBtnPurpose { width: 163px; height: 37px; margin: 14px 0 0 0; text-indent: -9999px; } #KeyVisualContainer #UiMenuOver li#UiBtnPurpose a { width: 163px; height: 37px; display: block; background: url(../images/top/btn_purpose.gif) left top no-repeat; } #KeyVisualContainer #UiMenuOver li#UiBtnPurpose a:hover { background: url(../images/top/btn_purpose.gif) left bottom no-repeat; } #KeyVisualContainer #MotionMenuOver { display: none; position: absolute; top: 50px; left: 8px; /* z-index: 9998; */ } #KeyVisualContainer #MotionMenuOver #MotionMenu01 { position: absolute; top: 52px; left: 239px; } #KeyVisualContainer #MotionMenuOver #MotionMenu01 li { margin-left: 11px; } #KeyVisualContainer #MotionMenuOver li#left-menu_motion_01 { width: 140px; height: 20px; text-indent: -9999px; } #KeyVisualContainer #MotionMenuOver li#left-menu_motion_01 a { width: 140px; height: 20px; display: block; background: url(../images/top/left-menu_motion_01.gif) left top no-repeat; } #KeyVisualContainer #MotionMenuOver li#left-menu_motion_01 a:hover { background: url(../images/top/left-menu_motion_01.gif) left bottom no-repeat; } #KeyVisualContainer #MotionMenuOver li#left-menu_motion_02 { width: 140px; height: 19px; text-indent: -9999px; } #KeyVisualContainer #MotionMenuOver li#left-menu_motion_02 a { width: 140px; height: 19px; display: block; background: url(../images/top/left-menu_motion_02.gif) left top no-repeat; } #KeyVisualContainer #MotionMenuOver li#left-menu_motion_02 a:hover { background: url(../images/top/left-menu_motion_02.gif) left bottom no-repeat; } #KeyVisualContainer #MotionMenuOver li#left-menu_motion_03 { width: 140px; height: 20px; text-indent: -9999px; } #KeyVisualContainer #MotionMenuOver li#left-menu_motion_03 a { width: 140px; height: 20px; display: block; background: url(../images/top/left-menu_motion_03.gif) left top no-repeat; } #KeyVisualContainer #MotionMenuOver li#left-menu_motion_03 a:hover { background: url(../images/top/left-menu_motion_03.gif) left bottom no-repeat; } #KeyVisualContainer #MotionMenuOver li#left-menu_motion_04 { width: 140px; height: 19px; text-indent: -9999px; } #KeyVisualContainer #MotionMenuOver li#left-menu_motion_04 a { width: 140px; height: 19px; display: block; background: url(../images/top/left-menu_motion_04.gif) left top no-repeat; } #KeyVisualContainer #MotionMenuOver li#left-menu_motion_04 a:hover { background: url(../images/top/left-menu_motion_04.gif) left bottom no-repeat; } #KeyVisualContainer #MotionMenuOver li#MotionBtnPurpose { width: 163px; height: 37px; margin: 52px 0 0 0; text-indent: -9999px; } #KeyVisualContainer #MotionMenuOver li#MotionBtnPurpose a { width: 163px; height: 37px; display: block; background: url(../images/top/btn_purpose.gif) left top no-repeat; } #KeyVisualContainer #MotionMenuOver li#MotionBtnPurpose a:hover { background: url(../images/top/btn_purpose.gif) left bottom no-repeat; } #KeyVisualContainer #PortableMenuOver { display: none; position: absolute; top: 97px; left: 286px; cursor: pointer; } #KeyVisualContainer #HomeMenuOver { display: none; position: absolute; top: 140px; left: 245px; cursor: pointer; } #KeyVisualContainer #OfficeMenuOver { display: none; position: absolute; top: 94px; left: 450px; cursor: pointer; } #KeyVisualContainer #AutomotiveMenuOver { display: none; position: absolute; top: 94px; left: 530px; cursor: pointer; } #KeyVisualContainer #IndustrialMenuOver { display: none; position: absolute; top: 139px; left: 652px; cursor: pointer; } #KeyVisualContainer #NetworkMenuOver { display: none; position: absolute; top: 26px; left: 408px; cursor: pointer; } #KeyVisualContainer #RailwayMenuOver { display: none; position: absolute; top: 140px; left: 400px; cursor: pointer; } #KeyVisualContainer #EnergyMenuOver { display: none; position: absolute; top: 94px; left: 612px; cursor: pointer; } #KeyVisualContainer #AviationMenuOver { display: none; position: absolute; top: 26px; left: 571px; cursor: pointer; } #KeyVisualContainer #AviationMenuOver { display: none; position: absolute; top: 26px; left: 571px; cursor: pointer; } #KeyVisualContainer #SpaceMenuOver { display: none; position: absolute; top: 0; left: 612px; cursor: pointer; } #KeyVisualContainer #PortableMenuOn, #KeyVisualContainer #HomeMenuOn, #KeyVisualContainer #OfficeMenuOn, #KeyVisualContainer #AutomotiveMenuOn, #KeyVisualContainer #IndustrialMenuOn, #KeyVisualContainer #NetworkMenuOn, #KeyVisualContainer #RailwayMenuOn, #KeyVisualContainer #EnergyMenuOn, #KeyVisualContainer #AviationMenuOn, #KeyVisualContainer #SpaceMenuOn { display: none; position: absolute; top: 0; right: 0; } /* HeaderContainer */ #HeaderContainer { position: relative; } #HeaderContainer #logo { padding: 16px 705px 24px 0; } #HeaderContainer #unav { position: absolute; top: 14px; right: 0; } #HeaderContainer #unav li { margin: 0 0 0 18px; float: left; } #HeaderContainer #fontSizeChange { position: absolute; top: 43px; left: 410px; } #HeaderContainer #fontSizeChange dt { float: left; } #HeaderContainer #fontSizeChange dd { margin: 0 0 0 4px; float: left; cursor: pointer; } body.fontS #HeaderContainer #fontSizeChange dd#fontS { width: 22px; height: 22px; text-indent: -9999px; background: url(../images/common/font_size_s_current.gif) left top no-repeat; cursor: default; } body.fontM #HeaderContainer #fontSizeChange dd#fontM { width: 22px; height: 22px; text-indent: -9999px; background: url(../images/common/font_size_m_current.gif) left top no-repeat; cursor: default; } body.fontL #HeaderContainer #fontSizeChange dd#fontL { width: 22px; height: 22px; text-indent: -9999px; background: url(../images/common/font_size_l_current.gif) left top no-repeat; cursor: default; } #HeaderContainer #search { position: absolute; top: 46px; right: 0; } #HeaderContainer #search dt { margin: 0 5px 0 0; float: left; } #HeaderContainer #search dd { float: left; margin: 0 0 0 0; } #HeaderContainer #search dd input { vertical-align: top; } #HeaderContainer #search dd #txtSearch { width: 126px; height: 15px; _margin: -1px 0 0; border: 1px solid #ccc; } #HeaderContainer #search_hdr { position: absolute; top: 46px; right: 0; } #HeaderContainer #search_hdr dt { margin: 0 5px 0 0; float: left; } #HeaderContainer #search_hdr dd { float: left; } #HeaderContainer #search_hdr dd input { vertical-align: top; } #HeaderContainer #search_hdr dd #txtSearch { width: 126px; height: 16px; _margin: 0px 0 0; border: 1px solid #ccc; } /* Firefox style */ :root *> #HeaderContainer #search, x:-moz-any-link { position: absolute; top: 46px; right: 0; } :root *> #HeaderContainer #search dt, x:-moz-any-link { margin: 0 5px 0 0; float: left; } :root *> #HeaderContainer #search dd, x:-moz-any-link { float: left; margin: 0 0 0 0; } :root *> #HeaderContainer #search dd input, x:-moz-any-link { vertical-align: top; } :root *> #HeaderContainer #search dd #txtSearch, x:-moz-any-link { width: 126px; height: 15px; _margin: -1px 0 0; border: 1px solid #ccc; } :root *> #HeaderContainer #search_hdr, x:-moz-any-link { position: absolute; top: 46px; right: 1; } :root *> #HeaderContainer #search_hdr dt, x:-moz-any-link { margin: 0 4px 0 0; float: left; } :root *> #HeaderContainer #search_hdr dd, x:-moz-any-link { float: left; margin: 0 -1px 0 -42px; } :root *> #HeaderContainer #search_hdr dd input, x:-moz-any-link { vertical-align: top; } :root *> #HeaderContainer #search_hdr dd #txtSearch, x:-moz-any-link { width: 128px; height: 17px; _margin: -1px 0 0; border: 1px solid #ccc; } /* global navigatioin */ #gnav { margin: 0 0 8px; } #gnav li { float: left; } /* ContentsContainer: main */ #ContentsContainer #main { width: 620px; float: left; } #main a { color: #036eb8; text-decoration: none; } #main a:hover { text-decoration: underline; } #main #new { border: 1px solid #b9b8b8; } #main #new h2 img { margin: 0; vertical-align: bottom; } #main #new .newL { margin: 0 0 14px; position: relative; } #main #new .newL dl { min-height: 165px; height: auto; _height: 165px; background: #4e75bb url(../images/top/bg_newl_text.gif) left top repeat-y; color: #fff; position: relative; } #main #new .newL dt { padding: 7px 0 10px 200px; color: #fff; font-weight: bold; line-height: 1.2; background: url(../images/top/bg_newl_title.gif) left bottom no-repeat; } /*#main #new .newL dd { padding: 10px 8px 5px 202px; font-size: 84%; line-height: 1.2; background: url(../images/top/bg_newl_text.gif) left top repeat-y; }*/ body.fontS #main #new .newL dd { padding: 10px 8px 5px 202px; font-size: 10px; line-height: 1.2; background: url(../images/top/bg_newl_text.gif) left top repeat-y; } body.fontM #main #new .newL dd { padding: 10px 8px 5px 202px; font-size: 10px; line-height: 1.2; background: url(../images/top/bg_newl_text.gif) left top repeat-y; } body.fontL #main #new .newL dd { padding: 10px 8px 5px 202px; font-size: 12px; line-height: 1.2; background: url(../images/top/bg_newl_text.gif) left top repeat-y; } #main #new .newL dd.btn { padding: 0 10px 10px 202px; text-align: right; } #main #new .newL dd.date { width: 155px; padding: 7px !important; min-height: 151px; color: #000; font-size: 84%; font-weight: bold; position: absolute; top: 0; left: 20px; background-image: none !important; } #main #new .newL dd.date .newlImg { margin: 5px 0 0; } #main #new .newMenu { margin: 5px 11px 0 16px } #main #new .newMenu li { float: left; } #main #new #productRelation { display: none; } #main #new #newArchive, #main #new #productRelation { margin: 0 11px 5px 16px; padding: 0 50px 25px 38px; background: url(../images/top/bg_new_table.gif) left bottom no-repeat; } body.fontS #ContentsContainer #main #new #newArchive table, body.fontS #ContentsContainer #main #new #productRelation table { width: 100%; font-size: 11px; } body.fontM #ContentsContainer #main #new #newArchive table, body.fontM #ContentsContainer #main #new #productRelation table { width: 100%; font-size: 12px; } body.fontL #ContentsContainer #main #new #newArchive table, body.fontL #ContentsContainer #main #new #productRelation table { width: 100%; font-size: 16px; } #main #new #newArchive table th, #main #new #productRelation table th { padding: 10px 0 10px 6px; font-weight: bold; text-align: left; vertical-align: top; border-bottom: 1px dotted #9f9d9c; } #main #new #newArchive table td, #main #new #productRelation table td { padding: 10px 0 10px 6px; text-align: left; vertical-align: top; border-bottom: 1px dotted #9f9d9c; } #main #new #newArchive table td a, #main #new #productRelation table td a { padding: 0 0 0 13px; display: block; background: url(../images/common/icn_arrow.gif) left 2px no-repeat; } #main #new #newArchive p, #main #new #productRelation p { margin: 18px 0 0; text-align: right; } /* ContentsContainer: sub */ #ContentsContainer #sub { width: 162px; float: right; border: 1px solid #b8b8b9; } #sub .bnr { background: url(../images/common/bg_menu.gif) left top repeat-y; } #sub .bnr li { padding: 10px 0 0; } #sub .bnr li.event { margin: 10px 0 0; padding: 34px 7px 15px; border-bottom: 1px soldi #949394; background: #b5b5b6 url(../images/common/bg_event.gif) left top no-repeat; } #sub .btn { margin: 7px; } #sub .pdfDownload { margin: 20px 0 0; padding: 0 11px 10px; font-size: 84%; } /* FooterContainer */ #FooterContainer { margin: 12px 0 0; } #FooterContainer p { width: 577px; float: left; } #FooterContainer ul { width: 190px; float: right; font-size: 84%; } #FooterContainer ul li a { padding: 0 0 0 13px; background: url(../images/common/icn_footer_arrow.gif) left 3px no-repeat; color: #2e458c; text-decoration: none; } #FooterContainer ul li a:hover { text-decoration: underline; } /* float clear */ #HeaderContainer #unav:after, #HeaderContainer #fontSizeChange:after, #HeaderContainer #search:after, #gnav:after, #ContentsContainer:after, #main #new .newMenu:after, #FooterContainer:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0.1em; line-height: 0; } #HeaderContainer #unav, #HeaderContainer #fontSizeChange, #HeaderContainer #search, #gnav, #ContentsContainer, #main #new .newMenu, #FooterContainer { min-height: 1px; } * html #HeaderContainer #unav, * html #HeaderContainer #fontSizeChange, * html #HeaderContainer #search, * html #gnav, * html #ContentsContainer, * html #main #new .newMenu, * html #FooterContainer { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ }