/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 00:ベーススタイル ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ body { font: 14px/1.5em "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic"; background:none #ffffff; 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:フレーム ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*------------------------------ コンテンツ -------------------------------*/ #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_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 .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; } /*------------------------------ フッター -------------------------------*/ #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(https://www.hokugin.co.jp/save/investment/mediation/common/images/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(https://www.hokugin.co.jp/save/investment/mediation/common/images/icon_footer_plus.png) left center no-repeat; padding:0 0 0 30px; } #footer2 p#footer_sitemap_btn span.close { background:url(https://www.hokugin.co.jp/save/investment/mediation/common/images/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%;} /*------------------------------ ボタン・リンク -------------------------------*/ /* テキストリンク */ 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(https://www.hokugin.co.jp/save/investment/mediation/common/images/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(https://www.hokugin.co.jp/save/investment/mediation/common/images/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%;} /*------------------------------ その他 -------------------------------*/ /* 囲みボックス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%; } /* お問い合わせボックス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;} /* 流れ(フローチャート) */ #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; } /* ページャー */ #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;}