/******************************************************************************************
  　タイトル部
*******************************************************************************************/
/* ご利用方法について */
#goriyou {
    position: absolute;
    top: 22px;
    width: 100%;
    text-align: right;
    font-size: 15px;
    color: #000000;
    z-index: 1;
}


/******************************************************************************************
  　ヘッダー部
*******************************************************************************************/
/* ヘッダー部１ */
#header1 {
    position: relative;
    top: -10px;
    width: 100%;
    height: auto;
}

/* 左側エリア */
#header1_left {
    position: relative;
    float: left;
    width: 210px;
    height: 43px;
}

/* 検索ボタン */
.btnSearch {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100px;
    height: 30px;
}

/* クリアボタン */
.btnClear {
    position: absolute;
    bottom: 0px;
    left: 110px;
    width: 70px;
    height: 25px;
}

/* 右側エリア */
#header1_right {
    position: absolute;
    top: 18px;
    left: 200px;
    float: left;
    height: 30px;
    width: 600px;                       /* calc非対応ブラウザ */
    width: -moz-calc(100% - 210px);     /* Firefox */
    width: -webkit-calc(100% - 210px);  /* WebKit */
    width: -o-calc(100% - 210px);       /* Opera */
    width: calc(100% - 210px);          /* Standard */
}


/******************************************************************************************
  　明細部
*******************************************************************************************/
/* 明細部１ */
#grid1 {
    position: relative;
    left: 60px;
    margin-top: 30px;
    width: 85%;
}

/* １列目 */
#col1 {
    width: 24px;
}

/* ２列目 */
#col2 {
    width: 160px;
}

/* ３列目 */
#col3 {
    /*width : 300px ;*/                     /* calc非対応ブラウザ */
    /*width: -moz-calc(100% - 534px);*/     /* Firefox */
    /*width: -webkit-calc(100% - 534px);*/  /* WebKit */
    /*width: -o-calc(100% - 534px);*/       /* Opera */
    /*width: calc(100% - 534px);*/          /* Standard */
}

/* ４列目 */
#col4 {
    width: 160px;
}

/* ５列目 */
#col5 {
    width: 160px;
}

/* ６列目 */
#col6 {
    width: 70px;
}


/******************************************************************************************
  　フッター部
*******************************************************************************************/
/* フッター部１ */
#footer1 {
    position: relative;
    margin-top: 10px;
    width: 100%;
    height: auto;
}

/* フッター部１の左側エリア */
#footer1_left {
    position: relative;
    left: 0px;
}

/* フッター部１の右側エリア */
#footer1_right {
    position: absolute;
    top: 0px;
    right: 0px;
}

/* フッター部２ */
#footer2 {
    position: relative;
    margin-top: 15px;
    margin-bottom: 20px;
    width: 100%;
}

/* フッター部２の左側エリア */
#footer2_left {
    position: relative;
    left: 0px;
}

/* フッター部２の右側エリア */
#footer2_right {
    position: absolute;
    top: 0px;
    right: 0px;
}