@charset "UTF-8";

/*--------------------------------------------------------
  フルCSSプロフェッショナルテンプレート部品設定
--------------------------------------------------------*/

.hpb-parts-cnt-style
{
    border-color: #F98700;
}

.hpb-parts-hl-style
{
    clear:both;
    background-image:none !important;
    padding: 0.5em 0.2em !important;
    margin: 0.5em 0px !important;
    border-color: #F98700;
}

.hpb-parts-cbox-style
{
    border-color: #F98700;
}

.hpb-parts-img-02
{
    background-color: transparent;
}

.hpb-parts-hr-style
{
    border-color: #F98700;
}

.hpb-parts-pbox-style
{
    border-color: #F98700;
}
.hpb-parts-pbox-style h4
{
    padding: 0px !important;
}
.hpb-parts-pbox-style img
{
    margin-bottom: 0px !important;
    background-color: transparent;
}

.hpb-parts-blist-style
{
    border-color: #F98700;
}

.hpb-parts-blist-style
{
    background-color: #ffffff;
    font-size: 10px;
}
a.hpb-parts-blist-style:link
{
    color: #666666;
}
a.hpb-parts-blist-style:visited
{
    color: #666666;
}
a.hpb-parts-blist-style:hover
{
    color: #F98700;
}
a.hpb-parts-blist-style:active
{
    color: #F98700;
}

/*--------------------------------------------------------
  ユーザー設定スタイル
--------------------------------------------------------*/
/*画像横幅*/
.img.wa{
width: 100%;
}

.img.wa2{
width: 98%;
}

/*おしゃれなbox*/
.title-box3{
  margin: 1em 0;
  padding: 6px 6px;
  background-color: #ffffe1;
  border: 2px solid #ffa726;
  letter-spacing: .3px;
}

.title-box3-title{
  color: #000;
  font-weight: bold;
  background-color: #ffff00;
  padding: 4px 6px;
  text-align: center;
}

.title-box3 p{
  margin: 0;
  padding: 1em;
}

/*Web残高照会*/

.takasaz1{
 position: relative;
 top: 10px;
}

@media screen and (min-width: 481px) and (max-width: 568px){
.takasaz1{
 position: relative;
 top: -10px;
}
}

@media screen and (max-width: 480px) {
.takasaz1{
 position: relative;
 top: -10px;
}
}

/*利用方法の見出し*/
h2.zan1 {
  padding: 1rem 2rem;
  color: #fff;
  border-radius: 10px;
  background-image: -webkit-gradient(linear, left top, right top, from(#f83600), to(#f9d423));
  background-image: -webkit-linear-gradient(left, #f83600 0%, #f9d423 100%);
  background-image: linear-gradient(to right, #f83600 0%, #f9d423 100%);
}

/*body{  
    margin: 0;  
    padding: 100px 0 50px 0;  
}  */
* html body{  
    overflow: hidden;  
}   
div#headerArea {  
    position: fixed !important;  
    position: absolute;  
    top: 0;  
    left: 0;  
    width: 98%;  
    height: 100px;  
    background-color: #4E9ABE;  
    color: #fff;  
}  
div#footerArea {  
    position: fixed !important;  
    position: absolute;  
    bottom: 0;  
    left: 20;  
    right: 10; 
    width: 98%;  
    height: 200px;  
/*    background-color: #4E9ABE;*/
    background-color: #ffff00;
    color: #000;  
}  
* html div#contentsArea{  
    height: 98%;  
    overflow: auto;  
}