@charset "UTF-8";
html, body, div,
h1, h2, h3, h4, h5, h6,
p, ul, ol, dl, dt, dd,
table, th, td,
form, fieldset {
  margin: 0;
  padding: 0; }

body {
  font: 13px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ","Meiryo", "ＭＳ Ｐゴシック", "MS Pゴシック", sans-serif;
  box-sizing: border-box;
  color: #555555;
  background: url(../img/bg.png); }
  body h2 {
    font-size: 16px; }

.red {
  color: red; }

ul {
  list-style: none; }

.container {
  width: 1024px;
  margin: 0 auto; }

header {
  height: 45px;
  border-bottom: 1px solid #00bfff;
  line-height: 45px;
  background: white; }
  header .container {
    overflow: hidden; }
  header h1 {
    color: #00bfff;
    font-size: 16px;
    font-weight: bold;
    margin-left: 15px;
    float: left; }
  header ul {
    float: right;
    display: flex;
    font-size: 13px; }
    header ul li {
      display: flex; }
      header ul li .header-income-money {
        font-size: 19.5px; }
        header ul li .header-income-money .input-txt {
          text-align: left;
          font-size: 19.5px;
          width: 110px; }
    header ul .header-spouse {
      margin-left: 35px;
      white-space: nowrap; }
      header ul .header-spouse .input-txt {
        width: 20px; }
    header ul .header-support {
      margin-left: 15px;
      white-space: nowrap; }
      header ul .header-support .input-txt {
        width: 20px; }
    header ul .header-name {
      margin-left: 88px; }

main .container {
  display: flex;
  justify-content: space-between; }
  main .container .main-left {
    width: 380px;
    margin-left: 30px; }
  main .container .main-right {
    width: 518px;
    margin-right: 30px; }

.property-description {
  margin-top: 10px; }
  .property-description .property-description-title-area {
    display: flex;
    justify-content: space-between; }
    .property-description .property-description-title-area ul {
      display: flex; }
      .property-description .property-description-title-area ul li {
        line-height: 27px; }
      .property-description .property-description-title-area ul .btn {
        width: 65px;
        height: 20px;
        border-radius: 4px;
        text-align: center;
        line-height: 20px;
        font-size: 12px; }
      .property-description .property-description-title-area ul .btn-blue {
        color: #ffffff;
        background: #00bfff;
        margin-right: 10px; }
      .property-description .property-description-title-area ul .btn-white {
        color: #00bfff;
        background: #ffffff;
        border: 1px solid #00bfff; }
  .property-description .property-description-detail-area {
    border: 2px solid #cccccc;
    background: white; }
    .property-description .property-description-detail-area li {
      box-sizing: border-box;
      min-height: 30px;
      display: flex;
      justify-content: space-between;
      padding: 5px 6px 0;
      border-bottom: 1px solid #cccccc; }
    .property-description .property-description-detail-area li:nth-child(odd) {
      background: #f3f3f3; }
    .property-description .property-description-detail-area li:last-child {
      background: #c3f0ff;
      border-bottom: none;
      border-top: 1px solid #ccc;
      font-weight: bold; }
    .property-description .property-description-detail-area .manthly-balance {
      color: #fc2023;
      font-weight: bold; }

.transfer-ratio {
  margin-top: 10px; }
  .transfer-ratio .transfer-ratio-detail-area {
    border: 2px solid #ccc;
    background: white; }
    .transfer-ratio .transfer-ratio-detail-area li {
      height: 23px;
      line-height: 23px;
      display: flex;
      justify-content: space-between;
      padding: 0 6px;
      border-bottom: 1px solid #ccc; }
    .transfer-ratio .transfer-ratio-detail-area li:nth-child(odd) {
      background: #f3f3f3; }
    .transfer-ratio .transfer-ratio-detail-area li:last-child {
      border-bottom: none; }
  .transfer-ratio p {
    font-size: 10px;
    text-indent: -10px;
    padding-left: 10px; }
  .transfer-ratio p:nth-of-type(1) {
    margin-top: 10px; }

.balance-payment {
  margin-top: 10px; }

.table-type {
  border: 2px solid #ccc;
  width: 514px;
  border-collapse: collapse;
  background: white; }
  .table-type tr {
    height: 24px; }
  .table-type th, .table-type td {
    border-bottom: 1px solid #ccc; }
  .table-type thead th {
    background: #e0e0e0; }
  .table-type tbody th, .table-type tbody td {
    padding: 0 5px; }
  .table-type tbody th {
    background: #f3f3f3;
    text-align: left; }
  .table-type tbody td {
    text-align: center; }
  .table-type tbody tr.total th, .table-type tbody tr.total td {
    background: #c3f0ff;
    font-weight: bold;
    padding-top: 2px; }
  .table-type .vertical-writing {
    width: 20px;
    border-right: 1px solid #ccc;
    text-align: center;
    padding: 0 2px; }

.bo-r-2 {
  border-right: 2px solid #ccc; }

.bo-t-2 {
  border-top: 2px solid #ccc; }

.tax-saving {
  margin-top: 10px; }

.actual-balance-payment {
  margin-top: 10px; }

.input-txt {
  border: none;
  background: none;
  text-align: right;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  padding: 0px 0;
  font-size: 14px;
  color: #00bfff;
  box-sizing: border-box; }
  .input-txt.size-s {
    width: 40px; }
  .input-txt.size-m {
    width: 80px; }
  .input-txt.size-l {
    width: 300px; }
  .input-txt.ex-txt {
    text-align: center;
    width: 100px; }

.select-loan {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 0;
  margin: 0;
  padding: 0;
  margin-right: -10px;
  background: none transparent;
  vertical-align: middle;
  font-size: inherit;
  color: #00bfff;
  box-sizing: content-box; }

.f14 {
  font-size: 14px; }

.select-year {
  border: none;
  background: none;
  -webkit-appearance: none;
  font-size: 14px;
  font-weight: bold;
  color: #555;
  text-align: center; }