@charset "UTF-8"

a:link { font-size: x-small; color: #454545; text-decoration: underline; }
a:visited { font-size: x-small; color: #454545; text-decoration: underline; }
a:hover { color: red }

body { font-size: x-small; }
body.header { font-weight: bold; font-size: large; color: #FEFEFE; background-color: #FFFFFF; }
body.caption { font-weight: bold; color: white; }

table { font-size: x-small; border-width: 2; border-style: none; }
table.menu { font-size: x-small; color: black; background-color: #FFFFEE; border: 2 dotted; }
table.form { font-size: x-small; border: 1 #004080 solid; }
table.caption { font-weight: bold; font-size: x-small; color: #454545; background-color: #D7D7D7; margin: 0; padding: 0; border-top: red; border-right: 0 red; border-bottom: 5 green solid; border-left: 0 red; width: 100%; }
table.header { font-size: large; color: #FEFEFE; background-color: #003264; }
/* rsuzuki 06/12 add start */
table.carreport {
	table-layout: fixed; 
	width: 95%;
	height: 75%;
	margin: 0; padding: 0; border-width: thin; border-style: solid; height: 0; border-spacing: 0; caption-side: top; }
table.carreport2 {
	table-layout: fixed; 
	width: 500px;
	height: 75%;
	margin: 0; padding: 0; border-width: thin; border-style: solid; height: 0; border-spacing: 0; caption-side: top; }
table.box { margin: 0; padding: 0; border-width: thin; border-style: solid; height: 0; border-spacing: 0; caption-side: top; }
div.carreport {
	width: 100%;
	height: 80%;
	overflow: auto;
}
div.carreport table {
 	margin: 0; padding: 0; border-width: thin; border-style: solid; height: 0; border-spacing: 0; caption-side: top;
	margin-left: 6; border-collapse: collapse;table-layout: fixed; 
}
/* Chrome用 */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
	table.caption {
		border-bottom: 5px green solid;
	}
	table.carreport2 [name="userComment"] {
		width: 100%;
	}
	/*
	 * パスワード管理画面（/user/Password.do）,パスワードリセット画面（/user/rp.do）,
	 * 運転者一括登録画面（/user/DriverPort.do）,運転者削除確認画面（/user/Driver.do）,
	 * 所属異動削除確認画面（/user/PreIdoDriver.do）,車両編集画面（/user/Car.do）
	 * テーブルのcaption配置
	 */
	table caption {
		text-align: left;
	}
	div.carreport table {
		border-collapse: separate;
	}
}

/* rsuzuki 06/12 add end */

caption { font-weight: bold; color: #006432; }

td { margin-top: 6; margin-right: 6; margin-bottom: 6; margin-left: 6; padding: 6; }
td.light { background-color: #C1D5E8; }
td.header { font-weight: normal; color: white; background-color: #006633 }
td.label { font-weight: bold; color: #008040; background-color: white; text-align: right; }
td.image { margin: 0; padding: 0; border: 0 none; }

li.error { color: red; }

input.readonly { border: 2 none; background-color: white;}
/* Chrome用 */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
	input.readonly {
		border: 2px none; outline: none;
	}
}
input.calendar_label { font-weight: normal; font-size: small; color: #FFFFFF; background-color: #006633; text-align: center; margin: 1; border: 1 ridge; width: 30; }
input.calendar_day { font-weight: normal; font-size: small; color: #181818; background-color: #F9F9F9; text-align: center; margin: 1; border: 1 ridge; width: 30; }
input.calendar_sat { font-weight: normal; font-size: small; color: #181818; background-color: #D0D0FF; text-align: center; margin: 1; border: 1 ridge; width: 30; }
input.calendar_sun { font-weight: normal; font-size: small; color: #181818; background-color: #FFC8C8; text-align: center; margin: 1; border: 1 ridge; width: 30; }
/* Chrome用 */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
	input[name="bt_own"] {
		width: 110px!important;
	}
}

span.error { color: red; }
span.error_bold { font-weight: bold; color: red; }
span.logo { font-weight: bold; font-size: medium; }
span.anchor { width: 10; height: 40; display: block; }
span.necessary { color: red; }

select.layer { width: 300; }
select.shubetuCode { width: 300; }

textarea.readonly { border: 1 #008040 solid; }
/* Chrome用 */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
	/** pixel単位追加、リサイズ不可、スクロール常時表示、幅固定 */
	textarea.readonly {
		border: 1px #008040 solid; resize: none; overflow-y: scroll; width: 100%;
	}
}

iframe#info { border-width: thin; border-style: groove; }

/*
 * 運転者管理画面（/user/Driver.do）
 * 運転者情報一覧表示部
 * →　この部分の大きさを変化させないため高さを固定し，スクロールバーが使用可能なように overflow: auto にする
 */
div#driver_list {
	height: 303px;
	overflow: auto;
}

div#preidodriver_list {
	height: 303px;
	overflow: auto;
}

/* Chrome用 */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
	div#driver_list {
		/** 画面幅を縮めた時に横スクロールが出てしまうため非表示にする */
		overflow-x: hidden;
		width: 1240px;
	}
	div#preidodriver_list {
		/** 画面幅を縮めた時に横スクロールが出てしまうため非表示にする */
		overflow-x: hidden;
		width: 1320px;
	}
}

.menu{
 float:left;
 margin-left: 20px; 
}
.main{
 position:absolute;left:350px;
 float:left;
 margin-top: 20px;
}

/*
 * 運行日報ユーザ項目設定編集画面（/user/DailyOperation.do）
 * 検索結果一覧表示部
 */

/* Chrome用 */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
	form[name="FDailyOperation"] table.search_item {
		width: 950px;
	}
	form[name="FDailyOperation"] input.readonly {
		width: 350px;
	}
}

/* Chrome用 */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
	.width_30 {
		width: 30px;
	}
	.width_60 {
		width: 60px;
	}
	.width_70 {
		width: 70px;
	}
	.width_80 {
		width: 80px;
	}
	.width_90 {
		width: 90px;
	}
	.width_100 {
		width: 100px;
	}
	.width_150 {
		width: 150px;
	}
	.width_180 {
		width: 180px;
	}
	.width_200 {
		width: 200px;
	}
	.width_265 {
		width: 265px;
	}

	/*
	 * 手動アップロード指示設定画面（/user/UploadSetting.do）
	 * 一覧表示部のテキストボックス
	 */
	form[name="FUploadSetting"] input[name$="mail_to"] {
		width: 165px;
	}
	form[name="FUploadSetting"] input[name$="hh_event"]
	, form[name="FUploadSetting"] input[name$="hh_bump"] {
		width: 55px;
	}
	/*
	 * アラート閾値設定画面（/user/Alert.do）
	 * 一覧表示部のテキストボックス
	 */
	form[name="FAlert"] input[name$="mail_to"] {
		width: 180px;
	}
	form[name="FAlert"] input[name$="general_speed_alert"], form[name="FAlert"] input[name$="highway_speed_alert"], form[name="FAlert"] input[name$="idling_alert"]
	, form[name="FAlert"] input[name$="hh_alert"], form[name="FAlert"] input[name$="stay_alert"], form[name="FAlert"] input[name$="continue_alert"]
	, form[name="FAlert"] input[name$="longtime_alert"] {
		width: 50px;
	}

	/*
	 * アラート閾値設定画面（/user/Alert.do）,手動アップロード指示画面（/user/UploadRequest.do）
	 *  ,手動アップロード指示設定画面（/user/UploadSetting.do）,自動動画アップロード設定画面（/user/UploadSetting2.do）
	 * 一覧表示部の文字列の改行
	 */
	form[name="FAlert"] td , form[name="FUploadRequest"] td
	, form[name="FUploadSetting"] td , form[name="FUploadSetting2"] td {
		word-wrap: break-word;
	}
	/*
	 * 車両編集画面（/user/Car.do）
	 */
	form[name="FCar"] table table {
		width: 910px;
	}
	form[name="FCar"] select[name="eco_max_capacity"] {
		width: 135px !important;
	}
	form[name="FCar"] select[name="totalWeight"] {
		width: 80px !important;
	}
	form[name="FCar"] select[name="regularNumber"] {
		width: 90px !important;
	}
	form[name="FCar"] select[name="maxCapacity"] {
		width: 120px !important;
	}
}

/* 処理中ペイン用 */
.FreezePaneOff
{
	visibility: hidden;
	display: none;
	position: absolute;
	top: -100px;
	left: -100px;
}

.FreezePaneVisible
{
	position: absolute;
	top: 0px;
	left: 5px;
	visibility: visible;s
	display: block;
	width: 101%;
	height: 100%;
	background-color: #555;
	z-index: 999;
	filter:alpha(opacity=85);
	opacity:0.85;
	padding-top: 30%;
}

.InnerFreezeLowerPane
	{
	text-align: center;
	width: 66%;
	background-color: #888;
	color: White;
	font-size: large;
	padding: 30px;
}