@charset "utf-8";

/* レイアウト枠 */
.wraper {
  width: 100%;
  margin: 0 auto;
  padding: 15px;
  overflow: hidden;
}
.content_body {
  margin-top: 15px;
}


/* 画面ID */
.page_number {
  font-size: 12px;
  color: #888888;
  float: right !important;
  margin: 0px;
}


/* 上部 名前・部署名など */
.content_title {
  font-size: 13px;
  color: #999999;
  overflow: hidden;
  margin-top:0;
  margin-bottom: 0;
}
.content_title p {
  float: left;
}


/* 見出し */
.midashi{
  font-weight:bold;
  margin-top:25px;
}
.no_h1{
  background-color: #fff;
  padding:0;
  margin:0;
  font-size: 20px;
}

/* table */
table th, table td{
  border:1px solid #000 !important;
}
table .border_none{
  border-left-style: hidden !important;
}
table .border_b_none{
  border-bottom-style: hidden !important;
}

.th_green th{
  background-color:#d7e4bd!important;
}
.th_lightgreen th{
  background-color:#92d050!important;
}
.th46 th,.th46 td{
  height:46px;
}
.th_gray{
  color: #aaa!important;
}
.lightgray{
  background-color: #ddd;
}
.tr_gray td{
  background-color: #ddd;
}
/*---------------- ボタン ----------------*/


/* ボタン寄せ */
.btn_end{
  text-align:center;
}
.btn_left{
  text-align:left;
}
.btn_right{
  float: right;
  margin:10px 0;
}


/* 戻るボタン */
.btn_back {
  float: right;
  background: #888888;
  color: #fff;
  border: none;
  width: 80px;
  margin-right: 10px;
}


/* 下部ボタン */

.btn_blue {
  background: #0070c0;
  color: #fff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  float: none;
  padding: 10px 50px;
  font-weight: bold;
  font-size: 18px;
  margin: 0px 13px;
}

.btn_blue_s {
  background: #0070c0;
  color: #fff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  float: none;
  padding: 5px 30px;
  font-weight: bold;
  font-size: 12px;
  margin: 0px 5px;
}
.btn_lightblue{
  color: #000;
  font-weight:bold;
  background-color: #87CEEB;
  border-color: #87CEEB;
}
.btn_gray {
  background: #a6a6a6;
  color: #000;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  float: none;
  padding: 10px 50px;
  font-weight: bold;
  font-size: 18px;
  margin: 0px 13px;
}
.btn_lightgray {
  background: #ddd;
  color: #000;
  float: none;
  padding: 5px 0;
  font-weight: bold!important;
  font-size: 13px;
  border:1px solid #ccc !important;
}
.btn_green {
  background: #d7e4bd !important;
  color: #000;
  float: none;
  padding: 5px 0;
  font-weight: bold!important;
  font-size: 13px;
  border:1px solid #ccc !important;
}
.btn_green_r {
  background: #d7e4bd !important;
  color: #FF0000;
  float: none;
  padding: 5px 0;
  font-weight: bold!important;
  font-size: 13px;
  border:1px solid #ccc !important;
}
.btn_green2 {
  background: #92d050;
  color: #000;
  float: none;
  padding: 5px 0;
  font-weight: bold!important;
  font-size: 13px;
  border:1px solid #ccc !important;
}
/* 上部ボタン */
.btn_gray_s {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  float: none;
  padding: 10px 50px;
  font-weight: bold;
  font-size: 16px;
  margin: 0px 5px;
}

