/* オートコンプリートの背景色を白にする */
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #ffffff inset;
}

table td {
	word-break: break-all;
}
/*
table#solid{ border-top:1px solid #666666; border-left:1px solid #666666; border-collapse:collapse; border-spacing:0; background-color:#ffffff; empty-cells:show; margin-bottom:5px;margin: 0 auto;}
table#solid th{ border-right:1px solid #666666; border-bottom:1px solid #666666; color:#ffffff; background-color:#000066; padding:0.3em 0.4em; text-align:center; }
table#solid td{ border-right:1px solid #666666; border-bottom:1px solid #666666; padding:0.3em 0.4em; text-align:left; }
*/
table#solid{ border-collapse:collapse; border-spacing:0; background-color:#ffffff; empty-cells:show; margin-bottom:5px;margin: 0 auto;}
table#solid th{ border:1px solid #666666; color:#ffffff; background-color:#000066; padding:0.3em 0.4em; text-align:center; }
table#solid td{ border:1px solid #666666; padding:0.3em 0.4em; text-align:left; }

table.solid{ border:1px solid #cccccc; border-collapse:collapse; border-spacing:0; background-color:#ffffff; empty-cells:show; margin-bottom:5px;margin: 0 auto;}
table.solid th{ border:1px solid #cccccc; color:#ffffff; background-color:#000066; padding:0.3em 0.4em; text-align:center; }
table.solid td{ border:1px solid #cccccc; padding:0.3em 0.4em; text-align:left; }

table#gray { background-color : "#ffffff";border: solid 1px #eeeeee; border-collapse: collapse; margin: 0 auto;}
table#gray td { border: solid 1px #eeeeee; padding:0.1em 0.1em; }

table#none { background-color : "#ffffff";border: 0px; border-collapse: collapse; margin: 0 auto;}
table#none td { border: 0px; padding:0.3em 0.4em; }

table.none { background-color : "#ffffff";border: 0px; border-collapse: collapse; margin: 0 auto;}
table.none td { border: 0px; padding:0.3em 0.4em; }


.center {
	text-align:center;
	margin: 0 auto; /* Firefox 向けセンタリング指定 */
}

.fltL {
	float:left;
}

.fltR {
	float:right;
}


td.title {
	text-align:center;
	background:#3a87ad;
	font-size:90%;
	font-weight:bold;
	color:#ffffff;
}


td.title a { color: #ffffff; text-decoration: underline; }
td.title a:hover { color: #ff3300; text-decoration: underline; }
td.title a:visited { color: #ffffff; text-decoration: underline; }

td.title2 {
	text-align:center;
	background:#339933;
	color:#ffffff;
}
td.title2 a { color: #ffffff; text-decoration: underline; }
td.title2 a:hover { color: #ff3300; text-decoration: underline; }
td.title2 a:visited { color: #ffffff; text-decoration: underline; }

th.title {
	text-align:center;
	background:#3a87ad ! important;
	font-size:100%;
	font-weight:normal;
	color:#ffffff;
	text-align:center;
/*	padding:1px 0 ! important; ヘッダ固定の場合ここを指定すると崩れる */
}

th.title2 {
	text-align:center;
	background:#ff9933 ! important;
	font-size:100%;
	font-weight:normal;
	color:#ffffff;
	text-align:center;
/*	padding:1px 0 ! important; ヘッダ固定の場合ここを指定すると崩れる */
}

td.total {
	background:#009966;
	font-weight:normal;
	color:#ffffff;
}

th.center,
td.center {
	text-align:center;
}

th.left,
td.left{
	text-align:left;
}

th.right,
td.right{
	text-align:right;
}

td.bb {
	border-bottom:#666666 solid 1px;
	padding:2px 2px ! important;
}

td.bb_date {
	padding:1px 1px ! important;
	text-align:center;
}

td.td_nodrayage {
	background:#cccccc;
}
td.td_nodrayage:before {
	content:"";
	display:block;
	height:50px;
	float:left;
}
th.hissu {
	background:#ffcccc;
}
td.nothing_line,
th.nothing_line {
	background-image: linear-gradient(to left top, transparent calc(50% - 0.5px), #999 50%, #999 calc(50% + 0.5px), transparent calc(50% + 1px));
}

div.report_calendar {
	width:100%;
	margin-top:2px;
	text-align:center;
	font-size:100%;
}
@media only screen and (max-width:540px){
	div.report_calendar {
		font-size:80%;
	}
}

a.report_calendar {
}
@media only screen and (max-width:540px){
	a.report_calendar {
		font-size:80%;
		padding:2 ! important;
	}
}
@media only screen and (max-width:399px){
	a.report_calendar {
		font-size:80%;
		padding:0 ! important;
	}
}

button.menu {
	font-size:12pt;
	color:#333333;
	width:200px;
	height:50px;
}

.submit {
	font-size:10pt;
	padding:10px 50px;
}

.return {
	font-size:10pt;
	padding:5px 5px;
	color:#006600;
	background:#eeeeee;
	border:1px solid #999999;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	margin-left:10px;
}

.excel {
	font-size:10pt;
	padding:5px 5px;
	color:#ffffff;
	background:#5bb75b;
	border:1px solid #999999;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	margin-left:10px;
}

.csv {
	font-size:10pt;
	padding:5px 5px;
	color:#ffffff;
	background:#0074cc;
	border:1px solid #999999;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	margin-left:10px;
}

input[type="button"].under_btn,
input[type="reset"].under_btn,
input[type="submit"].under_btn {
	margin: 0 30px 0 0;
	width:150px;
	padding: 10px 10px ! important;
	font-size: 1.2em ! important;
}

#joken_onoff {
	font-size:10pt;
	padding:5px 5px;
	color:#ffffff;
	background:#333333;
	border:1px solid #000000;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	margin-right:20px;
}

button.miniret {
	font-size:10pt;
	color:#006600;
	width:100px;
	height:30px;
}

button.search_submit {
	font-size:10pt;
	/*width:100px;*/
	height:30px;
}

button.search_clear {
	font-size:10pt;
	color:#009900;
	/*width:100px;*/
	height:30px;
}

button.search_new {
	font-size:10pt;
	color:#000099;
	/*width:100px;*/
	height:30px;
}

button.etc {
	font-size:9pt;
	width:95%;
}

button.cleardate {
  background: #cccccc;
  color: #ffffff;
  font-size: 80%;
  width: auto;
  height: auto;
  padding: 2px;
  border: none;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  margin-top:2px;
}

.pd_min {
	padding-left:10px ! important;
	padding-right:10px ! important;
}

p.err {
	color:#ff0000 ! important;
	background:url("../img/warning.png") 2px 1px no-repeat transparent ! important;
	text-indent:20px ! important;
	margin:5px 0 0;
}

p.comment {
	color:#000099 ! important;
	background:url("../img/warning2.png") 2px 1px no-repeat transparent ! important;
	text-indent:20px ! important;
	margin:5px 0 0;
}

.w100p { width:100%; }
.w99p  { width:99%; }
.w98p  { width:98%; }
.w97p  { width:97%; }
.w96p  { width:96%; }
.w95p  { width:95%; }
.w94p  { width:94%; }
.w93p  { width:93%; }
.w92p  { width:92%; }
.w91p  { width:91%; }
.w90p  { width:90%; }
.w89p  { width:89%; }
.w88p  { width:88%; }
.w87p  { width:87%; }
.w86p  { width:86%; }
.w85p  { width:85%; }
.w84p  { width:84%; }
.w83p  { width:83%; }
.w82p  { width:82%; }
.w81p  { width:81%; }
.w80p  { width:80%; }
.w79p  { width:79%; }
.w78p  { width:78%; }
.w77p  { width:77%; }
.w76p  { width:76%; }
.w75p  { width:75%; }
.w74p  { width:74%; }
.w73p  { width:73%; }
.w72p  { width:72%; }
.w71p  { width:71%; }
.w70p  { width:70%; }
.w69p  { width:69%; }
.w68p  { width:68%; }
.w67p  { width:67%; }
.w66p  { width:66%; }
.w65p  { width:65%; }
.w64p  { width:64%; }
.w63p  { width:63%; }
.w62p  { width:62%; }
.w61p  { width:61%; }
.w60p  { width:60%; }
.w59p  { width:59%; }
.w58p  { width:58%; }
.w57p  { width:57%; }
.w56p  { width:56%; }
.w55p  { width:55%; }
.w54p  { width:54%; }
.w53p  { width:53%; }
.w52p  { width:52%; }
.w51p  { width:51%; }
.w50p  { width:50%; }
.w49p  { width:49%; }
.w48p  { width:48%; }
.w47p  { width:47%; }
.w46p  { width:46%; }
.w45p  { width:45%; }
.w44p  { width:44%; }
.w43p  { width:43%; }
.w42p  { width:42%; }
.w41p  { width:41%; }
.w40p  { width:40%; }
.w39p  { width:39%; }
.w38p  { width:38%; }
.w37p  { width:37%; }
.w36p  { width:36%; }
.w35p  { width:35%; }
.w34p  { width:34%; }
.w33p  { width:33%; }
.w32p  { width:32%; }
.w31p  { width:31%; }
.w30p  { width:30%; }
.w29p  { width:29%; }
.w28p  { width:28%; }
.w27p  { width:27%; }
.w26p  { width:26%; }
.w25p  { width:25%; }
.w24p  { width:24%; }
.w23p  { width:23%; }
.w22p  { width:22%; }
.w21p  { width:21%; }
.w20p  { width:20%; }
.w19p  { width:19%; }
.w18p  { width:18%; }
.w17p  { width:17%; }
.w16p  { width:16%; }
.w15p  { width:15%; }
.w14p  { width:14%; }
.w13p  { width:13%; }
.w12p  { width:12%; }
.w11p  { width:11%; }
.w10comma46p   { width:10.46%; }
.w10p  { width:10%; }
.w9p   { width:9%; }
.w8p   { width:8%; }
.w7p   { width:7%; }
.w6p   { width:6%; }
.w5p   { width:5%; }
.w5comma23p   { width:5.23%; }
.w5comma5p   { width:5.5%; }
.w4p   { width:4%; }
.w3p   { width:3%; }
.w2p   { width:2%; }
.w1p   { width:1%; }

.w1x   { width:1px; }
.w2x   { width:2px; }
.w3x   { width:3px; }
.w4x   { width:4px; }
.w5x   { width:5px; }
.w6x   { width:6px; }
.w7x   { width:7px; }
.w8x   { width:8px; }
.w9x   { width:9px; }
.w10x   { width:10px; }
.w11x   { width:11px; }
.w12x   { width:12px; }
.w13x   { width:13px; }
.w14x   { width:14px; }
.w15x   { width:15px; }
.w16x   { width:16px; }
.w17x   { width:17px; }
.w18x   { width:18px; }
.w19x   { width:19px; }
.w20x   { width:20px; }
.w21x   { width:21px; }
.w22x   { width:22px; }
.w23x   { width:23px; }
.w24x   { width:24px; }
.w25x   { width:25px; }
.w26x   { width:26px; }
.w27x   { width:27px; }
.w28x   { width:28px; }
.w29x   { width:29px; }
.w30x   { width:30px; }
.w31x   { width:31px; }
.w32x   { width:32px; }
.w33x   { width:33px; }
.w34x   { width:34px; }
.w35x   { width:35px; }
.w36x   { width:36px; }
.w37x   { width:37px; }
.w38x   { width:38px; }
.w39x   { width:39px; }
.w40x   { width:40px; }
.w41x   { width:41px; }
.w42x   { width:42px; }
.w43x   { width:43px; }
.w44x   { width:44px; }
.w45x   { width:45px; }
.w46x   { width:46px; }
.w47x   { width:47px; }
.w48x   { width:48px; }
.w49x   { width:49px; }
.w50x   { width:50px; }
.w51x   { width:51px; }
.w52x   { width:52px; }
.w53x   { width:53px; }
.w54x   { width:54px; }
.w55x   { width:55px; }
.w56x   { width:56px; }
.w57x   { width:57px; }
.w58x   { width:58px; }
.w59x   { width:59px; }
.w60x   { width:60px; }
.w61x   { width:61px; }
.w62x   { width:62px; }
.w63x   { width:63px; }
.w64x   { width:64px; }
.w65x   { width:65px; }
.w66x   { width:66px; }
.w67x   { width:67px; }
.w68x   { width:68px; }
.w69x   { width:69px; }
.w70x   { width:70px; }
.w71x   { width:71px; }
.w72x   { width:72px; }
.w73x   { width:73px; }
.w74x   { width:74px; }
.w75x   { width:75px; }
.w76x   { width:76px; }
.w77x   { width:77px; }
.w78x   { width:78px; }
.w79x   { width:79px; }
.w80x   { width:80px; }
.w81x   { width:81px; }
.w82x   { width:82px; }
.w83x   { width:83px; }
.w84x   { width:84px; }
.w85x   { width:85px; }
.w86x   { width:86px; }
.w87x   { width:87px; }
.w88x   { width:88px; }
.w89x   { width:89px; }
.w90x   { width:90px; }
.w91x   { width:91px; }
.w92x   { width:92px; }
.w93x   { width:93px; }
.w94x   { width:94px; }
.w95x   { width:95px; }
.w96x   { width:96px; }
.w97x   { width:97px; }
.w98x   { width:98px; }
.w99x   { width:99px; }
.w100x   { width:100px; }
.w105x   { width:105px; }
.w110x   { width:110px; }
.w115x   { width:115px; }
.w120x   { width:120px; }
.w125x   { width:125px; }
.w130x   { width:130px; }
.w135x   { width:135px; }
.w136x   { width:136px; }
.w140x   { width:140px; }
.w145x   { width:145px; }
.w150x   { width:150px; }
.w155x   { width:155px; }
.w160x   { width:160px; }
.w165x   { width:165px; }
.w170x   { width:170px; }
.w175x   { width:175px; }
.w180x   { width:180px; }
.w185x   { width:185px; }
.w190x   { width:190px; }
.w195x   { width:195px; }
.w200x   { width:200px; }
.w205x   { width:205px; }
.w210x   { width:210px; }
.w215x   { width:215px; }
.w220x   { width:220px; }
.w222x   { width:222px; }
.w224x   { width:224px; }
.w225x   { width:225px; }
.w230x   { width:230px; }
.w235x   { width:235px; }
.w238x   { width:238px; }
.w240x   { width:240px; }
.w241x   { width:241px; }
.w242x   { width:242px; }
.w243x   { width:243px; }
.w244x   { width:244px; }
.w245x   { width:245px; }
.w250x   { width:250px; }
.w252x   { width:252px; }
.w255x   { width:255px; }
.w260x   { width:260px; }
.w265x   { width:265px; }
.w270x   { width:270px; }
.w272x   { width:272px; }
.w275x   { width:275px; }
.w280x   { width:280px; }
.w285x   { width:285px; }
.w290x   { width:290px; }
.w295x   { width:295px; }
.w300x   { width:300px; }
.w305x   { width:305px; }
.w310x   { width:310px; }
.w315x   { width:315px; }
.w320x   { width:320px; }
.w325x   { width:325px; }
.w330x   { width:330px; }
.w335x   { width:335px; }
.w340x   { width:340px; }
.w345x   { width:345px; }
.w350x   { width:350px; }
.w355x   { width:355px; }
.w360x   { width:360px; }
.w365x   { width:365px; }
.w370x   { width:370px; }
.w375x   { width:375px; }
.w380x   { width:380px; }
.w385x   { width:385px; }
.w390x   { width:390px; }
.w395x   { width:395px; }
.w400x   { width:400px; }
.w405x   { width:405px; }
.w410x   { width:410px; }
.w415x   { width:415px; }
.w420x   { width:420px; }
.w425x   { width:425px; }
.w430x   { width:430px; }
.w435x   { width:435px; }
.w440x   { width:440px; }
.w445x   { width:445px; }
.w450x   { width:450px; }
.w455x   { width:455px; }
.w460x   { width:460px; }
.w465x   { width:465px; }
.w470x   { width:470px; }
.w475x   { width:475px; }
.w480x   { width:480px; }
.w485x   { width:485px; }
.w490x   { width:490px; }
.w495x   { width:495px; }
.w500x   { width:500px; }
.w550x   { width:550px; }
.w600x   { width:600px; }
.w650x   { width:650px; }
.w700x   { width:700px; }

.h10p { line-height:10px; }
.h20p { line-height:20px; }
.h30p { line-height:30px; }
.h50p { line-height:50px; }
.h100p { line-height:100px; }
.h200p { line-height:200px; }

.pink { background-color:#ffeeee; }
.gray { background-color:#eeeeee; }

.pankuzu {
	text-align:left;
	margin-bottom:0px;
	paddin-bottom:0px;
}

fieldset.line,
div.line {
	padding:10px 10px 10px 10px;
	border:1px solid #cccccc;
	text-align:left;
}

select.number,
select.date {
	width:auto ! important;
}

span.check {
	color:#00aa00;
	font-weight:bold;
}

span.readed {
	color:#ff0000;
	font-weight:bold;
}

.checkbox30 {
	width:30px ! important;
	height:30px ! important;
}

input[type="checkbox"],
input[type="radio"] {
	padding:2px ! important;
	margin:0 5px 0 2px;
}

input[type="checkbox"]:checked,
input[type="radio"]:checked {
	background: #cc9966 ! important;
}

table.mini_list td,
table.mini_list th {
	font-size:95%;
}

optgroup {
	font-style:normal;
}

/* placeholder文字色 */
:placeholder-shown { color: #999999; }
::-webkit-input-placeholder { color: #999999; }
:-moz-placeholder { color: #999999; opacity: 1; }
::-moz-placeholder { color: #999999; opacity: 1; }
:-ms-input-placeholder { color: #999999; }

.fltL_joken {
	float:left;
	padding:2px 20px 2px 0;
}

/* 画像アップロード ドラッグ＆ドロップエリア */
div.droparea {
	width:(100% - 4px);
	height:100px;
	padding:10px;
	border:2px dotted #aaaaaa;
	background:#fff9e1;
	text-align:center;
}
div.droparea p {
	margin-top:5px;
	color:#999999;
}

ul.picarea_pics {
}
li.orders_detail_img {
	float:left;
	text-align:center;
	width:200px;
	padding:2px;
	border:1px solid #eeeeee;
	height:200px;
	list-style-type: none;
}
li.orders_detail_img img {
	width:196px;
	max-height:147px;
	object-fit: cover;
	overflow-y:hidden;
}
li.orders_detail_img button {
	margin-top:2px;
}
li.orders_detail_img input[type="text"] {
	width:180px;
}

div.orders_detail_preview {
	float:left;
	text-align:center;
	width:200px;
	padding:2px;
	border:1px solid #eeeeee;
	height:170px;
}
div.orders_detail_preview img {
	width:196px;
	max-height:147px;
	overflow:hidden;
}

/* ローディング */
#loading {
	display: table;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #fff;
	opacity: 0.8;
}

#loading .loadingMsg {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	padding-top: 140px;
	background: url("../img/loading.gif") center center no-repeat;
}

/* 工事進捗入力項目枠 */
.ds {
	width:(100%-8px);
	min-height:18px;
	padding:4px;
	text-align:left;
	cursor:pointer;
	border:1px solid #cccccc;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

/* 複数選択ポップアップ */
.multi_check {
	width:30px ! important;
	height:30px ! important;
}

/* 吹き出し */
.fieldset.line div {
  position: relative;
}
.arrow_box {
  display: none;
  position: absolute;
  padding: 16px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;  
  border-radius: 8px;
  background: #666;
  color: #fff;
  z-index: 100;
}

/* 一覧カナ */
span.list_kana {
	font-size:80%;
	color:#999999;
}

/*  メニューボタン */
button.mainmenu {
	font-size:110%;
	font-weight:bold;
	color:#ffffff;
	width:100%;
	height:100px;
	box-shadow: 2px 2px 3px 1px #666;
	-moz-box-shadow: 2px 2px 3px 1px #666;
	-webkit-box-shadow: 2px 2px 3px 1px #666;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border-style: none;
}
button.mainmenu_user { background-color: #3aadad; }
button.mainmenu_order { background-color: #3aad87; }
button.mainmenu_drayage { background-color: #cd873a; }
button.mainmenu_drayage_list { background-color: #ff9393; }
button.mainmenu_paper { background-color: #cc9999; }
button.mainmenu_setting { background-color: #aa9988; }
button.mainmenu_bill { background-color: #2973B2; }
button.mainmenu_bill_sales { background-color: #2841b3; }
button.mainmenu_bill_pay { background-color: #21a3ba; }
button.mainmenu_uriage { background-color: #B1C29E; }

button.driver_menu {
	width:auto ! important;
	height:auto ! important;
	padding:10px ! important;
}

/* アップアップ度スター */
.rupup-star > div {
    display: inline-block;
}
.rupup-starClear {margin-left: 10px;}
.rupup-star > div i {
    font-size: 180%;
}
.rupup-star > div i.fas {color: #ff6600;}
.rupup-star > div i.far {color: #ffcc00;}

#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 0;
  bottom: 0;
  background: #3f98ef;
  opacity: 0.6;
}

/* ページトップ */
#page_top a{
	position: relative;
	display: block;
	width: 50px;
	height: 50px;
	text-decoration: none;
}
#page_top a::before{
	font-weight: 900;
	content: '↑';
	font-size: 25px;
	color: #fff;
	position: absolute;
	width: 25px;
	height: 25px;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	text-align: center;
}

/* ヘッダお知らせ */
div.header_info_1 {
	display:block;
	width:calc(100% - 10px);
	background:#DC5F2B;
	color:#ffffff;
	padding:5px;
	margin-bottom:0;
}
div.header_info_2 {
	display:block;
	width:calc(100% - 10px);
	background:#99ccff;
	color:#333333;
	padding:5px;
	margin-bottom:0;
}
div.header_info_2 a{
	color: #000066;
}
div.header_info_3 {
	display:block;
	width:calc(100% - 10px);
	background:#006600;
	color:#ffffff;
	padding:5px;
	margin-bottom:0;
}

/*  カレンダー */
.calendar_btn {
	height:28px;
	padding:5px 10px ! important;
}

.calendar_table {
	width:48%;
	float:left;
	margin:5px;
}
@media (max-width: 860px) {
	.calendar_table {
		width:95%;
	}
}

/*  テーブルレスポンジブ（ベース） */
@media only screen and (min-width:1200px){
	.table-rpsv {
		width:1050px;
	}
}
@media (min-width: 766px) and (max-width: 1200px) {
	.table-rpsv {
		width:100%;
	}
}
@media only screen and (max-width:767px){
	.table-rpsv {
		width:100%;
	}
}

/*  テーブルレスポンジブ（2列用） */
.table-rpsv2 th {
	width:20%;
}
.table-rpsv2 td {
	width:80%;
}
@media only screen and (min-width:1200px){
	.table-rpsv2 {
		width:1050px;
	}
}
@media (min-width: 766px) and (max-width: 1200px) {
	.table-rpsv2 {
		width:100%;
	}
}
@media only screen and (max-width:767px){
	.table-rpsv2 {
		width:100%;
	}
	.table-rpsv2 th,
	.table-rpsv2 td{
		width:calc(100% - 16px);
		display: block;
	}
}

/*  テーブルレスポンジブ（リスト 2列用） */
.table-list-rpsv2 th {
	width:30%;
}
.table-list-rpsv2 td {
	width:70%;
}
@media (min-width: 766px) and (max-width: 1200px) {
	.table-list-rpsv2 {
		width:100%;
	}
}
@media only screen and (max-width:767px){
	.table-list-rpsv2 {
		width:100%;
	}
	.table-list-rpsv2 th,
	.table-list-rpsv2 td{
		width:calc(100% - 16px);
		display: block;
	}
}

/*  テーブルレスポンジブ（リスト 4列用） */
.table-list-rpsv4 th {
	/*width:30%;*/
}
.table-list-rpsv4 td {
	/*width:70%;*/
}
@media only screen and (min-width:1200px){
	.table-list-rpsv4 {
		width:1050px;
	}
}
@media (min-width: 766px) and (max-width: 1200px) {
	.table-list-rpsv4 {
		width:100%;
	}
}
@media only screen and (max-width:767px){
	.table-list-rpsv4 {
		width:100%;
	}
	.table-list-rpsv4 th,
	.table-list-rpsv4 td{
		width:calc(100% - 16px);
		display: block;
	}
}

/*  行事　出欠・参加一覧 背景色説明 */
.event_result_bgcolor {
	padding:2px 5px;
	margin-right:10px;
	border:1px #999999 solid;
}

/* QRコード読み取り画面 */
#div_camera {
	float:left;
	width:calc(50% - 20px);
	margin:10px 20px 0 0;
}

#div_users {
	float:left;
	width:50%;
	margin:10px 0 0 0;
}

@media only screen and (max-width:428px){
	#div_camera,
	#div_users {
		float:none;
		width:100%;
		margin:10px 0 0 0;
	}
}

#span_rate {
	font-size:150%;
	font-weight:bold;
}

#in-out-time {
	background:#ffeecc;
	font-size:150%;
	text-align:center;
	height:18px;
}

.event_qrread_div_uid {
	float:left;
	margin:2px;
	padding:5px;
	border:1px solid #cccccc;
	cursor:pointer;
}

.drayage_btn {
	width:118px;
	font-size:90%;
	height:42px ! important;
	overflow:hidden;
	position:relative;
	background-repeat: repeat-x;
	border-color: #e6e6e6 #e6e6e6 #e6e6e6 ;
	padding: 0;
}

.drayage_btn_half { width:59px; }
}

.drayage_btn_day {
	width:118px;
	font-size:90%;
	height:42px ! important;
	overflow:hidden;
	position:relative;
	background-repeat: repeat-x;
	border-color: #e6e6e6 #e6e6e6 #e6e6e6 ;
	padding: 0;
}
.drayage_btn_van {
	 background-color: #ff80c0;
  	*background-color: #ff80c0;
	background-image: -ms-linear-gradient(top, #ffffff, #ff80c0);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#ff80c0));
	background-image: -webkit-linear-gradient(top, #ffffff, #ff80c0);
	background-image: -o-linear-gradient(top, #ffffff, #ff80c0);
	background-image: -moz-linear-gradient(top, #ffffff, #ff80c0);
	background-image: linear-gradient(top, #ffffff, #ff80c0);
}
.drayage_btn_van:hover,
.drayage_btn_van:active {
  background-color: #ff80c0;
  *background-color: #ff80c0;
 }
 .drayage_btn_devan {
	 background-color: #00ffff;
  	*background-color: #00ffff;
	background-image: -ms-linear-gradient(top, #ffffff, #00ffff);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#00ffff));
	background-image: -webkit-linear-gradient(top, #ffffff, #00ffff);
	background-image: -o-linear-gradient(top, #ffffff, #00ffff);
	background-image: -moz-linear-gradient(top, #ffffff, #00ffff);
	background-image: linear-gradient(top, #ffffff, #00ffff);
}
.drayage_btn_devan:hover,
.drayage_btn_devan:active {
  background-color: #00ffff;
  *background-color: #00ffff;
 }
.drayage_btn_emptyout {
	 background-color: #ffff00;
  	*background-color: #ffff00;
	background-image: -ms-linear-gradient(top, #ffffff, #ffff00);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#ffff00));
	background-image: -webkit-linear-gradient(top, #ffffff, #ffff00);
	background-image: -o-linear-gradient(top, #ffffff, #ffff00);
	background-image: -moz-linear-gradient(top, #ffffff, #ffff00);
	background-image: linear-gradient(top, #ffffff, #ffff00);
}
.drayage_btn_emptyout:hover,
.drayage_btn_emptyout:active {
  background-color: #ffff00;
  *background-color: #ffff00;
 }
.drayage_btn_emptyret {
	 background-color: #50af6f;
  	*background-color: #50af6f;
	background-image: -ms-linear-gradient(top, #ffffff, #50af6f);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#50af6f));
	background-image: -webkit-linear-gradient(top, #ffffff, #50af6f);
	background-image: -o-linear-gradient(top, #ffffff, #50af6f);
	background-image: -moz-linear-gradient(top, #ffffff, #50af6f);
	background-image: linear-gradient(top, #ffffff, #50af6f);
}
.drayage_btn_emptyret:hover,
.drayage_btn_emptyret:active {
  background-color: #50af6f;
  *background-color: #50af6f;
 }
.drayage_btn_fullout {
	 background-color: #008080;
  	*background-color: #008080;
	background-image: -ms-linear-gradient(top, #ffffff, #008080);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#008080));
	background-image: -webkit-linear-gradient(top, #ffffff, #008080);
	background-image: -o-linear-gradient(top, #ffffff, #008080);
	background-image: -moz-linear-gradient(top, #ffffff, #008080);
	background-image: linear-gradient(top, #ffffff, #008080);
}
.drayage_btn_fullout:hover,
.drayage_btn_fullout:active {
  background-color: #008080;
  *background-color: #008080;
 }
.drayage_btn_fullin {
	 background-color: #9999ff;
  	*background-color: #9999ff;
	background-image: -ms-linear-gradient(top, #ffffff, #9999ff);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#9999ff));
	background-image: -webkit-linear-gradient(top, #ffffff, #9999ff);
	background-image: -o-linear-gradient(top, #ffffff, #9999ff);
	background-image: -moz-linear-gradient(top, #ffffff, #9999ff);
	background-image: linear-gradient(top, #ffffff, #9999ff);
}
.drayage_btn_fullin:hover,
.drayage_btn_fullin:active {
  background-color: #9999ff;
  *background-color: #9999ff;
 }
.drayage_btn_moveout {
	 background-color: #c0c0c0;
  	*background-color: #c0c0c0;
	background-image: -ms-linear-gradient(top, #ffffff, #c0c0c0);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#c0c0c0));
	background-image: -webkit-linear-gradient(top, #ffffff, #c0c0c0);
	background-image: -o-linear-gradient(top, #ffffff, #c0c0c0);
	background-image: -moz-linear-gradient(top, #ffffff, #c0c0c0);
	background-image: linear-gradient(top, #ffffff, #c0c0c0);
}
.drayage_btn_moveout:hover,
.drayage_btn_moveout:active {
  background-color: #c0c0c0;
  *background-color: #c0c0c0;
 }
.drayage_btn_movein {
	 background-color: #c0c0c0;
  	*background-color: #c0c0c0;
	background-image: -ms-linear-gradient(top, #ffffff, #c0c0c0);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#c0c0c0));
	background-image: -webkit-linear-gradient(top, #ffffff, #c0c0c0);
	background-image: -o-linear-gradient(top, #ffffff, #c0c0c0);
	background-image: -moz-linear-gradient(top, #ffffff, #c0c0c0);
	background-image: linear-gradient(top, #ffffff, #c0c0c0);
}
.drayage_btn_movein:hover,
.drayage_btn_movein:active {
  background-color: #c0c0c0;
  *background-color: #c0c0c0;
 }
.drayage_btn_noout {
	 background-color: #c0c0c0;
  	*background-color: #c0c0c0;
	background-image: -ms-linear-gradient(top, #ffffff, #c0c0c0);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#c0c0c0));
	background-image: -webkit-linear-gradient(top, #ffffff, #c0c0c0);
	background-image: -o-linear-gradient(top, #ffffff, #c0c0c0);
	background-image: -moz-linear-gradient(top, #ffffff, #c0c0c0);
	background-image: linear-gradient(top, #ffffff, #c0c0c0);
}
.drayage_btn_noout:hover,
.drayage_btn_noout:active {
  background-color: #c0c0c0;
  *background-color: #c0c0c0;
 }

.drayage_btn_noin {
	 background-color: #c0c0c0;
  	*background-color: #c0c0c0;
	background-image: -ms-linear-gradient(top, #ffffff, #c0c0c0);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#c0c0c0));
	background-image: -webkit-linear-gradient(top, #ffffff, #c0c0c0);
	background-image: -o-linear-gradient(top, #ffffff, #c0c0c0);
	background-image: -moz-linear-gradient(top, #ffffff, #c0c0c0);
	background-image: linear-gradient(top, #ffffff, #c0c0c0);
}
.drayage_btn_noin:hover,
.drayage_btn_noin:active {
  background-color: #c0c0c0;
  *background-color: #c0c0c0;
 }

.drayage_btn_moveonly {
	 background-color: #c0c0c0;
  	*background-color: #c0c0c0;
	background-image: -ms-linear-gradient(top, #ffffff, #c0c0c0);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#c0c0c0));
	background-image: -webkit-linear-gradient(top, #ffffff, #c0c0c0);
	background-image: -o-linear-gradient(top, #ffffff, #c0c0c0);
	background-image: -moz-linear-gradient(top, #ffffff, #c0c0c0);
	background-image: linear-gradient(top, #ffffff, #c0c0c0);
}
.drayage_btn_moveonly:hover,
.drayage_btn_moveonly:active {
  background-color: #c0c0c0;
  *background-color: #c0c0c0;
 }

.td_center_dot {
	border-left:1px dotted #dddddd ! important;
}

.td_chassis_date {
	text-align:left ! important;
	vertical-align:top ! important;
}

.arup {
	width:16px;
	height:16px;
	margin:-4px 0 0 4px;
	cursor:pointer;
}

/*-----------------------------------------------
  レスポンシブ対応 PC
--------------------------------------------------*/
@media (min-width: 766px) {
  .navbar .nav_sp_menu {
	display:none;
  }

  #div_sp_menu {
	display:none;
  }

  .div_search_joken {
	display:block;
  }

  .div_button_search_joken {
	display:none;
  }

  div.menu_bm {
	min-height:120px;
	margin-bottom:20px;
  }

  .img_sp_search {
	display:;
	margin-right:5px;
  }

  .tr_calendar_header_pc {
	display:;
  }
  
  .div_calendar_header_sp {
	display:none;
  }

  .div_event_calendar {
	width:calc(50% - 10px);
	float:left;
	margin:5px;
  }

  .pc_disp {
	display:;
  }
  .sp_disp {
	display:none;
  }
}

/*-----------------------------------------------
  レスポンシブ対応 スマホ
--------------------------------------------------*/
@media (max-width: 767px) {
  .navbar .brand {
	font-size:120%;
  }

  .navbar .nav {
	display:none;
  }

  .navbar .nav_sp_menu {
	display:block;
  }

  #div_sp_menu {
	display:none;
	width:90%;
	background:#eeeeee;
	padding:20px;
	margin-bottom:10px;
	border:1px solid #999999;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
  }

  #div_sp_menu p {
	padding:20px 2px 25px;
	border-bottom:1px dotted #cccccc;
  }

  .div_list_all {
	margin-top:-12px;
  }

  .div_search_joken {
	display:none;
  }

  .div_button_search_joken {
	display:block;
  }

  #user_searchchr,
  #event_searchchr {
	width:calc(100% - 95px);
  }

  #user_sid,
  #user_yid {
	width:calc(100% - 53px) ! important;
  }

  div.menu_bm {
	min-height:120px;
	margin-bottom:20px;
	margin-left:20px;
	margin-right:20px;
  }

  .img_sp_search {
	display:none;
  }

  .checkbox30 {
	width:20px ! important;
	height:20px ! important;
  }

  .tr_calendar_header_pc {
	display:none;
  }
  
  .div_calendar_header_sp {
	display:block;
  }

  .search_new {
	display:none;
  }

  .div_event_calendar {
	width:100%;
	margin:5px;
  }

  .pc_disp {
	display:none;
  }
  .sp_disp {
	display:;
  }
}