/* オートコンプリートの背景色を白にする */
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#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; }


.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:#006600;
	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; ヘッダ固定の場合ここを指定すると崩れる */
}

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

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

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

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;
}
a.return:hover { text-decoration: none; }

.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;
}
a.excel:hover { text-decoration: none; }

.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;
}
a.csv:hover { text-decoration: none; color:#ffffff; }

#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;
}

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%; }
.w10p  { width:10%; }
.w9p   { width:9%; }
.w8p   { width:8%; }
.w7p   { width:7%; }
.w6p   { width:6%; }
.w5p   { width:5%; }
.w4p   { width:4%; }
.w3p   { width:3%; }
.w2p   { width:2%; }
.w1p   { width:1%; }

.w10px   { width:10px; }
.w20px   { width:20px; }
.w30px   { width:30px; }
.w40px   { width:40px; }
.w50px   { width:50px; }
.w60px   { width:60px; }
.w70px   { width:70px; }
.w80px   { width:80px; }
.w90px   { width:90px; }
.w100px   { width:100px; }
.w150px   { width:150px; }
.w200px   { width:200px; }

.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;
}

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;
}

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

/* 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.ledger_img {
	float:left;
	text-align:center;
	width:200px;
	padding:2px;
	border:1px solid #eeeeee;
	height:200px;
	list-style-type: none;
}
li.ledger_img img {
	width:196px;
	max-height:147px;
	overflow:hidden;
}
li.ledger_img button {
	margin-top:2px;
}
li.ledger_img input[type="text"] {
	width:180px;
}

div.ledger_img_preview {
	float:left;
	text-align:center;
	width:200px;
	padding:2px;
	border:1px solid #eeeeee;
	height:170px;
}
div.ledger_img_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;
}