/* その他ボタン */
.btn_paleblue{
  border: 4px solid #a6a6a6;
  background: #dce6f2;
  padding-left: 28px;
  padding-right: 28px;
  font-weight: bold;
  margin-bottom: 6px;
  float: right;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

/* 業務選択 */
.gyomu_select{
  margin:0px;
  color:#fff;
  padding: 7px 10px 7px 10px;
  background-color:#35618E;
  margin-left:10px;
  font-size:13px;
  text-align:center;
  width:100px;
}


/*---------------- オーバレイ表示 ----------------*/


/* popup */

#overlay{
  z-index:101;
  display:block;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:120%;
  background-color:rgba(0,0,0,0.75);
}
#popup{
  z-index: 9999;
  display:block;
  background-color:#FFF;
  position: fixed;
  top:0;
  left:0;
  overflow:scroll;
  overflow-x:hidden;
  margin:40px;
}
.cnt_t{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left:0;
  margin: auto;
}






/*---------------- 調整用 ----------------*/

/* float */
.f_l{
  float:left!important;
}
.f_r{
  float:right!important;
}
.clear{
  clear:both;
}


/* list */

.l_n{
  list-style-type:none;
}

/* padding */
.p0{
  padding:0 !important;
}
.p3{
	padding:3px!important;
}
.p5{
  padding:5px;
}
.p10{
  padding:10px;
}
.p20{
  padding:20px;
}
.p45{
  padding:45px;
}

.pr5{
  padding-right:5px;
}

.pt3{
  padding-top:3px!important;
}
.pt10{
  padding-top:10px!important;
}
.pt11{
  padding-top:11!important;
}
.pt20{
  padding-top:20px!important;
}
.pt500{
  padding-top:500px!important;
}

.pr20{
  padding-right:20px;
}
.pr50{
  padding-right:50px;
}
.pr290{
  padding-right:305px;
}

.pb10{
  padding-bottom:20px !important;
}
.pb20{
  padding-bottom:20px !important;
}
.pb30{
  padding-bottom:30px !important;
}

.pl5{
  padding-left:5px !important;
}
.pl10{
  padding-left:10px !important;
}
.pl15{
  padding-left:15px;
}
.pl20{
  padding-left:20px !important;
}
.pl30{
  padding-left:30px;
}
.pl40{
  padding-left:40px;
}
.pl50{
  padding-left:50px;
}
.pl60{
  padding-left:60px;
}
.pl80{
  padding-left:80px;
}
.pl105{
  padding-left:105px !important;
}

.plr10{
  padding:0 10px
}
.plr20{
  padding:0 20px
}


/* margin */
.mauto{
  margin:0 auto;
}
.m-1{
  margin-top: -1px !important;
}
.m0{
  margin:0!important;
}
.m2{
  margin-top:2px!important;
}
.m3{
  margin-top:3px!important;
}
.m5{
  margin-top:5px;
}
.m7{
  margin-top:7px!important;
}
.m9{
  margin-top:9px!important;
}
.m10{
  margin-top:10px!important;
}
.m12{
  margin-top:12px!important;
}
.m15{
  margin-top:15px!important;
}
.m20{
  margin-top:20px!important;
}
.m25{
  margin-top:25px!important;
}
.m30{
  margin-top:30px;
}
.m50{
  margin-top:50px;
}
.m231{
  margin-top:231px;
}
.m240{
  margin-top:240px;
}


.mr5{
  margin-right:5px;
}
.mr10{
  margin-right:10px!important;
}
.mr20{
  margin-right:20px;
}

.mb0{
  margin-bottom:0px!important;
}
.mb10{
  margin-bottom:10px!important;
}
.mb20{
  margin-bottom:20px!important;
}
.mb50{
  margin-bottom:50px;
}

.ml0{
  margin-left:0!important;
}
.ml5{
  margin-left:5px!important;
}
.ml8{
  margin-left:8px!important;
}
.ml10{
  margin-left:10px!important;
}
.ml15{
  margin-left:15px!important;
}
.ml20{
  margin-left:20px!important;
}
.ml25{
  margin-left:25px;
}
.ml26{
  margin-left:26px!important;
}
.ml28{
  margin-left:28px!important;
}
.ml30{
  margin-left:30px;
}
.ml40{
  margin-left:40px;
}
.ml54{
  margin-left:54px!important;
}
.ml70{
  margin-left:70px;
}
.ml80{
  margin-left:80px;
}
.ml90{
  margin-left:90px;
}
.ml132{
  margin-left:132px;
}

