@charset "UTF-8"; /*------------------------------ コンテンツ -------------------------------*/ /* レイアウト */ #main_area { margin-bottom:20px; max-width:100%; } #main_area #m_contents_section { width:75%; margin:20px auto 0; float:left; } /* write180313 */ #main_area #m_side_section { width:25%; margin:20px auto 0; float:right; } #topMvWrap { width:100%; background:none no-repeat; background-size:cover; } #topMvArea { max-width: 960px; margin: 0 auto 30px; padding:10px 0 30px 0; opacity:0; } #topBottomArea { max-width: 960px; margin: 25px auto 30px; } /* write180313 end */ #main_area #m_contents_bottom_section { width:73%; margin:15px auto 0; float:left; } #main_area #m_side_bottom_section { width:26%; margin:20px auto 0; float:right; } #main_area #m_side_bottom_section ul.m_side_sns_inner li {width: 120px;} /* 重要なお知らせ */ #main_area #m_important_news_section { border:3px solid #ed8121; margin:20px 0 0; padding:2px 2px 2px 10px; background:none #ffffff; font-size:100% !important; line-height:1.5em !important; } #main_area #m_important_news_section h2 { float:left; font-size:124%; color:#d60b17; font-weight:bold; position:relative; margin-top:8px; padding-left:30px; width:145px; } #main_area #m_important_news_section h2:before { content:url(../images/top_icon_important.gif); position:absolute; top:0; left:0; } #main_area #m_important_news_section #important_news_carousel_wrapper { float:left; width:65%; overflow:hidden; margin-top:6px; } #main_area #m_important_news_section #important_news_carousel_wrapper div.slide { height:25px; line-height:22px !important; } #main_area #m_important_news_section #important_news_carousel_wrapper div.slide p { height:25px; overflow:hidden; } #main_area #m_important_news_section #important_news_carousel_wrapper div.slide p a { font-size:108%; color:#d60b17; font-weight:bold; } #main_area #m_important_news_section #important_news_btns_wrapper { float:right; width:120px; } #main_area #m_important_news_section #important_news_btns_wrapper img:hover { opacity:0.7; filter:alpha(opacity=70); } #main_area #m_important_news_section #important_news_btns_wrapper ul#important_news_btns_list { float:left; } #main_area #m_important_news_section #important_news_btns_wrapper ul#important_news_btns_list #important_news_next { margin-top:1px; } #main_area #m_important_news_section #important_news_btns_wrapper ul#important_news_btns_list li { line-height:0; } #main_area #m_important_news_section #important_news_btns_wrapper p#important_news_list { float:left; margin:5px 0 0 10px; } /* 重要なお知らせ write161109 */ #main_area #m_important_newsList_section { border:3px solid #ed8121; margin:20px 0 30px; padding:2px 2px 2px 10px; background:none #ffffff; font-size:100% !important; line-height:1.5em !important; position:relative; } #main_area #m_important_newsList_section h2 { float:left; font-size:124%; color:#d60b17; font-weight:bold; position:relative; margin-top:7px; padding-left:5px; width:135px; } #main_area #m_important_newsList_section h2:before {position:absolute; top:0; left:0; } #main_area #m_important_newsList_section #important_newsList_carousel_wrapper { float:left; width:65%; overflow:hidden; margin-top:2px;} #main_area #m_important_newsList_section #important_newsList_carousel_wrapper ul li {line-height:22px !important; background:url(../common/images/bg_li01.gif) no-repeat left 0.5em; padding-left:12px; margin:4px 0; } /* 200128変更 */ #main_area #m_important_newsList_section #important_newsList_carousel_wrapper ul li a { /* font-size:108%; */ color:#d60b17; /* font-weight:bold; */ } /* 200128変更 */ #main_area #m_important_newsList_section #important_newsList_carousel_wrapper div.slide { line-height:22px !important; } #main_area #m_important_newsList_section #important_newsList_carousel_wrapper div.slide p { overflow:hidden; } #main_area #m_important_newsList_section #important_newsList_carousel_wrapper div.slide p a { font-size:108%; color:#d60b17; font-weight:bold; } #main_area #m_important_newsList_section #important_newsList_btns_wrapper p#important_newsList_list { float:left; margin:5px 0 0 10px; position:absolute; bottom:6px; right:6px; } /* 緊急のお知らせ write161109 */ #m_important_emergency_section { background:#f8ecec; border: solid 1px #FFFFFF; margin-top:10px; } #m_important_emergency_section ul { margin:8px 10px 8px 10px;} #m_important_emergency_section ul li { margin:2px 0; background:url(../images/top_icon_important_top.gif) no-repeat left top; padding-left:25px;} #m_important_emergency_section ul li a { font-size:108%; color:#d60b17; font-weight:bold;} /* サブリンク */ #m_top_sub_inner { margin:5px 0 0 0; } #m_top_sub_inner .m_top_sub_list li { float:left; margin:0 0 5px 0.65%; width:24.5%; } #m_top_sub_inner .m_top_sub_list li a { display:block; } #m_top_sub_inner .m_top_sub_list li a:hover { opacity:0.7; filter:alpha(opacity=70); } /* 180201 update start */ #m_top_sub_section { margin-top:5px; } #m_top_sub_section #m_top_sub02_inner .m_top_sub_list li { float:left; margin:0 0 30px 0.65%; width:13.72%; } #m_top_sub_section #m_top_sub02_inner .m_top_sub_list li:first-child { margin-left:0; } #m_top_sub_section #m_top_sub02_inner .m_top_sub_list li a { display:block; } #m_top_sub_section #m_top_sub02_inner .m_top_sub_list li a:hover { opacity:0.7; filter:alpha(opacity=70); } /* 180201 update end */ /* 切り替えサブメニュー */ #m_top_submenu_inner { margin:5px 0 0 0; } #m_top_submenu_inner .m_top_submenu_tab_unit { float:left; width:24%; margin-right:1%; } #m_top_submenu_inner .m_top_submenu_tab_unit ul li:first-child { margin-top:0; } #m_top_submenu_inner .m_top_submenu_tab_unit ul li { margin-top:3px; } /* #m_top_submenu_inner .m_top_submenu_tab_unit ul li.on a { cursor:default; } */ #m_top_submenu_inner .m_top_submenu_tab_unit ul li.off a:hover { opacity:0.7; filter:alpha(opacity=70); } #m_top_submenu_inner .m_top_submenu_tab_unit_sp { display:none; } #m_top_submenu_inner .m_top_submenu_tab_unit_sp a:hover { opacity:0.7; filter:alpha(opacity=70); } #m_top_submenu_inner .m_top_submenu_list_unit { float:left; width:74%; } #m_top_submenu_inner .m_top_submenu_list_unit ul { margin-top:-5px; } #m_top_submenu_inner .m_top_submenu_list_unit ul li { float:left; width:32.5%; margin-top:1%; margin-left:0.9%; } #m_top_submenu_inner .m_top_submenu_list_unit ul li.w49per { margin-left:1.3%; } #m_top_submenu_inner .m_top_submenu_list_unit ul li a:hover { opacity:0.7; filter:alpha(opacity=70); } #m_top_submenu_inner .m_top_submenu_list_unit ul li img { max-width:none; } #m_top_submenu_inner .m_top_submenu_list_unit .m_top_insurance_box ul li { float:left; width:32.5%; margin-top:1%; margin-left:0.9%; } #m_top_submenu_inner .m_top_submenu_list_unit .m_top_insurance_box ul li.w49per { margin-left:1.3%; } #m_top_submenu_inner .m_top_submenu_list_unit p a:hover { opacity:0.7; filter:alpha(opacity=70); } .ml09per { margin-left:0.9% !important;} #m_top_submenu_inner .m_top_submenu_list_unit ul li .inItem01 { float:left; width:49%;} #m_top_submenu_inner .m_top_submenu_list_unit ul li .inItem02 { float:right; width:49%;} #m_top_submenu_inner .m_top_submenu_list_unit ul li .inItem03 { float:left; width:49%; margin-top:5px; } #m_top_submenu_inner .m_top_submenu_list_unit ul li .inItem04 { float:right; width:49%; margin-top:5px;} .w33per { width:33% !important; float:right !important; margin-right:1px;} /* 160419変更 */ /* インターネットバンキング */ /* write180313 */ #m_side_banking_inner { background:url(../images/top_side_bg.png); padding:7px;} /* write180313 end */ #m_side_banking_inner a:hover { opacity:0.5; filter:alpha(opacity=70); } #m_side_banking_inner #m_side_banking_unit { background:none #6d6d6d; margin:0 auto; padding:10px 4%; border-left:1px solid #ba901e; border-right:1px solid #ba901e; } #m_side_banking_inner #m_side_banking_unit hr { color:#d1d1d1; background-color:#d1d1d1; border:none; width:100%; height:2px; } #m_side_banking_inner #m_side_banking_unit .side_links01 li { margin-top:4px; } #m_side_banking_inner #m_side_banking_unit .side_links02 li { width:48%; } #m_side_banking_inner ul.side_links03 li { width:100%; } #m_side_banking_inner #m_side_banking_unit02, #m_side_banking_inner #m_side_banking_unit03 { background:none #6d6d6d; margin:0 auto; padding:2px 4% 7px !important; border:1px solid #ba901e; border-radius:0 0 5px 5px; } /* 160419変更 end */ /* 180201 update start */ #m_side_banking_inner #m_side_banking_unit03 { padding-top:5px; padding-bottom:4px; } /* 180201 update end */ #m_side_banking_inner #m_side_banking_unit03 ul li { float: right; width:48%; } #m_side_banking_inner #m_side_banking_unit03 ul li:first-child { float: left; } /* 160419変更 */ /* サイドバナー */ #m_side_banner_inner { margin:0; } #m_side_banner_inner a:hover { opacity:0.7; filter:alpha(opacity=70); } #m_side_banner_inner ul li { margin-top:5px; } #m_side_banner_inner ul li:first-child { margin-top:0; } #m_side_banner_inner ul li a { display:block; } #m_side_banner_inner #search_gps { display:none; } #m_side_banner_inner ul#m_side_banner_list { } #m_side_banner_inner ul#m_side_banner_list li { float:left; width:112px; margin:5px 0 0 1.5%; } #m_side_banner_inner ul#m_side_banner_list li:first-child { margin-left:0; } #m_side_banner_inner ul#m_side_banner_list li#search_office { margin-left:0; } /* 160419変更 */ /* ライフイベントのご提案 */ #m_side_life_event_inner { margin-top:10px; } #m_side_life_event_inner #m_side_life_event_unit { padding:9px 4%; background:none #ffffff; border-left:1px solid #ba901e; border-right:1px solid #ba901e; border-bottom:1px solid #ba901e; border-radius:0 0 5px 5px; } #m_side_life_event_inner #m_side_life_event_unit ul { margin-top:-10px; } #m_side_life_event_inner #m_side_life_event_unit ul li { margin-top:10px; width:49%; } #m_side_life_event_inner #m_side_life_event_unit ul li a { display:block; } #m_side_life_event_inner #m_side_life_event_unit ul li a:hover { opacity:0.7; filter:alpha(opacity=70); } /* 180201 update start */ #info_area { max-width:960px; margin:0 auto; } #m_contents_lifeplan_section { margin-top:45px; } #m_contents_lifeplan_section h3 { font-size:164%; color:#d90717; font-weight:bold; } #m_contents_lifeplan_section ul { margin:5px 0 0 -1%; } #m_contents_lifeplan_section ul li { margin:15px 0 0 1%; float:left; width:24%; } #m_contents_etc_section { margin-top:25px; } #m_contents_etc_section ul { margin:5px 0 0 -1%; } #m_contents_etc_section ul li { margin:15px 0 0 1%; float:left; width:24%; } #m_contents_etc_section ul li a:hover { opacity:0.7; filter:alpha(opacity=70); } #m_contents_etc_section ul li#search_gps { display:none; } #m_contents_by_genre_section { margin-top:45px; } #m_contents_by_genre_section .m_contents_by_genre_inner { width:23.8%; margin-left:1.5%; float:left; } #m_contents_by_genre_section .m_contents_by_genre_inner h3 span { } #m_contents_by_genre_section .m_contents_by_genre_inner h3 a { display:none; } #m_contents_by_genre_section .m_contents_by_genre_inner .m_contents_by_genre_unit { padding:8px 2%; background-color:#ffffff; } #m_contents_by_genre_section .m_contents_by_genre_inner .m_contents_by_genre_unit ul { width:96%; margin:0 auto; } #m_contents_by_genre_section .m_contents_by_genre_inner .m_contents_by_genre_unit ul li { margin-top:5px; } #m_contents_by_genre_section .m_contents_by_genre_inner .m_contents_by_genre_unit ul li:first-child { margin-top:0; } #m_contents_by_genre_section .m_contents_by_genre_inner .m_contents_by_genre_unit p { margin-top:8px; } #m_contents_by_genre_section .m_contents_by_genre_inner .m_contents_by_genre_unit a:hover { opacity:0.7; filter:alpha(opacity=70); } #m_contents_lifeplan_section { margin-top:45px; } #m_contents_lifeplan_section h3 { font-size:164%; color:#d90717; font-weight:bold; } #m_contents_lifeplan_section ul { margin:5px 0 0 -1%; } #m_contents_lifeplan_section ul li { margin:15px 0 0 1%; float:left; width:24%; } #m_contents_lifeplan_section ul li a:hover { opacity:0.7; filter:alpha(opacity=70); } #m_contents_reco_section { margin-top:45px; } #m_contents_reco_section h3 { font-size:164%; color:#d90717; font-weight:bold; } #m_contents_reco_section #m_contents_reco_inner { margin:15px auto 0; width:90%; } #m_contents_reco_section #m_contents_reco_inner ul { } #m_contents_reco_section #m_contents_reco_inner ul li { margin:0 5px; } #m_contents_reco_section #m_contents_reco_inner a:hover { opacity:0.7; filter:alpha(opacity=70); } .m_contents_link_section ul { margin:50px 0 0 -2%; } .m_contents_link_section ul li { width:31.3%; float:left; margin-left:2%; } .m_contents_link_section ul li a:hover { opacity:0.7; filter:alpha(opacity=70); } .m_contents_link_section ul#m_contents_link_list02 { margin-top:40px; } .m_contents_link_section ul#m_contents_link_list { margin-top:10px; } /* 180201 update end */ /* みんなが注目！人気ランキング */ #sub_area { max-width:960px; margin:0 auto 30px; } #sub_area #s_navigation_section #s_ranking_inner { width:32%; float:left; } #sub_area #s_navigation_section #s_ranking_inner h3 { padding:10px; text-align:center; background:none #0c8935; color:#ffffff; font-size:124%; border-radius:3px 3px 0 0; } #sub_area #s_navigation_section #s_ranking_inner #s_ranking_unit { padding:3px 5px 10px; border-bottom:1px solid #0c8935; border-left:1px solid #0c8935; border-right:1px solid #0c8935; border-radius:0 0 3px 3px; background:none #ffffff; } #sub_area #s_navigation_section #s_ranking_inner #s_ranking_unit ul li a { font-size:108%; font-weight:bold; text-decoration:none; padding:8px 10px 8px 25px; display:block; border-bottom:1px dotted #c2c2c2; } #sub_area #s_navigation_section #s_ranking_inner #s_ranking_unit ul li a:hover { opacity:0.7; filter:alpha(opacity=70); } #sub_area #s_navigation_section #s_ranking_inner #s_ranking_unit ul li.s_ranking_no1 a { background:url(/images/top_icon_nuber_01.gif) no-repeat left 0.5em; } #sub_area #s_navigation_section #s_ranking_inner #s_ranking_unit ul li.s_ranking_no2 a { background:url(/images/top_icon_nuber_02.gif) no-repeat left 0.5em; } #sub_area #s_navigation_section #s_ranking_inner #s_ranking_unit ul li.s_ranking_no3 a { background:url(/images/top_icon_nuber_03.gif) no-repeat left 0.5em; } #sub_area #s_navigation_section #s_ranking_inner #s_ranking_unit ul li.s_ranking_no4 a { background:url(/images/top_icon_nuber_04.gif) no-repeat left 0.5em; } #sub_area #s_navigation_section #s_ranking_inner #s_ranking_unit ul li.s_ranking_no5 a { background:url(/images/top_icon_nuber_05.gif) no-repeat left 0.5em; } /* 各種サービス */ #sub_area #s_navigation_section #s_service_inner { width:65%; float:right; } #sub_area #s_navigation_section #s_service_inner h3 { background:none #c89e29; font-size:124%; border-radius:3px 3px 0 0; } #sub_area #s_navigation_section #s_service_inner h3:hover { opacity:0.7; filter:alpha(opacity=70); } #sub_area #s_navigation_section #s_service_inner h3 a { padding:10px; display:block; text-decoration:none; color:#ffffff; background:url(/images/top_icon_service.gif) no-repeat 0.5em 0.5em; padding-left:40px; } #sub_area #s_navigation_section #s_service_inner #s_service_unit { padding:0; border-bottom:1px solid #c89e29; border-left:1px solid #c89e29; border-right:1px solid #c89e29; background:none #ffffff; } #sub_area #s_navigation_section #s_service_inner #s_service_unit a:hover { opacity:0.7; filter:alpha(opacity=70); } #sub_area #s_navigation_section #s_service_inner #s_service_unit .s_service_left_box { float:left; width:50%; } #sub_area #s_navigation_section #s_service_inner #s_service_unit .s_service_left_box ul li a { font-size:108%; font-weight:bold; text-decoration:none; padding:9.25px 10px 9.25px 35px; display:block; border-top:1px solid #c89e29; border-right:1px solid #c89e29; } #sub_area #s_navigation_section #s_service_inner #s_service_unit .s_service_left_box ul li:first-child a { border-top:none; } #sub_area #s_navigation_section #s_service_inner #s_service_unit .s_service_left_box ul li.s_service_01 a { background:url(/images/top_icon_service_01.gif) no-repeat 0.5em 0.3em; } #sub_area #s_navigation_section #s_service_inner #s_service_unit .s_service_left_box ul li.s_service_02 a { background:url(/images/top_icon_service_02.gif) no-repeat 0.5em 0.3em; } #sub_area #s_navigation_section #s_service_inner #s_service_unit .s_service_left_box ul li.s_service_03 a { background:url(/images/top_icon_service_03.gif) no-repeat 0.5em 0.3em; } #sub_area #s_navigation_section #s_service_inner #s_service_unit .s_service_left_box ul li.s_service_04 a { background:url(/images/top_icon_service_04.gif) no-repeat 0.5em 0.3em; } #sub_area #s_navigation_section #s_service_inner #s_service_unit .s_service_left_box ul li.s_service_05 a { background:url(/images/top_icon_service_05.gif) no-repeat 0.5em 0.3em; } #sub_area #s_navigation_section #s_service_inner #s_service_unit .s_service_right_box { float:right; width:50%; } #sub_area #s_navigation_section #s_service_inner #s_service_unit .s_service_right_box p.s_contact_link { text-align:center; width:80%; margin:6px auto 0; border-radius:3px; } #sub_area #s_navigation_section #s_service_inner #s_service_unit .s_service_right_box p.s_contact_link:first-child { margin-top:0; } #sub_area #s_navigation_section #s_service_inner #s_service_unit .s_service_right_box p.s_contact_link a { text-align:center; display:block; padding:1px 0; text-decoration:none; background:none #e9e5bb; } #sub_area #s_navigation_section #s_service_inner #s_service_unit .s_service_right_box p.s_contact_link a span { background:#e9e5bb url(/common/images/arrow11.gif) no-repeat 0.5em 0.3em; padding-left:20px; } /* お知らせ・IR */ /* キャンペーン・セミナー */ #info_area { max-width:960px; margin:0 auto 30px; } #info_area .i_news_ir_section { width:49%; position:relative; float:left; } #info_area .i_campaign_seminar_section { width:49%; position:relative; float:right; } #info_area .i_contents_inner .i_content_tabs_left { display:none; } #info_area .i_contents_inner .i_content_tabs_right { display:none; } #info_area .i_tabselector_inner { margin-right:100px; } #info_area .i_tabselector_inner ul.i_tabs { border-bottom:none; display:table; width:100%; } #info_area .i_tabselector_inner ul.i_tabs li { float:left; width:50%; text-align:center; } #info_area .i_tabselector_inner ul.i_tabs li a { font-size:114%; display:table-cell; vertical-align:middle; width:1%; padding:8px 10px; border-radius:3px 3px 0 0; text-decoration:none; border:1px solid #cccccc; border-bottom:none; background:#fefefe; background:-moz-linear-gradient(top, #fefefe 0%, #f6f6f6); background:-webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f6f6f6)); background:linear-gradient(top, #fefefe 0%, #f6f6f6); } #info_area .i_tabselector_inner ul.i_tabs li.on a { font-weight:bold; background:#ffffff; border:1px solid #d60b17; border-bottom:none; color:#d60b17; } #info_area .i_contents_inner { background:none #ffffff; padding:15px; border-radius:0 0 3px 3px; /* min-height:280px; */ border-top:3px solid #d60b17; } #info_area .i_contents_inner ul li { border-bottom: 1px dashed #cccccc; padding:8px 0; } #info_area .i_contents_inner ul li p.i_content_list_date { float:left; width:28%; color:#d60b17; font-weight:bold; } #info_area .i_contents_inner ul li p.i_content_list_info { float:right; width:70%; } #info_area .i_contents_inner ul li p.i_content_list_info a { /*color:#560000;*/ } #info_area .i_contents_inner ul li p.i_content_list_date:before { margin: 0 5px 0 0; content:url(/common/images/arrow01.gif); } #info_area .i_contents_inner ul li p.i_content_list_date span { display:block; } #info_area .i_contents_inner p.i_show_list { position:absolute; top:7px; right:0; } #info_area .i_contents_inner p.i_show_list a:hover { opacity:0.7; filter:alpha(opacity=70); } #info_area .i_contents_inner ul li p.m_txt_pdf_link { margin-top:0; } /* 180201 update start */ #m_info_section #info_area { margin:50px auto 0; max-width:960px; } #m_info_section #info_area .i_news_section { width:100%; position:relative; } #m_info_section #info_area .i_tabselector_inner ul.i_tabs li { float:left; width:23%; margin-left:2%; text-align:center; } #m_info_section #info_area .i_tabselector_inner ul.i_tabs li:first-child { margin-left:0; } #m_info_section #info_area .i_contents_inner ul li p.i_content_list_date { float:left; width:14%; color:#d60b17; font-weight:bold; } #m_info_section #info_area .i_contents_inner ul li p.i_content_list_info { float:right; width:86%; } /* 180201 update end */ /* おすすめコンテンツ */ #reco_area { max-width:960px; margin:0 auto; } #reco_area #r_reco_inner { background:none #ffffff; padding:10px 4%; width:92%; margin-bottom:20px; } #reco_area #r_reco_inner a { display:block; } #reco_area #r_reco_inner a:hover { opacity:0.5; filter:alpha(opacity=50); } #reco_area ul.etc_list { margin-top:20px; } #reco_area ul.etc_list li { float:left; margin-left:2%; width:32%; } #reco_area ul.etc_list li:first-child { margin-left:0; } #reco_area ul.etc_list li a:hover { opacity:0.7; filter:alpha(opacity=70); } #reco_area .bizcon_banner { margin-top:20px; } #reco_area .bizcon_banner a:hover { opacity:0.7; filter:alpha(opacity=70); } #r_bn_left_inner { float:left; width:74%; } #r_bn_right_inner { float:right; width:22%; } #r_bn_left_inner ul li { float:left; margin-left:3.5%; width:31%; } #r_bn_left_inner ul li:first-child { margin-left:0; } #r_bn_left_inner h3 { background:none #c2a664; padding:10px; color:#ffffff; font-weight:bold; font-size:116%; border-radius:3px 3px 0 0; } #r_bn_left_inner #r_reco_unit { background:none #ffffff; padding:10px 3%; width:94%; } #r_bn_left_inner #r_reco_unit a { display:block; } #r_bn_left_inner #r_reco_unit a:hover { opacity:0.7; filter:alpha(opacity=70); } /* write160421 */ .m_important_section { background: #ffffff; border: 1px solid #c2c2c2; margin-top:10px; padding:10px 20px; font-size: 103%; line-height:1.3em; } .m_important_section a { background:url(/common/images/arrow01.gif) left 0.1em no-repeat; padding:0 0 0 20px; } /* write161109 */ .m_importantList_section { background: #ffffff; border: 1px solid #c2c2c2; margin:10px 0; padding:10px 20px; font-size: 103%; line-height:1.3em; } .m_importantList_section a { background:url(/common/images/arrow01.gif) left 0.1em no-repeat; padding:0 0 0 20px; } .m_important_h { font-size: 100%; margin: 0 0 5px; line-height:1.3em; } /* write180313 */ .mvSlider { border:5px solid #FFFFFF;} /* Dots */ #m_contents_section .slick-dots { position:absolute; bottom:0; display:block; width:100%; padding:5px 0; margin:0; list-style:none; background:url(/images/top_mv_slider_dots_bg.png); line-height:0; } #m_contents_section .slick-dots li { position:relative; display:inline-block; width:12px; height:12px; margin:0 0 0 8px; padding:0; cursor:pointer; outline:none; line-height:0; } #m_contents_section .slick-dots li button { font-size:0; line-height:0; display:block; width:12px; height:12px; padding:5px; cursor:pointer; color:transparent; border:0; outline:none; background:transparent; background:url(/images/top_mv_slider_img_dots_off.png) left top no-repeat; } #m_contents_section .slick-dots li button:hover, #m_contents_section .slick-dots li button:focus { outline:none; } #m_contents_section .slick-dots li.slick-active button { background:url(/images/top_mv_slider_img_dots_on.png) left top no-repeat; outline:none; } /* write180313 end */