/*============================================*/
/*                 共通部関係                 */
/*============================================*/
body{
  padding: 0px;
  margin: 0px;
}
/*
@media screen and (max-width: 767px) {
    body {
        padding: 0px;
        margin: 0px;
        width: fit-content;
    }
}*/
/* ヘッダーデザイン */
#system_title{
  font-size: 40px;
}
#header_design1{
  width: 100%;
  background-image: url("../image/obj_head_01.gif");
  background-repeat: repeat;
}
#header_design1 img{
  width: 10px;
  height: 10px;
}
#header_design2{
  width: 100%;
  background-image: url("../image/obj_head_03.gif");
  background-repeat: repeat;
}
#header_design2 img{
  width: 6px;
  height: 4px;
}

#header_float{
  margin: 10px;
  min-width:1200px;
}
@media screen and (max-width: 767px) {
    #header_float {
        margin: 10px;
        min-width: 0px;
    }
}
#loginuser{
    float:right;
    text-align:right;
}/*
@media screen and (max-width: 767px) {
    #loginuser {
        float: left;
        text-align: left;
    }
}*/
/* メニューバーデザイン */
#menubar {
    width: 100%;
    background-image: url("../image/obj_bt1_back2.png");
    background-repeat: repeat;
}
#menubar_design1{
  width: 7px;
  height: 35px;
}
#menubar_design2{
  width: 100%;
  height: 35px;
}
.menubar_image{
  height: 35px;
}
.menubar_partition{
  width: 29px;
  height: 35px;
}

/* メイン部分 */
#page_title{
  margin: 15px 0px 25px;
}
#page_title2 {
    margin: 15px 0px 25px;
}

/* フッターデザイン */
#footer_area{
  width: 100%;
}
#imgFooter{
  width: 100%;
  height: 45px;
}

/* その他 */
.dot_line{
  padding-bottom:5px;
  background-image: url("../image/line_01.gif");
  background-repeat: repeat;
}
.solid_line{
  background-image: url("../image/line_02.png");
  background-repeat: repeat;
}

/*画像　スマホサイズ*/
.img_mobile {
    max-width: auto;
}

@media screen and (max-width: 767px) {
    .img_mobile {
        max-width: 100%;
    }
}

/*============================================*/
/*                  横幅関係                  */
/*============================================*/
/* 【半角】指定文字分 */
.w_h2{
  width: 16px;
}
.w_h3{
  width: 22px;
}
.w_h4{
  width: 30px;
}
.w_h5{
  width: 38px;
}
.w_h7{
  width: 51px;
}
.w_h8{
  width: 57px;
}
.w_h9{
  width: 66px;
}
.w_h11{
  width: 79px;
}
.w_h15{
  width: 79px;
}
.w_h20{
  width: 142px;
}
/* 【全角】指定文字分*/
.w_f10{
  width: 150px;
}
.w_f15{
  width: 170px;
}
.w_f20{
  width: 200px;
}
.w_f35{
  width: 340px;
}
.w_f50{
  width: 670px;
}
/* 【パスワード】指定文字分 */
.w_p20{
  width: 162px;
}

/* 指定ピクセル分 */
.w30{
  width: 30px;
}
.w45{
  width: 45px;
}
.w100{
  width: 100px;
}
.w120{
  width: 120px;
}
.w150{
  width: 150px;
}
.w320{
  width: 320px;
}
.w390{
  width: 390px;
}
.w500{
  width: 500px;
}

/*============================================*/
/*                  縦幅関係                  */
/*============================================*/
/* 指定ピクセル分 */
.h15{
  height: 15px;
}
.h30{
  height: 30px;
}
.h45{
  height: 45px;
}

