/** * * @charset="UTF-8" * moneyabc_con.css * **/ #moneyAbc .money-abc-body .money-abc-body-con-1, #moneyAbc .money-abc-body .money-abc-body-con-2 {margin:0 auto;width:706px;background:#fff;} #moneyAbc .money-abc-body-con-1 .hid-txt, #moneyAbc .money-abc-body-con-2 .hid-txt {display:none;} /** BASICS **/ #moneyAbc .money-abc-body .money-abc-body-con-1 .box-1 {} #moneyAbc .money-abc-body .money-abc-body-con-1 .box-1 .box-summary {display:none;} #moneyAbc .money-abc-body .money-abc-body-con-1 .box-1 h2 {background:url(/kurashinote/budget/money_abc/img/basics/bs-01.png) 0 0 no-repeat;height:325px;} #moneyAbc .money-abc-body .money-abc-body-con-1 .img-2 {background:url(/kurashinote/budget/money_abc/img/basics/bs-02.png) 0 0 no-repeat;height:72px;} #moneyAbc .money-abc-body .money-abc-body-con-1 .img-3 {background:url(/kurashinote/budget/money_abc/img/basics/bs-03.png) 0 0 no-repeat;height:648px;} #moneyAbc .money-abc-body .money-abc-body-con-1 .img-4 {background:url(/kurashinote/budget/money_abc/img/basics/bs-04_bk.png) 0 0 no-repeat;min-height:88px;} #moneyAbc .money-abc-body .money-abc-body-con-1 .img-4 .btn-box {width:281px;height:76px;} #moneyAbc .money-abc-body .money-abc-body-con-1 .img-4 .btn-box a {padding-top:8px;margin-left:304px;display:block;width:281px;height:76px;background:url(/kurashinote/budget/money_abc/img/basics/bs-04_btn.png) 0 0 no-repeat;} #moneyAbc .money-abc-body .money-abc-body-con-1 .img-5 {background:url(/kurashinote/budget/money_abc/img/basics/bs-05.png) 0 0 no-repeat;height:260px;} #moneyAbc .money-abc-body .money-abc-body-con-1 .img-6 {background:url(/kurashinote/budget/money_abc/img/basics/bs-06.png) 0 0 no-repeat;height:206px;} #moneyAbc .money-abc-body .money-abc-body-con-1 .img-7 {background:url(/kurashinote/budget/money_abc/img/basics/bs-07.png) 0 0 no-repeat;height:402px;} #moneyAbc .money-abc-body .money-abc-body-con-1 .img-8 {background:url(/kurashinote/budget/money_abc/img/basics/bs-08.png) 0 0 no-repeat;height:287px;} #moneyAbc .money-abc-body .money-abc-body-con-1 .img-9 {background:url(/kurashinote/budget/money_abc/img/basics/bs-09.png) 0 0 no-repeat;height:412px;} #moneyAbc .money-abc-body .money-abc-body-con-1 .img-10 {background:url(/kurashinote/budget/money_abc/img/basics/bs-10.png) 0 0 no-repeat;height:55px;} #moneyAbc .money-abc-body .money-abc-body-con-1 .img-11 .btn-box {margin-left:auto;margin-right:auto;width:364px;height:108px;padding-bottom:40px;} #moneyAbc .money-abc-body .money-abc-body-con-1 .img-11 .btn-box a {padding-top:8px;display:block;width:364px;height:108px;background:url(/kurashinote/budget/money_abc/img/basics/bs-11_btn.png) 0 0 no-repeat;} /** SIMLATION **/ #moneyAbc .money-abc-body .money-abc-body-con-2 {} #moneyAbc .money-abc-body .money-abc-body-con-2 .invalid-cal-form {color:red;} #moneyAbc .money-abc-body .money-abc-body-con-2 .sim-red {color:#ff4e36;} #moneyAbc .money-abc-body .money-abc-body-con-2 .f10 {font-size:9px;line-height:14px;} #moneyAbc .money-abc-body .money-abc-body-con-2 .box-2 h2 {background:url(/kurashinote/budget/money_abc/img/simulation/sim-01.png) 0 0 no-repeat;height:208px;} #moneyAbc .money-abc-body .money-abc-body-con-2 .box-3 {background:url(/kurashinote/budget/money_abc/img/simulation/sim-02.png) 0 0 no-repeat;height:325px;} #moneyAbc .money-abc-body .money-abc-body-con-2 .box-3 p.box-summary {margin-left:110px;padding-top:71px;width:510px;font-size:14px;line-height:21px;} #moneyAbc .money-abc-body .money-abc-body-con-2 .box-3 .line-1 {padding-top:35px;width:495px;margin-left:110px;margin-bottom:2px;font-size:12px;} #moneyAbc .money-abc-body .money-abc-body-con-2 .box-3 .line-1 .green {color:#10893e;} #moneyAbc .money-abc-body .money-abc-body-con-2 .box-3 .line-2 {width:495px;margin-left:110px;font-size:10px;line-height:13px;} #moneyAbc .money-abc-body .money-abc-body-con-2 .box-3 .line-2 p {padding-right:10px;} #moneyAbc .money-abc-body .money-abc-body-con-2 .box-3 .line-1 .l-a, #moneyAbc .money-abc-body .money-abc-body-con-2 .box-3 .line-2 .l-a {float:left;width:101px;} #moneyAbc .money-abc-body .money-abc-body-con-2 .box-3 .line-1 .l-b, #moneyAbc .money-abc-body .money-abc-body-con-2 .box-3 .line-2 .l-b {float:left;width:101px;} #moneyAbc .money-abc-body .money-abc-body-con-2 .box-3 .line-1 .l-c, #moneyAbc .money-abc-body .money-abc-body-con-2 .box-3 .line-2 .l-c {float:left;width:101px;} #moneyAbc .money-abc-body .money-abc-body-con-2 .box-3 .line-1 .l-d, #moneyAbc .money-abc-body .money-abc-body-con-2 .box-3 .line-2 .l-d {float:left;width:100px;} #moneyAbc .money-abc-body .money-abc-body-con-2 .box-3 .line-1 .l-e, #moneyAbc .money-abc-body .money-abc-body-con-2 .box-3 .line-2 .l-e {float:left;width:92px;} #moneyAbc .money-abc-body .money-abc-body-con-2 .box-3 .calc-1 {height:55px;margin-left:110px;margin-bottom:4px;} #moneyAbc .money-abc-body .money-abc-body-con-2 .box-3 .calc-1 .cal-1-box {} #moneyAbc .money-abc-body .money-abc-body-con-2 .box-3 .calc-1 .cal-1-1, #moneyAbc .money-abc-body .money-abc-body-con-2 .box-3 .calc-1 .cal-1-2, #moneyAbc .money-abc-body .money-abc-body-con-2 .box-3 .calc-1 .cal-1-3, #moneyAbc .money-abc-body .money-abc-body-con-2 .box-3 .calc-1 .cal-1-4 {float:left;width:78px;height:55px;background:url(/kurashinote/budget/money_abc/img/simulation/sim-form-bk-1.png) 0 0 no-repeat #fff;} #moneyAbc .money-abc-body .money-abc-body-con-2 .box-3 .calc-1 .cal-1-5 {float:left;width:78px;height:55px;background:url(/kurashinote/budget/money_abc/img/simulation/sim-form-bk-2.png) 0 0 no-repeat #fff;} #moneyAbc .money-abc-body .money-abc-body-con-2 .box-3 .calc-1 .cal-1-5 p {width:78px;height:50px;color:silver;font-size:24px;text-align:center;padding:15px 0 0;} #moneyAbc .money-abc-body .money-abc-body-con-2 .box-3 .calc-1 .cal-1-1p {float:left;width:23px;text-align:center;font-weight:bold;padding-top:20px;} #moneyAbc .money-abc-body .money-abc-body-con-2 .box-3 .calc-1 .cal-1-2p {float:left;width:24px;text-align:center;font-weight:bold;padding-top:20px;} #moneyAbc .money-abc-body .money-abc-body-con-2 .box-3 .calc-1 .cal-1-3m {float:left;width:22px;text-align:center;font-weight:bold;padding-top:20px;} #moneyAbc .money-abc-body .money-abc-body-con-2 .box-3 .calc-1 .cal-1-4e {float:left;width:23px;text-align:center;font-weight:bold;padding-top:20px;} #moneyAbc .money-abc-body .money-abc-body-con-2 input {margin:0;padding:0;background:none;border:none;border-radius:0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:78px;height;50px;box-shadow:none;padding:7px 0;font-size:24px;text-align:center;} #moneyAbc .money-abc-body .money-abc-body-con-2 .box-4 {background:url(/kurashinote/budget/money_abc/img/simulation/sim-03.png?20200421) 0 0 no-repeat;height:894px;} #moneyAbc .money-abc-body .money-abc-body-con-2 .box-4 p.box-summary {margin-left:110px;padding-top:73px;width:520px;font-size:14px;line-height:22px;height:22px;} #moneyAbc .money-abc-body .money-abc-body-con-2 .box-4 .line-4 {padding-top:493px;width:280px;margin-left:110px;margin-bottom:2px;font-size:12px;} #moneyAbc .money-abc-body .money-abc-body-con-2 .box-4 .line-4 .green {color:#10893e;} #moneyAbc .money-abc-body .money-abc-body-con-2 .box-4 .line-4 .l-a {float:left;width:90px;} #moneyAbc .money-abc-body .money-abc-body-con-2 .box-4 .line-4 .l-b {float:left;width:112px;text-align:center;} #moneyAbc .money-abc-body .money-abc-body-con-2 .box-4 .line-4 .l-c {float:left;width:78px;text-align:center;} #moneyAbc .money-abc-body .money-abc-body-con-2 .box-4 .calc-2 {height:55px;margin-left:110px;margin-bottom:4px;} #moneyAbc .money-abc-body .money-abc-body-con-2 .box-4 .calc-2 .cal-2-1, #moneyAbc .money-abc-body .money-abc-body-con-2 .box-4 .calc-2 .cal-2-2 {float:left;width:78px;height:55px;background:url(/kurashinote/budget/money_abc/img/simulation/sim-form-bk-3.png) 0 0 no-repeat #fff;} #moneyAbc .money-abc-body .money-abc-body-con-2 .box-4 .calc-2 .cal-2-3 {float:left;width:78px;height:55px;background:url(/kurashinote/budget/money_abc/img/simulation/sim-form-bk-4.png) 0 0 no-repeat #fff;} #moneyAbc .money-abc-body .money-abc-body-con-2 .box-4 .calc-2 .cal-2-3 p {width:78px;height:50px;color:silver;font-size:24px;text-align:center;padding:15px 0 0;} #moneyAbc .money-abc-body .money-abc-body-con-2 .box-4 .calc-2 .cal-2-1p {float:left;width:23px;text-align:center;font-weight:bold;padding-top:20px;} #moneyAbc .money-abc-body .money-abc-body-con-2 .box-4 .calc-2 .cal-2-2e {float:left;width:23px;text-align:center;font-weight:bold;padding-top:20px;} #moneyAbc .money-abc-body .money-abc-body-con-2 .box-4 .calc-3 {height:55px;padding-top:55px;margin-left:119px;margin-bottom:4px;width:465px;} #moneyAbc .money-abc-body .money-abc-body-con-2 .box-4 .calc-3 .cal-3-box {} #moneyAbc .money-abc-body .money-abc-body-con-2 .box-4 .calc-3 .cal-3-1, #moneyAbc .money-abc-body .money-abc-body-con-2 .box-4 .calc-3 .cal-3-2, #moneyAbc .money-abc-body .money-abc-body-con-2 .box-4 .calc-3 .cal-3-3, #moneyAbc .money-abc-body .money-abc-body-con-2 .box-4 .calc-3 .cal-3-4 {float:left;width:78px;height:55px;background:url(/kurashinote/budget/money_abc/img/simulation/sim-form-bk-3.png) 0 0 no-repeat #fff;} #moneyAbc .money-abc-body .money-abc-body-con-2 .box-4 .calc-3 .cal-3-5 {float:left;width:78px;height:55px;background:url(/kurashinote/budget/money_abc/img/simulation/sim-form-bk-4.png) 0 0 no-repeat #fff;} #moneyAbc .money-abc-body .money-abc-body-con-2 .box-4 .calc-3 .cal-3-5 p {width:78px;height:50px;color:silver;font-size:24px;text-align:center;padding:15px 0 0;} #moneyAbc .money-abc-body .money-abc-body-con-2 .box-4 .calc-3 .cal-3-1p {float:left;width:18px;text-align:center;font-weight:bold;padding-top:20px;} #moneyAbc .money-abc-body .money-abc-body-con-2 .box-4 .calc-3 .cal-3-2p {float:left;width:19px;text-align:center;font-weight:bold;padding-top:20px;} #moneyAbc .money-abc-body .money-abc-body-con-2 .box-4 .calc-3 .cal-3-3m {float:left;width:19px;text-align:center;font-weight:bold;padding-top:20px;} #moneyAbc .money-abc-body .money-abc-body-con-2 .box-4 .calc-3 .cal-3-4e {float:left;width:19px;text-align:center;font-weight:bold;padding-top:20px;} #moneyAbc .money-abc-body .money-abc-body-con-2 .box-4 .line-5 {width:495px;margin-left:117px;margin-bottom:2px;font-size:12px;} #moneyAbc .money-abc-body .money-abc-body-con-2 .box-4 .line-5 .l-a {float:left;width:96px;} #moneyAbc .money-abc-body .money-abc-body-con-2 .box-4 .line-5 .l-b {float:left;width:97px;} #moneyAbc .money-abc-body .money-abc-body-con-2 .box-4 .line-5 .l-c {float:left;width:98px;} #moneyAbc .money-abc-body .money-abc-body-con-2 .box-4 .line-5 .l-d {float:left;width:110px;} #moneyAbc .money-abc-body .money-abc-body-con-2 .box-4 .line-5 .l-e {float:left;width:53px;padding-left:10px;color:#ff4e36;} #moneyAbc .money-abc-body .money-abc-body-con-2 .box-5 {background:url(/kurashinote/budget/money_abc/img/simulation/sim-04_bk.png) 0 0 no-repeat;height:234px;} #moneyAbc .money-abc-body .money-abc-body-con-2 .box-5 .btn-box {padding-top:87px;margin-left:406px;width:248px;height:97px;} #moneyAbc .money-abc-body .money-abc-body-con-2 .box-5 .btn-box a {display:block;width:248px;height:98px;background:url(/kurashinote/budget/money_abc/img/simulation/sim-04_btn.png?20200421) 0 0 no-repeat;