@charset "Shift_JIS"; /*============================================================ 1: -universal reset ============================================================*/ * { margin:0; padding:0; color:#555; } html { overflow-y:scroll; } ul,li { list-style-type:none; } img { border:none; } table,td,th { border:none; vertical-align:top; } h1,h2,h3,h4,h5,h6,em,strong,address,th { font-style:normal; font-weight:normal; } h1,h2,h3,h4,h5,h6,caption { color:#000; } textarea {font-size:12px;} * html div, * html p, * html ul, * html li, * html dl, * html dt, * html dd { _zoom:1; _height:0; } *:first-child + html div, *:first-child + html p, *:first-child + html dl, *:first-child + html dt, *:first-child + html dd { >zoom:1; } /*============================================================ 2: -accessibility features ============================================================*/ hr { display:none; } #SkipNavi { position:absolute; top:-9999px;} .normal-txt{ font-size : 12px ; color : #555555; line-height : 150%;} .err-txt{ font-size : 12px ; color : #e00000; line-height : 150%;} .fontcolor-red { color:#e00000; } .unit-font { font-size : 14px ; } .unit-font-red { color:#e00000; font-size : 14px ; } .fontcolor { color:#e00000; font-size:10px; } .linkbtn-font { color:#2266cc; font-size:13px; vertical-align:middle; } .pager-font { font-size:13px; } .cancelled-font { color:#e00000; width:58px; text-align:right; } .normalLink-txt{ font-size : 12px ; color : #555555; line-height : 135%;} .normalLink-txt a{ font-size : 12px ; color : #2266cc; line-height : 135%;} .annotation-txt{ font-size : 10px ; color : #e00000;} .supple-txt{ font-size : 10px ; color : #555555; line-height : 135%;} .link-Boldtxt{ font-size : 12px ; color : #2266CC; font-weight : Bold;} .link-Boldtxts{ font-size : 12px ; color : #2266CC; line-height : 135% ; font-weight :Bold;} .explan-txt{ font-size : 12px ; color : #555555; line-height : 135% ; font-weight :Normal;} .explan-link-txt{ font-size : 12px ; color : #2266CC; line-height : 135% ; font-weight :Normal;} .tableName-txt{ font-size : 14px ; color : #555555; font-weight :bold;} .itemName-txt{ font-size : 12px ; color : #555555; line-height : 135%;} .assist-txt{ font-size : 12px ; color : #888888;} .textbox-txt { font-size :12px; } /* -heading-lv1-pagetitle ------------------------------------------------------------*/ #heading-lv1-pagetitle { padding-bottom:20px; } #heading-lv1-pagetitle h1 { padding:0 5px 7px; border-bottom:solid 1px #ccc; } #heading-lv1-pagetitle span { display:block; margin:-5px 5px -10px; font-size:26px; line-height:150%; color:#1671AE; } /* -headLv2 ------------------------------------------------------------*/ .headLv2-txt{ padding-bottom:10px; } .headLv2-txt h2 { background-color:#2ea2ed; } .headLv2-txt h2 span { display:block; background-color:#2ea2ed; zoom:1; } .headLv2-txt h2 span span { background-color:#2ea2ed; } .headLv2-txt h2 span span span { background-color:#2ea2ed; } .headLv2-txt h2 span span span span { background-color:#2ea2ed; } .headLv2-txt h2 span span span span span { background-color:#2ea2ed; } .headLv2-txt h2 span span span span span { background-color:#2ea2ed; } .headLv2-txt h2 span span span span span span { background-color:#2ea2ed; } .headLv2-txt h2 span span span span span span span { background-color:#2ea2ed; } .headLv2-txt h2 span span span span span span span span { padding:9px 12px 7px; background-color:#2ea2ed; font-size:14px; color:#FFF; font-weight:bold; } .headLv2-txt h2 span span span span span span span span span { padding:0; display:inline; background:none; font-size:14px; margin-left:10px; font-weight:normal; } /* -heading-lv3 ------------------------------------------------------------*/ .headLv3-txt { padding-bottom:10px; } .headLv3-txt h3 { background-color:#dfecf4; } .headLv3-txt h3 span { display:block; background-color:#dfecf4; zoom:1; } .headLv3-txt h3 span span { background-color:#dfecf4; } .headLv3-txt h3 span span span { background-color:#dfecf4; } .headLv3-txt h3 span span span span { background-color:#dfecf4; } .headLv3-txt h3 span span span span span { background-color:#dfecf4; } .headLv3-txt h3 span span span span span span { background-color:#dfecf4; } .headLv3-txt h3 span span span span span span span { background-color:#dfecf4; padding:7px 10px 6px; font-size:12px; color:#1671ae; font-weight:bold; } .headLv3-txt h3 span span span span span span span span { display:inline; font-size:12px; padding:0; margin-left:6px; font-weight:normal; } /* -heading-lv3-news ------------------------------------------------------------*/ .headLv3-txt-news { padding-bottom:10px; } .headLv3-txt-news h3 { background:#efefef url(../imgdc/elements/heading-lv3-news/bg05.gif) 0 0 repeat-x; } .headLv3-txt-news h3 span { display:block; background:url(../imgdc/elements/heading-lv3-news/bg05.gif) 100% 0 repeat-y; zoom:1; } .headLv3-txt-news h3 span span { background:url(../imgdc/elements/heading-lv3-news/bg05.gif) 0 100% repeat-y; } .headLv3-txt-news h3 span span span { background:url(../imgdc/elements/heading-lv3-news/bg05.gif) 100% 100% repeat-x; } .headLv3-txt-news h3 span span span span { background:url(../imgdc/elements/heading-lv3-news/bg01.gif) 0 0 no-repeat; } .headLv3-txt-news h3 span span span span span { background:url(../imgdc/elements/heading-lv3-news/bg02.gif) 100% 0 no-repeat; } .headLv3-txt-news h3 span span span span span span { background:url(../imgdc/elements/heading-lv3-news/bg03.gif) 100% 100% no-repeat; } .headLv3-txt-news h3 span span span span span span span { background:url(../imgdc/elements/heading-lv3-news/bg04.gif) 0 100% no-repeat; padding:6px 10px 5px; font-size:12px; color:#61322f; font-weight:bold; } .headLv3-txt-news h3 span span span span span span span span { display:inline; font-size:12px; padding:0; margin-left:6px; font-weight:normal; } .contentDivide-2equal .area { clear: both; } .contentDivide-2equal .area .pad1 { float: left; width: 375px; } /*-headLv4 ----------------------------------------------------------*/ .headLv4-txt{ font-size : 12px ; color : #e00000; font-weight : Bold;} .attention-txt{ font-size : 10px ; color : #555555; line-height : 150%;} .inchosedStep-txt{ font-size : 12px ; color : #555555; font-weight : Bold;} .tableHeader th{ font-size : 12px ; color : #333333; padding :5px; background-color : #efefef; text-align :center; border-bottom : 1px solid #ddd; border-right : 1px solid #ddd; } .tableHeader td { vertical-align:middle; font-size : 12px ; color : #333333; padding :5px; background-color : #efefef; text-align :center; border-bottom : 1px solid #ddd; border-right : 1px solid #ddd; } .tableHeader2 td { vertical-align:middle; font-size : 11px ; color : #333333; padding :3px 5px 3px 5px; background-color : #efefef; text-align :center; border-bottom : 1px solid #ddd; border-right : 1px solid #ddd; } .tableHeader-side th { font-size : 12px ; color : #333333; padding :10px; background-color :#efefef; text-align :left; border-bottom : 1px solid #ddd; border-right : 1px solid #ddd } .tableHeader-side td { font-size : 12px ; color : #555555; line-height : 135% ; padding : 5px 10px; background-color : #ffffff; border-bottom : 1px #ddd solid; border-right : 1px #ddd solid; } .tableHeader-side2 { vertical-align:middle; font-size : 12px ; color : #333333; padding :5px; background-color : #efefef; text-align :center; border-bottom : 1px solid #ddd; border-right : 1px solid #ddd; } .tableHeaderside td { font-size : 12px ; line-height : 135% ; padding : 5px 10px; background-color : #ffffff; border-bottom : 1px #ddd solid; border-right : 1px #ddd solid; vertical-align:middle; } .even-row td { border-collapse: collapse; font-size : 12px ; color : #555555; line-height : 135% ; padding : 5px 10px; background-color : #ffffff; border-bottom : 1px #ddd solid; border-right : 1px #ddd solid; } .even-row2 td { border-collapse: collapse; font-size : 12px ; color : #555555; line-height : 135% ; padding : 5px 10px; background-color : #ffffff; border-right : 1px #ddd solid; border-top : 1px #ddd solid; } .even-row { border-collapse: collapse; font-size : 12px ; color : #555555; line-height : 135% ; padding : 5px 3px 5px 3px; background-color : #ffffff; border-bottom : 1px #ddd solid; border-right : 1px #ddd solid; } .even-row2 { border-collapse: collapse; font-size : 12px ; color : #555555; line-height : 135% ; padding : 5px 3px 5px 3px; background-color : #ffffff; border-top : 1px #ddd solid; } .odd-row { border-collapse: collapse; font-size : 12px ; color : #555555; line-height : 135% ; padding : 5px 3px 5px 3px; background-color : #faf9f8; border-bottom : 1px #ddd solid; border-right : 1px #ddd solid; } .odd-row2 { border-collapse: collapse; font-size : 12px ; color : #555555; line-height : 135% ; padding : 5px 3px 5px 3px; background-color : #faf9f8; } .even-row td a { color : #2266CC; } .odd-row td { border-collapse: collapse; font-size : 12px ; color : #555555; line-height : 135% ; padding : 5px 10px; background-color : #faf9f8; border-bottom : 1px #ddd solid; border-right : 1px #ddd solid; } .odd-row2 td { border-collapse: collapse; font-size : 12px ; color : #555555; line-height : 135% ; padding : 5px 10px; background-color : #faf9f8; border-right : 1px #ddd solid; border-top : 1px #ddd solid; } .odd-row td a{ color : #2266cc; } .sum-row td{ font-size : 12px ; color : #333333; padding :10px ; background-color : #fff0e1 ! important; border-top : 1px #ddd solid; border-right : 1px #ddd solid; border-bottom : 1px #ddd solid;} .unit-txt{ font-size : 10px ; color : #333333;} .even-row-left { font-size : 12px ; color : #555555; line-height : 135% ; padding : 5px 3px 5px 3px; background-color : #ffffff; border-bottom : 1px #ddd solid; border-left : 2px #ddd solid; border-right : 1px #ddd solid; border-left-color:#cccccc; } .odd-row-left { font-size : 12px ; color : #555555; line-height : 135% ; padding : 5px 3px 5px 3px; background-color : #faf9f8; border-bottom : 1px #ddd solid; border-left : 2px #ddd solid; border-right : 1px #ddd solid; border-left-color:#cccccc; } .even-row-right { font-size : 12px ; color : #555555; line-height : 135% ; padding : 5px 3px 5px 3px; background-color : #ffffff; border-bottom : 1px #ddd solid; border-right : 2px #ddd solid; border-right-color:#cccccc; } .odd-row-right { font-size : 12px ; color : #555555; line-height : 135% ; padding : 5px 3px 5px 3px; background-color : #faf9f8; border-bottom : 1px #ddd solid; border-right : 2px #ddd solid; border-right-color:#cccccc; } .grdborder { border-collapse: collapse; border-bottom : 1px #ddd solid; border-top : 1px #ddd solid ; } .grdborder-en { border-top : 2px #ddd solid; border-right : 1px #ddd solid; border-bottom : 1px #ddd solid; border-left : 2px #ddd solid; } .title-padtop { padding-top:20px; } .grdtable-border tr { border-bottom : 0px #ddd solid; border-top : 0px #ddd solid; } .radiotableside td { font-size : 12px ; line-height : 135% ; padding : 2px 2px 2px 1px; background-color : #ffffff; border-bottom : 1px #ddd solid; vertical-align:middle; } /* -body ------------------------------------------------------------*/ body { text-align:center; font-family: "MS UI Gothic", "Tahoma", "Osaka", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro" ; } body #wrap { /*font-family : "MS UI Gothic", "Osaka", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3" ;*/ font-size : 12px ; color : #555555; line-height : 150%; width:762px; margin:0 auto; text-align:left; } body #wrap #wrap2 { position:absolute; } body #wrap #contentArea { padding:0px 1px 0px; } /* -header ------------------------------------------------------------*/ #header .upperArea { background:url(../imgdc/elements/header/bg01.gif) 0 0 repeat-y; } #header .upperArea .pad1 { background:url(../imgdc/elements/header/bg02.gif?v=2015082201) 0 100% no-repeat; height:81px; } #header .upperArea #partnerLogo { margin: 10px 12px 0px 0px; } #header .upperArea #partnerLogo img { display:block; } #header .upperArea #fontResizer { float: right; margin: 5px 5px 0px 0px; } #header .upperArea #fontResizer table th, #header .upperArea #fontResizer table td { padding-left:3px; } #header .upperArea #subNavigation { position:absolute; top:-20px; right:-50px; } #header .upperArea #subNavigation table th, #header .upperArea #subNavigation table td { float:left; padding-left:6px; } #header .lowerArea { background:url(../imgdc/elements/header/bg03.gif) 0 0 repeat-y; } #header .lowerArea .pad1 { background:url(../imgdc/elements/header/bg04.gif) 0 100% no-repeat; padding:0 6px; } #header .lowerArea .pad1 ul:after { display: block; clear: both; height: 0; line-height: 0; visibility: hidden; content: "."; font-size: 0.1em; } #header .lowerArea .pad1 .CategoryMenu { display: inline-block; height: 1%; font-size:11px; color:#787878; padding:9px 0px 6px 3px; background:url(../imgdc/elements/header/bg05.gif) 0 100% no-repeat; } #header .lowerArea .pad1 ul li { float:left; } #header .lowerArea .pad1 ul li a { } #header .lowerArea .pad1 .first { padding-left:6px; background:none; } #header .lowerArea .pad1 .on { color:#e00000; } /* -footer ------------------------------------------------------------*/ #footer p .inlineicon-newwin { vertical-align:.025em; } #footer { padding-top:5px; } #footer p { font-size:10px; text-align:center; padding-bottom:6px; } #footer p span { padding-right:10px; padding-left:11px; background:url(../imgdc/elements/footer/bg01.gif) 0 50% no-repeat; } #footer p span a label { color:#2266cc; } #footer p span.first { background:none; } /* -utilityBlock ------------------------------------------------------------*/ #headerContentArea { padding:20px 1px 0; } #headerContentArea .utilityBlock { padding-bottom:20px; margin-top:-10px; } #headerContentArea .utilityBlock .leftArea { padding-top:10px; float:left; min-width:555px; _width:555px; >width:555px; margin-right:5px; } /* bg settings */ #headerContentArea .utilityBlock .leftArea .pad1 { background:#bee5ff url(../imgdc/elements/utilityBlock/bg02.gif) 0 0 repeat-x; } #headerContentArea .utilityBlock .leftArea .pad2 { background:url(../imgdc/elements/utilityBlock/bg04.gif) 100% 0 repeat-y; } #headerContentArea .utilityBlock .leftArea .pad3 { background:url(../imgdc/elements/utilityBlock/bg06.gif) 0 100% repeat-x; } #headerContentArea .utilityBlock .leftArea .pad4 { background:url(../imgdc/elements/utilityBlock/bg08.gif) 0 0 repeat-y; } #headerContentArea .utilityBlock .leftArea .pad5 { background:url(../imgdc/elements/utilityBlock/bg01.gif) 0 0 no-repeat; } #headerContentArea .utilityBlock .leftArea .pad6 { background:url(../imgdc/elements/utilityBlock/bg03.gif) 100% 0 no-repeat; } #headerContentArea .utilityBlock .leftArea .pad7 { background:url(../imgdc/elements/utilityBlock/bg05.gif) 100% 100% no-repeat; } #headerContentArea .utilityBlock .leftArea .pad8 { background:url(../imgdc/elements/utilityBlock/bg07.gif) 0 100% no-repeat; } #headerContentArea .utilityBlock .leftArea .upperArea { border-bottom:solid 1px #1177bb; padding:6px 14px 4px; } #headerContentArea .utilityBlock .leftArea .upperArea table { width: 100%; } #headerContentArea .utilityBlock .leftArea .upperArea table th, #headerContentArea .utilityBlock .leftArea .upperArea table td { vertical-align:middle; } #headerContentArea .utilityBlock .leftArea .upperArea table th { padding-right:20px; font-size:12px; font-weight:bold; text-align: left; } #headerContentArea .utilityBlock .leftArea .upperArea .EmployeeName { font-weight: bold; font-size: 22px; font-style: normal; white-space: normal; text-align: center; } #headerContentArea .utilityBlock .leftArea .upperArea .infoCell { /*padding-right:10px;*/ font-size:10px; line-height:1.2; /*width: 136px;*/ white-space: nowrap; } #headerContentArea .utilityBlock .leftArea .upperArea .infoCell span{ display:block; font-size:12px; } #headerContentArea .utilityBlock .leftArea .upperArea .buttonCell { width: 65px; text-align: center; } #headerContentArea .utilityBlock .leftArea .upperArea .buttonCell .buttonCellName { font-size:10px; display:block; padding:3px 10px; border:solid 1px #1177bb; color:#2266cc; text-decoration:none; zoom:1; white-space:normal; background:#dfecf4 url("../imgdc/elements/utilityBlock/arrow_red.gif") 5px 6px no-repeat; } #headerContentArea .utilityBlock .leftArea .bottomArea { padding:8px 11px 9px; margin-right:-10px; } #headerContentArea .utilityBlock .leftArea table.tableBgWhite { margin:-3px; width:389px; _width:394px; float:left; margin-right:6px; } #headerContentArea .utilityBlock .leftArea table.tableBgWhite td { background:#fff; border:solid 1px #1177bb; padding:10px 10px 8px; } #headerContentArea .utilityBlock .leftArea table.tableBgWhite td td{ border:none; padding:0; } #headerContentArea .utilityBlock .leftArea table.tableBgWhite td.leftCell p { font-size:12px; color:#888; white-space: normal; width:150px; } #headerContentArea .utilityBlock .leftArea .informationTitle { color:#888; white-space: normal; } #headerContentArea .utilityBlock .leftArea .BalanceAssetsString { text-align:right; } #headerContentArea .utilityBlock .leftArea .BalanceAssets , #headerContentArea .utilityBlock .leftArea .CurrencyUnit { font-weight:normal; font-size:23px; white-space:normal; letter-spacing:-1px; } #headerContentArea .utilityBlock .leftArea .CurrencyUnit { font-size:18px; } #headerContentArea .utilityBlock .leftArea table.tableBgWhite td.rightCell table th { font-size:12px; color:#888; text-align:left; white-space:normal; padding-right:1em; } #headerContentArea .utilityBlock .leftArea table.tableBgWhite td.rightCell table td { font-size:12px; text-align:right; } #headerContentArea .utilityBlock .leftArea table.tableBgWhite td.rightCell table td .CurrencyUnit { font-size:11px; } .rightCellKyuushi { text-align:left; width: 65px; } #headerContentArea .utilityBlock .leftArea table.buttonTable { float:left; margin:-3px; } #headerContentArea .utilityBlock .leftArea table.buttonTable td { } #headerContentArea .utilityBlock .leftArea table.buttonTable td a { width:139px; text-align:left; font-size:12px; display:block; padding:3px 0 3px 11px; border:solid 1px #1177bb; color:#2266cc; text-decoration:none; zoom:1; background:#dfecf4 url("../imgdc/elements/utilityBlock/arrow_red.gif") 5px 7px no-repeat; } #headerContentArea .utilityBlock .rightArea { padding-top:10px; float:left; width:188px; } /* マッチング拠出追加分 ---------------------------------------------------------------------------------------*/ #headerContentArea .utilityBlock .leftArea table.tableBgWhite td.rightMatching { background:transparent; border:0px; padding:0px; margin:0px; } #headerContentArea .utilityBlock .leftArea table.tableBgWhite td.rightMatching table.MatchingTable { background:#fff; border:solid 1px #1177bb; margin:0px; } #headerContentArea .utilityBlock .leftArea table.tableBgWhite td.rightMatching table.MatchingTable tr { height:14px; } #headerContentArea .utilityBlock .leftArea table.tableBgWhite td.rightMatching table.MatchingTable tr th.MachingTitleCell { font-size:12px; color:#888; text-align:left; white-space:normal; padding:4px 0px 3px 10px; } #headerContentArea .utilityBlock .leftArea table.tableBgWhite td.rightMatching table.MatchingTable tr td.MachingDataCell { font-size:12px; text-align:right; white-space:normal; padding:4px 10px 3px 0px; } th.informationTitle { color:#888; white-space: normal; } #headerContentArea .utilityBlock .leftArea table.tableBgWhite td.rightMatching table.MatchingTable tr td.MachingDataCell .CurrencyUnitMatching { font-size:11px; } td.SpaceCell{ width:40px; } /* a ----------------------------------------------------*/ a:link { color:#26c; text-decoration:none; } a:visited { color:#26c; text-decoration:none; } a:hover { color:#26c; text-decoration:underline !important; } a:active { color:#26c; text-decoration:none; } /*============================================================ 6: -etc ============================================================*/ span.clear { display:none; } td.right,th.right { text-align:right !important; } td.center,th.center { text-align:center !important; } td.top,th.top { vertical-align:top !important; } td.middle,th.middle { vertical-align:middle !important; } td.bottom,th.bottom { vertical-align:bottom !important; } br.clear { clear:both; } .elem { font-size:12px; background:#999; padding:4px 5px 3px; color:#fff; line-height:1.2; } .elem span { font-family:Tahoma; display:block; margin-top:1px; font-size:12px; color:#fff; } p.elemNote { font-size:12px; border:solid 2px #ccc; margin-bottom:50px; padding:10px; color:#555; line-height:1.3; } p.elemNote span { color:#787878; margin:-10px -10px 7px; padding-left:3px; font-family:Tahoma; display:block; background:#787878; color:#fff; font-weight:bold; } /* -buttonWrapper サイズ変更無し ------------------------------------------------------------*/ .buttonWrapper { padding-bottom:20px; } .buttonWrapper .pad1 { background:#efefef url(../imgdc/elements/buttonWrapper/bg01.gif) 0 0 repeat-x; } .buttonWrapper .pad2 { background:url(../imgdc/elements/buttonWrapper/bg01.gif) 0 0 repeat-y; } .buttonWrapper .pad3 { background:url(../imgdc/elements/buttonWrapper/bg01.gif) 100% 100% repeat-x; } .buttonWrapper .pad4 { background:url(../imgdc/elements/buttonWrapper/bg01.gif) 100% 100% repeat-y; } .buttonWrapper .pad5 { background:url(../imgdc/elements/buttonWrapper/bg02.gif) 0 0 no-repeat; } .buttonWrapper .pad6 { background:url(../imgdc/elements/buttonWrapper/bg03.gif) 100% 0 no-repeat; } .buttonWrapper .pad7 { background:url(../imgdc/elements/buttonWrapper/bg04.gif) 100% 100% no-repeat; } .buttonWrapper .pad8 { background:url(../imgdc/elements/buttonWrapper/bg05.gif) 0 100% no-repeat; padding:12px 20px; } .buttonWrapper .back { width:99%; } .buttonWrapper .back li { text-indent:-12px; padding-left:12px; } .buttonWrapper .back li a { padding-left:12px; line-height:1.3; font-size:12px; background:url(../imgdc/elements/buttonWrapper/bg06.gif) 0 0.1em no-repeat; } .buttonWrapper .button { } .buttonWrapper .button .item { background-color:#1671ae;background-image:url(../imgdc/elements/buttonWrapper/button/bg02.gif);background-position: 0 0;background-repeat: repeat-x; } .buttonWrapper .button .item div {background-color:transparent;background-image: url(../imgdc/elements/buttonWrapper/button/bg06.gif);background-position: 0 100%; background-repeat:repeat-x; } .buttonWrapper .button .item div div { background-image:url(../imgdc/elements/buttonWrapper/button/bg08.gif);background-position: 0 0 ;background-repeat:repeat-y; } .buttonWrapper .button .item div div div {background-image:url(../imgdc/elements/buttonWrapper/button/bg04.gif);background-position: 100% 0; background-repeat:repeat-y; } .buttonWrapper .button .item div div div div {background-image:url(../imgdc/elements/buttonWrapper/button/bg01.gif) ;background-position:0 0;background-repeat: no-repeat; } .buttonWrapper .button .item div div div div div { background-image:url(../imgdc/elements/buttonWrapper/button/bg03.gif) ;background-position:100% 0;background-repeat: no-repeat; } .buttonWrapper .button .item div div div div div div { background-image:url(../imgdc/elements/buttonWrapper/button/bg05.gif) ;background-position:100% 100%;background-repeat: no-repeat; } .buttonWrapper .button .item div div div div div div div { background-image:url(../imgdc/elements/buttonWrapper/button/bg07.gif) ;background-position:0 100%;background-repeat: no-repeat; padding:5px; } .buttonWrapper .button .item div div div div div div div a { font-size:14px; zoom:1; font-weight:bold; display:block; padding:9px 32px; color:#FFF; } .lnkbuttonWrap .button .item { background-color:#ffd25b;background-image:url(../imgdc/elements/buttonWrapper/button/bg02.gif);background-position: 0 0;background-repeat: repeat-x; } .lnkbuttonWrap .button .item div {background-color:transparent;background-image: url(../imgdc/elements/buttonWrapper/button/bg06.gif);background-position: 0 100%; background-repeat:repeat-x; } .lnkbuttonWrap .button .item div div { background-image:url(../imgdc/elements/buttonWrapper/button/bg08.gif);background-position: 0 0 ;background-repeat:repeat-y; } .lnkbuttonWrap .button .item div div div {background-image:url(../imgdc/elements/buttonWrapper/button/bg04.gif);background-position: 100% 0; background-repeat:repeat-y; } .lnkbuttonWrap .button .item div div div div {background-image:url(../imgdc/elements/buttonWrapper/button/bg01.gif) ;background-position:0 0;background-repeat: no-repeat; } .lnkbuttonWrap .button .item div div div div div { background-image:url(../imgdc/elements/buttonWrapper/button/bg03.gif) ;background-position:100% 0;background-repeat: no-repeat; } .lnkbuttonWrap .button .item div div div div div div { background-image:url(../imgdc/elements/buttonWrapper/button/bg05.gif) ;background-position:100% 100%;background-repeat: no-repeat; } .lnkbuttonWrap .button .item div div div div div div div { background-image:url(../imgdc/elements/buttonWrapper/button/bg07.gif) ;background-position:0 100%;background-repeat: no-repeat; padding:5px; } .lnkbuttonWrap .button .item div div div div div div div a { font-size:12px; zoom:1; font-weight:bold; display:block; padding:4px 7px 4px 7px; color:#333; white-space:nowrap; display:inline; } .buttonWrapper .button a { display:inline; white-space:nowrap; } /* -inButton-txt  サイズ変更無し ------------------------------------------------------------*/ .inButton-txt { padding:0 0 20px; } .inButton-txt td { padding-right:10px; padding-bottom:10px; } .inButton-txt td .item { background:#f4f4f4 url(../imgdc/elements/linkButtonTable/bg02.gif) 0 0 repeat-x; } .inButton-txt td .item div { background:url(../imgdc/elements/linkButtonTable/bg06.gif) 0 100% repeat-x; } .inButton-txt td .item div div { background:url(../imgdc/elements/linkButtonTable/bg04.gif) 100% 0 repeat-y; } .inButton-txt td .item div div div { background:url(../imgdc/elements/linkButtonTable/bg08.gif) 0 0 repeat-y; } .inButton-txt td .item div div div div { background:url(../imgdc/elements/linkButtonTable/bg01.gif) 0 0 no-repeat; } .inButton-txt td .item div div div div div { background:url(../imgdc/elements/linkButtonTable/bg03.gif) 100% 0 no-repeat; } .inButton-txt td .item div div div div div div { background:url(../imgdc/elements/linkButtonTable/bg05.gif) 100% 100% no-repeat; } .inButton-txt td .item div div div div div div div { background:url(../imgdc/elements/linkButtonTable/bg07.gif) 0 100% no-repeat; padding:4px; } .inButton-txt td .item div div div div div div a { line-height:135%; padding:8px 20px 8px 36px; display:block; zoom:1; font-size:14px; color:#555; font-weight:bold; background:url(../imgdc/elements/linkButtonTable/bg09.gif) 20px 50% no-repeat; } .inButton-txt td .item div div div div div div span { line-height:135%; padding:8px 20px 8px 36px; display:block; zoom:1; font-size:14px; color:#555; font-weight:bold; background:url(../imgdc/elements/linkButtonTable/bg09.gif) 20px 50% no-repeat; } .inButton-txt p { font-size:10px; line-height:135%; color:#555; margin-top:-3px; } /* -inStep-txt ------------------------------------------------------------*/ .inStep-txt { margin:-10px 7px 0; padding-bottom:10px; } .inStep-txt table { margin-bottom:10px; } .inStep-txt table td { background:url(../imgdc/elements/stepFlow/bg03.gif) 0 50% no-repeat; vertical-align:middle; } .inStep-txt table td .item { background:#eff0e4 url(../imgdc/elements/stepFlow/bg01.gif) 0 100% repeat-x; margin-left:15px; } .inStep-txt table td div.first { margin-left:0; } .inStep-txt table td .item span { display:block; background:url(../imgdc/elements/stepFlow/bg01.gif) 100% 0 repeat-y; } .inStep-txt table td .item span span { background:url(../imgdc/elements/stepFlow/bg02.gif) 100% 0 no-repeat; } .inStep-txt table td .item span span span { background:url(../imgdc/elements/stepFlow/bg02.gif) 0 100% no-repeat; color:#aeafa1; font-size : 12px ; padding:5px 18px 4px; } .inStep-txt table td.on .item span span span { color:#4c473e; font-weight:bold; } .read-txt{ font-size : 12px ; color : #555555; line-height:150%;} /*テーブル内のアイコン -------------------------------------*/ .balanceIcon { display:block; white-space:nowrap; color:#fff; font-size:10px; text-align:center; padding:1px 10px; } .balanceIconEN { display:block; color:#fff; font-size:10px; text-align:center; padding:1px 3px; word-break:normal; } .principalIcon { display:block; white-space:nowrap; background:#ffffff; color:#fff; font-size:10px; text-align:center; padding:1px 10px; } .foreignStockIcon { display:block; white-space:nowrap; background:#4ca2d3; color:#fff; font-size:10px; text-align:center; padding:1px 10px; } .HomeStockIcon { display:block; white-space:nowrap; background:#78d6f0; color:#fff; font-size:10px; text-align:center; padding:1px 10px; } .HomeBondIcon { display:block; white-space:nowrap; background:#fecd59; color:#fff; font-size:10px; text-align:center; padding:1px 10px; } .foreignBondIcon { display:block; white-space:nowrap; background:#f69164; color:#fff; font-size:10px; text-align:center; padding:1px 10px; } .othersIcon { display:block; white-space:nowrap; background:#c28f72; color:#fff; font-size:10px; text-align:center; padding:1px 10px; } /* -pagination-category ------------------------------------------------------------*/ .pagination-category { padding:0 0 10px; } .pagination-category .pad1 { border-top:solid 1px #ececec; border-bottom:solid 1px #ececec; padding:10px 0; text-align:center; } .pagination-category .pad1 td { border-right:solid 1px #e5e5e5; padding-right : 10px; } .pagination-category .pad1 td p { font-size:12px; } .pagination-category .pad1 td p a { padding-left:10px; background-image:url(../imgdc/elements/pagination-category/bg01.gif); background-repeat:no-repeat; background-position:5px 4px; } .pagination-category .pad1 td.last { border-right:none; padding-left:5px; } /* -txtListNav ------------------------------------------------------------*/ .txtListNav { padding-bottom:15px; padding-left:7px; } .txtListNav ul li { font-size:12px; line-height:1.35; margin-bottom:5px; } /* lv1 */ .txtListNav ul li.lv1 { text-indent:-15px; padding-left:15px; font-weight:bold; background:url(../imgdc/elements/txtListNav/bg01.gif) 0px 0.2em no-repeat; } .txtListNav ul li.lv1 a{ padding-left:15px; } /* lv2 */ .txtListNav ul li.lv2{ text-indent:-16px; padding-left:16px; background:url(../imgdc/elements/txtListNav/bg02.gif) 7px 0.4em no-repeat; } .txtListNav ul li.lv2 a { padding-left:16px; } /* lv3 */ .txtListNav ul li.lv3 { margin-bottom:10px; } /* explanation */ .txtListNav ul li p { padding-left:16px; padding-top:6px; line-height:1.35; } .txtListNav ul li.lv3 p { padding-left:0; } .txtListNav table tr { height: 15px; } .txtListNav table th { vertical-align: middle; text-align: left; width: 10px; } .txtListNav table td { vertical-align: middle; text-align: left; } .pdflogotd { width: 80px; } /* -calcTable ------------------------------------------------------------*/ /* base settings */ .calcTable { } .calcTable .upperArea { float:left; } .calcTable .line { padding-bottom:10px; border-bottom:solid 2px #ddd; } .calcTable .lowerArea { padding:10px 0 0px; } .calcTable table.border { border-left:solid 1px #ccc; border-top:solid 1px #ccc; } .calcTable table.border td.border, .calcTable table.border th.border { border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; background:#f7f5f3; padding:4px 15px; } .calcTable table.border td.border { vertical-align:middle; } .calcTable table.border td.leftSpace { padding-left:16px; } .calcTable table.border td.topSpace { padding-top:5px; } /* each table settings*/ .calcTable table.numTable{ } .calcTable table.numTable th { padding-right:10px; font-size:75%; color:#777; vertical-align:middle; width:60px; } .calcTable table.numTable td { background:#fff; padding:7px 10px 6px 75px; font-size:85%; color:#555; text-align:right; vertical-align:middle; white-space:nowrap; } .calcTable table.numTable td strong { font-weight:normal; font-size:150%; } .calcTable table.numTable th span.blank { display:block; font-size:80%; color:#777; white-space:nowrap; } .calcTable table.numTable td.upperRightCell { min-width:255px; width:255px; } .calcTable table.txtTable{ } .calcTable table.txtTable th, .calcTable table.txtTable td { padding:5px 10px; } .calcTable table.txtTable th { padding-right:10px; font-size:75%; color:#777; vertical-align:middle; } .calcTable table.txtTable td { text-align:right; font-size:75%; color:#555; } .calcTable table.txtTable td span { font-size:85%; } .contentDivide-2unequal .calcTable { } .contentDivide-2unequal .calcTable .upperArea { float:none; } .contentDivide-2unequal .calcTable table, .contentDivide-2unequal .calcTable .lowerArea table { width:100%; } .contentDivide-2unequal .calcTable table td.border { width:100%; } .contentDivide-2unequal .calcTable table td { padding:0; } .contentDivide-2unequal .calcTable table.calcDetail { width:auto; } .contentDivide-2unequal .calcTable table.calcDetail th { width:75px; vertical-align:middle; color:#777; font-size:12px; } .contentDivide-2unequal .calcTable table.calcDetail td.bgWhite { background:#fff; text-align:right; width:210px; } .contentDivide-2unequal .calcTable table.calcDetail td.bgWhite strong, .contentDivide-2unequal .calcTable .lowerArea table.calcDetail td.bgWhite strong { display:block; text-align:right; padding:5px 10px; font-size:20px; font-weight:normal; } .contentDivide-2unequal .calcTable table.calcDetail td.bgWhite strong span, .contentDivide-2unequal .calcTable .lowerArea table.calcDetail td.bgWhite strong span { font-size:14px; } .contentDivide-2unequal .calcTable table.calcDetail td.addition { vertical-align:middle; font-size:10px; color:#777; letter-spacing:1px; } /* -calcTableHasEqual ------------------------------------------------------------*/ .calcTableHasEqual { } .calcTableHasEqual .upperArea { padding-bottom:10px; border-bottom:solid 2px #ddd; float:left; } .calcTableHasEqual .upperAreaNoline { float:left; } .calcTableHasEqual .lowerArea { padding:10px 0 0px; } .calcTableHasEqual table.border { border-left:solid 1px #ccc; border-top:solid 1px #ccc; } .calcTableHasEqual table.border td.border, .calcTableHasEqual table.border th.border { border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; background:#f7f5f3; padding:4px 15px; } .calcTableHasEqual table.border td.border { vertical-align:middle; } .calcTableHasEqual table.border td.leftSpace { padding-left:16px; } .calcTableHasEqual table.border td.topSpace { padding-top:5px; } .calcTableHasEqual table.numTable{ } .calcTableHasEqual table.numTable th { padding-right:10px; font-size:12px; color:#777; vertical-align:middle; width:60px; } .calcTableHasEqual table.numTable td { background:#fff; padding:7px; color:#555; text-align:right; vertical-align:middle; white-space:nowrap; font-size:20px; width:170px; } .calcTableHasEqual table.numTable td.lengthsize { width:180px; } .calcTableHasEqual table.numTable1 td { background:#fff; padding:7px; color:#555; text-align:right; vertical-align:middle; white-space:nowrap; font-size:20px; width:100px; } .calcTableHasEqual table.numTable1 th { padding-right:10px; font-size:12px; color:#777; vertical-align:middle; width:60px; } .calcTableHasEqual table.numTable td.upperRightCell { min-width:255px; width:255px; } .calcTableHasEqual table.txtTable{ } .calcTableHasEqual table.txtTable th, .calcTableHasEqual table.txtTable td { padding:5px 0px; } .calcTableHasEqual table.txtTable th { padding-right:10px; font-size:12px; color:#777; vertical-align:middle; } .calcTableHasEqual table.txtTable td { text-align:right; font-size:12px; color:#555; } /* -calcTableHasEqual ------------------------------------------------------------*/ .tableHeader td { vertical-align:middle; border-collapse: collapse; font-size : 12px ; color : #333333; padding :5px; background-color : #efefef; border-right : 1px solid #ddd } .tabHeader-side th { font-size : 12px ; color : #333333; padding :10px; background-color :#efefef; text-align :left; border-bottom : 2px solid #ddd; border-right : 2px solid #ddd } .kijundate { display:block; font-size:10px; color:#777; white-space:nowrap; width:70px; } .unit { font-size:10px; } #MisasizuTotal { background: #fff; text-align: right; } #MisasizuTotal strong { display:block; text-align:right; padding:5px 10px; font-size:20px; font-weight:normal; } #MisasizuTotal strong span { font-size:14px; } .Annuity { font-size:14px; font-weight:bold; } .tableWrap { border-top: 2px solid #ddd; border-left: 2px solid #ddd; border-bottom: 2px solid #ddd; border-right: 2px solid #ddd; } .tx-warning { FONT-SIZE: 14px; COLOR: #ff0000; LINE-HEIGHT: 140% } .bottom-line{ padding-bottom:10px; border-bottom:solid 2px #ddd; float:left; background:url(../imgdc/elements/footer/bg01.gif) 0 50% no-repeat; } /* -note ------------------------------------------------------------*/ div.note { margin-top:8px; } div.note table th, div.note table td { font-size:11px; line-height:1.33; color:#555; margin-bottom:4px; padding-bottom:4px; } div.note table th { color:#e00000; _margin-top:-2px; >margin-top:-2px; padding-right:1em; white-space:nowrap; } #education_content_upper { margin-top: 10px; margin-bottom: 10px; } .frame-wrapper { margin: 0 auto; display: flex; flex-wrap: wrap; width:100%; max-width:900px; border : solid 1px #dddddd; border-bottom:none; } .frame-wrapper h3 { float: left; background-color: #dfecf4; font-size: 12px; color: #1671ae; font-weight: bold; margin-top: 0px; padding:3px; } .frame-wrapper__video { position: relative; width: calc(100% / 2 - 20px ); height: 0; padding-bottom: 30%; overflow: hidden; margin: 10px; float: left; text-align:center; } .frame-wrapper__video Image, .frame-wrapper__video img { width: 360px; height: 210px; position: absolute; top: 25; left: 0; transition: 0.3s; opacity: 0.8; border: none; } .frame-wrapper__video Image:hover, .frame-wrapper__video img:hover { opacity: 0.5; cursor:pointer; } .video_viewing_time { position: absolute; top: 85%; right: 2%; background-color: #444444; color: #FFF; font-weight: bold; padding: 3px; font-size: 15px; } #education_content_lower { margin-top: 30px; margin-bottom: 10px; } .frame-wrapper2 { margin: 0 auto; display: flex; flex-wrap: wrap; width:100%; max-width:900px; border : solid 1px #dddddd; border-top:none; } .frame-wrapper__memo { position: relative; width: calc(100% / 2 - 20px ); height: 0; overflow: visible; margin: 10px; margin-top:0px; margin-bottom:0px; float: left; text-align:left; } .lower_title { top: 55%; background-color: #FFF; color: #000000; word-break: break-all; font-size: 12px; } .lower_explanation { top: 55%; background-color: #FFF; color: #555555; word-break: break-all; font-size: 11px; } .accordion { width: 100%; margin: 5px auto; } .accordion li { margin-bottom: 5px; } .menu { padding: 5px; cursor: pointer; background-color: #dfecf4; color: #1671ae; font-weight: bold; font-size: 12px; margin-top: 5px; } .lowerList { height: 0; line-height: 0; overflow: hidden; opacity: 0; transition: 0.3s; left:0; } .lowerList table { font-size: 12px; border-spacing: 0; } .arrow { position: relative; } .arrow::before { content: ''; position: absolute; top: 50%; right: 64%; transform: translateY(-50%); width: 12px; height: 1.8px; background-color: #1671ae; } .arrow::after { content: ''; position: absolute; top: 50%; right: 64.7%; transform: translateY(-50%); width: 2px; height: 12px; background-color: #1671ae; } .lowerList.is-open { margin-bottom: 1rem; background-color: #fff; border-top: 1px solid #ddd; padding: 10px; line-height: normal; height: auto; opacity: 1; } .arrow.is-arrow::after { display: none; } .frame_video { text-align: center; } .title_video { color: #1671AE; overflow-wrap: break-word; font-size: 21px; font-family: "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",Meiryo,"メイリオ","MS PGothic","MS Pゴシック",Arial,sans-serif; margin:0; }