/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 00:ベーススタイル ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ body { font: 14px/1.5em "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic"; background:none #f8f6ef; color:#333333; } img { height:auto; max-width:100%; vertical-align:bottom; } /*------------------------------ a -------------------------------*/ a { color:#0044cc; text-decoration: underline; } a:visited { color:#800080;} a:active { color:#ff8000;} a:hover { text-decoration:none !important; color:#ff8000; } a:focus { outline:none; } a:hover img.rollover { opacity:0.7; filter:alpha(opacity=70); } /*------------------------------ float -------------------------------*/ /* float */ .f_left { float:left !important; } .f_right { float:right !important; } /* clear */ .cf:before, .cf:after { display:table; content:""; } .cf:after { clear:both; } .cf { zoom:1; } .cb { clear:both; } /*------------------------------ text -------------------------------*/ .txt_center { text-align:center !important; } .txt_right { text-align:right !important; } .txt_left { text-align:Left !important; } .txt_top { vertical-align:top !important; } .txt_middle { vertical-align:middle !important; } .txt_text_bottom { vertical-align:text-bottom !important; } .txt_color01 { color:#c2002e !important; } .txt_color02 { color:#ed8121 !important; } .txt_color03 { color:#6b28d0 !important; } .txt_color04 { color:#333333 !important; } .txt_color05 { color:#1847be !important; } .bg_color01 { background-color:#c2002e !important; } .bg_color02 { background-color:#ed8121 !important; } .bg_color03 { background-color:#6b28d0 !important; } .bg_color04 { background-color:#333333 !important; } .bg_color05 { background-color:#f2eddc !important; } .bg_color06 { background-color:#e6f6ff !important; } .bg_color07 { background-color:#ffeaea !important; } .txt_bold { font-weight:bold; } .txt_normal { font-weight:normal; } .txt_indent { text-indent:1em; } .txt_underLine { text-decoration:underline; } #main_area #m_contents_section .m_content_inner .at_comment { text-indent:-1em; padding:0 0 0 1em; margin:10px 0 0 0;} #main_area #m_contents_section .m_content_inner .at_comment_s { text-indent:-1em; padding:0 0 0 1em; font-size:85%; line-height:1.3em; margin:10px 0 0 0;} #main_area #m_contents_section .m_content_inner .at_comment_s li { margin-top: 5px;} #main_area #m_contents_section .at_comment_s { text-indent:-1em; padding:0 0 0 1em; font-size:85%; line-height:1.3em; margin:10px 0 0 0;} #main_area #m_contents_section .at_comment_s li { margin-top: 5px;} #main_area #m_contents_section .m_content_inner .at_comment2 { text-indent:-2em; padding:0 0 0 2em; margin:10px 0 0 0;} #main_area #m_contents_section .m_content_inner .at_comment2_s { text-indent:-2em; padding:0 0 0 2em; font-size:85%; line-height:1.3em; margin:10px 0 0 0;} #main_area #m_contents_section .m_content_inner .at_comment2_s li { margin-top: 5px;} #main_area #m_contents_section .m_content_inner .at_comment2_harf { text-indent:-2.5em; padding:0 0 0 2.5em; margin:10px 0 0 0;} #main_area #m_contents_section .m_content_inner .at_comment2_harf_s { text-indent:-2.5em; padding:0 0 0 2.5em; font-size:85%; line-height:1.3em; margin:10px 0 0 0;} #main_area #m_contents_section .m_content_inner .at_comment2_harf_s li { margin-top: 5px;} #main_area #m_contents_section .m_content_inner .at_comment3 { text-indent:-3em; padding:0 0 0 3em; margin:10px 0 0 0;} #main_area #m_contents_section .m_content_inner .at_comment3_s { text-indent:-3em; padding:0 0 0 3em; font-size:85%; line-height:1.3em; margin:10px 0 0 0;} #main_area #m_contents_section .m_content_inner .at_comment3_s li { margin-top: 5px;} #main_area #m_contents_section .m_content_inner .at_comment4 { text-indent:-4em; padding:0 0 0 4em; margin:10px 0 0 0;} #main_area #m_contents_section .m_content_inner .at_comment4_s { text-indent:-4em; padding:0 0 0 4em; font-size:85%; line-height:1.3em; margin:10px 0 0 0;} #main_area #m_contents_section .m_content_inner .at_comment4_s li { margin-top: 5px;} #main_area #m_contents_section .m_content_inner .at_comment5 { text-indent:-5em; padding:0 0 0 5em; margin:10px 0 0 0;} #main_area #m_contents_section .m_content_inner .at_comment5_s { text-indent:-5em; padding:0 0 0 5em; font-size:85%; line-height:1.3em; margin:10px 0 0 0;} #main_area #m_contents_section .m_content_inner .at_comment5_s li { margin-top: 5px;} #main_area #m_contents_section .m_content_inner .at_comment6 { text-indent:-6em; padding:0 0 0 6em; margin:10px 0 0 0;} #main_area #m_contents_section .m_content_inner .at_comment6_s { text-indent:-6em; padding:0 0 0 6em; font-size:85%; line-height:1.3em; margin:10px 0 0 0;} #main_area #m_contents_section .m_content_inner .at_comment6_s li { margin-top: 5px;} #main_area #m_contents_section .m_content_inner .at_comment6_harf { text-indent:-6.5em; padding:0 0 0 6.5em; margin:10px 0 0 0;} #main_area #m_contents_section .m_content_inner .at_comment6_harf_s { text-indent:-6.5em; padding:0 0 0 6.5em; font-size:85%; line-height:1.3em; margin:10px 0 0 0;} #main_area #m_contents_section .m_content_inner .at_comment6_harf_s li { margin-top: 5px;} #main_area #m_contents_section .m_content_inner .at_comment7 { text-indent:-7em; padding:0 0 0 7em; margin:10px 0 0 0;} #main_area #m_contents_section .m_content_inner .at_comment7_s { text-indent:-7em; padding:0 0 0 7em; font-size:85%; line-height:1.3em; margin:10px 0 0 0;} #main_area #m_contents_section .m_content_inner .at_comment7_s li { margin-top: 5px;} #main_area #m_contents_section .m_content_inner .at_comment8 { text-indent:-8em; padding:0 0 0 8em; margin:10px 0 0 0;} #main_area #m_contents_section .m_content_inner .at_comment8_s { text-indent:-8em; padding:0 0 0 8em; font-size:85%; line-height:1.3em; margin:10px 0 0 0;} #main_area #m_contents_section .m_content_inner .at_comment8_s li { margin-top: 5px;} #main_area #m_contents_section .m_content_inner .at_comment10 { text-indent:-10em; padding:0 0 0 10em; margin:10px 0 0 0;} #main_area #m_contents_section .m_content_inner .at_comment10_s { text-indent:-10em; padding:0 0 0 10em; font-size:85%; line-height:1.3em; margin:10px 0 0 0;} #main_area #m_contents_section .m_content_inner .at_comment10_s li { margin-top: 5px;} #main_area #m_contents_section .m_content_inner .at_comment11 { text-indent:-11em; padding:0 0 0 11em; margin:10px 0 0 0;} #main_area #m_contents_section .m_content_inner .at_comment11_s { text-indent:-11em; padding:0 0 0 11em; font-size:85%; line-height:1.3em; margin:10px 0 0 0;} #main_area #m_contents_section .m_content_inner .at_comment11_s li { margin-top: 5px;} #main_area #m_contents_section .m_content_inner .m_point_box ul { margin:10px 0;} #main_area #m_contents_section .m_content_inner .m_point_box ul li ul.at_comment_s li { font-size:68%; font-weight:normal; margin:5px 0 0 0; padding:0; line-height:1.4em;} #main_area #m_contents_section .m_content_inner .m_txt_info {font-size:108%; font-weight:bold; margin:15px 0 0;} .fontxLarge { font-size:154%; line-height:1.7em; } .fontLarge { font-size:124%; line-height:1.7em; } .fontMiddle { font-size:108%; line-height:1.5em; } .f8 { font-size:59%; } .f9 { font-size:68%; } .f10 { font-size:77%; } .f11 { font-size:85%; } .f12 { font-size:93%; } .f13 { font-size:100%; } .f14 { font-size:108%; } .f15 { font-size:116%; } .f16 { font-size:124%; } .f17 { font-size:131%; } .f18 { font-size:139%; } .f19 { font-size:147%; } .f20 { font-size:154%; } .f21 { font-size:162%; } .f22 { font-size:170%; } .f23 { font-size:177%; } .f24 { font-size:185%; } /*------------------------------ margin -------------------------------*/ .mt0 { margin-top:0px !important; } .mt5 { margin-top:5px !important; } .mt8 { margin-top:8px !important; } .mt10 { margin-top:10px !important; } .mt15 { margin-top:15px !important; } .mt20 { margin-top:20px !important; } .mt25 { margin-top:25px !important; } .mt30 { margin-top:30px !important; } .mt35 { margin-top:35px !important; } .mt40 { margin-top:40px !important; } .mt45 { margin-top:45px !important; } .mt50 { margin-top:50px !important; } .mt55 { margin-top:55px !important; } .mt60 { margin-top:60px !important; } .mr0 { margin-right:0px !important; } .mr5 { margin-right:5px !important; } .mr10 { margin-right:10px !important; } .mr15 { margin-right:15px !important; } .mr20 { margin-right:20px !important; } .mr25 { margin-right:25px !important; } .mr30 { margin-right:30px !important; } .mr35 { margin-right:35px !important; } .mr40 { margin-right:40px !important; } .mr45 { margin-right:45px !important; } .mr50 { margin-right:50px !important; } .mb0 { margin-bottom:0px !important; } .mb5 { margin-bottom:5px !important; } .mb10 { margin-bottom:10px !important; } .mb15 { margin-bottom:15px !important; } .mb20 { margin-bottom:20px !important; } .mb25 { margin-bottom:25px !important; } .mb30 { margin-bottom:30px !important; } .mb35 { margin-bottom:35px !important; } .mb40 { margin-bottom:40px !important; } .mb45 { margin-bottom:45px !important; } .mb50 { margin-bottom:50px !important; } .ml0 { margin-left:0px !important; } .ml5 { margin-left:5px !important; } .ml10 { margin-left:10px !important; } .ml15 { margin-left:15px !important; } .ml20 { margin-left:20px !important; } .ml25 { margin-left:25px !important; } .ml30 { margin-left:30px !important; } .ml35 { margin-left:35px !important; } .ml40 { margin-left:40px !important; } .ml45 { margin-left:45px !important; } .ml50 { margin-left:50px !important; } /*------------------------------ padding -------------------------------*/ .pd0 { padding:0 !important; } .pd5 { padding:5px !important; } .pd20 { padding:20px !important; } /*------------------------------ width -------------------------------*/ .w10per { width:10% !important; } .w15per { width:15% !important; } .w20per { width:20% !important; } .w23per { width:23% !important; } .w25per { width:25% !important; } .w30per { width:30% !important; } .w35per { width:35% !important; } .w40per { width:40% !important; } .w45per { width:45% !important; } .w49per { width:49% !important; } .w50per { width:50% !important; } .w55per { width:55% !important; } .w60per { width:60% !important; } .w63per { width:63% !important; } .w65per { width:65% !important; } .w70per { width:70% !important; } .w75per { width:75% !important; } .w79per { width:79% !important; } .w80per { width:80% !important; } .w85per { width:85% !important; } .w90per { width:90% !important; } .w95per { width:95% !important; } .w99per { width:99% !important; } .w100per { width:100% !important; } /*------------------------------ radius -------------------------------*/ .radius3 { border-radius:3px; } .radius4 { border-radius:4px; } .radius5 { border-radius:5px; } /*------------------------------ border -------------------------------*/ .border_color01 { border:solid 1px #cfcfcf !important; } .border_color02 { border:solid 1px #d60b17 !important; } .line_separate { border:solid 1px #cccccc; margin: 30px 0;} /*------------------------------ line-height -------------------------------*/ .line_h1em { line-height:1em; } /*------------------------------ position -------------------------------*/ .posRelative { position:relative; } /*------------------------------ vertical-align -------------------------------*/ .vaMiddle { vertical-align:middle;} /*------------------------------ display -------------------------------*/ .nodisplay { display:none; } .sp {display: none; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 01:フレーム ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*------------------------------ ヘッダー -------------------------------*/ #header { width:100%; background:none #ffffff; border-bottom:3px #d60b17 solid; } #header #h_section { max-width:960px; margin:0 auto; } #header #h_section #h_sitetitle_unit { float:left; margin-top:35px; width:40%; } #header #h_section #h_navigation_unit { float:right; width:60%; } #header #h_section #h_navigation_unit .h_navigation_box02 { margin-top:10px; background:none #f0f0f0; padding:5px 5px 5px 0; float:right; width:97%; } /* サイトロゴ */ #header #h_section #h_sitetitle_unit #h_logo { float:left; } #header #h_section #h_sitetitle_unit #h_bankcode { float:left; margin:17px 0 0 7px; font-size:93%; line-height:1.4em; } /* その他リンク */ #header #h_section #h_navigation_unit ul.h_etc_menu { float:right; margin-top:5px; } #header #h_section #h_navigation_unit ul.h_etc_menu li { float:left; margin-left:10px; } #header #h_section #h_navigation_unit ul.h_etc_menu li a { color:#78484d; font-size:93%; font-weight:bold; background: url(../image/arrow05.gif) right 0.15em no-repeat; padding:0 1em 0 0; } /* 店舗・ATM検索 */ #header #h_section #h_navigation_unit p.h_search_office_atm { float:right; margin-left:2%; } #header #h_section #h_navigation_unit p.h_search_office_atm:hover { opacity:0.7; filter:alpha(opacity=70); } /* キーワード検索 */ #header #h_section #h_navigation_unit ul.h_search_type { float:left; margin:6px 0 0 10px; width:64%; font-size:92%; } #header #h_section #h_navigation_unit ul.h_search_type li { float:left; font-size:93%; margin-right:5px; } #header #h_section #h_navigation_unit .h_search_keyword_boxarea { float:right; width:32%; background:#ffffff; border:1px solid #c2c2c2; box-sizing:border-box; } #header #h_section #h_navigation_unit .h_search_keyword_boxarea .h_search_keyword_boxsection { position:relative; padding:0 26px 0 0; border-radius:2px; vertical-align:bottom;} #header #h_section #h_navigation_unit .h_search_keyword_boxarea .h_search_keyword_boxsection input[type=text] { display:block; padding:2px 0 2px 5px; width:100%; height:28px; border:none; box-sizing:border-box; } #header #h_section #h_navigation_unit .h_search_keyword_boxarea .h_search_keyword_boxsection input[type=image] { position:absolute; top:5px; right:5px; display:block; border:none; width:auto; height:auto; border-radius:0; } #header #h_section #h_navigation_unit .h_search_keyword_boxarea .h_search_keyword_boxsection input[type=image]:hover { opacity:0.7; filter:alpha(opacity=70); } #header #h_section #h_navigation_unit .h_search_keyword_boxarea .h_search_keyword_boxsection input::-ms-clear { display: none;} /* 文字サイズ */ #header #h_section #h_navigation_unit #h_fontsize_boxarea { float:right; margin-top:3px;} #header #h_section #h_navigation_unit #h_fontsize_boxarea p { float:left; } #header #h_section #h_navigation_unit #h_fontsize_boxarea ul { float:left; } #header #h_section #h_navigation_unit #h_fontsize_boxarea ul li { float:left; margin-left:5px; } /* リードスピーカー及び文字サイズ */ #header #h_section #h_navigation_unit #h_navigation_box03 { position: relative;} #readSpeakerArea { position: absolute; top:3px; left: -200%; width: 200%;} #readSpeakerBox {float: right;} /* グローバルナビ */ #header #h_section #gnavi ul.gn_menu { float:left; width:99.9%; max-width:960px; border-left:1px #bababa solid; margin-top:10px; } #header #h_section #gnavi ul.gn_menu li { float:left; width:25%; line-height:1.4em; } /* 180201 update start */ #header #h_section #gnavi ul.gn_menu li a { color:#333333 !important; border-right:1px #bababa solid; display:table-cell; vertical-align:middle; text-align:center; font-size:108%; width:25%; text-decoration:none; padding:10px 15px; background:url(../image/arrow03.gif) 97% 50% no-repeat; zoom:1; position:relative; } /* 180201 update end */ #header #h_section #gnavi ul.gn_menu li.on a, #header #h_section #gnavi ul.gn_menu li a:hover { border-radius:5px 5px 0 0; color:#ffffff !important; background:#d60b17 url(../image/arrow02.gif) 97% 50% no-repeat; } #header #h_section #gnavi p { display:none; } #header #h_section #gnavi ul.gn_menu li ul { display:none; } #header #h_section #gnavi p { display:none; } #header #h_section #gnavi ul.gn_menu li span { display:none; } /* 180201 update start */ #header #h_section #gnavi ul.gn_menu li a.gNaviSubLink { display:none; } /* 180201 update end */ /* グローバルサブナビ */ #sub_header { background:none #ffffff; width:100%; border-bottom:1px solid #e1dfd9; box-shadow:0 1px 1px 0 #e1dfd9; } #sub_header #sub_navi_section { margin:0 auto; max-width:960px; padding:8px 0; font-size:94%; } #sub_header #sub_navi_section ul { background:url(../image/bg_01.gif) repeat-y left top; } #sub_header #sub_navi_section ul li { float:left; background:url(../image/bg_01.gif) repeat-y right top; line-height:1.3; } #sub_header #sub_navi_section ul li a { display:table-cell; text-align:center; vertical-align:middle; text-decoration:none; border-radius:5px; padding:5px 0; } #sub_header #sub_navi_section ul li a:hover, #sub_header #sub_navi_section ul li.on a { color:#d60b17; background:none #f0f0f0; } #sub_header #sub_navi_section ul.sub_navi_six li { width:15.56%; padding:3px 0.55%; /* min-height:60px; */ } #sub_header #sub_navi_section ul.sub_navi_six li a { width:15.56%; color:#333333 !important; } #sub_header #sub_navi_section ul.sub_navi_seven li { width:13.18%; padding:3px 0.55%; /* min-height:60px; */ } #sub_header #sub_navi_section ul.sub_navi_seven li a { width:13.18%; color:#333333 !important; } #sub_header #sub_navi_section ul.sub_navi_eight li { width:11.4%; padding:3px 0.55%; /* min-height:60px; */ } #sub_header #sub_navi_section ul.sub_navi_eight li a { width:11.4%; color:#333333 !important; } /* 180201 update start */ #sub_header #sub_navi_section ul.sub_navi_eight.type02 li { width:12.66%; } #sub_header #sub_navi_section ul.sub_navi_eight.type02 li a { width:12.66%; } #sub_header #sub_navi_section ul.sub_navi_eight.type02 li.btnLink { width:7.56%; } #sub_header #sub_navi_section ul.sub_navi_eight.type02 li.btnLink a { width:7.56%; background:none #ba911f; color:#ffffff !important; letter-spacing:-0.03em; } #sub_header #sub_navi_section ul.sub_navi_eight.type02 li.btnLink a:hover { opacity:0.7; filter:alpha(opacity=70); } /* 180201 update end */ /* 210611 追記 */ #header #h_section #gnavi ul.gn_menu li#spMenuFixed { display: none; } /* 210611 追記 */ @media screen and (max-width:940px){ #header #h_section #h_sitetitle_unit { width:25%; margin:10px 0 0 10px; position: relative;} #header #h_section #h_sitetitle_unit #h_bankcode { position: absolute; left:100%; width: 100%;} #header #h_section #h_navigation_unit { float:none; width:100%; } #header #h_section #h_navigation_unit .h_navigation_box02 { margin:0 1.5% 0 2%; float:right; width:96%; } #readSpeakerArea { position:static; width: 100%;} #readSpeakerBox { margin-right: 15px;} #header #h_section #h_navigation_unit ul.h_etc_menu { margin: 5px 0 10px 150px;} #header #h_section #h_navigation_unit #h_fontsize_boxarea { margin-right: 10px; } /* 210514 追記 */ #header #h_section #h_sitetitle_unit { z-index: 10; } #header #h_section #h_navigation_unit .h_navigation_box01 { position: relative; } #header #h_section #h_navigation_unit ul.h_etc_menu { margin-bottom: 46px; } #header #h_section #h_navigation_unit #h_navigation_box03 { clear: both; position: absolute; right: 0; bottom: 0; width: 317px; } #header #h_section #h_navigation_unit #h_navigation_box03 #readSpeakerArea { float: left; width: auto; } /* 210514 追記 */ } @media screen and (max-width:840px){ #header #h_section #h_sitetitle_unit p#h_bankcode { display:none; } #header #h_section #h_navigation_unit #h_fontsize_boxarea { display:none; } /* 210514 追記 */ #header #h_section #h_navigation_unit #h_navigation_box03 { width: auto; } /* 210514 追記 */ } @media screen and (max-width:780px){ #header #h_section #h_navigation_unit ul.h_etc_menu { margin-left: 0;} #header #h_section #h_navigation_unit { float:none; width:100%; } } /*------------------------------ パンくずナビ -------------------------------*/ #pan_area { font-size:85%; max-width:960px; margin:5px auto 0; overflow:hidden; } #pan_area ul { margin-right:5px; } #pan_area ul li { display:inline; float:left; margin-left:10px; } #pan_area ul li a { color:#000000; text-decoration:underline; background:url(../image/arrow05.gif) right 0.3em no-repeat; padding-right:15px; } /*------------------------------ コンテンツ -------------------------------*/ #main_area { max-width:960px; margin:0 auto 30px; } #main_area #m_contents_section { width:74.2%; margin:0 auto; float:left; } #main_area #m_contents_section #m_h1_inner { border-radius:4px; background:none #ffffff; margin:5px 0 20px; padding:10px 10px; zoom:1; position:relative; } #main_area #m_contents_section #m_h1_inner h1 { font-size:170%; border-left:5px #d60b17 solid; padding:8px 0 8px 10px; line-height:1em; } body#iframe_body #main_area { margin:0; } body#iframe_body #m_contents_section { width:100%; float:none; } /* メインビジュアル */ #main_area #m_contents_section .m_content_inner .m_mv { margin-top:0; } /* タブセレクタ */ #main_area #m_contents_section .m_tabselector_inner { border-bottom:3px #d60b17 solid; } #main_area #m_contents_section .m_tabselector_inner ul li { border-radius:5px 5px 0 0; font-size:108%; float:left; background:none #ffffff; text-align:center; } #main_area #m_contents_section .m_tabselector_inner ul li:first-child { margin-left:0; } #main_area #m_contents_section .m_tabselector_inner ul li.on { background:none #d60b17; color:#ffffff !important; } #main_area #m_contents_section .m_tabselector_inner ul li span.m_other { line-height:1em; font-weight:normal !important; font-size:70%;} #main_area #m_contents_section .m_tabselector_inner ul li a { border-radius:5px 5px 0 0; font-weight:bold; width:1%; color:#000000; text-decoration:none; display:table-cell; padding:10px 5px; vertical-align:middle; } /* 160915変更開始 */ #main_area #m_contents_section .m_tabselector_inner ul li:hover { /* background:none #d60b17; color:#ffffff !important; */ } #main_area #m_contents_section .m_tabselector_inner ul li a:hover { background:none #d60b17; color:#ffffff !important; } /* 160915変更終了 */ #main_area #m_contents_section .m_tabselector_inner ul li a:hover { color:#ffffff !important; } #main_area #m_contents_section .m_tabselector_inner ul li.on a { color:#ffffff !important; } #main_area #m_contents_section .m_content_inner .m_content_tabs_inpage { display:none; } #main_area #m_contents_section .m_tabselector_inner ul.m_two_tabs li { width:49%; margin-left:2%; line-height:1em; } #main_area #m_contents_section .m_tabselector_inner ul.m_three_tabs li { width:32.5%; margin-left:1.25%; line-height:1em; } #main_area #m_contents_section .m_tabselector_inner ul.m_four_tabs li { width:23.5%; margin-left:2%; line-height:1em; } #main_area #m_contents_section .m_tabselector_inner ul.m_five_tabs li { width:19%; margin-left:1.25%; line-height:1em; } #main_area #m_contents_section .m_tabselector_inner ul.m_six_tabs li { width:15.75%; margin-left:1.1%; line-height:1em; } #main_area #m_contents_section .m_tabselector_inner ul.m_seven_tabs li { width:13.5%; margin-left:0.9%; line-height:1em; } #main_area #m_contents_section .m_tabselector_inner ul.m_eight_tabs li { width:12%; margin-left:0.57%; line-height:1em; } /* コンテンツエリア(標準) */ #main_area #m_contents_section .m_content_inner { border-radius: 0 0 5px 5px; background:none #ffffff; padding:20px; border-top:none; } #main_area #m_contents_section h2 { font-size:131%; font-weight:bold; border-bottom:2px #d60b17 solid; padding:0 0 3px 1.2em; margin:40px 0 0; background:url(../image/bg_header02.gif) left 0.15em no-repeat; } #main_area #m_contents_section .m_content_inner h2:first-child { margin-top:20px; } #main_area #m_contents_section .m_content_inner h3 { font-size:124%; font-weight:bold; color:#d60b17; border-bottom:2px #d0cdc5 solid; margin:30px 0 0 0; padding-bottom:3px; } #main_area #m_contents_section .m_content_inner h3.plane { border: none;} #main_area #m_contents_section .m_content_inner h5 { font-size:116%; font-weight:bold; border-bottom:2px #d0cdc5 solid; margin:30px 0 0 0; padding-bottom:3px; } #main_area #m_contents_section .m_content_inner p { margin:10px 0 0 0; } /* write210326 */ #main_area #m_contents_section h2.redline { font-size:160%; font-weight:bold; border-bottom:2px #d60b17 solid; padding:0 0 6px 0; margin:40px 0 0; background:none; } #main_area #m_contents_section h3.redline { color:#333333; font-size:131%; font-weight:bold; border-bottom:2px #d60b17 solid; padding:0 0 3px 1.2em; margin:40px 0 0; background:url(../image/bg_header02.gif) left 0.15em no-repeat; } #main_area #m_contents_section .m_content_inner h3.redline:first-child { margin-top:20px; } #main_area #m_contents_section h4.grayline { font-size:124%; font-weight:bold; color:#d60b17; border-bottom:2px #d0cdc5 solid; margin:30px 0 0 0; padding-bottom:3px; } #main_area #m_contents_section .m_content_inner h4.grayline:first-child { margin-top:0; } /* write210326 end */ #main_area #m_contents_section h2.greenBar { text-align:center; background:#538c00; color:#ffffff; border:none; font-size:108%; padding:5px; } #main_area #m_contents_section h2.osusume { background: url(../image/h2_osusume_bg.gif); color:#ffffff; border:none; font-size:150%; padding:10px; } #main_area #m_contents_section .m_mv_inner { margin-bottom:20px; } #main_area #m_contents_section .m_mv_inner02 { margin-bottom:20px; padding:5px 0; background:#ffffff; } /* 外部リンクメッセージ */ #main_area #m_link_msg_section { margin-top:40px; background:#ffffff; border-radius:5px; padding:20px; } /*------------------------------ サイド -------------------------------*/ #main_area #lnavi { float:right; width:23%; margin-top:5px; } /* インターネットバンキング */ #main_area #lnavi #ln_banking_section a:hover { opacity:0.7; filter:alpha(opacity=70); } #main_area #lnavi #ln_banking_section #ln_banking_inner { background:none #ffffff; margin:0 auto; padding:10px 4.8%; border-left:3px solid #ba901e; border-right:3px solid #ba901e; } #main_area #lnavi #ln_banking_section #ln_banking_inner03 hr { color:#d1d1d1; background-color:#d1d1d1; border:none; width:100%; height:2px; } #main_area #lnavi #ln_banking_section #ln_banking_inner .ln_links01 li { margin-top:5px; } #main_area #lnavi #ln_banking_section #ln_banking_inner .ln_links02 li { width:48%; } #main_area #lnavi #ln_banking_section #ln_banking_inner02 { background:none #ffffff; margin:0 auto; padding:2px 4% 7px; border:3px solid #ba901e; border-top-width:1px; border-radius:0 0 5px 5px; } #main_area #lnavi #ln_banking_section #ln_banking_inner02 ul li { float: right; width:48%; } #main_area #lnavi #ln_banking_section #ln_banking_inner02 ul li:first-child { float: left; } /*#main_area #lnavi #ln_banking_section #ln_banking_inner03 { background:none #ffffff; margin:0 auto; padding:10px 4.8%; border-left:3px solid #ba901e; border-right:3px solid #ba901e; } #main_area #lnavi #ln_banking_section #ln_banking_inner03 .ln_links02 li { margin-top:5px; } #main_area #lnavi #ln_banking_section #ln_banking_inner04 { background:none #ffffff; margin:0 auto; padding:10px 4.8%; border:3px solid #ba901e; border-top-width:1px; border-radius:0 0 5px 5px; } #main_area #lnavi #ln_banking_section #ln_banking_inner04 .ln_links02 li { margin-top:5px; }*/ #main_area #lnavi #ln_banking_section #ln_banking_inner03 { background:none #ffffff; margin:0 auto; padding:10px 4%; border:3px solid #ba901e; border-top-width:1px; border-radius:0 0 5px 5px; } #main_area #lnavi #ln_banking_section #ln_banking_inner03 .ln_links02 li { width:100%; margin-top:4px; } /* 210415 write */ #main_area #lnavi #ln_banking_section #ln_banking_inner05 { background:none #ffffff; margin:0 auto; padding:2px 4% 7px; border:3px solid #ba901e; border-top-width:1px; border-radius:0 0 5px 5px; } #main_area #lnavi #ln_banking_section #ln_banking_inner05 ul li { float: right; width:100%; margin:5px 0 0 2px; } /* 210415 write end*/ /* 170906変更 */ #main_area #lnavi ul#m_side_banner_list li#search_gps { display:none; } #main_area #lnavi ul#m_side_banner_list { } #main_area #lnavi ul#m_side_banner_list li { float:left; width:49%; margin:7px 0 0 1.5%; } #main_area #lnavi ul#m_side_banner_list li:first-child { margin-left:0; } #main_area #lnavi ul#m_side_banner_list li#search_office { margin-left:0; } /* 170906変更 */ /* 210106変更 */ /* ビジネスポータル */ #main_area #lnavi #business_portal_section { border:2px solid #d60b17; border-radius:4px; text-align:center; padding:4px 0 6px; background:#ffffff; } #main_area #lnavi #business_portal_section p { margin-left:2px; } #main_area #lnavi #business_portal_section li { margin-top:4px; } /* 210106変更 */ /* HBA */ #main_area #lnavi #ln_hba_section a:hover { opacity:0.7; filter:alpha(opacity=70); } #main_area #lnavi #ln_hba_section #ln_hba_inner { background:none #fff; margin:0 auto; padding:10px 4.8%; border-left:3px solid #ffffff; border-right:3px solid #ffffff; border-bottom:3px solid #ffffff; border-radius:0 0 5px 5px; } #main_area #lnavi #ln_hba_section #ln_hba_inner .ln_links01 li { width:48%; } /* ほくりく長城会 */ #main_area #lnavi #ln_chojyo_section a:hover { opacity:0.7; filter:alpha(opacity=70); } #main_area #lnavi #ln_chojyo_section #ln_chojyo_inner { background:none #fff; margin:0 auto; padding:10px 4.8%; border-left:3px solid #ffffff; border-right:3px solid #ffffff; border-bottom:3px solid #ffffff; border-radius:0 0 5px 5px; } #main_area #lnavi #ln_chojyo_section #ln_chojyo_inner .ln_links01 li { width:48%; } /* ほくぎんビジパ倶楽部 170906変更 */ #main_area #lnavi #ln_bisipa_section a:hover { opacity:0.7; filter:alpha(opacity=70); } #main_area #lnavi #ln_bisipa_section #ln_bisipa_inner { background:none #fff; margin:0 auto; padding:2px 4.8% 10px; border-left:3px solid #ffffff; border-right:3px solid #ffffff; border-bottom:3px solid #ffffff; border-radius:0 0 5px 5px; } #main_area #lnavi #ln_bisipa_section #ln_bisipa_inner .ln_links01 li { width:48%; } /* ページ内ナビ */ #main_area #lnavi #ln_innavi_section { margin:10px 0 0; border:3px solid #d60b17; border-radius:5px; background:none #ffffff; } #main_area #lnavi #ln_innavi_section h3 { font-size:108%; text-align:center; color:#d60b17; font-weight:bold; padding:3px 0; border-bottom:1px solid #d60b17; } /* 第1階層 */ #main_area #lnavi #ln_innavi_section ul li { border-top:1px dotted #cccccc; font-size:95%; } #main_area #lnavi #ln_innavi_section ul li:first-child { border-top:none; } #main_area #lnavi #ln_innavi_section ul li a { color:#333333 !important; padding:10px 25px 10px 5%; display:block; text-decoration:none; font-weight:bold; background:url(../image/arrow04.gif) 95% center no-repeat; } #main_area #lnavi #ln_innavi_section ul li a:hover { color:#94741f; background-color:#f3f6ce; } #main_area #lnavi #ln_innavi_section ul li a.on { color:#94741f; background-color:#f3f6ce; } #main_area #lnavi #ln_innavi_section ul li.open_close { position:relative; } #main_area #lnavi #ln_innavi_section ul li.open_close > a { background-image:none; } #main_area #lnavi #ln_innavi_section ul li.open_close a.non_link { cursor:default; } #main_area #lnavi #ln_innavi_section ul li span { position:absolute; top:4px; right:5px; cursor:pointer; padding:5px; } /* 第2階層 */ #main_area #lnavi #ln_innavi_section ul li ul { display:none; } #main_area #lnavi #ln_innavi_section ul li ul li { border:none; } #main_area #lnavi #ln_innavi_section ul li ul li a { padding:10px 25px 10px 8%; } /* 第3階層 */ #main_area #lnavi #ln_innavi_section ul li ul li ul { display:none; } #main_area #lnavi #ln_innavi_section ul li ul li ul li { border:none; position:relative; } #main_area #lnavi #ln_innavi_section ul li ul li ul li a { padding:6px 25px 6px 24px; font-size:93%; } #main_area #lnavi #ln_innavi_section ul li ul li ul li a:before { content:'・'; position:absolute; top:6px; left:10px; } /* ページ外ナビ */ #main_area #lnavi #ln_outnavi_section { margin:20px 0 0; border:3px solid #d60b17; border-radius:5px; background:none #ffffff; padding:5px 0; } #main_area #lnavi #ln_outnavi_section ul li { border-top:1px dotted #cccccc; font-size:95%; } #main_area #lnavi #ln_outnavi_section ul li.hr { border-top:1px solid #d60b17; } #main_area #lnavi #ln_outnavi_section ul li:first-child { border-top:none; } #main_area #lnavi #ln_outnavi_section ul li a { color:#333333 !important; padding:5px 5% 5px 12%; display:block; text-decoration:none; background:url(../image/bg_li02.gif) no-repeat 7% 0.8em; } #main_area #lnavi #ln_outnavi_section ul li a:hover { color:#94741f; background-color:#f3f6ce; } #main_area #lnavi #ln_outnavi_section ul li a span { display:block; text-decoration:none; background:url(../image/arrow04.gif) 100% center no-repeat; } /* 200907追加 */ /* インターネットバンキング 法人 */ /* #main_area #lnavi #m_side_banking_inner { background:#a71779; padding-bottom:10px; } #main_area #lnavi #m_side_banking_inner #m_side_banking_unit { background:none #ffffff; padding:6px 0; text-align:center; margin:0 10px; border-radius:4px; } #main_area #lnavi #m_side_banking_inner #m_side_banking_unit img { margin-top:4px; } #main_area #lnavi #m_side_banking_inner #m_side_banking_unit h4 img { margin-top:2px; } #main_area #lnavi #m_side_banking_inner #m_side_banking_unit .side_links02 { margin-left:16px;} #main_area #lnavi #m_side_banking_inner #m_side_banking_unit .side_links02 li { width:44%; float:left; background:#a7ebff; padding-bottom:6px; border-radius:6px; margin:7px 3px 4px; } #main_area #lnavi #m_side_banking_inner #m_side_banking_unit .side_links02 li:first-child {background:#fbc4df; margin-left:0; } */ /* write210513 */ #main_area #lnavi #side_cs_ib { font-size:88%; background:#d6dcdf; padding:5px; border-radius:3px; } #main_area #lnavi #side_cs_ib a { color:#000000; text-decoration:none; } #main_area #lnavi #side_cs_ib a.btn span { display: block; text-align: center; border: solid 1px #cccccc; padding: 6px 0; margin: 0 auto; background: #ffffff; } #main_area #lnavi #side_cs_ib a:hover.btn span { opacity:0.6; } #main_area #lnavi #side_cs_ib #direct_a { background:#ffffff; text-align:center; line-height:1.3; padding:10px 0; } #main_area #lnavi #side_cs_ib #direct_a p img { width:50px; margin:0 0 3px; } #main_area #lnavi #side_cs_ib #direct_a p span { font-size:80%; } #main_area #lnavi #side_cs_ib #direct_a ul { width: 94%; margin: 5px auto 0; display: flex; justify-content: space-between; align-items: center; } #main_area #lnavi #side_cs_ib #direct_a ul li { margin: 0 auto; width: 48%; } #main_area #lnavi #side_cs_ib #direct_a ul li#loginBtn a { display: block; color: #ffffff; background: #d8212c url(../image/index_list01_icon_win.gif) no-repeat 95% center / 8px; text-align: center; padding: 15px 13px 15px 0; font-weight: bold; } #main_area #lnavi #side_cs_ib #direct_a ul li#loginBtn a span { display: inline-block; background: #d8212c url(../image/index_list01_icon_login.gif) no-repeat left 4px center / 10px; padding-left: 20px; } #main_area #lnavi #side_cs_ib #direct_a ul li#loginBtn a:hover { opacity: 0.7; } #main_area #lnavi #side_cs_ib #balance_link { background:#ffffff; text-align:center; margin-top:5px; } #main_area #lnavi #side_cs_ib #balance_link img { width:24px; } #main_area #lnavi #side_cs_ib #balance_link a { display:block; padding:5px; } #main_area #lnavi #side_cs_ib #balance_link:hover { opacity:0.7; } #main_area #lnavi #side_biz_links1 a:hover { opacity:0.7; } #main_area #lnavi #side_biz_links2 ul li { margin-top:5px; } #main_area #lnavi #side_biz_links2 a:hover { opacity:0.7; } /* write210513end */ /*------------------------------ フッター -------------------------------*/ #footer_wrap { border-top: solid 2px #d60b18; } #footer { width:100%; background:#fff; border-top: solid 1px #e5e5e5; } #footer #f_section, #footer #fnavi, #footer #f_logo_section, #footer #f_copyright_section { max-width:1200px; margin:0 auto; } #footer #f_logo_section { position:relative; } #f_chara { position:absolute; right:0; bottom:0; width:17%; text-align: right; } #footer #fnavi #fn_top_section { margin:25px 0 0 0; padding-bottom: 45px; } #footer #fnavi #fn_top_section .fn_top_inner .sitemap_unit { float:left; width:32%; margin-left:2.5%; } #footer #fnavi #fn_top_section .fn_top_inner .sitemap_unit:first-child { margin-left:0; } #footer #fnavi #fn_top_section .fn_top_inner .sitemap_unit ul li { margin-top:8px; font-size: 93%; } #footer #fnavi #fn_top_section .fn_top_inner .sitemap_unit ul li a { display:block; /*color:#560000;*/ background:url(../image/arrow27.png) left 0.6em no-repeat; padding:0 0 0 20px; color: #000000; text-decoration: none; } #footer #fnavi #fn_top_section .fn_top_inner .sitemap_unit ul li a:hover { color: #d60b18; } #footer #fnavi #fn_top_section .fn_top_inner .sitemap_unit ul li ul li a { display:block; color:#000000; background:url(../image/arrow04.gif) 1.5em 0.3em no-repeat; padding:0 0 0 30px; text-decoration: none; } #footer #fnavi { margin-top:10px; position: relative; } #footer #f_logo_section { margin-top:30px; } #footer #f_copyright_section { max-width:100%; border-top:solid 1px #e5e5e5; padding-top:5px; } #footer #f_copyright_section { max-width:100%; padding-top:15px; } #footer #f_copyright_section p.footer_remarks { text-align:center; font-size: 93%; } #footer #f_copyright_section p.footer_copyright { text-align:center; margin-bottom:10px; height:30px; } #footer #f_section { position:relative; max-width:1200px; margin:0 auto; } /* 180806 update start */ #footer #f_section p.pagetop { position:fixed; right:10px; bottom:10px; z-index:101; display:none; } /* 180806 update end */ #footer2 { background:none #ffffff; width:100%; margin:0 auto; } #footer2 p#footer_sitemap_btn { padding:15px 0; cursor:pointer; font-size:107%; text-align:center; } #footer2 p#footer_sitemap_btn:hover { color: #d60b18; } #footer2 p#footer_sitemap_btn span { background:url(../image/icon_footer_plus.png) left center no-repeat; padding:0 0 0 30px; } #footer2 p#footer_sitemap_btn span.close { background:url(../image/icon_footer_minus.png) left center no-repeat; } #footer2 #fsitemap_section { max-width:1200px; margin:0 auto; padding:0 0 30px; display:none; } #footer2 #fsitemap_section .fn_top_inner { /* margin-top:15px; */ } #footer2 #fsitemap_section .fn_top_inner .sitemap_unit { float:left; width:30%; margin:0 0 0 3.5%; } #footer2 #fsitemap_section .fn_top_inner .sitemap_unit:first-child { margin-left:0; } #footer2 #fsitemap_section .fn_top_inner .sitemap_unit ul li { margin-top:5px; } #footer2 #fsitemap_section .fn_top_inner .sitemap_unit ul li a { display:block; color:#560000; background:url(../image/arrow01.gif) left 0.2em no-repeat; padding:0 0 0 20px; } #footer2 #fsitemap_section .fn_top_inner .sitemap_unit ul li ul li a { display:block; color:#000000; background:url(../image/arrow04.gif) 1.5em 0.3em no-repeat; padding:0 0 0 30px; } #footer2 #fsitemap_section .fn_top_inner .sitemap_unit h3 { display:block; color:#560000; background:url(../image/arrow01.gif) left 0.2em no-repeat; margin-top:20px; padding:0 0 0 20px; border:none; font-size:110%; } #footer2 #fsitemap_section .fn_top_inner .sitemap_unit a { color:#000000; text-decoration: none; } #footer2 #fsitemap_section .fn_top_inner .sitemap_unit a:hover { color:#d60b18; text-decoration: none; } #footer2 #fsitemap_section .fn_top_inner .sitemap_unit ul { margin-top:10px; } #footer2 #fsitemap_section .fn_top_inner .sitemap_unit ul li a { display:block; color:#000000; background:url(../image/arrow04.gif) 1.5em 0.3em no-repeat; padding:0 0 0 30px; margin-top:5px; } #footer2 #fsitemap_section .fn_top_inner .sitemap_unit ul li ul { margin-top:0; } #footer2 #fsitemap_section .fn_top_inner .sitemap_unit ul li ul li { margin: 0 0 0 20px; } #footer2 #fsitemap_section .fn_top_inner.etc_menu .sitemap_unit { width:15%; margin-top:20px; } /*------------------------------ bottomList -------------------------------*/ #footerGnaviWrap { background: #f2f2f4; } #footerGnaviWrap ul { font-size: 114%; padding: 40px 10px; display: flex; justify-content: space-between; max-width: 1200px; margin: 0 auto; } #footerGnaviWrap ul li { background: #ffffff; border: solid 1px #cccccc; text-align: center; width: 23%; } #footerGnaviWrap ul li a { display: block; padding: 20px 10px; text-decoration: none; color: #000000; transition: all .3s; } #footerGnaviWrap ul li a[target="_blank"] { background:url(../image/icon_win.png) no-repeat 95% center; } #footerGnaviWrap ul li a:hover { color: #ffffff; background-color: #d60b18; } /* ここから削除 */ #footer_gnavi_wrap { display:none; } /* ここから削除 */ /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 02:レイアウト ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*------------------------------ リスト -------------------------------*/ /* 標準 */ ul.m_plane_list { margin:10px 0 0; } ul.m_plane_list li { background: url(../image/bg_li01.gif) left 0.55em no-repeat; padding:0 0 0 1em; margin-bottom:5px; } dl.m_plane_list { margin:10px 0 0; } dl.m_plane_list dt { font-weight:bold; } dl.m_plane_list dd { background: url(../image/bg_li01.gif) left 0.55em no-repeat; padding:0 0 0 1em; margin-bottom:3px; } #main_area #m_contents_section .m_content_inner .m_point_box ul li ul.m_plane_list li { background: url(../image/bg_li01.gif) left 0.55em no-repeat; padding:0 0 0 1em; margin:7px 0 0; font-size:66%; font-weight:normal } ul.m_none_list li { background:none !important; padding-left:0; } ol.m_plane_list { margin-top: 10px; } ol.m_plane_list li { list-style: decimal; margin: 2% 0 0 20px; } #main_area #m_contents_section .m_content_inner ol li ul.m_plane_list li { list-style:none; margin-left:0; } /* 括弧付き */ ol.m_parenthesis_list { margin-bottom:1em; margin-left:2em; } ol.m_parenthesis_list li { position:relative; list-style:none; margin:2% 0 0 2%; } ol.m_parenthesis_list li span { position:absolute; top: 0; left:-2em; } * html ol.m_parenthesis_list li span { top:-0em; } /* for win ie6 */ *:first-child+html ol.m_parenthesis_list li span { top:-0em; } /* for win ie7 */ /* 見出し付き */ ul.m_headed_list { margin:20px 0 0; } ul.m_headed_list li { background: url(../image/bg_li01.gif) left 2em no-repeat; padding:0.6em 0 0 1em !important; margin-bottom:5px; } ul.m_headed_list li:first-child { padding-top:0 !important; background-position: left 0.55em; } ul.m_headed_list p.m_headed_title { font-size:108%; font-weight:bold; margin-top:0; } ul.m_headed_list p.m_headed_sub_text { margin-top:3px; } /* 矢印 */ ul.m_arrow_list { margin:20px 0 0; } ul.m_arrow_list li { background: url(../image/arrow04.gif) left 0.55em no-repeat; padding:0 0 8px 1em; margin-bottom:5px; border-bottom:1px #e5e5e5 solid; } ul.m_arrow_list li a { /*color:#000000;*/ } /* PDF */ ul.m_pdf_line_list { margin:20px 0 0; } ul.m_pdf_line_list li { padding:0 0 8px 0; margin-bottom:5px; border-bottom:1px #e5e5e5 solid; } ul.m_pdf_line_list li a { /*color:#000000*/; } /* 横並べ */ ul.m_list_three li { width: 30%; float: left; list-style:inside; } ul.m_list_three li.m_fullwidth { width: 100%;} /* 番号付き */ ol.m_no_list { margin:20px 0; } ol.m_no_list li { padding:0 0 4px 20px; margin:0 10px 5px 0; } ol.m_no_list li.m_no_01 { background:url(../image/bg_li_no01.gif) left 0.1em no-repeat; } ol.m_no_list li.m_no_02 { background:url(../image/bg_li_no02.gif) left 0.1em no-repeat; } ol.m_no_list li.m_no_03 { background:url(../image/bg_li_no03.gif) left 0.1em no-repeat; } ol.m_no_list li.m_no_04 { background:url(../image/bg_li_no04.gif) left 0.1em no-repeat; } ol.m_no_list li.m_no_05 { background:url(../image/bg_li_no05.gif) left 0.1em no-repeat; } ol.m_no_list li.m_no_06 { background:url(../image/bg_li_no06.gif) left 0.1em no-repeat; } ol.m_no_list li.m_no_07 { background:url(../image/bg_li_no07.gif) left 0.1em no-repeat; } ol.m_no_list li.m_no_08 { background:url(../image/bg_li_no08.gif) left 0.1em no-repeat; } ol.m_no_list li.m_no_09 { background:url(../image/bg_li_no09.gif) left 0.1em no-repeat; } ol.m_no_list li.m_no_10 { background:url(../image/bg_li_no10.gif) left 0.1em no-repeat; } /* 番号付き(グラデーション) */ ol.m_no_gra_list { margin:20px 0;} ol.m_no_gra_list li { padding:0 0 5px 26px; margin:0 10px 5px 0; } ol.m_no_gra_list li.m_no_gra01 { background:url(../image/bg_li_no_gra01.gif) left 0.1em no-repeat; } ol.m_no_gra_list li.m_no_gra02 { background:url(../image/bg_li_no_gra02.gif) left 0.1em no-repeat; } ol.m_no_gra_list li.m_no_gra03 { background:url(../image/bg_li_no_gra03.gif) left 0.1em no-repeat; } ol.m_no_gra_list li.m_no_gra04 { background:url(../image/bg_li_no_gra04.gif) left 0.1em no-repeat; } ol.m_no_gra_list li.m_no_gra05 { background:url(../image/bg_li_no_gra05.gif) left 0.1em no-repeat; } ol.m_no_gra_list li.m_no_gra06 { background:url(../image/bg_li_no_gra06.gif) left 0.1em no-repeat; } ol.m_no_gra_list li.m_no_gra07 { background:url(../image/bg_li_no_gra07.gif) left 0.1em no-repeat; } ol.m_no_gra_list li.m_no_gra08 { background:url(../image/bg_li_no_gra08.gif) left 0.1em no-repeat; } ol.m_no_gra_list li.m_no_gra09 { background:url(../image/bg_li_no_gra09.gif) left 0.1em no-repeat; } ol.m_no_gra_list li.m_no_gra10 { background:url(../image/bg_li_no_gra10.gif) left 0.1em no-repeat; } /*------------------------------ ボタン・リンク -------------------------------*/ /* テキストリンク */ p.m_txt_link { margin:20px 0 0; } p.m_txt_link a { color:#0044cc; background:url(../image/arrow04.gif) left center no-repeat; padding:0 0 0 10px; } p.m_txt_link02 { margin:20px 0 0; } p.m_txt_link02 a { color:#0044cc; background:url(../image/arrow03.gif) left center no-repeat; padding:0 0 0 10px; } span.m_txt_link { margin:0 0 0 20px; } span.m_txt_link:first-child { margin-left:0; } span.m_txt_link a { color:#0044cc; background:url(../image/arrow04.gif) left center no-repeat; padding:0 0 0 10px; } /* PDFリンク */ p.m_txt_pdf_link { margin:20px 0 0; } p.m_txt_pdf_link a { display:block; /*color:#0044cc;*/ padding:0 0 1px 0; } span.m_txt_pdf_link { margin:0 0 0 20px; } span.m_txt_pdf_link:first-child { margin-left:0; } span.m_txt_pdf_link a { /*color:#0044cc;*/ padding:0 0 1px 0; } ul.m_pdf_list { margin:20px 0 0; } ul.m_pdf_list li { padding:0 0 8px 0; margin:0 10px 5px 0; border-bottom:1px #e5e5e5 solid; width:41%; float:left;} ul.m_pdf_list li a { /*color:#000000;*/ } dl.m_pdf_list dt {margin:20px 0 5px 0; font-weight:bold;} dl.m_pdf_list dd { padding:0 0 8px 0; margin:0 10px 5px 0; border-bottom:1px #e5e5e5 solid; width:41%; float:left;} dl.m_pdf_list dd a { color:#000000; } a img.pdfIcon { vertical-align:top; margin: 0 2px 0 4px; width:auto;} /* シンプルボタン */ p.m_plane_btn,#main_area #m_contents_section .m_content_inner p.m_plane_btn { margin:10px 0 0; } #main_area #m_contents_section .m_content_inner li p.m_plane_btn { margin:5px 0 10px 0;} p.m_plane_btn a { position:relative; display:inline-block; padding:5px 25px 5px 10px; border:1px #cfcfcf solid; background:none #f6f6f6; text-decoration:none; text-align:center; color:#000000; } p.m_plane_btn a img { vertical-align:middle; } p.m_plane_btn a:hover { opacity:0.7; filter:alpha(opacity=70); } p.m_plane_btn a:after { content:url(../image/arrow01.gif); position:absolute; top:50%; right:5px; margin-top:-7.5px; } /* li.at_comment_s内で使用時 */ .at_comment_s p.m_plane_btn a { font-size:117%; padding-left:20px; } /* アンカーボタン */ p.m_anchor_btn { margin:20px 0 0; } p.m_anchor_btn a { position:relative; display:inline-block; padding:5px 25px 5px 10px; border:1px #cfcfcf solid; background:none #f6f6f6; text-decoration:none; text-align:center; color:#000000; } p.m_anchor_btn a:after { content:url(../image/arrow06.gif); position:absolute; top:50%; right:5px; margin-top:-7.5px; } p.m_anchor_btn a:hover { opacity:0.7; filter:alpha(opacity=70); } ul.m_anchor_btn li { margin:10px 10px 0 0; float:left;} ul.m_anchor_btn li a { position:relative; display:inline-block; padding:5px 25px 5px 10px; border:1px #cfcfcf solid; background:none #f6f6f6; text-decoration:none; text-align:center; color:#000000; } ul.m_anchor_btn li a:after { content:url(../image/arrow06.gif); position:absolute; top:50%; right:5px; margin-top:-7.5px; } ul.m_anchor_btn li a:hover { opacity:0.7; filter:alpha(opacity=70); } /* 別ウィンドウボタン */ p.m_window_btn a { position:relative; display:inline-block; padding:5px 25px 5px 10px; border:1px #cfcfcf solid; background:none #f6f6f6; text-decoration:none; text-align:center; color:#000000; } p.m_window_btn a { vertical-align:middle; } p.m_window_btn a:hover { opacity:0.7; filter:alpha(opacity=70); } p.m_window_btn a:after { content:url(../image/icon_window.gif); position:absolute; top:50%; right:5px; margin-top:-7.5px; } /* 別ウィンドウボタン02 */ p.m_window_btn02 a { position:relative; border-radius:6px; display:inline-block; padding:10px 70px 10px 70px; border:2px #cfcfcf solid; background:none #dceed3; text-decoration:none; text-align:center; color:#000000; } p.m_window_btn02 a { vertical-align:middle; } p.m_window_btn02 a:hover { opacity:0.7; filter:alpha(opacity=70); } p.m_window_btn02 a:after { content:url(../image/icon_window02.gif); position:absolute; top:50%; right:5px; margin-top:-7.5px; } /* 展開ボタン */ p.m_open_btn { margin:20px 0 0; } p.m_open_btn a { position:relative; display:inline-block; padding:5px 25px 5px 10px; border:1px #cfcfcf solid; background:none #f6f6f6; text-decoration:none; text-align:center; color:#000000; } p.m_open_btn a:after { content:url(../image/arrow06.gif); position:absolute; top:50%; right:5px; margin-top:-7.5px; } p.m_open_btn.on a:after { content:url(../image/arrow14.gif); } p.m_open_btn a:hover { opacity:0.7; filter:alpha(opacity=70); } p.m_open_btn02 { margin:20px 0 0; } p.m_open_btn02 a:hover { opacity:0.7; filter:alpha(opacity=70); } p.m_open_btn02 a { font-weight:bold; border-radius:5px; display:inline-block; border:1px #d60b17 solid; background:url(../image/arrow03c.gif) 97% 50% no-repeat #f8f4ce; text-decoration:none; text-align:center; color:#d60b17; zoom:1; position:relative; } p.m_open_btn02.on a { background:url(../image/arrow03d.gif) 97% 50% no-repeat #f8f4ce; } p.m_open_btn02 a img { vertical-align:middle;} p.m_open_btn02 a { max-width:280px; width:50%; font-size:108%; padding:8px 15px 8px 10px; } /* ページの先頭へ */ p.m_pagetop_btn { margin:10px 0 0; text-align:right;} p.m_pagetop_btn a { position:relative; display:inline-block; padding:5px 25px 5px 10px; border:1px #cfcfcf solid; background:none #f6f6f6; text-decoration:none; text-align:center; color:#000000; } p.m_pagetop_btn a:after { content:url(../image/arrow14.gif); position:absolute; top:50%; right:5px; margin-top:-7.5px; } p.m_pagetop_btn a:hover { opacity:0.7; filter:alpha(opacity=70); } /* 赤ボタン */ p.m_important_lbtn, p.m_important_mbtn, p.m_important_sbtn { margin:20px 0 0; } p.m_important_lbtn a:hover, p.m_important_mbtn a:hover, p.m_important_sbtn a:hover { opacity:0.7; filter:alpha(opacity=70); } p.m_important_lbtn a, p.m_important_mbtn a, p.m_important_sbtn a { font-weight:bold; border-radius:5px; display:inline-block; border:1px #d60b17 solid; background:url(../image/arrow02.gif) 97% 50% no-repeat #d60b17; text-decoration:none; text-align:center; color:#ffffff !important; zoom:1; position:relative; } p.m_important_lbtn a img, p.m_important_mbtn a img, p.m_important_sbtn a img { vertical-align:middle;} p.m_important_lbtn a { max-width:280px; width:50%; font-size:100%; padding:8px 15px 8px 10px; } p.m_important_mbtn a { max-width:200px; width:40%;font-size:108%; padding:5px 15px 5px 10px; } p.m_important_sbtn a { max-width:180px; width:30%;font-size:85%; padding:3px 15px 3px 10px; } span.m_important_lbtn, span.m_important_mbtn, span.m_important_sbtn { margin:20px 0 0; } span.m_important_lbtn a:hover, span.m_important_mbtn a:hover, span.m_important_sbtn a:hover { opacity:0.7; filter:alpha(opacity=70); } span.m_important_lbtn a, span.m_important_mbtn a, span.m_important_sbtn a { font-weight:bold; border-radius:5px; display:inline-block; border:1px #d60b17 solid; background:url(../image/arrow02.gif) 97% 50% no-repeat #d60b17; text-decoration:none; text-align:center; color:#ffffff !important; zoom:1; position:relative; } span.m_important_lbtn a { max-width:280px; width:50%; font-size:108%; padding:8px 15px 8px 10px; } span.m_important_mbtn a { max-width:200px; width:40%;font-size:108%; padding:5px 15px 5px 10px; } span.m_important_sbtn a { max-width:180px; width:30%;font-size:85%; padding:3px 15px 3px 10px; } /* 赤ボタン PDF*/ p.m_important_pdf_btn { margin:20px 0 0; } p.m_important_pdf_btn a:hover { opacity:0.7; filter:alpha(opacity=70); } p.m_important_pdf_btn a { background:#d60b17; font-weight:bold; border-radius:5px; display:inline-block; border:1px #d60b17 solid; text-decoration:none; text-align:center; color:#ffffff !important; zoom:1; position:relative; } p.m_important_pdf_btn a img { vertical-align:middle;} p.m_important_pdf_btn a { max-width:280px; width:50%; font-size:108%; padding:8px 15px 8px 10px; } /* 黄ボタン */ p.m_etc_lbtn, p.m_etc_mbtn, p.m_etc_sbtn { margin:20px 0 0; } p.m_etc_lbtn a:hover, p.m_etc_mbtn a:hover, p.m_etc_sbtn a:hover { opacity:0.7; filter:alpha(opacity=70); } p.m_etc_lbtn a, p.m_etc_mbtn a, p.m_etc_sbtn a { font-weight:bold; border-radius:5px; display:inline-block; border:1px #d60b17 solid; background:url(../image/arrow03.gif) 97% 50% no-repeat #f8f4ce; text-decoration:none; text-align:center; color:#d60b17; zoom:1; position:relative; } p.m_etc_lbtn a { max-width:280px; width:50%; font-size:100%; padding:8px 15px 8px 10px; } p.m_etc_mbtn a { max-width:200px; width:40%; font-size:100%; padding:5px 15px 5px 10px; } p.m_etc_sbtn a { max-width:180px; width:30%; font-size:85%; padding:3px 15px 3px 10px; } p.m_etc_lbtn a img, p.m_etc_mbtn a img, p.m_etc_sbtn a img { vertical-align:middle;} span.m_etc_lbtn, span.m_etc_mbtn, span.m_etc_sbtn { margin:20px 0 0; } span.m_etc_lbtn a:hover, span.m_etc_mbtn a:hover, span.m_etc_sbtn a:hover { opacity:0.7; filter:alpha(opacity=70); } span.m_etc_lbtn a, span.m_etc_mbtn a, span.m_etc_sbtn a { font-weight:bold; border-radius:5px; display:inline-block; border:1px #d60b17 solid; background:url(../image/arrow03.gif) 97% 50% no-repeat #f8f4ce; text-decoration:none; text-align:center; color:#d60b17; zoom:1; position:relative; } span.m_etc_lbtn a { max-width:280px; width:50%; font-size:108%; padding:8px 15px 8px 10px; } span.m_etc_mbtn a { max-width:200px; width:40%; font-size:108%; padding:5px 15px 5px 10px; } span.m_etc_sbtn a { max-width:180px; width:30%; font-size:85%; padding:3px 15px 3px 10px; } /* グラデボタン */ p.m_gra_lbtn, p.m_gra_mbtn, p.m_gra_sbtn { margin:20px 0 0; } p.m_gra_lbtn a:hover, p.m_gra_mbtn a:hover, p.m_gra_sbtn a:hover { opacity:0.7; filter:alpha(opacity=70); } p.m_gra_lbtn a, p.m_gra_mbtn a, p.m_gra_sbtn a { font-weight:bold; border-radius:5px; display:inline-block; border:1px #cfcfcf solid; background:url(../image/arrow03.gif) 97% 50% no-repeat #fafafa; text-decoration:none; text-align:center; zoom:1; position:relative; } p.m_gra_lbtn a { max-width:280px; width:50%; font-size:108%; padding:8px 15px 8px 10px; } p.m_gra_mbtn a { max-width:200px; width:40%; font-size:108%; padding:5px 15px 5px 10px; } p.m_gra_sbtn a { max-width:180px; width:30%; font-size:85%; padding:3px 15px 3px 10px; } p.m_gra_lbtn a, p.m_gra_mbtn a, p.m_gra_sbtn a { background-color: #ffffff; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f7f7f7)); background-image: -webkit-linear-gradient(top, #ffffff, #f7f7f7); background-image: -moz-linear-gradient(top, #ffffff, #f7f7f7); background-image: -ms-linear-gradient(top, #ffffff, #f7f7f7); background-image: -o-linear-gradient(top, #ffffff, #f7f7f7); background-image: linear-gradient(to bottom, #ffffff, #f7f7f7);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff, endColorstr=#f7f7f7); } p.m_gra_lbtn a img, p.m_gra_mbtn a img, p.m_gra_sbtn a img { vertical-align:middle;} /* 横並び2列黄ボタン */ ul.m_divide_etc_btn { margin-top:15px; } ul.m_divide_etc_btn li { width:48%; margin-top:10px; } ul.m_divide_etc_btn li a { font-size:108%; padding:8px 0; width:100%; font-weight:bold; border-radius:5px; /* display:inline-block; */ display:block; border:1px #d60b17 solid; background:url(../image/arrow03.gif) 97% 50% no-repeat #f8f4ce; text-decoration:none; text-align:center; color:#d60b17; } ul.m_divide_etc_btn li a img { vertical-align:middle;} ul.m_divide_etc_btn li a:hover { opacity:0.7; filter:alpha(opacity=70); } /* 横並び2列黄ボタン */ ul.m_two_etc_btn { margin:20px 0 0; width:100%; } ul.m_two_etc_btn li { width:49%; text-align:center; float:left;} ul.m_two_etc_btn li a { border-radius:5px; font-size:108%; font-weight:bold; width:32.5%; display:table-cell; vertical-align:middle; padding:10px 25px; border:1px #d60b17 solid; background:url(../image/arrow03.gif) 97% 50% no-repeat #f8f4ce; text-decoration:none; color:#d60b17; } ul.m_two_etc_btn li a:hover { opacity:0.7; filter:alpha(opacity=70); } /* 横並び2列黄アンカーボタン */ ul.m_two_etc_btn_anchor { margin:10px 0 0; width:100%; } ul.m_two_etc_btn_anchor li { width:47%; margin-left:2%; text-align:center; float:left; margin-top:10px; } ul.m_two_etc_btn_anchor li a { border-radius:5px; font-size:108%; font-weight:bold; width:32.5%; display:table-cell; vertical-align:middle; padding:7px 25px; border:1px #d60b17 solid; background:url(../image/arrow03c.gif) 97% 50% no-repeat #f8f4ce; text-decoration:none; color:#d60b17; } ul.m_two_etc_btn_anchor li a:hover { opacity:0.7; filter:alpha(opacity=70); } /* 横並び3列黄ボタン */ ul.m_three_etc_btn { margin:0 2%; } ul.m_three_etc_btn li { float:left; width:31.2%; margin:10px 1% 0; } ul.m_three_etc_btn li a { display:table-cell; vertical-align:middle; width:31.3%; font-size:108%; padding:5px 15px 5px 10px; font-weight:bold; border-radius:5px; border:1px #d60b17 solid; background:url(../image/arrow03.gif) 97% 50% no-repeat #f8f4ce; text-decoration:none; color:#d60b17; text-align:center; } ul.m_three_etc_btn li a:hover { opacity:0.7; filter:alpha(opacity=70); } /* 横並び1列ボタン */ #main_area #m_contents_section .m_content_inner p.m_one_btns { margin:15px 0 0; width:100%; text-align:center;} p.m_one_btns a { border-radius:5px; font-size:100%; font-weight:bold; width:50%; display:inline-block; padding:10px 0; border:1px #cfcfcf solid; background:url(../image/arrow03.gif) 97% 50% no-repeat #fafafa; text-decoration:none; color:#000000;} p.m_one_btns a img { vertical-align:middle; margin-right:3px;} p.m_one_btns a:hover { opacity:0.7; filter:alpha(opacity=70); } #main_area .m_withcity_section .m_withcity_bt_box p.m_one_btns { margin:15px 0 0; width:100%; text-align:center;} #main_area .m_withcity_section .m_withcity_bt_box p.m_one_btns a { width:40%;} /* 横並び2列ボタン */ ul.m_two_btns { margin:15px 0 0; width:100%; } ul.m_two_btns li { width:49%; margin-left:2%; text-align:center; background:none #f6f6f6; float:left; } ul.m_two_btns li:first-child { margin-left:0; } ul.m_two_btns li a { border-radius:5px; font-size:100%; font-weight:bold; width:32.5%; display:table-cell; vertical-align:middle; padding:10px 25px; border:1px #cfcfcf solid; background:url(../image/arrow03.gif) 97% 50% no-repeat #fafafa; text-decoration:none; color:#000000; } ul.m_two_btns li a img { vertical-align:middle; } ul.m_two_btns li a:hover { opacity:0.7; filter:alpha(opacity=70); } ul.m_two_btns02 { margin:15px 0 0; width:100%; } ul.m_two_btns02 li { width:49%; margin-left:2%; text-align:center; background:none #f6f6f6; float:left; } ul.m_two_btns02 li:first-child { margin-left:0; } ul.m_two_btns02 li a { border-radius:5px; font-size:108%; font-weight:bold; width:32.5%; display:table-cell; vertical-align:middle; padding:10px 25px; background:url("../image/arrow03.gif") no-repeat scroll 97% 50% #f8f4ce; border:1px solid #d60b17; text-decoration:none; color:#d60b17; } ul.m_two_btns02 li a img { vertical-align:middle; } ul.m_two_btns02 li a:hover { opacity:0.7; filter:alpha(opacity=70); } /* 横並び2列ボタン(ページャー) */ ul.m_two_btns li.m_two_btns_prev a { border-radius:5px; font-size:108%; font-weight:bold; width:32.5%; display:table-cell; vertical-align:middle; padding:10px 25px; border:1px #cfcfcf solid; background:url(../image/arrow03b.gif) 3% 50% no-repeat #fafafa; text-decoration:none; color:#000000; } ul.m_two_btns li.m_two_btns_next a { border-radius:5px; font-size:108%; font-weight:bold; width:32.5%; display:table-cell; vertical-align:middle; padding:10px 25px; border:1px #cfcfcf solid; background:url(../image/arrow03.gif) 97% 50% no-repeat #fafafa; text-decoration:none; color:#000000; } /* シンプルボタン(中央) */ p.m_one_plane_btn { width:49%; text-align:center; margin: 20px auto 0 !important; } p.m_one_plane_btn a { background:url(../image/arrow01.gif) no-repeat 98% 50% #f6f6f6; font-weight:bold; width:1%; display:table-cell; vertical-align:middle; padding:7px 25px; border:1px #cfcfcf solid; text-decoration:none; color:#000000; } p.m_one_plane_btn a:hover { opacity:0.7; filter:alpha(opacity=70); } /* 横並び2列ボタン(ミックス シンプルボタン+pdfボタン) */ .m_two_btns_mix_box p.m_left_plane_btn { float:left; width:49%; margin-top:20px !important; } .m_two_btns_mix_box p.m_left_plane_btn a { background:url(../image/arrow01.gif) no-repeat 98% 50% #f6f6f6; width:1%; border:1px #cfcfcf solid; padding:7px 25px 7px 10px; font-weight:bold; display:table-cell; vertical-align:middle; text-decoration:none; text-align:center; } .m_two_btns_mix_box p.m_left_plane_btn a:hover { opacity:0.7; filter:alpha(opacity=70); } .m_two_btns_mix_box p.m_right_pdf_btn { float:right; width:49%; margin-right:2%; text-align:center; background:none #dddee1; margin: 20px auto 0 !important; } .m_two_btns_mix_box p.m_right_pdf_btn a { font-weight:bold; width:1%; display:table-cell; vertical-align:middle; padding:7px 25px; border:1px #cfcfcf solid; text-decoration:none; color:#000000; } .m_two_btns_mix_box p.m_right_pdf_btn a:hover { opacity:0.7; filter:alpha(opacity=70); } .m_two_btns_mix_box p.m_right_pdf_btn a img { vertical-align:text-bottom; margin-right:3px; } /* 横並び2列ボタン(シンプルボタン) */ ul.m_two_plane_btns { margin:20px 0 0; } ul.m_two_plane_btns li.m_plane_left_btn { float:left; width:49%; } ul.m_two_plane_btns li.m_plane_right_btn { float:right; width:49%; } ul.m_two_plane_btns a { position:relative; border:1px #cfcfcf solid; background:none #f6f6f6; text-decoration:none; text-align:center; color:#000000; padding:7px 25px 7px 10px; font-weight:bold;font-weight:bold; width:1%; display:table-cell; vertical-align:middle; } ul.m_two_plane_btns a:hover { opacity:0.7; filter:alpha(opacity=70); } ul.m_two_plane_btns a:after { content:url(../image/arrow01.gif); position:absolute; top:50%; right:5px; margin-top:-7.5px; } /* 横並び3列ボタン */ ul.m_three_btns { margin:20px 0 0; width:100%; } ul.m_three_btns li { width:32.5%; margin-left:1.25%; text-align:center; background:none #f6f6f6; float:left; } ul.m_three_btns li:first-child { margin-left:0; } ul.m_three_btns li a { font-size:108%; font-weight:bold; width:32.5%; display:table-cell; vertical-align:middle; padding:10px 25px; border:1px #cfcfcf solid; background:url(../image/arrow01.gif) 97% 50% no-repeat; text-decoration:none; color:#000000; } ul.m_three_btns li a img { vertical-align:middle; } ul.m_three_btns li a:hover { opacity:0.7; filter:alpha(opacity=70); } /* 横並び3列アンカーボタン */ ul.m_anchor_three_btns { margin:20px 0 0; width:100%; } ul.m_anchor_three_btns li { width:32.5%; margin-left:1.25%; text-align:center; background:none #f6f6f6; float:left; } ul.m_anchor_three_btns li:first-child { margin-left:0; } ul.m_anchor_three_btns li a { font-size:100%; font-weight:bold; width:32.5%; display:table-cell; vertical-align:middle; padding:10px 25px; border:1px #cfcfcf solid; background:url(../image/arrow06.gif) 97% 50% no-repeat; text-decoration:none; color:#000000; } ul.m_anchor_three_btns li a:hover { opacity:0.7; filter:alpha(opacity=70); } /* 横並び多数ボタン */ ul.m_list_btns { margin:10px 0 0; width:100%; } ul.m_list_btns li { width:47%; margin-left:2%; margin-top:10px; text-align:left; background:none #f6f6f6; float:left; } ul.m_list_btns li a { border-radius:5px; font-size:108%; font-weight:bold; width:32.5%; display:table-cell; vertical-align:middle; padding:10px 25px; border:1px #cfcfcf solid; background:url(../image/arrow03.gif) 97% 50% no-repeat #fafafa; text-decoration:none; color:#000000; } ul.m_list_btns li a img { vertical-align:middle; } ul.m_list_btns li a:hover { opacity:0.7; filter:alpha(opacity=70); } /* PDFボタン */ p.m_pdf_btns { width:46%; margin-right:2%; text-align:center; background:none #dddee1; margin: 20px auto 0 !important; } p.m_pdf_btns a { font-weight:bold; width:1%; display:table-cell; vertical-align:middle; padding:7px 25px; border:1px #cfcfcf solid; text-decoration:none; color:#000000; } p.m_pdf_btns a:hover { opacity:0.7; filter:alpha(opacity=70); } p.m_pdf_btns a img { vertical-align:text-bottom; margin-right:3px; } /* PDFボタン(緑) */ p.m_pdf_btns02 { width:46%; margin-right:2%; text-align:center; margin: 20px auto 0 !important; } p.m_pdf_btns02 a { font-weight:bold; width:1%; display:table-cell; vertical-align:middle; padding:10px 25px; border:2px #cfcfcf solid; text-decoration:none; color:#000000; border-radius:6px; background:none #dceed3; } p.m_pdf_btns02 a:hover { opacity:0.7; filter:alpha(opacity=70); } p.m_pdf_btns02 a img { vertical-align:text-bottom; margin-right:3px; } /* PDFボタン2つ横並び */ ul.m_pdf_btns { margin:20px 0 0; width:100%; } ul.m_pdf_btns li { width:49%; margin-right:2%; text-align:center; background:none #dddee1; float:left; } ul.m_pdf_btns li:last-child { margin-right:0; } ul.m_pdf_btns li a { font-weight:bold; width:1%; display:table-cell; vertical-align:middle; padding:7px 25px; border:1px #cfcfcf solid; text-decoration:none; color:#000000; } ul.m_pdf_btns li a:hover { opacity:0.7; filter:alpha(opacity=70); } ul.m_pdf_btns li a img { vertical-align:text-bottom; margin-right:3px; } /* PDFボタン3つ横並び */ ul.m_pdf_three_btns { margin:20px 0 0; width:100%; } ul.m_pdf_three_btns li { width:32%; margin-right:2%; text-align:center; background:none #dddee1; float:left; } ul.m_pdf_three_btns li:last-child { margin-right:0; } ul.m_pdf_three_btns li a { font-weight:bold; width:1%; display:table-cell; vertical-align:middle; padding:7px 25px; border:1px #cfcfcf solid; text-decoration:none; color:#000000; } ul.m_pdf_three_btns li a:hover { opacity:0.7; filter:alpha(opacity=70); } ul.m_pdf_three_btns li a img { vertical-align:text-bottom; margin-right:3px; } /* 別ウィンドウボタン(横並び3列アンカーボタン) */ ul.m_three_btns li.m_window_btn a { position:relative; background:none;} ul.m_three_btns li.m_window_btn a img { vertical-align:middle; } ul.m_three_btns li.m_window_btn a:hover { opacity:0.7; filter:alpha(opacity=70); } ul.m_three_btns li.m_window_btn a:after { content:url(../image/icon_window.gif); position:absolute; top:50%; right:5px; margin-top:-7.5px; } /* 横並び2列ボタン*/ ul.item2Area { text-align: center;} ul.item2Area li { width:30.7%; margin:0.6% 0.3% 0; display: inline-block; } ul.item2Area li img { width:100%;} /* 横並び3列ボタン */ ul.item3Area { width:100%; margin:0 auto;} ul.item3Area li { float:left; margin: 0.6%; width: 32%;} ul.item3Area li img { width: 100%;} /*------------------------------ テーブル -------------------------------*/ .tbColor01 { background:none #faf8e9 !important; } /* 商品テーブル */ table.m_item_table { margin:20px 0 0; table-layout:fixed; width:100%; } table.m_item_table caption { border:1px #e0d9c6 solid; border-bottom:none; text-align:center; padding:10px; background:none #fff5d9; font-weight:bold; } table.m_item_table th { border:1px #e0d9c6 solid; padding:10px; background:none #faf8e9; } table.m_item_table td { border:1px #e0d9c6 solid; padding:10px; background:none #ffffff; } /* 中央寄せテーブル */ table.m_centering_table { margin:20px auto 0; table-layout:fixed; width:100%; } table.m_centering_table caption { font-weight:bold; } table.m_centering_table caption.m_table_caption_repletion { font-weight:normal; text-align:right;} table.m_centering_table th { border:1px #e0d9c6 solid; padding:10px; background:none #faf8e9; } table.m_centering_table td { border:1px #e0d9c6 solid; padding:10px; background:none #ffffff; } table.m_centering_table tr.table_header th { background:none #fff5d9; } /* 中央寄せテーブル(th左) */ table.m_centering_table_l { margin:20px auto 0; table-layout:fixed; width:100%; } table.m_centering_table_l caption { border-bottom:none; font-weight:bold; } table.m_centering_table_l caption.m_table_caption_repletion { font-weight:normal; text-align:right;} table.m_centering_table_l th { border:1px #e0d9c6 solid; padding:10px; background:none #fff5d9; } table.m_centering_table_l td { border:1px #e0d9c6 solid; padding:10px; background:none #ffffff; } /* 中央寄せテーブル(th左)02 */ table.m_centering_table_l02 { margin:20px auto 0; table-layout:fixed; width:100%; } table.m_centering_table_l02 caption { border-bottom:none; font-weight:bold; } table.m_centering_table_l02 caption.m_table_caption_repletion { font-weight:normal; text-align:right;} table.m_centering_table_l02 th { border:1px #e0d9c6 solid; padding:10px; background:none #fff5d9; } table.m_centering_table_l02 td { border:1px #e0d9c6 solid; padding:10px; background:none #ffffff; } /* テーブル(td・th中央寄せ) */ table.m_table_c { margin:20px auto 0; table-layout:fixed; width:100%; } table.m_table_c caption { border-bottom:none; font-weight:bold; } table.m_table_c caption.m_table_caption_repletion { font-weight:normal; text-align:right;} table.m_table_c th { border:1px #e0d9c6 solid; padding:10px; background:none #faf8e9; text-align:center; } table.m_table_c td { border:1px #e0d9c6 solid; padding:10px; background:none #ffffff; text-align:center; } table.m_table_c tr.table_header th { background:none #fff5d9; } /* テーブル(td・th左寄せ) */ table.m_table_l { margin:20px auto 0; table-layout:fixed; width:100%; } table.m_table_l caption { border-bottom:none; font-weight:bold; } table.m_table_l caption.m_table_caption_repletion { font-weight:normal; text-align:right;} table.m_table_l th { border:1px #e0d9c6 solid; padding:10px; background:none #faf8e9; text-align:left; } table.m_table_l td { border:1px #e0d9c6 solid; padding:10px; background:none #ffffff; text-align:left; } table.m_table_l tr.table_header th { background:none #fff5d9; } /*------------------------------ アイコン -------------------------------*/ p.m_icon_hp { background:url(../image/icon_hp.gif) left center no-repeat; padding:0 0 0 25px; } p.m_icon_branch { background:url(../image/icon_branch.gif) left center no-repeat; padding:0 0 0 25px; } p.m_icon_mail { background:url(../image/icon_mail.gif) left center no-repeat; padding:0 0 0 25px; } p.m_icon_post { background:url(../image/icon_post.gif) left center no-repeat; padding:0 0 0 25px; } p.m_icon_attention { background:url(../image/icon_attention.gif) left center no-repeat; padding:0 0 0 55px; } #main_area #m_contents_section h3.m_icon_attention { background:url(../image/icon_attention_s.gif) left center no-repeat; padding:8px 0 5px 30px; } #main_area #m_contents_section h2.m_icon_attention { background:url(../image/icon_attention_s.gif) left center no-repeat; padding:8px 0 5px 30px; } /*------------------------------ その他 -------------------------------*/ /* ポイント */ #main_area #m_contents_section .m_content_inner .m_point_box { margin:20px 0 0; position:relative;} #main_area #m_contents_section .m_content_inner .m_point_box:first-child { margin-top:0; } #main_area #m_contents_section .m_content_inner .m_point_box p.caption { font-size:154%; text-align:center; margin:20px 0 0 30px; font-weight:bold; line-height:1.5em; } #main_area #m_contents_section .m_content_inner .m_point_box p.m_easy_level { position:absolute; top:-5px; right:0; font-size:108%; } #main_area #m_contents_section .m_content_inner .m_point_box p.m_easy_level span { color:#dba000; font-size:154%; margin-left:5px; } #main_area #m_contents_section .m_content_inner .m_point_box p.m_point { background:left top no-repeat; padding:0.1em 0 0.3em 5em; font-size:147%; margin-top:1em; line-height: 1.2em; background-image: url(../image/bg_point.gif); } #main_area #m_contents_section .m_content_inner .m_point_box ul li { background:left top no-repeat; padding:0.3em 0 0.3em 5em; font-size:147%; margin-top:1em; line-height: 1.2em; } #main_area #m_contents_section .m_content_inner .m_point_box ul li.m_point01 { background-image: url(../image/bg_li_point01.gif); } #main_area #m_contents_section .m_content_inner .m_point_box ul li.m_point02 { background-image: url(../image/bg_li_point02.gif); } #main_area #m_contents_section .m_content_inner .m_point_box ul li.m_point03 { background-image: url(../image/bg_li_point03.gif); } #main_area #m_contents_section .m_content_inner .m_point_box ul li.m_point04 { background-image: url(../image/bg_li_point04.gif); } #main_area #m_contents_section .m_content_inner .m_point_box ul li.m_point05 { background-image: url(../image/bg_li_point05.gif); } #main_area #m_contents_section .m_content_inner .m_point_box ul li.m_point06 { background-image: url(../image/bg_li_point06.gif); } #main_area #m_contents_section .m_content_inner .m_point_box ul li.m_point07 { background-image: url(../image/bg_li_point07.gif); } #main_area #m_contents_section .m_content_inner .m_point_box ul li.m_point08 { background-image: url(../image/bg_li_point08.gif); } #main_area #m_contents_section .m_content_inner .m_point_box ul li.m_point09 { background-image: url(../image/bg_li_point09.gif); } #main_area #m_contents_section .m_content_inner .m_point_box ul li.m_point10 { background-image: url(../image/bg_li_point10.gif); } #main_area #m_contents_section .m_content_inner .m_point_box p { margin-top:0; } #main_area #m_contents_section .m_content_inner .m_point_box p.m_point_sub_text { font-size:63%; margin-top:5px; font-weight:normal; line-height:1.6em; } #main_area #m_contents_section .m_content_inner .m_point_box p.m_plane_btn { font-size:68%; } #main_area #m_contents_section .m_content_inner .m_point_box th.m_point_sub_text, #main_area #m_contents_section .m_content_inner .m_point_box td.m_point_sub_text { font-size:68%; } #main_area #m_contents_section .m_content_inner .m_point_box p.m_plane_btn a:after{ top:45%; } /* 囲みボックス01 */ #main_area #m_contents_section .m_content_inner .m_boxed_box01 { margin:20px 0 0; padding:15px 15px; background:none #f6f6f6; border:1px #cfcfcf solid;} #main_area #m_contents_section .m_content_inner .m_boxed_box01 p.m_boxed_title { margin-top:0; font-size:116%; font-weight:bold; padding:0.15em 0 1px 1.2em; margin:0 0 5px 0; background:url(../image/bg_header01.gif) top left no-repeat; } #main_area #m_contents_section .m_content_inner .m_boxed_box01 p.m_boxed_text { margin-top:0; } #main_area #m_contents_section .m_content_inner .m_boxed_box01 span.m_etc_mbtn { margin-left:20px; } #main_area #m_contents_section .m_content_inner .m_boxed_box01 span.m_etc_mbtn:first-child { margin-left:0; } #main_area #m_contents_section .m_content_inner .m_boxed_box01 span.m_etc_mbtn a { max-width:250px; } #main_area #m_contents_section .m_content_inner .m_boxed_box01 .btn_center { text-align:center; !important; margin-bottom:10px; } /* 囲みボックス02 */ #main_area #m_contents_section .m_content_inner .m_boxed_box02 { margin:40px 0 0; padding:15px 15px; background:none #f6f6f6; border:1px #cfcfcf solid; } #main_area #m_contents_section .m_content_inner .m_boxed_box02 p.m_boxed_text { float:left; width:65%; margin:0; } #main_area #m_contents_section .m_content_inner .m_boxed_box02 p.m_boxed_btn { float:left; margin:5px 0 0 2%; width:30%; } #main_area #m_contents_section .m_content_inner .m_boxed_box02 p.m_boxed_btn a { max-width:180px; width:100%; font-size:93%; padding:3px 3% 3px 2%; font-weight:bold; border-radius:5px; display:inline-block; border:1px #d60b17 solid; background:url(../image/arrow03.gif) 97% 50% no-repeat #f8f4ce; text-decoration:none; text-align:center; color:#d60b17; zoom:1; position:relative; } #main_area #m_contents_section .m_content_inner .m_boxed_box02 p.m_boxed_btn a:hover { opacity:0.7; filter:alpha(opacity=70); } /* 2分割矢印付きボックス */ #main_area #m_contents_section .m_content_inner .m_arrow_box { background:url(../image/arrow15.gif) no-repeat center; margin:20px 0; } #main_area #m_contents_section .m_content_inner .m_arrow_box .m_arrow_box_left { width:41%; float:left; padding:8px 15px 15px 15px; border:1px #cfcfcf solid; } #main_area #m_contents_section .m_content_inner .m_arrow_box .m_arrow_box_right { width:41%; float:right; padding:8px 15px 15px 15px; border:1px #cfcfcf solid; } /* 2分割矢印付きボックス(左図あり) */ #main_area #m_contents_section .m_content_inner .m_arrow_box_illust { background:url(../image/arrow15.gif) no-repeat center; margin:20px 0; } #main_area #m_contents_section .m_content_inner .m_arrow_box_illust .m_arrow_box_left { width:41%; float:left; padding:0 30px 0 0; border:1px #cfcfcf solid; } #main_area #m_contents_section .m_content_inner .m_arrow_box_illust .m_arrow_box_right { width:41%; float:right; padding:0 15px; border:1px #cfcfcf solid; } /* PDFボタンver. */ #main_area #m_contents_section .m_content_inner .m_boxed_box02 p.m_boxed_pdf_btn { float:left; margin:5px 0 0 2%; width:30%; } #main_area #m_contents_section .m_content_inner .m_boxed_box02 p.m_boxed_pdf_btn a { max-width:180px; width:100%; font-size:93%; padding:3px 3% 3px 2%; font-weight:bold; border-radius:5px; display:inline-block; border:1px #d60b17 solid; text-decoration:none; text-align:center; color:#d60b17; zoom:1; position:relative; } #main_area #m_contents_section .m_content_inner .m_boxed_box02 p.m_boxed_pdf_btn a:hover { opacity:0.5; filter:alpha(opacity=50); } /* 囲みボックス03(「口座の開設お手続き」で使用) */ #main_area #m_contents_section .m_content_inner .m_boxed_box03 { margin:50px 0 0; padding:15px 15px; background:none #f6f6f6; border:1px #cfcfcf solid; } #main_area #m_contents_section .m_content_inner .m_boxed_box03 p.m_boxed_title { margin-top:0; font-size:116%; font-weight:bold; padding:0.15em 0 1px 1.2em; margin:0 0 5px 0; background:url(../image/bg_header01.gif) top left no-repeat; } #main_area #m_contents_section .m_content_inner .m_boxed_box03 p.m_boxed_text { margin-top:0; } #main_area #m_contents_section .m_content_inner .m_boxed_box03 span.m_etc_mbtn { margin-left:20px; } #main_area #m_contents_section .m_content_inner .m_boxed_box03 span.m_etc_mbtn:first-child { margin-left:0; } #main_area #m_contents_section .m_content_inner .m_boxed_box03 span.m_etc_mbtn a { max-width:250px; } #main_area #m_contents_section .m_content_inner .m_boxed_box03 .btn_center { text-align:center; !important; margin-bottom:10px; } /* 囲みボックス04 */ #main_area #m_contents_section .m_content_inner .m_boxed_box04 { margin:20px 0 0; } #main_area #m_contents_section .m_content_inner .m_boxed_box04 p.m_boxed_title { margin-top:0; font-size:116%; font-weight:bold; padding:0 0 1px 1em; margin:0 0 5px 0; background:url(../image/bg_header01.gif) top left no-repeat; } #main_area #m_contents_section .m_content_inner .m_boxed_box04 p.m_boxed_text { margin-top:0; } #main_area #m_contents_section .m_content_inner .m_boxed_box04 span.m_etc_mbtn { margin-left:20px; vertical-align: bottom;} #main_area #m_contents_section .m_content_inner .m_boxed_box04 span.m_etc_mbtn:first-child { margin-left:0; } #main_area #m_contents_section .m_content_inner .m_boxed_box04 span.m_etc_mbtn a { max-width:250px; } #main_area #m_contents_section .m_content_inner .m_boxed_box04 .btn_center { text-align:center; !important; margin-bottom:10px; } /* 囲みボックス05 */ #main_area #m_contents_section .m_content_inner .m_boxed_box05 { margin:30px 0 0; padding:15px 15px; background:none #ffffff; border:1px #cfcfcf solid; } #main_area #m_contents_section .m_content_inner .m_boxed_box05 p.m_boxed_title { margin-top:0; font-size:116%; font-weight:bold; padding:0.15em 0 1px 1.2em; margin:0 0 5px 0; background:url(../image/bg_header01.gif) top left no-repeat; } #main_area #m_contents_section .m_content_inner .m_boxed_box05 p.m_boxed_text { margin-top:0; } /* 囲みボックス06 */ #main_area #m_contents_section .m_boxed_box06 { margin:20px 0 0; padding:15px 15px; background:none #fdfbf2; border:3px #7daa1b solid; border-radius:4px; } #main_area #m_contents_section .m_boxed_box06 .m_pdf_btns { margin-top:15px !important;} #main_area #m_contents_section .m_boxed_box06 .m_three_btns li a { line-height:1.2em; padding:7px 25px;} /* 180202 update start */ #main_area #m_contents_section .m_boxed_box06.inBox { width:65%; margin:0 auto; } #main_area #m_contents_section .m_boxed_box06.inBox .m_one_btns a { font-size:85%; padding:3px 5px; } #main_area #m_contents_section .m_boxed_box06.inBox .m_one_btns img { width:40px; } #main_area #m_contents_section .m_boxed_box06.inBox .m_two_btns li a { font-size:85%; padding:0 5px; } #main_area #m_contents_section .m_boxed_box06.inBox .m_two_btns li img { width:40px; } /* 180202 update end */ /* 囲みボックス07(白縁) */ #main_area #m_contents_section .m_content_inner .m_boxed_box07 { margin:20px 0 0; padding:3px; border:1px #cfcfcf solid;} #main_area #m_contents_section .m_content_inner .m_boxed_box07 .m_boxed_boxinner { background:none #f6f6f6; padding:15px 15px; } #main_area #m_contents_section .m_content_inner .m_boxed_box07 .m_boxed_boxinner p.m_boxed_title { margin-top:0; font-size:116%; font-weight:bold; padding:0.15em 0 1px 1.2em; margin:0 0 5px 0; background:url(../image/bg_header01.gif) top left no-repeat; } #main_area #m_contents_section .m_content_inner .m_boxed_box07 .m_boxed_boxinner p.m_boxed_text { margin-top:0; } #main_area #m_contents_section .m_content_inner .m_boxed_box07 .m_boxed_boxinner .f_left { width:57% } #main_area #m_contents_section .m_content_inner .m_boxed_box07 .m_boxed_boxinner .f_right { width:41% } /* 2分割囲みボックス */ #main_area #m_contents_section .m_content_inner .m_divide_boxed_box { margin:20px 0 0; } #main_area #m_contents_section .m_content_inner .m_divide_boxed_box .m_divide_boxed_title { color:#d60b17; font-weight:bold; font-size:108%; margin:0 0; } #main_area #m_contents_section .m_content_inner .m_divide_boxed_box .m_divide_boxed_text { font-size:93%; } #main_area #m_contents_section .m_content_inner .m_divide_boxed_box .m_divide_boxed_left { padding:15px 10px; background:none #f6f6f6; border:1px #cfcfcf solid; width:44%; float:left; text-align:center; } #main_area #m_contents_section .m_content_inner .m_divide_boxed_box .m_divide_boxed_right { padding:15px 10px; background:none #f6f6f6; border:1px #cfcfcf solid; width:44%; float:right; text-align:center; } #main_area #m_contents_section .m_content_inner .m_divide_boxed_box p.m_important_mbtn a { width:70%; zoom:1; position:relative; } /* 2分割ボックス */ #main_area #m_contents_section .m_content_inner .m_w50per_box .m_w50per_left { width:48%; float:left; } #main_area #m_contents_section .m_content_inner .m_w50per_box .m_w50per_right { width:48%; float:right; } /* 内包2分割ボックス */ #main_area #m_contents_section .m_content_inner .m_w50per_in_box { margin:40px 0 0 0; } #main_area #m_contents_section .m_content_inner .m_w50per_in_boxarea { padding:0 3% 15px; border:1px solid #c89e29; border-top:none; border-radius:0 0 5px 5px; } #main_area #m_contents_section .m_content_inner .m_w50per_in_box h2 { font-size:124%; font-weight:normal; border-bottom:none; padding:10px 20px; margin:0; background:none #c89e29; color:#ffffff; border-radius:5px 5px 0 0; } #main_area #m_contents_section .m_content_inner .m_w50per_in_box ul li { margin-top:20px; width:48%; } /* 内包3分割ボックス */ #main_area #m_contents_section .m_content_inner .m_w30per_in_box { margin:40px 0 0 0; } #main_area #m_contents_section .m_content_inner .m_w30per_in_boxarea { padding:0 3% 15px; border:1px solid #c89e29; border-top:none; border-radius:0 0 5px 5px; } #main_area #m_contents_section .m_content_inner .m_w30per_in_box h2 { font-size:124%; font-weight:normal; border-bottom:none; padding:10px 20px; margin:0; background:none #c89e29; color:#ffffff; border-radius:5px 5px 0 0; } #main_area #m_contents_section .m_content_inner .m_w30per_in_box ul li { margin:20px 0 0 2%; width:31%; } /* ピックアップボックス */ #main_area #m_contents_section .m_pickup_box { margin:20px 0 0; border:3px #7daa1b solid; border-radius:4px; } #main_area #m_contents_section .m_pickup_box h2.m_pickup_title { margin-top:0; padding:10px 20px; background:none #7daa1b; color:#ffffff; font-size:124%; font-weight:bold; border:none; text-align:center; } #main_area #m_contents_section .m_pickup_box .m_pickup_boxarea { background:none #fdfbf2; padding:15px 30px; } #main_area #m_contents_section .m_pickup_box .m_pickup_boxarea p { margin-top:0; font-size:108%; } /* ピックアップ2分割ボックス */ #main_area #m_contents_section .m_pickup_divide_box { margin:20px 0 0; border:3px #7daa1b solid; border-radius:4px; width:48%; background:none #fdfbf2; } #main_area #m_contents_section .m_border_color01 { border:3px #e0822e solid !important; } #main_area #m_contents_section .m_pickup_divide_box h2.m_pickup_divide_title { margin-top:0; padding:10px 20px; background:none #7daa1b; color:#ffffff; font-size:124%; font-weight:bold; border:none; text-align:center; } #main_area #m_contents_section .m_pickup_divide_box h2.m_pickup_divide_title02 { margin-top:0; padding:10px 20px; background:none #e0822e; color:#ffffff; font-size:124%; font-weight:bold; border:none; text-align:center; } #main_area #m_contents_section .m_pickup_divide_box h2.m_pickup_divide_title span { font-size:133%; letter-spacing:0.05em; margin:0 0.1em; } #main_area #m_contents_section .m_pickup_divide_box .m_pickup_divide_boxarea { padding:15px 10px; } #main_area #m_contents_section .m_pickup_divide_box .m_pickup_divide_boxarea p { margin-top:10px; text-align:center; } #main_area #m_contents_section .m_pickup_divide_box .m_pickup_divide_boxarea p.m_pickup_divide_caption { font-weight:bold; font-size:124%; margin-top:0; padding-bottom:10px; border-bottom:1px solid #cac9c2; } #main_area #m_contents_section .m_pickup_divide_box .m_pickup_divide_boxarea p.m_pickup_divide_text01_01 { font-size:116%; } #main_area #m_contents_section .m_pickup_divide_box .m_pickup_divide_boxarea p.m_pickup_divide_text01_02 { font-size:108%; } #main_area #m_contents_section .m_pickup_divide_box .m_pickup_divide_boxarea p.m_pickup_divide_text02 { margin-top:20px; color:#e3720d; font-size:185%; font-weight:bold; } #main_area #m_contents_section .m_pickup_divide_box .m_pickup_divide_boxarea p.m_pickup_divide_text03 { margin-top:10px; color:#d60b17; font-size:116%; font-weight:bold; } #main_area #m_contents_section .m_pickup_divide_box .m_pickup_divide_boxarea .m_pickup_divide_same { display:table; margin:10px auto 0; } #main_area #m_contents_section .m_pickup_divide_box .m_pickup_divide_boxarea .m_pickup_divide_same span { display:table-cell; vertical-align:middle; } #main_area #m_contents_section .m_pickup_divide_box .m_pickup_divide_boxarea .m_pickup_divide_boxinner { margin:0 auto; width:100%; } #main_area #m_contents_section .m_pickup_divide_box .m_pickup_divide_boxarea .m_pickup_divide_boxinner p { margin-top:10px; font-size:108%; } #main_area #m_contents_section .m_pickup_divide_box .m_pickup_divide_boxarea .m_pickup_divide_boxinner p.m_pickup_arrow { margin-top:0; } #main_area #m_contents_section .m_pickup_divide_box .m_pickup_divide_boxarea .m_pickup_divide_boxinner .f_left { width:43%; } #main_area #m_contents_section .m_pickup_divide_box .m_pickup_divide_boxarea .m_pickup_divide_boxinner .f_right { width:57%; } #main_area #m_contents_section .m_pickup_divide_box .m_pickup_divide_boxarea .m_pickup_divide_boxinner p.m_pickup_divide_text01 { text-decoration:underline; } #main_area #m_contents_section .m_pickup_divide_box .m_pickup_divide_boxarea .m_pickup_divide_boxinner span.yen_value01 { color:#e3720d; font-size:185%; font-weight:bold; } #main_area #m_contents_section .m_pickup_divide_box .m_pickup_divide_boxarea .m_pickup_divide_boxinner span.yen_value02 { color:#e3720d; font-size:147%; font-weight:bold; } /* お問い合わせボックス */ #main_area #m_contents_section .m_inquiry_box { margin:40px 0 0; border:3px #dbdbdb solid; border-radius:4px; background:none #f6f6f6; } #main_area #m_contents_section .m_inquiry_box h2.m_inquiry_title { margin:0 0 0; padding:10px 20px; background:none #d60b17; color:#ffffff; font-size:124%; font-weight:bold; border:none; } #main_area #m_contents_section .m_inquiry_box .m_inquiry_boxarea { background:url(../image/bg_tenline_y.gif) top center repeat-y; margin:20px 0; } #main_area #m_contents_section .m_inquiry_box .m_inquiry_boxarea .m_inquiry_subtitle { font-size:116%; margin-top:0; border:none; font-weight:normal; color:#000000; } #main_area #m_contents_section .m_inquiry_box .m_inquiry_boxarea .m_inquiry_subtitle span { color:#d60b17; font-size:124%; padding-left:1em; background:url(../image/bg_header01.gif) top left no-repeat; } #main_area #m_contents_section .m_inquiry_box .m_inquiry_boxarea p.m_etc_lbtn a { width:80%; padding:10px 8% 7px 3%; zoom:1; position:relative; } #main_area #m_contents_section .m_inquiry_box .m_inquiry_boxarea .m_inquiry_left_boxsection { float:left; width:50%; } #main_area #m_contents_section .m_inquiry_box .m_inquiry_boxarea .m_inquiry_right_boxsection { float:left; width:50%; } #main_area #m_contents_section .m_inquiry_box .m_inquiry_boxarea .m_inquiry_boxinner { margin:0 0 10px 3%; } #main_area #m_contents_section .m_inquiry_box .m_inquiry_boxarea .m_inquiry_boxinner img { margin-top:20px;} #main_area #m_contents_section .m_inquiry_box .m_inquiry_boxarea .m_inquiry_boxinner p.m_inquiry_tell { padding:10px 0; margin-top:0; } #main_area #m_contents_section .m_inquiry_box .m_inquiry_boxarea .m_inquiry_boxinner p.m_inquiry_tell img { vertical-align:text-bottom; margin-top:0; } #main_area #m_contents_section .m_inquiry_box .m_inquiry_boxarea .m_inquiry_boxinner p.m_inquiry_tell span { font-size:170%; color:#d60b17; font-weight:bold; margin-left:2%; } #main_area #m_contents_section .m_inquiry_box .m_inquiry_boxarea .m_inquiry_boxinner p.m_inquiry_tell_guide_top { margin-top:5px; } #main_area #m_contents_section .m_inquiry_box .m_inquiry_boxarea .m_inquiry_boxinner p.m_inquiry_tell_guide_bottom { margin-top:0; } #main_area #m_contents_section .m_inquiry_box .m_inquiry_boxarea .m_inquiry_boxinner p.m_inquiry_tell .m_sp_tel a { color:#d60b17;} #main_area #m_contents_section .m_inquiry_box .m_inquiry_boxarea .m_inquiry_boxinner p.m_inquiry_mail img { margin-top:0; vertical-align:middle; } #main_area #m_contents_section .m_inquiry_box .m_inquiry_boxarea .m_inquiry_boxinner p.m_inquiry_mail a { margin-left:5px; } #main_area #m_contents_section .m_index_inner .m_inquiry_box .m_inquiry_boxarea .m_inquiry_boxinner img { margin-top:35px; } /* お問い合わせボックス02 */ #main_area #m_contents_section .m_inquiry_box02 { margin:40px 0 0; border:3px #dbdbdb solid; border-radius:4px; background:none #f6f6f6; } #main_area #m_contents_section .m_inquiry_box02 h2.m_inquiry_title { margin:0 0 0; padding:10px 20px; background:none #d60b17; color:#ffffff; font-size:124%; font-weight:bold; border:none; } #main_area #m_contents_section .m_inquiry_box02 .m_inquiry_boxarea { background:url(../image/bg_tenline_y.gif) top center repeat-y; margin:20px 0; } #main_area #m_contents_section .m_inquiry_box02 .m_inquiry_boxarea .m_inquiry_subtitle { font-size:116%; margin-top:0; border:none; font-weight:normal; color:#000000; } #main_area #m_contents_section .m_inquiry_box02 .m_inquiry_boxarea .m_inquiry_subtitle span { color:#d60b17; font-size:124%; padding-left:1em; background:url(../image/bg_header01.gif) top left no-repeat; } #main_area #m_contents_section .m_inquiry_box02 .m_inquiry_boxarea p.m_etc_lbtn a { width:80%; padding:10px 8% 7px 3%; zoom:1; position:relative; } #main_area #m_contents_section .m_inquiry_box02 .m_inquiry_boxarea .m_inquiry_left_boxsection { float:left; width:50%; } #main_area #m_contents_section .m_inquiry_box02 .m_inquiry_boxarea .m_inquiry_right_boxsection { float:left; width:50%; } #main_area #m_contents_section .m_inquiry_box02 .m_inquiry_boxarea .m_inquiry_boxinner { margin:0 0 10px 3%; } #main_area #m_contents_section .m_inquiry_box02 .m_inquiry_boxarea .m_inquiry_boxinner p.m_inquiry_tell { padding:10px 0; margin-top:0; } #main_area #m_contents_section .m_inquiry_box02 .m_inquiry_boxarea .m_inquiry_boxinner p.m_inquiry_tell img { vertical-align:text-bottom; margin-top:0; } #main_area #m_contents_section .m_inquiry_box02 .m_inquiry_boxarea .m_inquiry_boxinner p.m_inquiry_tell span { font-size:170%; color:#d60b17; font-weight:bold; margin-left:2%; } #main_area #m_contents_section .m_inquiry_box02 .m_inquiry_boxarea .m_inquiry_boxinner p.m_inquiry_tell_guide_top { margin-top:5px; } #main_area #m_contents_section .m_inquiry_box02 .m_inquiry_boxarea .m_inquiry_boxinner p.m_inquiry_tell_guide_bottom { margin-top:0; } #main_area #m_contents_section .m_inquiry_box02 .m_inquiry_boxarea .m_inquiry_boxinner p.m_inquiry_tell .m_sp_tel a { color:#d60b17;} #main_area #m_contents_section .m_inquiry_box02 .m_inquiry_boxarea .m_inquiry_boxinner p.mtb35_pc { margin-top:35px; margin-bottom:35px;} /* お問い合わせボックス03 */ #main_area #m_contents_section .m_inquiry_box03 { margin:40px 0 0; border:3px #dbdbdb solid; border-radius:4px; background:none #f6f6f6; } #main_area #m_contents_section .m_inquiry_box03 h2.m_inquiry_title { margin:0 0 0; padding:10px 20px; background:none #d60b17; color:#ffffff; font-size:124%; font-weight:bold; border:none; } #main_area #m_contents_section .m_inquiry_box03 .m_inquiry_boxarea { background:url(../image/bg_tenline_y.gif) top center repeat-y; margin:20px 0; } #main_area #m_contents_section .m_inquiry_box03 .m_inquiry_boxarea .m_inquiry_subtitle { font-size:116%; margin-top:0; border:none; font-weight:normal; color:#000000; text-indent:-1.2em; padding-left:1.2em; } #main_area #m_contents_section .m_inquiry_box03 .m_inquiry_boxarea .m_inquiry_subtitle span { color:#d60b17; font-size:124%; padding-left:1em; background:url(../image/bg_header01.gif) top left no-repeat; } #main_area #m_contents_section .m_inquiry_box03 .m_inquiry_boxarea p.m_etc_lbtn a { width:80%; padding:10px 8% 7px 3%; zoom:1; position:relative; } #main_area #m_contents_section .m_inquiry_box03 .m_inquiry_boxarea .m_inquiry_left_boxsection { float:left; width:50%; } #main_area #m_contents_section .m_inquiry_box03 .m_inquiry_boxarea .m_inquiry_right_boxsection { float:left; width:50%; } #main_area #m_contents_section .m_inquiry_box03 .m_inquiry_boxarea .m_inquiry_right_boxsection p.m_etc_lbtn { margin-top:20px; } #main_area #m_contents_section .m_inquiry_box03 .m_inquiry_boxarea .m_inquiry_boxinner { margin:0 0 10px 3%; } #main_area #m_contents_section .m_inquiry_box03 .m_inquiry_boxarea .m_inquiry_boxinner p.m_inquiry_tell { padding:10px 0; margin-top:0; } #main_area #m_contents_section .m_inquiry_box03 .m_inquiry_boxarea .m_inquiry_boxinner p.m_inquiry_tell img { vertical-align:text-bottom; margin-top:0; } #main_area #m_contents_section .m_inquiry_box03 .m_inquiry_boxarea .m_inquiry_boxinner p.m_inquiry_tell span { font-size:170%; color:#d60b17; font-weight:bold; margin-left:2%; } #main_area #m_contents_section .m_inquiry_box03 .m_inquiry_boxarea .m_inquiry_boxinner p.m_inquiry_tell_guide_top { margin-top:13px; } #main_area #m_contents_section .m_inquiry_box03 .m_inquiry_boxarea .m_inquiry_boxinner p.m_inquiry_tell_guide_bottom { margin-top:0; } #main_area #m_contents_section .m_inquiry_box03 .m_inquiry_boxarea .m_inquiry_boxinner p.m_inquiry_tell .m_sp_tel a { color:#d60b17;} /* お問い合わせボックス04 */ #main_area #m_contents_section .m_inquiry_box04 { margin:40px 0 0; border:3px #dbdbdb solid; border-radius:4px; background:none #f6f6f6; } #main_area #m_contents_section .m_inquiry_box04 h2.m_inquiry_title { margin:0 0 0; padding:10px 20px; background:none #d60b17; color:#ffffff; font-size:124%; font-weight:bold; border:none; } #main_area #m_contents_section .m_inquiry_box04 .m_inquiry_boxarea { margin:20px 0; } #main_area #m_contents_section .m_inquiry_box04 .m_inquiry_boxarea .m_inquiry_subtitle { font-size:116%; margin-top:0; border:none; font-weight:normal; color:#000000; } #main_area #m_contents_section .m_inquiry_box04 .m_inquiry_boxarea .m_inquiry_subtitle span { color:#d60b17; font-size:124%; padding-left:1em; background:url(../image/bg_header01.gif) top left no-repeat; } #main_area #m_contents_section .m_inquiry_box04 .m_inquiry_boxarea p.m_etc_lbtn a { width:80%; padding:10px 8% 7px 3%; zoom:1; position:relative; } #main_area #m_contents_section .m_inquiry_box04 .m_inquiry_boxarea .m_inquiry_left_boxsection { width:100%; } #main_area #m_contents_section .m_inquiry_box04 .m_inquiry_boxarea .m_inquiry_boxinner { margin:0 15% 10px 15%; } #main_area #m_contents_section .m_inquiry_box04 .m_inquiry_boxarea .m_inquiry_boxinner img { margin-top:15px; } /* お問い合わせボックス(中に囲みボックス01) */ #main_area #m_contents_section .m_inquiry_box .m_boxed_box01 {margin-top:0; border:none;} #main_area #m_contents_section .m_inquiry_box .m_boxed_box01 p.m_inquiry_tell { padding:10px 0; margin-top:0; } #main_area #m_contents_section .m_inquiry_box .m_boxed_box01 p.m_inquiry_tell img { vertical-align:text-bottom; margin-top:0; } #main_area #m_contents_section .m_inquiry_box .m_boxed_box01 p.m_inquiry_tell span { font-size:170%; color:#d60b17; font-weight:bold; margin-left:2%; } /* 流れ(フローチャート) */ #main_area #m_contents_section .m_content_inner .m_flow_chart_box { margin:20px 0 0; } #main_area #m_contents_section .m_content_inner .m_flow_chart_box li { background:url(../image/arrow07.gif) 14% top no-repeat; margin:10px 0 0; padding-top:35px; } #main_area #m_contents_section .m_content_inner .m_flow_chart_box li:first-child { margin:0 0 0; padding-top:0; background:none; } #main_area #m_contents_section .m_content_inner .m_flow_chart_box li .m_flow_header_boxsection { float:left; width:30%;} #main_area #m_contents_section .m_content_inner .m_flow_chart_box li .m_flow_header_boxsection h3 { margin-top:0; background:none #7ca816; padding:8px 10px 8px; text-align:center; color:#ffffff; border-radius:5px; font-size:100%;} #main_area #m_contents_section .m_content_inner .m_flow_chart_box li .m_flow_text_boxsection { float:left; width:68%; margin-left:2%; } #main_area #m_contents_section .m_content_inner .m_flow_chart_box li .m_flow_text_boxsection p { margin-top:0; } #main_area #m_contents_section .m_content_inner .m_flow_chart_box li .m_flow_text_boxsection p.m_plane_btn { margin-top:10px; } /* 流れ(ステップ左右) */ #main_area #m_contents_section .m_content_inner .m_flow_step_box { margin:20px 0 0; } #main_area #m_contents_section .m_content_inner .m_flow_step_box li { background:url(../image/arrow07.gif) 7% top no-repeat; margin:10px 0 0; padding-top:35px; } #main_area #m_contents_section .m_content_inner .m_flow_step_box li:first-child { margin:0 0 0; padding-top:0; background:none; } #main_area #m_contents_section .m_content_inner .m_flow_step_box li .m_flow_header_boxsection { float:left; width:16%;} #main_area #m_contents_section .m_content_inner .m_flow_step_box li .m_flow_header_boxsection h3 { margin-top:0; background:none #7ca816; padding:8px 10px 8px; text-align:center; color:#ffffff; border-radius:5px; font-size:100%;} #main_area #m_contents_section .m_content_inner .m_flow_step_box li .m_flow_text_boxsection { float:left; width:74%; margin-left:2%; } #main_area #m_contents_section .m_content_inner .m_flow_step_box li .m_flow_text_boxsection p { margin-top:0; } #main_area #m_contents_section .m_content_inner .m_flow_step_box li ul.m_plane_list li { background: url(../image/bg_li01.gif) left 0.55em no-repeat; padding:0 0 0 1em; margin-bottom:3px; } /* 流れ(ステップ上下) */ #main_area #m_contents_section .m_content_inner .m_flow_step_box02 { margin:20px 0 0; } #main_area #m_contents_section .m_content_inner .m_flow_step_box02 li { background:url(../image/arrow07.gif) 7% top no-repeat; margin:10px 0 0; padding-top:35px; } #main_area #m_contents_section .m_content_inner .m_flow_step_box02 li:first-child { margin:0 0 0; padding-top:0; background:none; } #main_area #m_contents_section .m_content_inner .m_flow_step_box02 li .m_flow_header_boxsection h3 { margin-top:0; background:none #7ca816; padding:8px 10px 8px; text-align:center; color:#ffffff; border-radius:5px; font-size:100%; width:13%; float:left; } #main_area #m_contents_section .m_content_inner .m_flow_step_box02 li .m_flow_header_boxsection p { float:left; margin-left:10px; font-weight:bold; } /* 流れ(矢印・テキスト 横並び) */ #main_area #m_contents_section .m_content_inner .m_flow_arrow_box { width:50%; min-height:60px; /* margin:30px auto 0; */ margin:30px 0 0 45.5%; background:url(../image/arrow16.gif) no-repeat left bottom; } #main_area #m_contents_section .m_content_inner .m_flow_arrow_box .m_flow_arrow_boxarea { margin-left:65px; } #main_area #m_contents_section .m_content_inner .m_flow_arrow_box2 { width:50%; min-height:45px; /* margin:30px auto 0; */ margin:30px 0 0 45.5%; background:url(../image/arrow16c.gif) no-repeat left bottom; } #main_area #m_contents_section .m_content_inner .m_flow_arrow_box2 .m_flow_arrow_boxarea { margin-left:65px; padding-top:1px;} /* Q&Aスライド */ #main_area #m_contents_section .m_content_inner .m_qa_slide_box { border:solid 1px #cfcfcf; margin-top:15px; overflow:hidden; } #main_area #m_contents_section .m_content_inner .m_qa_slide_box .m_qa_slide_title_boxarea { background:url(../image/icon_q.gif) no-repeat 0.5em center #f6f6f6; padding:10px 3% 10px 50px; cursor:pointer; } #main_area #m_contents_section .m_content_inner .m_qa_slide_box .m_qa_slide_title_boxarea.on { border-bottom:solid 1px #cfcfcf; } #main_area #m_contents_section .m_content_inner .m_qa_slide_box .m_qa_slide_title_boxarea.on h4 { background:url(../image/arrow13.gif) no-repeat right center; } #main_area #m_contents_section .m_content_inner .m_qa_slide_box .m_qa_slide_title_boxarea h4 { background:url(../image/arrow12.gif) no-repeat right center; padding-right:5%; } #main_area #m_contents_section .m_content_inner .m_qa_slide_box .m_qa_slide_answer_boxarea { background:url(../image/icon_a.gif) no-repeat 0.5em 0.7em; padding:15px 3% 15px 43px; } #main_area #m_contents_section .m_content_inner .m_qa_slide_box .m_qa_slide_answer_boxarea p:first-child { margin-top:0; } #main_area #m_contents_section .m_content_inner .m_qa_slide_box .m_qa_slide_answer_boxarea ol.m_plane_list { margin-top:0; } #main_area #m_contents_section .m_content_inner .m_qa_slide_box .m_qa_slide_answer_boxarea ol.m_plane_list li:first-child { margin-top:0; } /* google map */ .google-maps { margin-top:20px; } .google-maps img { max-width: none !important; } .google-maps div.gm-style-iw { height:5em; width:250px; } .google-maps div.gm-style-iw div { line-height:1.6; } .google-maps div.gm-style-iw-chr button { position: absolute !important; right: -12px; top: -12px;} /* お知らせ */ #info_area .i_news_section { width:100%; position:relative; float:left; } #info_area .i_news_section p.i_news_title { font-size:124%; font-weight:bold; text-align:center; padding:8px 10px; background:none #ffffff; color:#d60b17; border-radius:3px 3px 0 0; border-style:solid; border-color:#d60b17; border-width:1px 1px 3px; } #info_area .i_tabselector_inner ul { border-bottom:3px solid #d60b17; display:table; width:100%; } #info_area .i_tabselector_inner ul li { float:left; text-align:center; } #info_area .i_tabselector_inner ul li a { color:#000000; font-size:116%; display:block; padding:8px 10px; background-color:#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); border-radius:3px 3px 0 0; text-decoration:none; border:1px solid #cccccc; border-bottom:none;} #info_area .i_tabselector_inner ul li.on a { font-weight:bold; background:#ffffff; border:1px solid #d60b17; border-bottom:none; color:#d60b17; } #info_area .i_tabselector_inner ul li a:hover { font-weight:bold; background:#ffffff; border:1px solid #d60b17 !important; border-bottom:none !important; color:#d60b17; } #info_area .i_tabselector_inner ul.i_two_tabs li { width:50%; } #info_area .i_tabselector_inner ul.i_three_tabs li { width:33%; margin-left:0.5%; } #info_area .i_tabselector_inner ul.i_three_tabs li a { vertical-align:middle; display:table-cell; width:33%; } #info_area .i_contents_inner { background:none #ffffff; padding:15px; border-radius:0 0 3px 3px; } #info_area .i_contents_inner .i_content_tabs { display:none; } #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:20%; color:#d60b17; font-weight:bold; min-width:130px; } #info_area .i_contents_inner ul li p.i_content_list_info { float:right; width:75%; } #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(../image/arrow01.gif); } #info_area .i_contents_inner ul li p.i_content_list_date span { display:block; margin-top:1px;} #info_area .i_contents_inner ul li p.i_content_list_date span img { margin-right:3px; } #info_area .i_contents_inner ul li p.m_txt_pdf_link { margin-top:0; } #info_area .i_contents_inner p.i_show_list { position:absolute; top:-10px; right:0; } #info_area .i_contents_inner p.i_show_list a:hover { opacity:0.5; filter:alpha(opacity=50); } #main_area #m_contents_section .i_contents_inner ul li p.i_content_list_info { background: url(../image/arrow04.gif) left 0.35em no-repeat; padding-left:1em; } /* 商品扉ページ ボックス横並び */ #main_area #m_contents_section .m_index_inner .m_category_unit .m_category_list_box { float:left; width:48.65%; border:solid 1px #d60b17; border-radius:4px; background:#f3f3f3; margin-top:15px; } #main_area #m_contents_section .m_index_inner .m_category_unit .m_category_list_box_l { float:left; width:710px; border:solid 1px #d60b17; border-radius:4px; background:#f3f3f3; margin-top:15px; } #main_area #m_contents_section .m_index_inner .m_category_unit3 .m_category_list_box { float:left; width:31.5%; border:solid 1px #d60b17; border-radius:4px; background:#f3f3f3; margin-top:15px; } #main_area #m_contents_section .m_index_inner .m_category_unit .m_category_list_box .m_category_title_boxarea, #main_area #m_contents_section .m_index_inner .m_category_unit3 .m_category_list_box .m_category_title_boxarea, #main_area #m_contents_section .m_index_inner .m_category_unit .m_category_list_box_l .m_category_title_boxarea { background:url(../image/arrow03.gif) no-repeat 97% 50% #ffffff; border-radius:4px; } #main_area #m_contents_section .m_index_inner .m_category_unit .m_category_list_box .m_category_title_boxarea p, #main_area #m_contents_section .m_index_inner .m_category_unit3 .m_category_list_box .m_category_title_boxarea p, #main_area #m_contents_section .m_index_inner .m_category_unit .m_category_list_box_l .m_category_title_boxarea p { font-size:124%; } #main_area #m_contents_section .m_index_inner .m_category_unit .m_category_list_box .m_category_title_boxarea a { display:table-cell; vertical-align:middle; text-decoration:none; padding:25px 10px 25px 68px; width:266px; background-repeat:no-repeat; background-position:0.6em center; } #main_area #m_contents_section .m_index_inner .m_category_unit3 .m_category_list_box .m_category_title_boxarea a { display:table-cell; vertical-align:middle; text-decoration:none; padding:25px 10px 25px 60px; width:200px; background-repeat:no-repeat; background-position:0.6em center; } #main_area #m_contents_section .m_index_inner .m_category_unit .m_category_list_box_l .m_category_title_boxarea a { display:table-cell; vertical-align:middle; text-decoration:none; padding:25px 10px 25px 68px; width:632px; background-repeat:no-repeat; background-position:0.6em center; } #main_area #m_contents_section .m_index_inner .m_category_unit .m_category_list_box .m_category_contents_boxarea, #main_area #m_contents_section .m_index_inner .m_category_unit3 .m_category_list_box .m_category_contents_boxarea, #main_area #m_contents_section .m_index_inner .m_category_unit .m_category_list_box_l .m_category_contents_boxarea { position:relative; padding:15px; border-radius:4px; } #main_area #m_contents_section .m_index_inner .m_category_unit .m_category_list_box .m_category_contents_boxarea p.m_category_arrow, #main_area #m_contents_section .m_index_inner .m_category_unit3 .m_category_list_box .m_category_contents_boxarea p.m_category_arrow, #main_area #m_contents_section .m_index_inner .m_category_unit .m_category_list_box_l .m_category_contents_boxarea p.m_category_arrow { position:absolute; top:0; left:48%; } #main_area #m_contents_section .m_index_inner .m_category_unit .m_category_list_box .m_category_contents_boxarea p.m_category_arrow img, #main_area #m_contents_section .m_index_inner .m_category_unit3 .m_category_list_box .m_category_contents_boxarea p.m_category_arrow img, #main_area #m_contents_section .m_index_inner .m_category_unit .m_category_list_box_l .m_category_contents_boxarea p.m_category_arrow img { vertical-align:top; } #main_area #m_contents_section .m_index_inner .m_category_unit .m_border_color01 { border:solid 1px #9ebb2a !important; } /* ページャー */ #main_area #m_contents_section .m_content_inner .m_pager_navi_box { width:85%; margin:25px auto 0; text-align:center; } #main_area #m_contents_section .m_content_inner .m_pager_navi_box ul { width:15%; } #main_area #m_contents_section .m_content_inner .m_pager_navi_box ul li a { color:#78484d; } #main_area #m_contents_section .m_content_inner .m_pager_navi_box ul.m_page_prev { float:left; margin-top:5px; } #main_area #m_contents_section .m_content_inner .m_pager_navi_box ul.m_page_prev li { float:left; margin-left:10px; } #main_area #m_contents_section .m_content_inner .m_pager_navi_box ul.m_page_next { float:right; margin-top:5px; } #main_area #m_contents_section .m_content_inner .m_pager_navi_box ul.m_page_next li { float:right; margin-right:10px; } #main_area #m_contents_section .m_content_inner .m_pager_navi_box .m_pager_navi_boxarea span.m_pager_btn { display:inline-block; margin:0 1px 5px; background:#ffffff; border:solid 1px #bfbfbf; } #main_area #m_contents_section .m_content_inner .m_pager_navi_box .m_pager_navi_boxarea span.m_pager_btn02 { display:inline-block; margin:0 1px 5px; background:#ffffff; border:solid 1px #bfbfbf; } #main_area #m_contents_section .m_content_inner .m_pager_navi_box .m_pager_navi_boxarea span.m_pager_btn a { display:inline-block; padding:5px 10px; color:#000000; font-weight:bold; text-decoration:none; } #main_area #m_contents_section .m_content_inner .m_pager_navi_box .m_pager_navi_boxarea span.m_pager_btn02 a { display:inline-block; padding:5px; color:#000000; font-weight:bold; text-decoration:none; } #main_area #m_contents_section .m_content_inner .m_pager_navi_box .m_pager_navi_boxarea span.m_pager_current { background:#d60b17; border:solid 1px #d60b17; } #main_area #m_contents_section .m_content_inner .m_pager_navi_box .m_pager_navi_boxarea span.m_pager_current a { color:#ffffff; } #main_area #m_contents_section .m_content_inner .m_pager_navi_box .m_pager_navi_boxarea span.m_pager_btn:hover { background:#d60b17; border:solid 1px #d60b17; } #main_area #m_contents_section .m_content_inner .m_pager_navi_box .m_pager_navi_boxarea span.m_pager_btn:hover a { color:#ffffff; } #main_area #m_contents_section .m_content_inner .m_pager_navi_box .m_pager_navi_boxarea span.m_pager_btn02:hover { background:#d60b17; border:solid 1px #d60b17; } #main_area #m_contents_section .m_content_inner .m_pager_navi_box .m_pager_navi_boxarea span.m_pager_btn02:hover a { color:#ffffff; } /* 外部バナーへのリンク */ #main_area #m_contents_section .m_content_inner .m_banner_window p { float:left; width:38%; margin-left:1%; margin-top:0;} #main_area #m_contents_section .m_content_inner .m_banner_window p:first-child { margin-left:0;} /* お知らせページ内など画像横並び */ #main_area #m_contents_section .m_content_inner .imgBox p { display:inline-block; margin: 20px 20px 0;} /*------------------------------ link_msg -------------------------------*/ /* コンテンツエリア */ #m_link_msg_section h2 { font-size:131%; font-weight:bold; border-bottom:2px #d60b17 solid; padding:0 0 3px 1.2em; margin:40px 0 0; background:url(../image/bg_header02.gif) left 0.15em no-repeat; } #m_link_msg_section h2:first-child { margin-top:20px; } #m_link_msg_section h3 { font-size:124%; font-weight:bold; color:#d60b17; border-bottom:2px #d0cdc5 solid; margin:30px 0 0 0; padding-bottom:3px; } #m_link_msg_section p { margin:10px 0 0 0; } #m_link_msg_section .at_comment { text-indent:-1em; padding:0 0 0 1em; margin:10px 0 0 0;} #m_link_msg_section .imgBox {text-align: center; display: block; margin: 0 auto 20px;} /* 囲みボックス05 */ #m_link_msg_section .m_boxed_box05 { margin:30px 0 0; padding:15px 15px; background:none #ffffff; border:1px #cfcfcf solid; } #m_link_msg_section .m_boxed_box05 p.m_boxed_title { margin-top:0; font-size:116%; font-weight:bold; padding:0.15em 0 1px 1.2em; margin:0 0 5px 0; background:url(../image/bg_header01.gif) top left no-repeat; } #m_link_msg_section .m_boxed_box05 p.m_boxed_text { margin-top:0; } #m_link_msg_section .m_boxed_box05 li ul li { background:none;} /* 最新情報 */ #m_link_msg_section .newInfo { width:680px; margin:0 auto; border-left:solid 1px #999999; border-top:solid 1px #999999;} #m_link_msg_section .newInfo th { background:#c2002e; color:#ffffff; padding:2px 0; border-right:solid 1px #999999; border-bottom:solid 1px #999999;} #m_link_msg_section .newInfo td { padding:0 20px; border-right:solid 1px #999999; border-bottom:solid 1px #999999;} /*------------------------------ 404 -------------------------------*/ #main_area404 { width:760px; text-align:center; margin:0 auto;} #main_area404 .search_404 { background:#f6f6f6; margin:20px auto 30px; padding:10px 15px; width:70%; border:solid 1px #cfcfcf; } #main_area404 .search_404 ul.h_search_type { float:left; font-size:92%; margin:6px 0 0; width:64%; } #main_area404 .search_404 ul.h_search_type li { float:left; font-size:93%; margin-right:5px; } #main_area404 .search_404 .h_search_keyword_boxarea { background:#ffffff; border:solid 1px #c2c2c2; box-sizing:border-box; float:right; width:32%; } #main_area404 .search_404 .h_search_keyword_boxarea .h_search_keyword_boxsection { border-radius:2px; padding:0 26px 0 0; position:relative; vertical-align:bottom; } #main_area404 .search_404 .h_search_keyword_boxarea .h_search_keyword_boxsection input[type="text"] { border:none; box-sizing:border-box; display:block; height:28px; padding:2px 0 2px 5px; width:100%; } #main_area404 .search_404 .h_search_keyword_boxarea .h_search_keyword_boxsection input[type="image"] { border:none; border-radius:0; display:block; height:auto; position:absolute; right:5px; top:5px; width:auto; } /*------------------------------ テーブルハイライト -------------------------------*/ .tdHoverBgColor { background: #FFF6AD !important;} /*------------------------------ ポイントエリア -------------------------------*/ /* 3つのポイント*/ ul.pointArea3 li { float: left; width:31.53%; margin:2% 0 0 2.5%; } ul.pointArea3 li:first-child { margin-left:0; } ul.pointArea3 li:first-child + li + li + li { margin-left:0; } ul.pointArea3 li img { width:100%;} /* 4つのポイント*/ ul.pointArea4 li { float: left; width:49%; margin:2% 0 0 2%; } ul.pointArea4 li:first-child { margin-left:0; } ul.pointArea4 li:first-child + li + li { margin-left:0; } ul.pointArea4 li img { width:100%;} /*------------------------------ 流れエリア -------------------------------*/ /* 4つのステップ*/ ul.flowArea4 li { float: left; width:23.8%; margin:2% 0 0 1.4%; } ul.flowArea4 li:first-child { margin-left:0; } ul.flowArea4 li img { width:100%;} /*------------------------------ 関連リンクエリア -------------------------------*/ ul.linkArea2 li { float: left; width:45%; margin:5% 2.5%; } ul.linkArea2 li img { width:100%;} /*------------------------------ お申し込み 2個ボタン -------------------------------*/ ul.linkArea3 li { float: left; width:48.4%; margin:5% 0 0 3%; } ul.linkArea3 li img { width:100%;} ul.linkArea3 li:first-child { margin-left:0; } /*------------------------------ 角丸バナー（赤） -------------------------------*/ ul.linkArea4 li { float: left; width:31.3%; margin:0 0 0 3%; } ul.linkArea4 li:first-child { margin-left:0; } ul.linkArea4 li a {display: block; border: solid 2px #d70b17; border-radius: 5px; padding:3px;color: #000000; text-decoration: none;} ul.linkArea4 li a:hover {opacity:0.7; filter:alpha(opacity=70);} ul.linkArea4 li img {width:100%;} ul.linkArea4 li a span {background:#f8f4ce; display: block; padding:7px 5px;} /*------------------------------ 角丸バナー（グレー） -------------------------------*/ ul.linkArea5 li { float: left; width:32.3%; margin:10px 0 0 1.5%; } ul.linkArea5 li:first-child, ul.linkArea5 li:first-child + li + li + li { margin-left:0; } ul.linkArea5 li a {display: block; border: solid 2px #cfcfcf; border-radius: 5px; color: #000000; text-decoration: none;} ul.linkArea5 li a:hover {opacity:0.7; filter:alpha(opacity=70);} ul.linkArea5 li img {width:100%;} ul.linkArea5 li a span {background:#f3f3f3; display: block; padding:10px;} /*------------------------------ ナビボタン(3の倍数) -------------------------------*/ ul.naviList3 li { float: left; margin:10px 0 0 1.4%; width: 32.4%;} ul.naviList3 li:first-child, ul.naviList3 li:first-child + li + li + li{ margin-left: 0;} ul.naviList3 li:first-child + li + li + li + li + li + li{ margin-left: 0;} ul.naviList3 li img {width: 100%;} /*------------------------------ グレー背景 -------------------------------*/ .bgGreyArea {background:#f6f6f6; border:solid 1px #cfcfcf; padding:20px 25px;} /*------------------------------ 角丸赤枠 -------------------------------*/ .redRframe { border: solid 1px #C10003; margin-top: 5px; padding: 10px; display:inline-block; border-radius: 10px;} /* 180806 add start */ /*------------------------------ チャットボット -------------------------------*/ #container.showModal { position:fixed; width:100%; z-index:1; } #fixedWrap { position:fixed; right:10px; bottom:70px; z-index:100; } /* #procedureWrap { display:none; text-align: right; } #procedureWrap a#procedureBtn { display: block; position: relative; overflow: hidden; transition: ease .2s; width: 300px; } #procedureWrap a#procedureBtn:hover { transform: scale(1.05); } */ #procedureWrap { display:none; text-align: right; } #procedureWrap a#procedureBtn { display: block; border: solid 2px #d32849; background-color: #fff; position: relative; overflow: hidden; transition: ease .2s; } #procedureWrap a#procedureBtn span { position: relative; z-index: 2; display: block; } #procedureWrap a#procedureBtn::before { content: ''; position: absolute; top: 0; left: -130%; background: #d32849; width: 120%; height: 100%; transform: skewX(-25deg); } #procedureWrap a#procedureBtn:hover::before { animation: hoverAct .5s forwards; } #procedureWrap a#procedureBtn:active span { transform: translate(3px, 2px); } @keyframes hoverAct { 100% { left:-10%; } } #procedureWrap a#procedureCloseBtn { text-decoration: none; color: #000; } #procedureWrap a#procedureCloseBtn span { position: relative; padding-right: 13px; } #procedureWrap a#procedureCloseBtn span::before, #procedureWrap a#procedureCloseBtn span::after { content: ''; position: absolute; right: 0; top: 0.6em; display: block; width: 8px; height: 1px; background-color: #000; } #procedureWrap a#procedureCloseBtn span::before { transform: rotate(45deg); } #procedureWrap a#procedureCloseBtn span::after { transform: rotate(135deg); } #chatbotWrap { display:none; margin-top: 15px; position: relative; } #chatbotWrap a#chatbotCloseBtn { position:absolute; right:-7px; top:-10px; z-index:101; display:block; } /* モーダル */ #modalWrap { background:rgba(0, 0, 0, 0.5); margin:auto; position:fixed; top:0; bottom:0; left:0; right:0; z-index:150; transform:translate3d(0, 0, 250px); overflow:auto; display:none; } #modalWrap .modalSection { border:1px solid #cccccc; background-color:#ffffff; width:900px; margin:100px auto; position:relative; } #modalWrap .modalSection button.closeModalBtn { -webkit-appearance:none; padding:0; border:none; background:none; position:absolute; top:-12px; right:-12px; } #modalWrap .modalSection iframe { width:100%; vertical-align:bottom; } #modalWrap .modalSection p#chatbotModalTtile { background-color:#d90717; color:#ffffff; padding:10px; font-size:139%; } /* 180806 add end */ /* write200525 */ #main_area #lnavi #ln_banking_section li.colTwo { width:95px; float:left; } #main_area #lnavi #ln_banking_section li.colTwo:nth-child(3) { float:right; } /* write200525 end */ /* write201203 start */ /*------------------------------ ほくぎんビジネスポータルログインバナー -------------------------------*/ #business_ib_login_area { position:fixed; right:10px; bottom:10px; z-index:10000; } #business_ib_login_area #business_ib_login_inner { border:2px solid #db1f2b; border-radius:5px; width:310px; display:none; } #business_ib_login_area #business_ib_login_inner #business_ib_login_txt_box { background-color:#fceded; border-radius:5px 5px 0 0; padding:15px 10px; } #business_ib_login_area #business_ib_login_inner #business_ib_login_txt_box h4 { margin-top:0; text-align:center; font-weight:bold; font-size:108%; } #business_ib_login_area #business_ib_login_inner #business_ib_login_txt_box p { margin-top:10px; font-size:93%; } #business_ib_login_area #business_ib_login_inner #business_ib_login_txt_box p.at_comment { margin-top:10px; text-indent:-1em; padding:0 0 0 2em; } #business_ib_login_area #business_ib_login_inner #business_ib_login_txt_box p.at_comment span.asterisk { display:inline-block; width:1em; text-align:right; } #business_ib_login_area #business_ib_login_inner #business_ib_login_txt_box p.txt_center { text-align:center; } #business_ib_login_area #business_ib_login_inner #business_ib_login_btn_box { background-color:#ff0000; border-radius:0 0 2px 2px; padding:10px; } #business_ib_login_area #business_ib_login_inner #business_ib_login_btn_box p { margin-top:0; } #business_ib_login_area #business_ib_login_inner #business_ib_login_btn_box p a { text-decoration:none; color:#000000; font-size:88%; font-weight:bold; color:#ffffff; position:relative; padding-left:1em; } #business_ib_login_area #business_ib_login_inner #business_ib_login_btn_box p a::before { content:''; display:inline-block; position:absolute; top:50%; left:0; width:0; height:0; margin-top:-5px; border-top:5px solid transparent; border-right:6px solid transparent; border-bottom:5px solid transparent; border-left:6px solid #ffffff; } #business_ib_login_area #business_ib_login_inner #business_ib_login_btn_box p a:hover { text-decoration:underline !important; } #business_ib_login_area #business_ib_login_inner p#business_ib_login_hide_btn { position:absolute; right:-10px; top:-15px; margin-top:0; cursor:pointer; } #business_ib_login_area #business_ib_login_inner p#business_ib_login_hide_btn a { font-size:93%; } /* write201203 end */ /* 210315追加 */ /*------------------------------ インターネットバンキング -------------------------------*/ #main_area #lnavi #m_side_banking_inner { background:#b94694; padding-bottom:10px; } #main_area #lnavi #m_side_banking_inner #m_side_banking_unit { background:none #ffffff; padding:2px 0 8px; text-align:center; margin:0 10px; border-radius:4px; } #main_area #lnavi #m_side_banking_inner #m_side_banking_unit h4 { width:94%; margin:0 auto; } #main_area #lnavi #m_side_banking_inner #m_side_banking_unit h4 img { margin:0; width:187px; } #main_area #lnavi #m_side_banking_inner #m_side_banking_unit h4 + p { width:94%; margin:0 auto; } #main_area #lnavi #m_side_banking_inner #m_side_banking_unit h4 + p img { width:187px; } #main_area #lnavi #m_side_banking_inner #m_side_banking_unit h5 img { width:183px; } #main_area #lnavi #m_side_banking_inner #m_side_banking_unit .side_links01 { text-align:center; background:url("../image/top_btn_ib_bg01.jpg") repeat-x top center; border:2px solid #ff636d; border-radius:5px; width:90%; padding-bottom:4px; margin:5px auto 0; } #main_area #lnavi #m_side_banking_inner #m_side_banking_unit .side_links01 ul { display:flex; justify-content:space-between; width:91%; margin:0 auto; } #main_area #lnavi #m_side_banking_inner #m_side_banking_unit .side_links01 li { width:48%; } #main_area #lnavi #m_side_banking_inner #m_side_banking_unit .side_links01 li img { width:79px; } #main_area #lnavi #m_side_banking_inner #m_side_banking_unit .side_links02 { text-align:center; background:url("../image/top_btn_ib_bg02.jpg") repeat-x top center; border:2px solid #7acaeb; border-radius:5px; width:90%; padding-bottom:4px; margin:6px auto 0; } #main_area #lnavi #m_side_banking_inner #m_side_banking_unit .side_links02 ul { display:flex; justify-content:space-between; width:91%; margin:0 auto; } #main_area #lnavi #m_side_banking_inner #m_side_banking_unit .side_links02 li { width:48%; } #main_area #lnavi #m_side_banking_inner #m_side_banking_unit .side_links02 li img { width:79px; }