.mlr20{
  margin: 0 20px;
}


/* width */
.w4p {
  width:4%;
}
.w5p {
  width:5%;
}
.w6p {
  width:6%;
}
.w7p {
  width:7%;
}
.w8p{
  width:8%!important;
}
.w9p {
  width:9%;
}
.w10p {
  width:10%;
}
.w11p{
  width:11%!important;
}
.w13p{
  width:13%!important;
}
.w14p {
  width:14%;
}
.w15p {
  width:15%;
}
.w17p{
  width:17%!important;
}
.w20p {
  width:20% !important;
}
.w225p{
  width:22.5%!important;
}
.w245p{
  width:24.5%!important;
}
.w25p {
  width:25%;
}
.w30p {
  width:30% !important;
}
.w315p {
  width:31.5% !important;
}
.w328p{
  text-align: center;
  width: 32.5%;
}
.w35p {
  width:35%!important;
}
.w38p {
  width:38% !important;
}
.w40p {
  width:40% !important;
}
.w425p {
  width:42.5% !important;
}
.w45p {
  width:45% !important;
}
.w48p {
  width:48%;
}
.w50p {
  width:50% !important;
}
.w55p {
  width:55%;
}
.w60p {
  width:60% !important;
}
.w70p {
  width:70% !important;
}
.w74p{
  width:74%!important;
}
.w80p {
  width:80%;
  }
.w90p {
  width:90%;
}
.w98p {
  width:98%;
}
.w100p {
  width:100% !important;
}

.w25{
    width: 27px !important;
}
.w30{
  width: 30px !important;
}
.w38{
  width: 38px !important;
}
.w50{
  width: 50px !important;
}
.w80 {
  width: 80px !important;
}
.w100 {
  width:100px !important;
}
.w110{
	width:110px!important;
}
.w120{
	width:120px!important;
}
.w124{
  width:124px !important;
}
.w130 {
  width:130px!important;
}
.w140 {
  width:140px!important;
}
.w150 {
  width:150px!important;
}
.w157 {
  width:157px!important;
}
.w190{
  width: 190px!important;
}
.w195{
  width: 195px!important;
}
.w200{
  width: 200px!important;
}
.w202{
  width: 202px!important;
}
.w210{
  width: 210px!important;
}
.w250 {
  width:250px!important;
}
.w280 {
  width:280px!important;
}
.w292{
  width:292px!important;
}
.w300 {
  width:300px!important;
}
.w400 {
  width:400px!important;
}
.w450{
  width:450px!important;
}
.w550{
  width:550px!important;
}
.w600{
  width:600px!important;
}


/* height */
.h24 {
  height:24px;
}
.h27 {
  height:27px;
}
.h37 {
  height: 37px !important;
}
.h40 {
  height: 40px !important;
}
.h50 {
  height: 50px !important;
}
.h80 {
  height: 80px !important;
}
.h100{
  height: 100px;
}
.h121{
  height: 121px;
}
.h130{
  height: 130px;
}
.h150{
  height: 150px;
}
.h200{
  height: 200px !important;
}
.h300{
      height: 300px!important;
}

.h105p{
      height: 105%!important;
}
.hauto{
  height: 100% !important;
}


/* line-height */
.lh25{
  line-height:24px;
}
.lh30{
  line-height:30px;
  margin-bottom:0;
}
.lh31{
  line-height:31px;
}
.lh34{
  line-height:34px;
}
.lh40{
  line-height:40px;
}

/* hr */
hr{
  height:1px;
  width: 100%;
  border-style:dotted;
  border-color:#000;
}


/* 文字よせ */

.cnt{
  text-align:center;
}
.left{
  text-align:left!important;
}
.right{
  text-align:right!important;
}
.middle{
  text-align:middle!important;
}

