/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

main > .container {
  padding: 70px 15px 0;
}

.headerTitle{
  width:130px;
}
.modal-header {
  background-color: #BBDAF5;
  padding-left:5px;
  padding-top:5px;
  padding-bottom:5px;
  padding-right:15px;
}
.modal-footer {
  background-color: #BBDAF5;
  padding:5px;
}
.clsAlertModalTitleImg {
  width:          35px;
  margin-right:   10px;
}
.icon-ss {
  width:    32px;
  height:   32px;
}
.icon-s {
  width:    50px;
  height:   50px;
}
.icon-m {
  width:    80px;
  height:   80px;
}
.icon-l {
  width:    100px;
  height:   100px;
}

#tabPoint {
  td{
    padding:2px;
  }
  .tdCommentReadMi{
    text-align: center;
    width:40px;
    color:#ffffff;
    background-color: #DDEBF7;
  }
  .tdCommentReadKi{
    text-align: center;
    width:40px;
  }
  .tdCommentReadDel{
    text-align: center;
    width:40px;
    color:gray;
    background-color: #cecece;
  }
  .commentReadMi{
    color:#347AB6;
  }
  .commentReadKi{
    color:#347AB6;
  }
  .commentReadKi{
    color:#347AB6;
  }
  .point_minus {
    color:#FB7E65;
  }
  .point_plus {
    color:#347AB6;
  }
  .point {
    text-align: right;
    text-decoration: underline;
  }
}
.frmSearch {
  margin-bottom:10px;
}

#barance {
  .titleAccount {
    background-color: #347AB6;
    color:#FFFFFF;
    font-size: 1.2em;
    font-weight: bold;
    margin-top:20px;
    margin-bottom:10px;
    padding:5px;
  }
  .thAccount1 {
    background-color: #347AB6;
    color:#FFFFFF;
    font-size: 1.2em;
    padding:5px;
  }
  .thAccount2 {
    background-color: #FB7E65;
    color:#FFFFFF;
    font-size: 1.2em;
    padding:5px;
  }
  .thAccount3 {
    background-color: #808080;
    color:#FFFFFF;
    font-size: 1.2em;
    padding:5px;
  }
  .thSheet1 {
    background-color: #70AD47;
    color:#FFFFFF;
    font-size: 1.2em;
    padding:5px;
  }
  .thSheet2 {
    background-color: #FFC000;
    color:#FFFFFF;
    font-size: 1.2em;
    padding:5px;
  }
  .thSheet3 {
    background-color: #70AD47;
    color:#FFFFFF;
    font-size: 1.2em;
    padding:5px;
  }
  .titleSheet {
    background-color:#70AD47;
    color:#FFFFFF;
    font-size: 1.2em;
    font-weight: bold;
    margin-top:20px;
    margin-bottom:10px;
    padding:5px;
  }
  .title {
    background-color: #E7E6E6;
    color:#347AB6;
    font-size: 1.2em;
    padding:5px;
    text-align: left;
  }
  .total {
    background-color: #E7E6E6;
    color:#347AB6;
    font-size: 1.2em;
    padding:5px;
    text-align: right;
  }
  .item {
    background-color: #FFFFFF;
    color:#347AB6;
    font-size: 1.2em;
    padding:5px;
    text-align: left;
  }
  .val {
    background-color: #FFFFFF;
    color:#347AB6;
    font-size: 1.2em;
    padding:5px;
    text-align: right;
  }
}
#frmInput {
  margin-top:30px;
  background-color:#F2F2EF;
  padding-top:20px;
  padding-left:20px;
  padding-right:20px;
  padding-bottom:5px;
  .rowInput {
    margin-bottom:10px;
  }
  .titleInput {
    color:#2183C6;
  }
  .valInput {
  }
}
#frmInputSubmit{
  margin-top:20px;
  background-color:#FFFFFF;
}
#frmManage {
  .rowManu {
    margin-bottom: 10px;
    height:60px;
  }
}
/*
  ヘッダー　ボタン
*/
.btnLink {
  margin-bottom:10px;
  text-align:center;
}
/*
  ユーザ情報
*/
.currentUser {
  margin-top:10px;
  margin-bottom:10px;
}
/*
  ユーザ　BEry残高
*/
.userTotal {
  margin-top:10px;
  margin-bottom:10px;
}
/*
  メインボタン
*/
.btn-main {
    background: #3598DB;
    color:  #FFFFFF;
}
.btn-cancel {
    background: #E97132;
    color:  #FFFFFF;
}
.btn-main:hover, .btn-main:focus,
.btn-main:active, .btn-main:active:focus, .btn-main:active:hover, .btn-main:active.focus,
.btn-main.active, .btn-main.active:focus, .btn-main.active:hover, .btn-main.active.focus,
.open > .dropdown-toggle.btn-main,
.open > .dropdown-toggle.btn-main:hover,
.open > .dropdown-toggle.btn-main:focus,
.open > .dropdown-toggle.btn-main.focus,
.btn-main.disabled:hover, .btn-main[disabled]:hover, fieldset[disabled] .btn-main:hover,
.btn-main.disabled:focus, .btn-main[disabled]:focus, fieldset[disabled] .btn-main:focus,
.btn-main.disabled.focus, .btn-main[disabled].focus, fieldset[disabled] .btn-main.focus {
    background:#2183C6;
    color: #ffffff;
}

.btn-main.outline {
    background: #3598DB;
    color:  #FFFFFF;
}
/*
  検索ボタン
*/
.btn-search {
    background: #f3f3f3;
    color:  #000000;
}
.btn-search:hover, .btn-search:focus,
.btn-search:active, .btn-search:active:focus, .btn-search:active:hover, .btn-search:active.focus,
.btn-search.active, .btn-search.active:focus, .btn-search.active:hover, .btn-search.active.focus,
.open > .dropdown-toggle.btn-search,
.open > .dropdown-toggle.btn-search:hover,
.open > .dropdown-toggle.btn-search:focus,
.open > .dropdown-toggle.btn-search.focus,
.btn-search.disabled:hover, .btn-search[disabled]:hover, fieldset[disabled] .btn-search:hover,
.btn-search.disabled:focus, .btn-search[disabled]:focus, fieldset[disabled] .btn-search:focus,
.btn-search.disabled.focus, .btn-search[disabled].focus, fieldset[disabled] .btn-search.focus {
    background: #D9D9D9;
    color:  #000000;
}

.btn-search.outline {
    background: #CACACA;
    color:  #000000;
}