/*============================================*/
/*                マージン関係                */
/*============================================*/
/* 上マージン */
.mt5{
  margin-top: 5px;
}
.mt10{
  margin-top: 10px;
}
.mt20{
  margin-top: 20px;
}
.mt30{
  margin-top: 30px;
}
/* 左マージン */
.ml2{
  margin-left: 2px;
}
.ml5{
  margin-left: 5px;
}
.ml20{
  margin-left: 20px;
}
.ml40{
  margin-left: 40px;
}
/* 右マージン */
.mr5{
  margin-right: 5px;
}
.mr20{
  margin-right: 20px;
}
/* 下マージン */
.mb5{
  margin-bottom: 5px;
}
.mb10{
  margin-bottom: 10px;
}
.mb20{
  margin-bottom: 20px;
}
/*Y軸スクロール分のマージン*/
.myscroll{
  margin-right: 21px;
}
@media screen and (max-width: 767px) {
    .myscroll {
        margin-right: 165px;
    }
}
/* 上下マージン */
.mtb5{
  margin-top: 5px;
  margin-bottom: 5px;
}
.mtb10{
  margin-top: 10px;
  margin-bottom: 10px;
}
.mtb25{
  margin-top: 25px;
  margin-bottom: 25px;
}
.mtb50{
  margin-top: 50px;
  margin-bottom: 50px;
}
.mtb75{
  margin-top: 75px;
  margin-bottom: 75px;
}
/* 左右マージン */
.mlr5{
  margin-left: 5px;
  margin-right: 5px;
}
.mlr10{
  margin-left: 10px;
  margin-right: 10px;
}

.center{
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

/*============================================*/
/*               パディング関係               */
/*============================================*/
/* 上パディング */
.pt5{
  padding-top: 5px;
}
.pt15{
  padding-top: 15px;
}
.pt30{
  padding-top: 30px;
}
/* 左パディング */
.pl5{
  padding-left: 5px;
}
.pl10{
  padding-left: 10px;
}
.pl50{
  padding-left: 50px;
}
/* 右パディング */
.pr10{
  padding-right: 10px;
}
/* 上下パディング */
.ptb5 {
  padding-top: 5px;
  padding-bottom: 5px;
}

.ptb30{
  padding-top: 30px;
  padding-bottom: 30px;
}
.pb5
{
  padding-bottom: 5px;
}
.pb10 
{
  padding-bottom: 10px;
}
.pb20 
{
  padding-bottom: 20px;
}

/*============================================*/
/*              テキスト位置関係              */
/*============================================*/
.tleft{
  text-align: left;
}
.tcenter{
  text-align: center;
}
.tright{
  text-align: right;
}
.ttop{
  vertical-align: top;
}
.tmiddle{
  vertical-align: middle;
}
.tbottom{
  vertical-align: bottom;
}
.tmid_center{
  vertical-align: middle;
  text-align: center;
}

/*============================================*/
/*           フォントサイズ位置関係           */
/*============================================*/
.fsize40{
  font-size: 40px;
}
.fsize28{
  font-size: 28px;
}
.fsize20{
  font-size: 20px;
}
/*============================================*/
/*              ボタン関係              */
/*============================================*/
.w70_button{
  width: 70px;
  height: 30px;
}
.w80_button{
  width: 80px;
  height: 30px;
}
.w90_button{
  width: 90px;
  height: 30px;
}
.w120_button{
  width: 120px;
  height: 30px;
}
.w140_button{
  width: 140px;
  height: 30px;
}
.w200_button{
  width: 200px;
  height: 30px;
  width: var(--vp--width)
}
/*============================================*/
/*                フロート関係                */
/*============================================*/
.fleft{
  float: left;
}
.fright{
  float: right;
}
.float_block:after{
  display: block;
  clear: both;
  height: 0px;
  visibility: hidden;
  content: " ";
}
/*============================================*/
/*              エラーエリア関係              */
/*============================================*/
.error{
  color: #ff0000;
  font-weight:bold;
}
.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}
/*============================================*/
/*              ポップアップ関係              */
/*============================================*/
#ipop {
  width: 300px;
  height: 100px;
  position: absolute;
  display: none;
  z-index: 9999;
  border: solid 2px #666666;
  background-color: #f0fdf8;
}
#ipop_body{
  overflow-y: auto;
  height: 100%;
}
.ipopitems {
  width: 100%;
  cursor: pointer;
  border-bottom: solid 1px #666666;
  background-color: #ffffff;
}
/*============================================*/
/*              その他              */
/*============================================*/
.hide{
  display: none;
}
.mobile_none {

}
@media screen and (max-width: 767px) {
    .mobile_none {
        display: none;
    }
}
.pc_none {
    display: none;
}
@media screen and (max-width: 767px) {
    .pc_none {
        display:block;
    }
}
.flexbox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.box1 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
}
@media screen and (max-width: 767px) {
    .box1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
    }
}

.box2 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
}
@media screen and (max-width: 767px) {
    .box2 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
    }
}
.hide_priority {
    display: none !important;
}
/*============================================*/
/*              外字対応              */
/*============================================*/
input[type=text], textarea, .input_value{
  font-family:"ＭＳ ゴシック";
}