@charset "utf-8";


/* ログイン画面
---------------------------------------------------------------------------*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,700);

.login_screen{
  /* 画像ファイルの指定 */
  background-image:  url('./images/login_image1.jpg');

  /* 画像を常に天地左右の中央に配置 */
  background-position: center center;

  /* 画像をタイル状に繰り返し表示しない */
  background-repeat: no-repeat;

  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
  background-attachment: fixed;

  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
  background-size: cover;

  /* 背景画像が読み込まれる前に表示される背景のカラー */
  background-color: #ffffff;
}

.login {
  margin:0 auto;
  margin-top:8px;
  margin-bottom:2%;
  transition:opacity 1s;
  -webkit-transition:opacity 1s;
  background: #d9fff8;
  border: 0;
  border-radius: 5px;

}
.login h1{
  background:#58b9f1;
  padding:5px 0; /*PADDING TODOS OS LADOS DE 20PX*/
  font-size:140%;
  font-weight:300;
  text-align:center;
  color:#fff;
}
.login form{
  padding:6% 4%;
}
.login input[type="password"]{
  width:70%;
  height:20px;
  margin-bottom:4%;
  border:1px solid #ccc;
  padding:3% 3% 3% 3%;
  font-family:'Open Sans',sans-serif;
  color:#555;
}
.login .iconPassword{
  width:20px;
  height:20px;
  background-color:#fffba0;
  float:left;
  padding:3% 3% 3% 3%;
  margin-bottom:4%;
  background-repeat:no-repeat;
   background-image:url(https://cdn4.iconfinder.com/data/icons/font-awesome-2/2048/f09c-32.png);
  background-position:center;
  border:1px solid #ccc;
}
.login .iconUser{
  width:20px;
  height:20px;
  background-color:#c6ffa0;
  float:left;
  padding:3% 3% 3% 3%;
  margin-bottom:4%;
  background-repeat:no-repeat;
   background-image:url(https://cdn4.iconfinder.com/data/icons/font-awesome-2/2048/f007-32.png);
  background-position:center;
  border:1px solid #ccc;
}
.login input[type="text"]{
  width:70%;
  height:20px;
  margin-bottom:4%;
  border:1px solid #ccc;
  padding:3% 3% 3% 3%;
  font-family:'Open Sans',sans-serif;
}

/* ベースボタンスタイル */
.btn{
  background:#00a505;
  border:0;
  padding:10px 20px;
  font-family:'Open Sans',sans-serif;
  font-size:100%;
  color:#fff;
  cursor:pointer;
  transition:background .3s;
  -webkit-transition:background .3s;
  border-radius: 10px;
  box-shadow:2px 2px 0 #ababab;
}

.small_icon {
    background: #00a505;
    border: 0;
    font-size: 100%;
    color: #fff;
    cursor: pointer;
    transition: background .3s;
    -webkit-transition: background .3s;
    border-radius: 10px;
    box-shadow: 1px 1px 0 #ababab;
}

.small_icon:hover{
  background:#FF9900;
}


/* 積算能関連
---------------------------------------------------------------------------*/

.kaiso_row input{background: #e4ffd3;}
.kaiso_row input[type="text"][readonly], textarea[readonly] {background: #e4ffd3;}

.shokei_row input{background: #ffefd3;}
.shokei_row input[type="text"][readonly], textarea[readonly] {background: #ffefd3;}

.chukei_row input{background: #d3f1ff;}
.chukei_row input[type="text"][readonly], textarea[readonly] {background: #d3f1ff;}

.daikei_row input{background: #f0d3ff;}
.daikei_row input[type="text"][readonly], textarea[readonly] {background: #f0d3ff;}

.btn_shokei_color{background: #ffa303!important;}
.btn_chukei_color{background: #32b8f7!important;}
.btn_daikei_color{background: #b933ff!important;}

.last_click
	{
	-webkit-box-shadow: 0px 0px 6px #00bfff;
	-moz-box-shadow: 0px 0px 6px #00bfff;
	box-shadow: 0px 0px 10px #00bfff;
}
.whiteOn{
    color: #b3b3b3 !important;
    background: #efefef !important;
}


/* ボタン大きさ変更
---------------------------------------------------------------------------*/

/* padding変えただけ */
.small_btn {  padding:5px;}
.medium_btn{  padding:10px 15px;}
.modal_btn {  padding:4px 12px;}

/* 検索アイコンの適用（クリック可能領域だとボタンのクリックイベントが聞かない為、テキストボックスで代用） */
.search_bkground {

	background: url(./images/icon-search.png) #91e6ff !important;
    background-repeat: no-repeat !important;
    background-size: 10px 10px!important;
    background-position: 3px 3px !important;

}


/* ボタン色変更
---------------------------------------------------------------------------*/
/* 色変えただけ */
.cancel_btn{      background:#ff0000;}
.back_btn{        background:#f15895;}
.attention_btn{   background:#f15895;}
.attention_btn2{   background:#ff2b2b;}
.positive_btn{    background:#6358f1;}
.selected_btn{    background:#FF9900;}
.preview_btn{     background:#007298;}
.detail_btn{      background:#1fb36f;}
.download_btn{    background:#e000ef;}
.mail_btn{        background:#05b7f3;}
.btn_adm_color{   background:#f15895;}
.btn_sample_color{background:#424244;}

.btn_menu_soumu_color{background:#6093e0;}
.btn_menu_genba_color{background:#00a505;}
.btn_menu_system_adm_color{background:#9127e2;}

.btn_‎purple_color{background:#a200a5;}
.btn_blue_color{background:#307ab9;}
.btn_pink_color{background:#ff5ab5;}
.btn_green_color{background:#45bb30;}
.btn_red_color{background:#f93535;}
.btn_yellowish_color{background: #989300 ;}
.btn_lite_blue_color{background: #ada700 ;}

.btn_blue2_color{background:#008888;}


/* ボタンホバー設定
---------------------------------------------------------------------------*/

.btn:hover{
  background:#FF9900;
}

.small_btn:hover{
  background:#FF9900;
}

.cancel_btn:hover{
  background:#FF9900;
}



/* カスタマイズ
---------------------------------------------------------------------------*/

.fixed_top10{
	top:10px;
}

.main_contents{
	margin-left:20px;
	margin-bottom:20px;
	margin-top:10px;
}

.sub_contents{
	padding-left:25px;
	padding-top:20px;
	padding-bottom:30px;
}

.searchArea{
	background: #f0f0f0;
    padding: 20px;
    border-radius: 10px;
}

header{
	min-width: 800px;
}

h4 {
	padding-bottom: .5em;
	border-bottom: 1px solid #ccc;
}

.sub_title{
    margin-top: 10px;
}

.topimg{
  width: auto;
  max-height: 100%;
}

.line_h150p{
  line-height: 150%;
}

.inline_b{
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.no_border{border: none !important;}
.no_bd_left{border-left: none !important;}
.no_bd_right{border-right: none !important;}

.bold{font-weight:bold;}
.f_size10_def { font-size: 10px !important; }
.f_size11_def { font-size: 11px !important; }
.f_size12_def { font-size: 12px !important; }
.f_size13_def { font-size: 13px !important; }
.f_size14_def { font-size: 14px !important; }
.f_size16_def { font-size: 16px !important; }
.f_size20_def { font-size: 20px !important; }
.f_size23_def { font-size: 23px !important; }
.f_size26_def { font-size: 26px !important; }

.headLine_size{ font-size: 28px; }

.w5  { width: 5px;} /* ! */
.w10  { width: 10px;} /* ! */
.w15  { width: 15px;} /* ! */
.w20  { width: 20px;} /* ! */
.w30  { width: 30px !important;} /* ! */
.w45  { width: 45px !important;} /* ! */
.w40  { width: 40px !important;} /* ! */
.w50  { width: 50px;} /* ! */
.w60  { width: 60px;} /* ! */
.w65  { width: 65px;} /* ! */
.w70  { width: 70px;}
.w75  { width: 75px;}
.w80  { width: 80px !important;}
.w85  { width: 85px;}
.w90  { width: 90px !important;}
.w100 { width: 100px !important;}
.w110 { width: 110px;}
.w120 { width: 120px;}
.w130 { width: 130px;}
.w150 { width: 150px !important;}
.w180 { width: 180px;}
.w200 { width: 200px;}
.w220 { width: 220px;}
.w250 { width: 250px;} /* ! */
.w270 { width: 270px;} /* ! */
.w280 { width: 280px;} /* ! */
.w300 { width: 300px;}
.w320 { width: 320px;}
.w350 { width: 350px;}
.w400 { width: 400px;} /* ! */
.w420 { width: 420px;} /* ! */
.w450 { width: 450px;} /* ! */
.w480 { width: 465px;}
.w500 { width: 500px;}
.w550 { width: 550px;}
.w600 { width: 600px;} /* ! */
.w650 { width: 650px;} /* ! */
.w680 { width: 680px;} /* ! */
.w700 { width: 700px;} /* ! */
.w750 { width: 750px;} /* ! */
.w800 { width: 800px;}
.w830 { width: 830px;}/* ! */
.w850 { width: 850px;}/* ! */
.w870 { width: 870px;}
.w890 { width: 890px;}
.w900 { width: 900px;}
.w950 { width: 900px;}



.w1050 { width: 1050px;}
.w1200 { width: 1200px !important;}
.w1300 { width: 1300px !important;}
.w1500 { width: 1500px ;}
.w2000 { width: 2000px !important;}
.w2500 { width: 2500px !important;}
.w2650 { width: 2650px !important;}
.w2750 { width: 2750px !important;}
.w2850 { width: 2850px !important;}
.w3000 { width: 3000px !important;}


.min_w30{	min-width: 30px;}
.min_w90{	min-width: 90px;}
.min_w200{	min-width: 200px;}
.min_w600{	min-width: 600px;}
.min_w800{	min-width: 800px;}

.max_w200 { max-width: 200px;}
.max_w400 { max-width: 400px;}


.wMax47p { max-width: 47%;}
.w100p{ width: 100%;} /* ! */
.w90p{ width: 90%;} /* ! */
.w85p{ width: 85%;} /* ! */
.w75p{ width: 75%;} /* ! */
.w45p{ width: 45%;} /* ! */
.w49p{ width: 49%;} /* ! */
.w50p{ width: 50%;} /* ! */


.h100p { height: 100%; }
.h95p { height: 95%; }
.h1300 { height: 1300px;}
.h800 { height: 800px;}
.h600 { height: 600px;}
.h550 { height: 550px;}
.h500 { height: 500px;}
.h400 { height: 400px !important;}
.h350 { height: 350px !important;}
.h300 { height: 300px !important;}
.h200 { height: 200px !important;}
.h250 { height: 250px;}
.h150 { height: 150px;}
.h135 { height: 135px;}
.h120 { height: 120px;}
.h110 { height: 110px;}
.h100 { height: 100px;}
.h90 { height: 90px;}
.h80 { height: 80px;}
.h50 { height: 50px;}
.h40 { height: 40px;}
.h30 { height: 30px;}
.h25 { height: 25px;}
.h20 { height: 20px;}
.h10 { height: 10px;}

.max_h150 { max-height: 150px;}
.max_h300 { max-height: 300px;}
.max_h350 { max-height: 350px;}


.bd{  font-weight: bold !important;}
.float_l { float: left;}
.float_r { float: right;}
/* 回り込み解除 */
/* ---------- clearfix hack ---------- */
.clearfix:after { content: "."; display:block; clear:both; height:0; font-size:0.1em; line-height:0; visibility:hidden; overflow:hidden; }
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height:1% }
.clearfix {display:block;}
/* end MacIE5 */

.center{text-align: center !important;}
.left  {text-align: left !important;}
.right {text-align: right !important;}
.top { vertical-align: top;}
.middle { vertical-align: middle;}
.bottom { vertical-align: bottom;}

.mg_l-45{ margin-left:-45px !important;}
.mg_l-35{ margin-left:-35px !important;}
.mg_l-30{ margin-left:-30px !important;}
.mg_l-20{ margin-left:-20px !important;}
.mg_l-10{ margin-left:-10px !important;}
.mg_l-5{ margin-left:-5px !important;}
.mg_t-30{ margin-top:-30px !important;}
.mg_t-10{ margin-top:-10px !important;}
.mg_t-5{ margin-top:-5px !important;}
.mg_b-10{ margin-bottom:-10px !important;}
.mg_b-15{ margin-bottom:-15px !important;}
.mg_b-20{ margin-bottom:-20px !important;}
.mg_t5{ margin-top:5px !important;}
.mg_b5{ margin-bottom:5px !important;}
.mg_l5{ margin-left:5px !important;}
.mg_t10{ margin-top:10px !important;}
.mg_l10{ margin-left:10px !important;}
.mg_l15{ margin-left:15px !important;}
.mg_r10{ margin-right:10px !important;}
.mg_r5{ margin-right:5px !important;}
.mg_b10{ margin-bottom:10px !important;}
.mg_b15{ margin-bottom:15px !important;}
.mg_t15{ margin-top:15px !important;}
.mg_t20{ margin-top:20px !important;}
.mg_t25{ margin-top:25px !important;}
.mg_l20{ margin-left:20px !important;}
.mg_r20{ margin-right:20px !important;}
.mg_b20{ margin-bottom:20px !important;}
.mg_t30{ margin-top:30px !important;}
.mg_l30{ margin-left:30px !important;}
.mg_l35{ margin-left:35px !important;}
.mg_r30{ margin-right:30px !important;}
.mg_l40{ margin-left:40px !important;}
.mg_r40{ margin-right:40px !important;}
.mg_t40{ margin-top:40px !important;}
.mg_b50{ margin-bottom:50px !important;}
.mg_t50{ margin-top:50px !important;}
.mg_l50{ margin-left:50px !important;}

.mg_l60{ margin-left:60px !important;}
.mg_l70{ margin-left:70px !important;}
.mg_l100{ margin-left:100px !important;}
.mg_l110{ margin-left:110px !important;}
.mg_l130{ margin-left:130px !important;}

.mg_l140{ margin-left:140px !important;}
.mg_l200{ margin-left:200px !important;}
.mg_l230{ margin-left:230px !important;}
.mg_l250{ margin-left:250px !important;}
.mg_t100{ margin-top:100px !important;}

.mg_l_r_auto{
 margin-left:auto;
 margin-right:auto;
}

.pd_3{ padding:5px !important;}
.pd_5{ padding:5px !important;}
.pd_10{ padding:10px !important;}
.pd_b2{ padding-bottom:2px !important;}
.pd_b0{ padding-bottom:0px !important;}
.pd_b5{ padding-bottom:5px !important;}
.pd_b3{ padding-bottom:3px !important;}
.pd_b10{ padding-bottom:10px !important;}
.pd_l10{ padding-left:10px !important;}
.pd_t0{ padding-top:0px !important;}
.pd_t2{ padding-top:2px !important;}
.pd_t5{ padding-top:5px !important;}
.pd_t10{ padding-top:10px !important;}
.pd_r10{ padding-right:10px !important;}
.pd_t15{ padding-top:15px !important;}
.pd_l20{ padding-left:20px !important;}
.pd_t20{ padding-top:20px !important;}
.pd_r20{ padding-right:20px !important;}
.pd_l40{ padding-left:40px !important;}
.pd_r40{ padding-right:40px !important;}
.pd_t40{ padding-top:40px !important;}

.pd_lr3{ padding-left:3px !important;  padding-right:3px !important;}
.pd_lr5{ padding-left:5px !important;  padding-right:5px !important;}
.pd_lr7{ padding-left:7px !important;  padding-right:7px !important;}
.pd_lr0{ padding-left:0px !important;  padding-right:0px !important;}


.pd_tb8{ padding-bottom:8px !important;   padding-bottom:8px !important;}


.red{color:red !important;}
.blue{color:blue !important;}
.green{color:green !important;}
.white{color:white !important;}
.black{color:black !important;}
.orange{color:#ff5722 !important;}
.purple{color:purple !important;}
.grey{color:#adadad;}


.nowrap {white-space: nowrap;}
.wordBreak {word-wrap: break-word;}


.noDisp {display: none;}

.hover_color_div:hover{
	background:#fff8bf;
}



/* 矢印
---------------------------------------------------------------------------*/

.arrow_sita{
  width: 120px;
}
.arrow_sita::before{
  content: "";
  display: block;
  margin: 0 auto;
  width: 60px;
  height: 20px;
  background: #666;
}
.arrow_sita::after{
  content: "";
  display:block;
  border-top: 30px solid #666;
  border-left: 60px solid transparent;
  border-right: 60px solid transparent;
  transform-origin: left top;
}




/* メニューボタン
---------------------------------------------------------------------------*/
.menu_btn{
	width:130px !important;
	height:55px !important;
	margin-bottom:30px !important;
	font-size: 12px ;
	line-height:1.5em;
}


/* メニューボタン
---------------------------------------------------------------------------*/
.disabled_btn{
	background: #e0e0e0!important;
	color:black !important;
	cursor: auto !important;
}

.aTag_downLoad{
	text-decoration: none !important;
	color:white !important;
}


/* 入力フォーム
---------------------------------------------------------------------------*/

/* ドラッグ選択時 */
input.ui-selected     { background-color: #ff9a9a !important; }
textarea.ui-selected  { background-color: #ff9a9a !important; }

/* ツールチップ */
.guide-tip {
   display:none;
   z-index:1000;
   position:absolute;

   padding:10px 15px;
   margin:10px 0;
   background:#fffb83;
   border-width: 1px;
   border-style: solid;
   border-color: rgba(0,0,0,.1);
   color:#999;
   font-size:.875em;
}

.guide-tip .arrow {
   position:absolute;
   top:-8px;
   left:15px;
   z-index:1000;
   width: 0;
   height: 0;
   border-left: 8px solid transparent;
   border-right: 8px solid transparent;
   border-bottom: 8px solid #fffb83;
}

.guide-tip .arrow.border {
   top:-9px; left:14px;
   border-left: 9px solid transparent;
   border-right: 9px solid transparent;
   border-bottom: 9px solid #ccc;
}



#sekisan_list input[type="text"]{
	border: dotted 1px #bcbcbc ;
	vertical-align: top !important;
}
#sekisan_list div{
	vertical-align: top;
}

/*
input{
 background: #c0f5c0;
}
*/

::-webkit-input-placeholder {
    color: #ccc;
}
:-ms-input-placeholder {
    color: #ccc;
}
::-moz-placeholder {
    color: #ccc;
}

input[type="text"], input[type="password"], textarea, select {
  outline: none;
}

select:hover,input[type="text"]:hover,input[type="password"]:hover,textarea:hover,select:focus,.input_text:focus,textarea:focus
	{
	-webkit-box-shadow: 0px 0px 6px #00bfff;
	-moz-box-shadow: 0px 0px 6px #00bfff;
	box-shadow: 0px 0px 10px #00bfff;
}

/* no_hoverクラスを付けるとカーソルあてた時の効果を消す */
select.no_hover:hover,input[type="text"].no_hover:hover,input[type="password"].no_hover:hover,textarea.no_hover:hover,select.no_hover:focus,.input_text.no_hover:focus,textarea.no_hover:focus,input.no_hover:focus
	{
	-webkit-box-shadow: 0px 0px 0px #ffffff;
	-moz-box-shadow: 0px 0px 0px #ffffff;
	box-shadow: 0px 0px 0px #ffffff;
}

.input_disabled {
	background:#e6e6e6 !important;
	cursor: default;
}

input[type="text"], input[type="password"] {
	padding: 3px;
	border: solid 2px #bcbcbc;
	outline: 0;
	font-size: 14px;
	border-radius: 4px;
}
textarea,select {
	padding: 2px;
	border: solid 2px #bcbcbc;
	outline: 0;
	font-size: 14px;
	border-radius: 4px;
	overflow: auto;
}


.input_text_no_hover {
	padding: 2px;
	border: solid 2px #bcbcbc;
	outline: 0;
	font-size: 14px;
	border-radius: 4px;
}


input[type="text"][readonly], textarea[readonly] {
  background: #f1f1f1;
}

.big {
	width:			15px;
	height:			15px;
	-moz-transform:		scale(1.4);
	-webkit-transform:	scale(1.4);
	transform:		scale(1.4);
}

.input_err {
	background: red !important;
	color:	white !important;
}
.input_entered {
	background: #ffebb2 ;
	color:	black ;
}


.input_entered1 {
	background: #ffbbbb ;
	color:	black ;
}

.input_entered2 {
	background: #dadada ;
	color:	black ;
}




/* 入力フォーム(ラジオボタン) start
---------------------------------------------------------------------------*/

/* ラジオボタンは非表示にする */
input[type=radio].cstm_radio {
  display: none;
}
/* チェックされた時のスタイル */
input[type="radio"]:checked + .cstm_label{
  background: #0063A4;
  color: #FFF;
}


/* マウスオーバーしたときのスタイル */
.cstm_label:hover{
  background-color: #E2EDF9;
}
/* lableのスタイル */
.cstm_label {
  color: #000;
  border: #dddddd solid 2px;
  display: block;
  height: 35px;
  line-height: 35px;
  padding-left: 20px;
  padding-right: 20px;
  cursor: pointer;
}
/* 入力フォーム(ラジオボタン) end
---------------------------------------------------------------------------*/



/* 背景色
---------------------------------------------------------------------------*/
.bg_b_1{background: #a8d4ff!important;}
.bg_b_2{background: #88c4ff!important;}
.bg_b_3{background: #5dbaef!important;}
.bg_b_4{background: #87d3ff!important;}

.bg_b_5{background: #c3e3ff!important;}
.bg_b_6{background: #91dbff!important;}
.bg_b_7{background: #519fff!important;}
.bg_b_8{background: #aac4ff!important;}
.bg_b_9{background: #defffd!important;}


.bg_g_1{background: #3fca50!important;}
.bg_g_2{background: #b2ffca!important;}
.bg_g_3{background: #36e86d!important;}
.bg_g_4{background: #18af1d!important;}
.bg_g_5{background: #e1ffda!important;}
.bg_g_6{background: #18ff20!important;}



.bg_y_1{background: #fffb83!important;}
.bg_y_2{background: #fff937!important;}
.bg_y_3{background: #ffe10c!important;}
.bg_y_4{background: #ffff80!important;}
.bg_y_5{background: #fff9cc!important;}




.bg_r_1{background: #ff9898!important;}
.bg_r_2{background: #e83636!important;}
.bg_r_3{background: #e83670!important;}
.bg_r_4{background: #ffd2d2!important;}

.bg_grey{background: #e0e0e0!important;}
.bg_white{background: white!important;}
.bg_grey1{background: #efefef;}
.bg_black{background: black;}




/* 背景色
---------------------------------------------------------------------------*/
.submitStts_null{background: #c0c0c0!important;} /* 未作成 */
.submitStts_1{background: #ffffff!important;} /* 作成中 */
.submitStts_2{background: #ffff80!important;} /* 承認待ち */
.submitStts_3{background: #80ffff!important;} /* 承認済み */
.submitStts_4{background: #ffd2d2!important;} /* 差し戻し */



.安全管理{background: #3fca50!important;}
.社内報告{background: #ff9898!important;}
.社内提出{background: #b2ffca!important;}
.工程管理{background: #a8d4ff!important;}
.原価管理{background: #fffb83!important;}
.品質管理{background: #ffe10c!important;}


.労基提出{background: #a8d4ff!important;}
.着工時対応{background: #fffb83!important;}
.工事管理{background: #ffe10c!important;}


.着工時{background: #3fca50!important;}
.工事中{background: #ff9898!important;}
.竣工時{background: #a8d4ff!important;}

.物流センタ大曲倉庫新築工事{background: #b2ffca!important;}
.南部高等支援学校{background: #ffe10c!important;}
.トムソン新築工事{background: #5dbaef!important;}

/* テーブル
---------------------------------------------------------------------------*/

/* --------ホバー時に色を変える行列固定-------- */
table.hover_color tbody>tr:hover {
  background-color: #ffff80!important;
}


/* --------行列固定-------- */
 div.scroll_div { overflow: auto; }

/* --------カスタムデザインテーブル1-------- */

table.th_size11 th {
	font-size: 11px !important;
}

table.type1 {
	border-spacing: 1px;
	text-align: left;
	line-height: 1.5;
	font-size: 12px !important;
}
table.type1 th {
	border: 1px solid #000;
	padding: 2px;
	font-weight: bold;
/*	vertical-align: top; */
/*	color: #fff; */
	color: black;
	background: #c7e0f9;
	font-size: 13px ;
}
table.type1 td {
	padding: 3px;
/*	vertical-align: top; */
	color: black;
	border: 1px solid #000;
}
table.type1 tr:nth-child(odd) { background-color:white }
table.type1 tr:nth-child(even) { background-color:#e8e8e8; }
table.type1noEven tr:nth-child(even) { background-color:white; }
table.type1_pd10 td{padding-left: 10px; padding-right: 10px;}

table.type2 {
	border-spacing: 1px;
	text-align: left;
	line-height: 1.5;
	font-size: 12px !important;
/*	margin-left:10px; */
}
table.type2 th {
	border: 1px solid #000;
	padding: 2px;
	font-weight: bold;
/*	vertical-align: top; */
/*	color: #fff; */
	color: black;
	background: #8d8af7;
	font-size: 13px !important;
}
table.type2 td {
	padding: 3px;
/*	vertical-align: top; */
	color: black;
	border: 1px solid #000;
}
table.type2 tr:nth-child(even) { background-color:#e8e8e8; }
table.type2noEven tr:nth-child(even) { background-color:white; }







/* --------区切り線消去用-------- */
.no_line td{
 border: 0 none !important;
}

/* --------カスタムデザインテーブル1-------- */
table.oitachi {
    border-collapse: separate;
    border-spacing: 0px 15px;
    font-size: 12px;
}
table.oitachi td {
    background: #f8f8f8;
    padding: 10px;
}

/* --------カスタムデザインテーブル2-------- */
table.company {
    max-width: 700px;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 0px 15px;
    font-size: 12px;
}

table.company th,
table.company td {
    padding: 10px;
}

table.company th {
    background: #295890;
    vertical-align: middle;
    text-align: left;
    width: 150px;
    overflow: visible;
    position: relative;
    color: #fff;
    font-weight: normal;
    font-size: 15px;
}

table.company th:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #295890;
    border-width: 10px;
    margin-top: -10px;
}
/* firefox */
@-moz-document url-prefix() {
    table.company th::after {
        float: right;
        padding: 0;
        left: 30px;
        top: 10px;
        content: " ";
        height: 0;
        width: 0;
        position: relative;
        pointer-events: none;
        border: 10px solid transparent;
        border-left: #295890 10px solid;
        margin-top: -10px;
    }
}

table.company td {
    background: #f8f8f8;
    width: 400px;
    padding-left: 20px;
}



/*PC・タブレット・スマホ共通設定
---------------------------------------------------------------------------*/

/*全体の設定
---------------------------------------------------------------------------*/
body {
	margin: 0px;
	padding: 0px;
	color: #666;	/*全体の文字色*/
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	/*フォント種類*/
	font-size: 14px;	/*文字サイズ*/
	line-height: 2;		/*行間*/
	background: #fff;	/*背景色*/
	-webkit-text-size-adjust: none;
}
/*トップページの背景画像*/
body#top {
	background: #fff url(../images/mainimg_s.jpg) no-repeat right top;	/*古い端末用*/
	background: #fff url(../images/mainimg_l.jpg) no-repeat right top/100%;	/*背景色、背景画像の読み込み、リピートしない、右上に配置、画面に対して60%のサイズで表示*/
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure,form{
	margin: 0px;
	padding: 0px;
}
ul{
	list-style-type: none;
}
img {
	border: none;
	max-width: 100%;
	height: auto;
}
input,textarea,select {
	font-size: 14px;
}
table {
	border-collapse:collapse;
	font-size: 100%;
	border-spacing: 0;
}

/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
	color: #477eff;	/*リンクテキストの色*/
}
a:hover {
	color: #58b9f1;			/*マウスオン時の文字色（全体）*/
	text-decoration: none;	/*マウスオン時に下線を消す設定。残したいならこの１行削除。*/
}

/*ヘッダー（サイトロゴとメニューが入ったブロック）
---------------------------------------------------------------------------*/
/*ヘッダーブロック*/
header {
	width: 100%;
	background: #c6eaff;	/*背景色*/
/*	position: fixed;	*/
/*画面上部に固定表示させる設定。不要ならこの１行削除。*/
	height: 50px;	/*ヘッダーの高さ*/
	-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.4);	/*影の設定。右・下・ぼかし幅・色(rgba)の設定。rgba値は左３つが色指定(この場合は黒)で最後の小数点が透明度。*/
	box-shadow: 0px 0px 6px rgba(0,0,0,0.4);			/*同上*/
    z-index: 100;
}
/*ロゴ画像の設定*/
header #logo {
        line-height: 0 !important;
	float: left;	/*左に回りこみ*/
	/* padding: 10px 10px 0px;「SAMPLE LOGO」の外側にとる余白。色のついた帯とロゴ画像の余白の事。上、左右、下。*/
	box-shadow: 0px 0px 10px rgba(0,0,0,0.2);			/*同上*/
}

/*inner
---------------------------------------------------------------------------*/
.inner {
/*	width: 840px;	幅*/
	margin: 0 auto;
	padding : 0 0 0 10px;
}

/*メニュー
---------------------------------------------------------------------------*/
/*メニューブロックの設定*/
.menubar {
	float: right;	/*右寄せ*/
	margin-top: 5px;	/*上下バランスを取る為、上に少しスペースをとる。*/
}
/*メニュー１個あたりの設定*/
.menubar li {
	float: left;	/*左に回りこみ*/
	letter-spacing: 0.2em;	/*文字間隔を少し広くとる設定。通常がいいならこの行削除。*/
}
.menubar a {
	display: block;
	color: #fff;	/*文字色*/
	text-decoration: none;
	padding: 0px 20px;	/*上下、左右へとる余白*/
	-webkit-transition: 0.5s;	/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
	transition: 0.5s;			/*同上*/
}
/*マウスオン時*/
.menubar a:hover {
	color: #ffea00;	/*文字色*/
}
/*スマホ用メニューを表示させない*/
.menubar-s {
	display: none;
}
/*３本バーアイコンを表示させない*/
.menubar_hdr {
	display: none;
}

/*ドロップダウンメニュー用
---------------------------------------------------------------------------*/
/*ドロップダウンブロックの設定*/
.menubar ul.ddmenu {
	position:absolute;
	visibility: hidden;
}
/*メニュー１個あたりの設定*/
.menubar ul.ddmenu li {
	float: none;
}
.menubar ul.ddmenu li a {
	padding: 3px 0px 3px 10px;	/*メニュー内余白。上、右、下、左。*/
	background: #fff;	/*背景色*/
	color: #f15895;	/*文字色*/
	width: 150px;	/*メニュー幅*/
	margin-bottom: 5px;	/*メニュー同士にあけるスペース*/
	margin-left: 15px;
	border: 1px solid #f15895;
}
/*マウスオン時の設定*/
.menubar ul.ddmenu li a:hover {
	background: #ffea00;	/*背景色*/
	color: #f15895;	/*文字色*/
	border: 1px solid #f15895;
}

/*contents
---------------------------------------------------------------------------*/
.contents {
	clear: both;
	width: auto;
	padding : 0 0 0 10px;
}
/*コンテンツのh2タグの設定*/
.contents h2 {
	clear: both;
	margin-bottom: 15px;
	font-size: 100%;
	color: #FFF;		/*文字色*/
	background: #58b9f1;	/*背景色（古いブラウザ用）*/
	background: -webkit-gradient(linear, left top, left bottom, from(#87d3ff), to(#58b9f1));	/*グラデーション*/
	background: -webkit-linear-gradient(#87d3ff, #58b9f1);	/*同上*/
	background: linear-gradient(#87d3ff, #58b9f1);			/*同上*/
	padding: 5px 15px;	/*上下、左右への余白*/
}
/*コンテンツのh2タグの１文字目への設定*/
.contents h2::first-letter {
	border-left: 3px solid #fff;	/*左側のアクセント用ラインの幅、線種、色*/
	padding-left: 10px;	/*アクセントラインと文字の間にとる余白*/
}
/*コンテンツのh3タグの設定*/
.contents h3 {
	clear: both;
/*	margin-bottom: 15px; */
	font-size: 100%;
	background: #FFF;	/*背景色（古いブラウザ用）*/
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#ededed));	/*グラデーション*/
	background: -webkit-linear-gradient(#FFF, #ededed);	/*同上*/
	background: linear-gradient(#FFF, #ededed);			/*同上*/
	padding: 4px 15px;	/*上下、左右への余白*/
	border: 1px solid #e4e4e4;	/*枠線の幅、線種、色*/
}
/*コンテンツのh3タグの１文字目への設定*/
.contents h3::first-letter {
	border-left: 3px solid #5dbaef;	/*左側のアクセント用ラインの幅、線種、色*/
	padding-left: 10px;	/*アクセントラインと文字の間にとる余白*/
}
/*コンテンツの段落タグ設定*/
.contents p {
	padding: 10px 15px 15px;	/*上、左右、下への余白*/
}
.contents p + p {
	padding-top: 0px;
}
.contents h2 + p,
.contents h3 + p {
	padding-top: 0px;
	margin-top: -5px;
}

/*SERVICEページの各ブロック
---------------------------------------------------------------------------*/
/*各ボックスの設定*/
.contents section.list {
	position: relative;
	overflow: hidden;
	background: #f6f4f0;	/*背景色*/
	border: 1px solid #ccc;	/*枠線の幅、線種、色*/
	margin-bottom: 15px;	/*ボックス同士にとるスペース*/
}
.contents section.list a {
        word-break:keep-all;
	text-decoration: none;
	display: block;
	overflow: hidden;
	padding: 15px 15px 0px 15px;	/*ボックス内の余白*/
}
/*マウスオン時のボックス*/
.contents section.list a:hover {
	background: #fff;	/*背景色*/
}
/*ボックス内の段落タグ設定*/
.contents section.list p {
	padding: 0px;
	margin-left: 24%;	/*左側の写真幅とのバランスをとって設定*/
}
/*ボックス内の写真設定*/
.contents section.list figure img {
	float: left;	/*画像を左へ回り込み*/
	width: 20%;		/*写真の幅*/
	padding: 0.5%;			/*余白*/
	border: 1px solid #CCC;	/*枠線の幅、線種、色*/
	background: #fff;	/*背景色。写真と写真の枠線との間に出る色。*/
}
/*ボックス内のh4タグ設定*/
.contents section.list h4 {
	font-size: 11px !important;
      	/*margin-left: 24%;	*/
	margin-bottom: 5px;
        border-bottom:none !important;
        text-align: center;
}

/*main
---------------------------------------------------------------------------*/
.main {
	float: right;	/*右に回りこみ*/
	width: 700px;	/*メインコンテンツ幅*/
}

/*sub
---------------------------------------------------------------------------*/
.sub {
	float: left;	/*左に回りこみ*/
	width: 230px;	/*サブコンテンツ幅*/
}
/*subコンテンツ内のh2タグ設定*/
.sub h2 {
	background: none;
	margin-bottom: 0px;
	color: #333;	/*文字色*/
	padding: 0px 0px 10px;
}
/*subコンテンツのh2タグの１文字目への設定*/
.sub h2::first-letter {
	border-left: 3px solid #b5b5b5;	/*左側のアクセント用ラインの幅、線種、色*/
}

/*サブコンテンツ内のメニュー
---------------------------------------------------------------------------*/
/*メニュー全体の設定*/
.sub ul.submenu {
	margin-bottom: 15px;	/*メニューブロックの下に空けるスペース*/
	border-top: solid 1px #e4e4e4;	/*上の線の線種、幅、色*/
}
/*メニュー１個ごとの設定*/
.sub ul.submenu li {
	background: #fff;	/*背景色*/
	border-bottom: solid 1px #e4e4e4;	/*下の線の線種、幅、色*/
}
.sub ul.submenu li a {
	text-decoration: none;
	display: block;
	padding: 2px 10px;	/*メニュー内の余白。上下、左右への設定。*/
}

/*サブコンテンツ内のbox1
---------------------------------------------------------------------------*/
.sub .box1 {
	padding: 15px;			/*ボックス内の余白*/
	margin-bottom: 15px;	/*ボックスの下に空けるスペース*/
	background: #f7f7f7;	/*背景色*/
	border: solid 1px #e4e4e4;	/*線の線種、幅、色*/
}
/*box1内のメニューの設定*/
.sub .box1 ul.submenu {
	margin-bottom: 0px;
}

/*トップページ内「更新情報・お知らせ」ブロック
---------------------------------------------------------------------------*/
/*ブロック全体の設定*/
#new dl{
	padding-left: 15px;
}
/*日付設定*/
#new dt {
	font-weight: bold;	/*太字にする設定。標準がいいならこの行削除。*/
	float: left;
	width: 8em;
}
/*記事設定*/
#new dd {
	padding-left: 8em;
}

/*フッター設定
---------------------------------------------------------------------------*/
footer {
	clear: both;
	text-align: center;
	background: #58b9f1;	/*背景色*/
	color: #fff;		/*文字色*/
}
footer .pr {
	display: block;
	font-size: 80%;
}
footer a {
	text-decoration: none !important;
	color: #fff;
}

/*テーブル１
---------------------------------------------------------------------------*/
.ta1 {
	width: 100%;
	margin-bottom: 15px;
}
.ta1, .ta1 td, .ta1 th {
	border: 1px solid #e4e4e4;	/*テーブルの枠線の幅、線種、色*/
	line-height: 2;
}
/*テーブル１行目に入った見出し部分*/
.ta1 th.tamidashi {
	width: auto;
	text-align: left;
	color: #FFF;	/*文字色*/
	background: #ccc;	/*背景色（古いブラウザ用）*/
	background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#bdbdbd));	/*グラデーション*/
	background: -webkit-linear-gradient(#ccc, #bdbdbd);	/*同上*/
	background: linear-gradient(#ccc, #bdbdbd);			/*同上*/
}
/*テーブル内の左側*/
.ta1 th {
	width: 140px;
	padding: 10px;
	text-align: center;
	background: #f7f7f7;	/*背景色*/
}
/*テーブル内の右側*/
.ta1 td {
	padding: 10px;
}

/*PAGE TOP設定
---------------------------------------------------------------------------*/
#pagetop {
	clear: both;
/*	width: 980px; */
	margin: 0 auto;
	margin-top: -40px;
}
#pagetop a {
	font-size: 20px;	/*文字サイズ*/
	padding: 0px 15px;
	text-decoration: none;
	text-align: center;
	display: block;
	float: right;
	border-radius: 4px;
	border: 1px solid #58b9f1;
	background: #58b9f1;	/*背景色*/
	color: #fff;			/*文字色*/


}
/*マウスオン時*/
#pagetop a:hover {
	background: #fff;	/*背景色*/
	color: #58b9f1;			/*文字色*/
}

/*その他
---------------------------------------------------------------------------*/
.look {
	background: #000;
	border-radius: 4px;
	color: #fff;
	padding: 5px;
}
.mb15,
.mb1em {
	margin-bottom: 15px;
}
.clear {
	clear: both;
}
ul.disc {
	padding: 0em 25px 1em;
	list-style: disc;
}
.color1 {
	color: #f76da4;
}
.pr {
	font-size: 10px;
}
.btn {
	font-size: 13px;
}
.wl {
	width: 96%;
}
.ws {
	width: 50%;
}
.c {
	text-align: center;
}
.r {
	text-align: right;
}
.newicon {
	background: #F00;
	color: #FFF;
	font-size: 10px;
	padding: 0px 5px;
	border-radius: 2px;
	margin: 0px 5px;
}
.bg1  {
	background: #faf3e6;
	overflow: hidden;
}


.pt150 {
	padding-top: 150px !important;
}
/*トップページで使っている大きな文字*/
h1.type1 {
	font-size: 80px;
	line-height: 1.2;
	letter-spacing: 0.1em;
	margin-bottom: 30px;
	padding-left: 15px;
}


/* 写真管理一覧 */


ul.jquery-ui-sortable {
    list-style-type: none;
    margin: 0 2px;
    padding: 50px;
    width: 25%;
    float: left;
    min-height: 1.5em;
    background-color: beige;
    border: solid 1px #606060;
}
ul.jquery-ui-sortable li {
    margin: 3px;
    padding: 0.3em;
    padding-left: 1em;
    font-size: 15px;
    font-weight: bold;
    cursor: move;
}
li.border-color-red {
    border-color: red;
}
li.border-color-blue {
    border-color: blue;
}
li.border-color-green {
    border-color: green;
}

.pic{
	width: 420px !important;
}

/* 入力領域
---------------------------------------------------------------------------*/
.input_area{
	background: #f5f5f5;
	border: 0;
	padding: 10px 20px;
	border-radius: 5px;
}

.input_area2{
	background: white;
	border: 3px solid #a2a2a2;
	padding: 10px 20px;
	border-radius: 5px;
}


.input_area3{
	border: solid 2px #a99292;
	background: white;
	padding: 10px 20px;
	border-radius: 5px;
}

.input_area3_red{
	border: solid 2px #ff0101;
	background: white;
	padding: 10px 20px;
	border-radius: 5px;
}

.input_area_bg_green{
	background : #d8ffe0;
}



/* エラーメッセージ領域
---------------------------------------------------------------------------*/
.err_msg_area{
	background: #ffc2c2;
	border: 0;
	padding: 20px 20px;
	border-radius: 5px;
	width: 90%;
	margin: 10px 0 0 20px;
	font-size: 19px;
}



/* 安全ニュース新着の背景色
---------------------------------------------------------------------------*/
.new_safety_news_0{background: #ffb2b2!important;}
.new_safety_news_1{background: #fffc98!important;}
.new_safety_news_2{background: #c9ff98!important;}
.new_safety_news_3{background: #98ffae!important;}
.new_safety_news_4{background: #98fffa!important;}
.new_safety_news_5{background: #ffb2e4!important;}
.new_safety_news_6{background: #b2b8ff!important;}



/* サブタイトル
---------------------------------------------------------------------------*/
.sub_title1 {
    background: -webkit-linear-gradient(top, #eee 0%, #ccc 100%);
    background: linear-gradient(to bottom, #eee 0%, #ccc 100%);
    border-top: 1px solid #888;
    border-bottom: 1px solid #888;
    border-right: 10px solid #aaa;
    border-left: 10px solid #aaa;
    /* border-radius: 7px; */
    font-weight: 600;
    font-size: 1.25em;
    text-align: center;
    margin-top:10px;
    margin-bottom:10px;
}


.sub_title2 {
  margin-top:10px;
  margin-bottom:10px;
/*   padding: .5em .75em; */
  background-color: #dadada;
  border: 6px double #868686;
  border: 6px double #ccc;
  font-weight: 600;
  font-size: 1.15em;
  text-align: center;
}




/* ラジオボタン
---------------------------------------------------------------------------*/

.rdo input{
	display: none;
}
.rdo label{
	display: block;
	float: left;
	cursor: pointer;
	width: 40px;
	margin: 0;
	padding: 12px 0px;
	border-right: 1px solid #abb2b7;
	background: #bdc3c7;
	color: #555e64;
	font-size: 14px;
	text-align: center;
	line-height: 1;
	transition: .2s;
}

/* 狭くしただけ */
.rdo_small label {
	padding: 5px 0px;
}

.rdo label:first-of-type{
	border-radius: 3px 0 0 3px;
}
.rdo label:last-of-type{
	border-right: 0px;
	border-radius: 0 3px 3px 0;
}
.rdo input[type="radio"]:checked + label {
	background-color: #a1b91d;
	color: #fff;
}

.logout_img:hover {
	box-shadow: 0px 0px 20px #ffffff;
	cursor: pointer !important;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}


.border_r_0{
	border-right: 0px !important;
}
.border_l_0{
	border-left: 0px !important;
}

.dotted_border_1{
	border: dotted 1px;
}

.pointer{
	cursor:pointer !important;
}


.link_moji{
	color: #477eff !important;
	text-decoration:underline;
	cursor:pointer !important;
}
.link_moji:hover{
	color: #58b9f1;
}

.underline
{
	text-decoration:underline;
}

/* アイコン画像
---------------------------------------------------------------------------*/
span.xls{
  background-image: url('./images/icon-excel.png');
}
span.pdf{
  background-image: url('./images/icon-pdf.png');
}
span.doc{
  background-image: url('./images/icon-word.png');
}
span.ppt{
  background-image: url('./images/icon-ppt.png');
}
span.rotate-icon{
  background-image: url('./images/icon-rotate.png');
  background-size:contain;
}

span.file {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAADoSURBVBgZBcExblNBGAbA2ceegTRBuIKOgiihSZNTcC5LUHAihNJR0kGKCDcYJY6D3/77MdOinTvzAgCw8ysThIvn/VojIyMjIyPP+bS1sUQIV2s95pBDDvmbP/mdkft83tpYguZq5Jh/OeaYh+yzy8hTHvNlaxNNczm+la9OTlar1UdA/+C2A4trRCnD3jS8BB1obq2Gk6GU6QbQAS4BUaYSQAf4bhhKKTFdAzrAOwAxEUAH+KEM01SY3gM6wBsEAQB0gJ+maZoC3gI6iPYaAIBJsiRmHU0AALOeFC3aK2cWAACUXe7+AwO0lc9eTHYTAAAAAElFTkSuQmCC);
}


.xls{  background-image: url('./images/icon-excel.png'); background-repeat: no-repeat;background-size:contain;}
.pdf{  background-image: url('./images/icon-pdf.png'); background-repeat: no-repeat;background-size:contain;}
.doc{  background-image: url('./images/icon-word.png'); background-repeat: no-repeat;background-size:contain;}
.ppt{  background-image: url('./images/icon-ppt.png'); background-repeat: no-repeat;background-size:contain;}
.file {  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAADoSURBVBgZBcExblNBGAbA2ceegTRBuIKOgiihSZNTcC5LUHAihNJR0kGKCDcYJY6D3/77MdOinTvzAgCw8ysThIvn/VojIyMjIyPP+bS1sUQIV2s95pBDDvmbP/mdkft83tpYguZq5Jh/OeaYh+yzy8hTHvNlaxNNczm+la9OTlar1UdA/+C2A4trRCnD3jS8BB1obq2Gk6GU6QbQAS4BUaYSQAf4bhhKKTFdAzrAOwAxEUAH+KEM01SY3gM6wBsEAQB0gJ+maZoC3gI6iPYaAIBJsiRmHU0AALOeFC3aK2cWAACUXe7+AwO0lc9eTHYTAAAAAElFTkSuQmCC);}





/* ソート関連
---------------------------------------------------------------------------*/

.sortable-ui-state-highlight {
    height: 240px;
    border: dotted 2px #0000ff;
}

.sortable-ui-state-highlight-for-planIsrt {
    height: 50px;
    border: dotted 2px #0000ff;
}



/* 画像ズーム関連
---------------------------------------------------------------------------*/

.modal-img{
  cursor:pointer;
}
.modal-img:hover{
  cursor:pointer;
  opacity: 0.9;
}


/* ズーム土台 */
.zoomer_basic {
	width: 95%;
	height: 95%;
}

/* モーダル関連
---------------------------------------------------------------------------*/

.page-txt {
  margin: 30px 0 0;
  height: 2000px;
}
#modal-open {
  color: #cc0000;
}
/* モーダル コンテンツエリア */
#modal-main {
	display: none;
	width: 95%;
	height: 95%;
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	color: #666666;
	position:fixed;
	z-index: 2;
}
/* モーダル 背景エリア */
#modal-bg {
	display:none;
	width:100%;
	height:100%;
	background-color: rgba(0,0,0,0.5);
	position:fixed;
	top:0;
	left:0;
	z-index: 1;
}




/* 印刷設定
---------------------------------------------------------------------------*/
@media print{

.print_nodisp {
	display:none;
}

.f_size11_def_prt {
	font-size: 10px !important;
}



}

/* 運転日報機能関連
---------------------------------------------------------------------------*/
.btn_area_fixed{
  position: fixed;
  top: 0px;
}
.table_area_fixed{
  position: fixed;
  top: 80px;
}

/* 積算
---------------------------------------------------------------------------*/

#sekisan_list .solidBd {
	border:solid 1px #bcbcbc !important;
}


#sekisan_list .fix_rowNm {
  position: -webkit-sticky; /* Safari */
  position: sticky;
  left: 70px;
  z-index: 2;
}

#sekisan_list .fix_Name {
  position: -webkit-sticky; /* Safari */
  position: sticky;
  left: 110px;
  z-index: 2;
}

#sekisan_list .fix_Kikaku {
  position: -webkit-sticky; /* Safari */
  position: sticky;
  left: 320px;
  z-index: 2;
}

#sekisan_list .fix_Suryo {
  position: -webkit-sticky; /* Safari */
  position: sticky;
  left: 530px;
  z-index: 2;
}

#sekisan_list .fix_Tani {
  position: -webkit-sticky; /* Safari */
  position: sticky;
  left: 590px;
  z-index: 2;
}


#sekisan_list li:hover{
	background:#fff8bf;
}

#sekisan_list li:focus{
	background:#fff8bf;
}


/* 実行予算
---------------------------------------------------------------------------*/
.dtl_data{
	border: solid 1px;
    padding-left: 10px;
    overflow-x: hidden;
    min-height: 28px;
    white-space: nowrap;
}

#sekisan_list ::-webkit-input-placeholder {
    color: #ececec;
}
#sekisan_list ::-ms-input-placeholder {
    color: #ececec;
}
#sekisan_list ::-moz-placeholder {
    color: #ececec;
}



/* 実行予算
---------------------------------------------------------------------------*/

.総務{
	background:#a8d4ff !important;
}

.ソフト{
	background:#f1ffc6 !important;
}

.その他{
	background:#c6ffda !important;
}



/* 発注伺い一覧
---------------------------------------------------------------------------*/

.現場確認待ち{	background:#d3daff !important;}
.事務確認待ち{	background:#ffc9cc !important;}
.幹部確認待ち{	background:#c9ffc9 !important;}
.承認完了{		background:#b1b5b1 !important;}
.提出前{		background:#aaffaa !important;}