.cnt_t{
  position: absolute;
  top: 0;
  margin: auto;
}


/* 太文字 */
.bold{
  font-weight:bold;
  font-size:12px;
}
.f_b{
  font-weight: bold;
}
.normal{
  font-weight:normal !important;
}
.i{
  font-style: italic !important;
  font-family: "ＭＳ Ｐゴシック",sans-serif;
}

/* 枠 */
.bs_p3 {
  height: auto;
  border: 1px solid #000;
  padding: 3px;
}
.bs_p5 {
  height:auto;
  border:1px solid #000;
  padding:5px;
}
.bs {
  width:100%;
  height:auto;
  border:1px solid #000;
}
.bd {
  width:100%;
  height:auto;
  border:1px dashed #000;
}

.bs_p {
  width:100%;
  height:auto;
  border:1px solid #000;
  padding:20px;
  margin:0 0 20px 0;
}
.bd_p {
  width:100%;
  height:auto;
  border:1px dashed #000;
  padding:20px;
  margin:0 0 20px 0;
}

.bs_wn {
  height:auto;
  border:1px solid #000;
  padding:20px;
}

.bn_bottom{
  border-bottom-style:none !important;
}


/* table セル非表示 */
.no_cell{
  visibility:collapse !important;
  border-top:1px solid #fff !important;
}
.no_cell_lr{
  border-left:1px solid #fff !important;
  border-right:1px solid #fff !important;
}
.no_cell_l{
  border-left:1px solid #fff !important;
}


/* テキストエリア */
.rsz{
  resize: none;
}
.scl{
  overflow-y: scroll;
  overflow-x: hidden;
  width: 100%;
}


/* その他 */
.inline{
  display: inline;
}


.overflow_text1 {
  width: 80px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}
.overflow_text2 {
  width: 50px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}




/* map */
.relative {
  position:relative;
}

.map_absolute{
  z-index: 9999;
  position:absolute;
  left:120px;
  top:50px;
}
.z-9000{
  z-index: 9000;
}
.z-9999{
  z-index: 9999;
}

#syosai {
  display:none;
}
#map_link{
  cursor:pointer !important;
}
.bg_green{
  background-color:#d7e4bd!important;
  padding:3px 3px 3px 10px;
}



/* indent */
.indent {
  padding-left: 2em;
  text-indent: -2em;
}

/* 表示カテゴリー用 */
.color-01 {
  text-align: center;    
  color: white;
  font-size: 13px;
  height: 25px;
  width: 65px;
  background-color: #6F4529;
  line-height: 25px;
  border-radius: 6px;
}

.color-02 {
  text-align: center;    
  color: white;
  font-size: 13px;
  height: 25px;
  width: 65px;
  background-color: #B1505F;
  line-height: 25px;
  border-radius: 6px;
}

.color-03 {
  text-align: center;    
  color: white;
  font-size: 13px;
  height: 25px;
  width: 65px;
  background-color: #837553;
  line-height: 25px;
  border-radius: 6px;
}

.color-04 {
  text-align: center;    
  color: white;
  font-size: 13px;
  height: 25px;
  width: 65px;
  background-color: #825D9B;
  line-height: 25px;
  border-radius: 6px;
}

.color-05 {
  text-align: center;    
  color: white;
  font-size: 13px;
  height: 25px;
  width: 65px;
  background-color: #B2522A;
  line-height: 25px;
  border-radius: 6px;
}

.color-06 {
  text-align: center;    
  color: white;
  font-size: 13px;
  height: 25px;
  width: 65px;
  background-color: #177014;
  line-height: 25px;
  border-radius: 6px;
}

.color-07 {
  text-align: center;    
  color: white;
  font-size: 13px;
  height: 25px;
  width: 65px;
  background-color: #044497;
  line-height: 25px;
  border-radius: 6px;
}