/* ----------------------------------------- */ /* ----------------------------------------- */ /* */ /* COMMON */ /* */ /* ----------------------------------------- */ /* ----------------------------------------- */ #top_panels_area { overflow:hidden; line-height:0em; padding: 0 0 0 0; border-top: 2px solid #d1dbdc; border-bottom: 2px solid #d1dbdc; /* margin-bottom: 10px; */} #top_panels_header { position:relative; } #top_header_body { position:relative; } #top_header_logo { text-indent:-9999px; } #top_header_table { position:absolute; } #top_header_board { width:640px; height:80px; position:relative; top:auto; left:auto; overflow:hidden; } #top_header_board a { position:absolute; top:0; } #top_header_menu dt a { display:block; text-decoration:none; } #top_header_menu dd a { display:block; text-decoration:none; } #top_header_menu_item1.filter a { background-position:left bottom; } #top_header_menu_item2.filter a { background-position:left bottom; } #top_header_menu_item3.filter a { background-position:left bottom; } #top_header_menu_item4.filter a { background-position:left bottom; } #top_header_menu_item5.filter a { background-position:left bottom; } #top_company_list { padding:0 0 20px 0; } #top_company_list_inner { width:auto; background-color:#FFF; } #top_company_list_title { text-align:center; } #top_company_list_title span { display:inline-block; } #top_company_list_title span img { width:100%; } .top_company_list_bg { display:inline-block; } .top_company_list_item span { display:inline-block; } .top_company_list_item span img { width:100%; } .top_company_list_item { width:auto; } .top_company_list_item dt { width:auto; background-color:#f5f5f5; position:relative; } .top_company_list_item dd { width:auto; position:relative; } .top_company_list_item_bt { position:absolute; right:3px; top:6px; width:49px; height:27px; overflow:hidden; } .top_company_list_item_bt a { position:absolute; left:0px; top:0px; } .top_company_list_item_bt a:hover { position:absolute; left:0px; top:-27px; } #top_company_banner_online { position:relative; } #top_company_banner_online img { width:100%; } #top_company_banner_online a { background-color:#009; position:absolute; top:0; left:0; opacity:0; filter:alpha(opacity=0); -ms-filter:"alpha(opacity=0)"; } #top_company_banner_radio { width:auto; } #top_company_banner_radio span { display:block; } #top_company_banner_radio a { font-weight:bold; color:#1A429A; } #top_company_banner_radio a:hover { color:#5D6DAC; } #top_special_news { padding: 0 0 15px 0; } #top_special_news_bg { padding:20px; border:2px solid #0f41a4; } #top_special_news_title { padding:0 0 5px 0; text-align:center; } #top_special_news_title span { display:inline-block; } #top_special_news_title img { width:100%; } #top_panels_footer { } #top_panels_footer_left { float:left; text-align:left; } #top_panels_footer_right { float:right; text-align:right; padding-right: 24px;} #top_panels_footer_right img { width:100%; } #top_panels_footer_clear { clear: both; height:1px; } #top_express_clear { height:30px; display: none;} #top_information { } #top_information_header { position:relative; } #top_information_title { color:#1A429A; font-weight:bold; } #top_information_body { } #top_information_body dl { display:block; } #top_information_body dt { display:block; clear:both; color:#1A429A; } #top_information_body dd { display:block; } #top_information_body dd a { color:#333333; } #top_information_body dd a:hover { color:#1A429A; } #top_information_clear { clear:both; } #top_update { } #top_update_header { position:relative; } #top_update_title { color:#1A429A; font-weight:bold; } #top_update_rss { position:absolute; top:0; right:0; width:45px; height:14px; overflow:hidden; } #top_update_rss a { position:absolute; top:0; } #top_update_rss a:hover { position:absolute; top:-14px; } #top_update_body { } #top_update_body dl { display:block; } #top_update_body dt { display:block; clear:both; color:#1A429A; } #top_update_body dd { display:block; } #top_update_body dd a { color:#333333; } #top_update_body dd a:hover { color:#1A429A; } #top_update_clear { clear:both; } #top_panel_readall { } #top_panel_readall_bg { background-color:#1A429A; } #top_panel_readall_photo { } /* ----------------------------------------- */ /* ----------------------------------------- */ /* */ /* screen_width < 950 /* */ /* ----------------------------------------- */ /* ----------------------------------------- */ #top_panels_header { border-top:4px solid #0f41a4; border-bottom:4px solid #0f41a4; width:640px; padding:2px 0; } #top_header_body { border-top:2px solid #0f41a4; border-bottom:2px solid #0f41a4; width:640px; height:196px; overflow:hidden; -webkit-transition:height 0.25s ease-out; } #top_header_body.open { height:436px; -webkit-transition:height 0.25s ease-out; } #top_header_logo { width:640px; height:116px; position:relative; top:auto; left:auto; background:url(/express/top/img/responsive/main_logo_smp.gif) no-repeat center center; } #top_header_board { display:block; } #top_header_board a { position:absolute; top:0; } .open #top_header_board a { position:absolute; top:-80px; } #top_panel_readall_photo { background:url(/express/top/img/responsive/find_more_smp.gif) no-repeat left top; width:296px; height:414px; } #top_header_menu { width:640px; height:242px; position:relative; top:0; left:0; } #top_header_menu_item1 { position:absolute; top:0; left:0; } #top_header_menu_item2 { position:absolute; top:80px; left:0; } #top_header_menu_item3 { position:absolute; top:160px; left:0; } #top_header_menu_item4 { position:absolute; top:80px; left:322px; } #top_header_menu_item5 { position:absolute; top:160px; left:322px; } #top_header_menu_item1 a { width:640px; height:80px; background:url(/express/top/img/responsive/header_menu_smp_item01.gif) no-repeat left top; } #top_header_menu_item2 a { width:322px; height:80px; background:url(/express/top/img/responsive/header_menu_smp_item02.gif) no-repeat left top; } #top_header_menu_item3 a { width:322px; height:80px; background:url(/express/top/img/responsive/header_menu_smp_item03.gif) no-repeat left top; } #top_header_menu_item4 a { width:318px; height:80px; background:url(/express/top/img/responsive/header_menu_smp_item04.gif) no-repeat left top; } #top_header_menu_item5 a { width:318px; height:80px; background:url(/express/top/img/responsive/header_menu_smp_item05.gif) no-repeat left top; } #top_message { position:relative; width:620px; height:90px; top:20px; left:10px; } #top_message img { width:100%; } #top_company_list_inner { border:10px solid #0f41a4; } #top_company_list_title { padding:20px 0; } #top_company_list_title span { width:372px; height:31px; } .top_company_list_item_bt { display:none !important; } .top_company_list_item { border-top:2px solid #1A429A; } .top_company_list_item dt { text-align:center; line-height: 1em;} .top_company_list_item dt .top_company_list_bg { padding: 14px 0 12px 0;} .top_company_list_item dd { border-top:2px solid #bbbbbb; text-align:center; line-height: 15px;} .top_company_list_item dd .top_company_list_bg { padding: 17px 0 14px 0; } #top_company_list_item_title_01 { width:127px; height:30px; } #top_company_list_item_title_02 { width:126px; height:30px; } #top_company_list_item_title_03 { width:126px; height:30px; } #top_company_list_item_title_04 { width:126px; height:30px; } #top_company_list_item_cell_item_01 { width:156px; height:30px; } #top_company_list_item_cell_item_02 { width: 202px; height:30px; } #top_company_list_item_cell_item_03 { width: 132px; height:30px; } #top_company_list_item_cell_item_04 { width: 132px; height:30px; } #top_company_list_item_cell_item_05 { width: 102px; height:30px; } #top_company_list_item_cell_item_06 { width: 344px; height:30px; } #top_company_list_item_cell_item_07 { width: 81px; height:30px; } #top_company_list_item_cell_item_08 { width: 107px; height:30px; } .top_company_list_item_bt { display:none; } #top_company_banner_online { /* width:640px; */ /* height:222px; */ padding: 4px 24px 20px 24px; } #top_company_banner_online a { width: auto; height: auto; display: block; left: 24px; right: 24px; bottom: 20px;} #top_company_banner_radio { padding: 0 24px 24px 24px; } #top_company_banner_radio span { text-align:left; padding:8px 10px 5px 30px; border:none; background: url(/express/top/img/responsive/icon_arrow_smp.gif) no-repeat 10px center; } #top_company_banner_radio a { text-decoration:underline; font-size:2.4em; } #top_special_news { font-size:2.4em; line-height:1.5em; text-align:left; } #top_special_news_title span { width:175px; height:37px; } #top_panels_footer { padding: 40px 0; background-color:#ffffff; } #top_panels_footer_left { padding: 10px 0 0 24px; } #top_panels_footer_right { width:188px; height:39px; } #top_information { padding:0 0 0 0; } #top_information_header { padding:0 0 0 0; } #top_information_title { text-align:center; font-size:3.0em; padding:25px 0; border-top:4px solid #1A429A; background:none; } #top_information_body { padding:0 0 0 0; } #top_information_body dl { font-size:2.0em; line-height:150%; } #top_information_body dt { float:none; width:auto; padding:20px 25px 5px 25px; border-top:2px solid #e4e4e4; } #top_information_body dd { float:none; width:auto; padding: 0 25px 25px 25px; } #top_information_clear { /* height:30px; */ display: none;} #top_update { padding:0 0 0 0; } #top_update_header { padding:0 0 0 0; } #top_update_title { text-align:center; font-size:3.0em; padding:25px 0; border-top:4px solid #1A429A; background:none; } #top_update_rss { display:none; } #top_update_body { padding:0 0 0 0; } #top_update_body dl { font-size:2.0em; line-height:150%; } #top_update_body dt { float:none; width:auto; padding:20px 25px 5px 25px; border-top:2px solid #e4e4e4; } #top_update_body dd { float:none; width:auto; padding: 0 25px 30px 25px; } #top_update_clear { /* height:30px; */ display: none;} #top_panel_readall { } #top_panel_readall_bg { } #top_panel_readall_photo { background:url(/express/top/img/responsive/find_more_smp.gif) no-repeat left top; width:296px; height: 415px; } /* ----------------------------------------- */ /* ----------------------------------------- */ /* */ /* 950 < screen_width /* */ /* ----------------------------------------- */ /* ----------------------------------------- */ @media screen and (min-width:950px) { #top_panels_header { border-top:2px solid #0f41a4; border-bottom:2px solid #0f41a4; width:700px; padding:1px 0; } #top_header_body { border-top:1px solid #0f41a4; border-bottom:1px solid #0f41a4; width:700px; height:100px; -webkit-transition:height 0.0s ease-out; } #top_header_body.open { height:100px; -webkit-transition:height 0.0s ease-out; } #top_panel_readall_photo { background:url(/express/top/img/responsive/find_more_pc.gif) no-repeat left top; width:220px; height:254px; } #top_header_logo { width:164px; height:79px; position:absolute; top:10px; left:35px; background:url(/express/top/img/main_logo.jpg) no-repeat left top; } #top_header_board { display:none; } #top_message { position:relative; width:310px; height:32px; top:10px; left:390px; } #top_panels_area { width:720px; padding:15px 0; border-top: none; border-bottom: none; margin-bottom: 10px;} #top_header_menu { width:450px; height:60px; position:absolute; top:22px; left:237px; } #top_header_menu_item1 { position:absolute; top:11px; left:0px; } #top_header_menu_item2 { position:absolute; top:0px; left:79px; } #top_header_menu_item3 { position:absolute; top:0px; left:275px; } #top_header_menu_item4 { position:absolute; top:36px; left:79px; } #top_header_menu_item5 { position:absolute; top:36px; left:275px; } #top_header_menu_item1 a { width:56px; height:38px; background:url(/express/top/img/responsive/header_menu_pc_item01.gif) no-repeat left top; } #top_header_menu_item2 a { width:175px; height:24px; background:url(/express/top/img/responsive/header_menu_pc_item02.gif) no-repeat left top; } #top_header_menu_item3 a { width:175px; height:24px; background:url(/express/top/img/responsive/header_menu_pc_item03.gif) no-repeat left top; } #top_header_menu_item4 a { width:175px; height:24px; background:url(/express/top/img/responsive/header_menu_pc_item04.gif) no-repeat left top; } #top_header_menu_item5 a { width:175px; height:24px; background:url(/express/top/img/responsive/header_menu_pc_item05.gif) no-repeat left top; } #top_company_list_inner { border:5px solid #0f41a4; } #top_company_list_title { padding:10px 0; } #top_company_list_title span { width:186px; height:15px; } .top_company_list_item_bt { display:block !important; } .top_company_list_item { border-top:1px solid #1A429A; } .top_company_list_item dt { text-align:left; } .top_company_list_item dt .top_company_list_bg { padding:12px 0 8px 10px; } .top_company_list_item dd { border-top:1px solid #bbbbbb; text-align:left; background:url(/express/common/img/icon_related.gif) no-repeat 10px center; } .top_company_list_item dd .top_company_list_bg { padding:8px 0 6px 20px; } #top_company_list_item_title_01 { width:63px; height:15px; } #top_company_list_item_title_02 { width:63px; height:15px; } #top_company_list_item_title_03 { width:63px; height:15px; } #top_company_list_item_title_04 { width:63px; height:15px; } #top_company_list_item_cell_item_01 { width:78px; height:15px; } #top_company_list_item_cell_item_02 { width:101px; height:15px; } #top_company_list_item_cell_item_03 { width:66px; height:15px; } #top_company_list_item_cell_item_04 { width:66px; height:15px; } #top_company_list_item_cell_item_05 { width:51px; height:15px; } #top_company_list_item_cell_item_06 { width:172px; height:15px; } #top_company_list_item_cell_item_07 { width:40px; height:15px; } #top_company_list_item_cell_item_08 { width:54px; height:15px; } #top_panels_footer { padding:10px 10px 15px 10px; background-color:#dbe3ef; } #top_panels_footer_left { padding:10px 0 0 0; } #top_panels_footer_right { width:188px; height:34px; padding-right: 0;} #top_company_banner_online { width:213px; height:74px; padding:0 0 10px 0; } #top_company_banner_online a { width:213px; height:64px; display: inline; left: 0; /* right: auto; */ top: 0;} #top_company_banner_online a:hover { opacity:0.1; filter:alpha(opacity=10); -ms-filter:"alpha(opacity=10)"; } #top_company_banner_radio { padding:0 0 20px 0; } #top_company_banner_radio span { text-align:center; padding:10px; border:2px solid #bec8c8; background:none !important; } #top_company_banner_radio a { text-decoration:none; font-size:1.4em; } #top_special_news { font-size:1.4em; line-height:1.5em; text-align:center; } #top_special_news_title span { width:87px; height:37px; } #top_information { padding:0 0 30px 0; } #top_information_header { padding:0 0 15px 0; } #top_information_title { text-align:left; font-size:1.6em; padding:0 0 10px 0; border-top:none; background:url(/cmn/img/bg_line_type01.gif) repeat-x left bottom; } #top_information_body { padding:0 0 0 0; } #top_information_body dl { font-size:1.4em; line-height:150%; } #top_information_body dt { float:left; width:100px; padding:0 0 5px 0; border-top:none; } #top_information_body dd { float:left; width:600px; padding:0 0 5px 0; } #top_information_clear { height:10px; display: block;} #top_update { padding:0 0 30px 0; } #top_update_header { padding:0 0 15px 0; } #top_update_title { text-align:left; font-size:1.6em; padding:0 0 10px 0; border-top:none; background:url(/cmn/img/bg_line_type01.gif) repeat-x left bottom; } #top_update_rss { display:block; } #top_update_body { padding:0 0 0 0; } #top_update_body dl { font-size:1.4em; line-height:150%; } #top_update_body dt { float:left; width:100px; padding:0 0 5px 0; border-top:none; } #top_update_body dd { float:left; width:600px; padding:0 0 5px 0; } #top_update_body dd a { color:#333333; } #top_update_body dd a:hover { color:#1A429A; } #top_update_clear { height: 0px; display: block;} #top_express_clear { display: block;} #top_panel_readall { } #top_panel_readall_bg { } #top_panel_readall_photo { background:url(/express/top/img/responsive/find_more_pc.gif) no-repeat left top; width:220px; height:255px; } }