@charset "UTF-8";
/**** TypeE　sacra_typeE_common.cssから必要なものを抜出し　ここから *****/

/**　レイアウト部品　ここから*/
div.mainArea { /*	background-color:white;*/
	display: block;
	_display: block;
/*	margin:10px;*/
	margin-top:0px;
	margin-bottom:10px;
	margin-left:0px;
	width: 100%;
	clear: both;
}

div.mainArea_header { /*	background-color:blue;*/
	display: block;
	_display: block;
	height: 26px;
	width: 100%;
	margin: 0px 0px 0px 0px;
	clear: both;
}

/** エリアのヘッダタイトルブロック */
div.mainArea_header_title { /*	background-color: lavender;*/
	display: block;
	_display: block;
	padding: 0px;
	min-width: 20px;
	float: left;
}

/** エリアのヘッダボタンブロック */
div.mainArea_header_buttons { /*	background-color: lightsteelblue;*/
	display: block;
	_display: block;
	padding: 0px;
	text-align: right;
	float: right;
	min-width: 20px;
}

/** エリアのコンテンツブロック */
div.mainArea_contents { /*	background-color: lightgrey;*/
	display: block;
	_display: block;
	margin: 0px 0px 0px 0px;
	clear: both;
}

/** エリアのフッタブロック */
div.mainArea_footer { /*	background-color: lightyellow;*/
	display: block;
	_display: block;
	text-align: right;
	clear: both;
	height: 26px;
}

/** rightLayout 右寄せエリア */
div.align_right {
	text-align: right;
	width: 100%;
	margin-right:0;
	margin-left:auto;
}

/** centerLayout 中央エリア */
div.align_center {
	text-align: center;
	width: 100%;
	margin-right:auto;
	margin-left:auto;
}

/** leftLayout 左寄せエリア */
div.align_left {
	text-align: left;
	width: 100%;
	margin-right:auto;
	margin-left:0;
}

/** leftLayoutInline 左寄せエリア (インライン)*/
.inline_left {
	display: inline;
	/*background-color:blue;*/
	text-align: left;
	float: left;
}

/** centerLayoutInline 中央寄せエリア (インライン)*/
.inline_center {
	display: inline;
	/*background-color:blue;*/
	text-align: center;
	float: left;
}

/** rightLayoutInline 右寄せエリア (インライン)*/
.inline_right {
	display: inline;
	/*background-color:blue;*/
	text-align: right;
	float: left;
}

hr.heightAdjust {
	clear: both;
	width: 0px;
	border: none;
}

div.columnsArea { /*	background-color: lavender;*/
	display: block;
	_display: block;
	padding: 0px;
	width: 100%;
	clear: both;
}

div.columnsArea_column {
	display: block;
	_display: block;
	padding: 0px;
	float: left;
}

/* uneditable text*/
.uneditable-text {
	font-family: inherit;
	font-size: inherit;
	display: inline-block;
	overflow-y:auto;
	border:none;
	background-color:transparent;
/*	font-weight: bold;*/
/*line-height: 21px;*/
}
textarea.uneditable-text {
	line-height: inherit;
}

/**** TypeE　sacra_typeE_common.cssから必要なものを抜出し　ここまで *****/
body.bodyWidth {
	width: 1366px;
	margin: 0;
}

input,select {
	vertical-align:middle;
}

label {
	vertical-align:middle;
}

.ui-state-error {
	background-color: red;
}

/* テキストエリア入力用 */
.textAreaInput {
	overflow: auto;
}

/* readonlyテキスト用 */
.readonlyText {
	background-color: transparent;
	border-style: none;
}

/* ファイル選択用 */
.fakefilepc {
	border: 1px solid gray;
	vertical-align: middle;
}

/* 非表示用 */
.ui-state-hidden {
	display: none !important;
}

/* イメージ用 */
.image {
	vertical-align:middle;
}

/* リンクボタン */
.linkButton {
	display:inline-block;
	vertical-align:middle;
	/*width: 230px;
	height: 50px;
	text-decoration: none;*/
	border: 0px;
}
/* テロップ */
.telop {
	position:relative;
	overflow:hidden;
	display:block;
	width: 550px;
	height: 24px;
}
.telop_indemo{
	float: left;
	width: 800%;
	position:absolute;
}
.telop_demo1 {
	float: left;
}
.telop_demo2 {
	float: left;
}

/* hr */
.verticalLine {
	border-left: 1px dotted gray;
	border-width-top:0;
}

/* ラベル用 */
.label {
	padding:2px;
	display: inline-block;
	vertical-align:middle;
}
.link {
	text-decoration:underline;
}

/* 要求ボタン用 */
.requestButton,.refreshButton,.popupButton,.returnButton {
	display: inline-block;
	vertical-align:middle;
	cursor:pointer;
}

/* チェックボックス */
.checkboxSelect {
	display: inline-block;
	vertical-align:middle;
}

/* 複数モード切り替え用 */
.modeChange {
	text-align:center;
	display:inline-block;
	vertical-align:middle;
	cursor:pointer;
}

/* 切替ボタングループ用 */
.singleSwitch {
	vertical-align:middle;
	cursor:pointer;
	display:inline-block;
}

/* add by zhangbsh 20121110 start (ダイアログ) */
.ui-dialog {
	position: absolute;
	max-width: 500px;
	overflow: hidden;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 16px .1em 0;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 35%;
	width: 30px;
	margin: -10px 0 0 0;
	padding: 0px;
	height: 30px;
}
.ui-dialog .ui-dialog-titlebar-close span {
	display: block;
	margin: 1px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
	zoom: 1;
	font-size: 14px;
	font-style:
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-widget-content {
	border: 1px solid #aaaaaa;
	background: #ffffff 50% 50% repeat-x;
}
.ui-widget-header {
	background: #B5BFC8 50% 50% repeat-x;
	color: #222222;
	font-weight: bold;
	font-size:19px;
}
.ui-icon {
	width: 30px;
	height: 30px;
	background-position:center;
}
.ui-widget-header .ui-icon {
	background-image: url(../images/dialog_close.png);
}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
	background-image: url(../images/dialog_close.png);
}
.ui-widget-overlay {
	background: #aaaaaa 50% 50% repeat-x;
	opacity: .3;
	filter:Alpha(Opacity=30);
}
.ui-helper-clearfix:before, .ui-helper-clearfix:after {
	content: "";
	display: table;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	zoom: 1;
}
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}
.ui-widget-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* add by zhangbsh 20121110 end */

/* 一覧部品用 */
.tundra .dojoxGridHeader .dojoxGridCell {
	background: #B5BFC8;
	color:#333333;
	border: 1px solid gray;
	font-weight: bolder;
	height: 27px;
}

.tundra .dojoxGridRowSelected {
	background-color:rgb(240, 204, 206);
}

.tundra .noSelectedRow .dojoxGridRowSelected {
	background-color:transparent;
}

/* エリア_汎用 */
.general-area {
	position:relative;
}

.block {
	display:block !important;
}

.inline-block {
	display: inline-block;
	vertical-align: middle;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.absolute {
	position: absolute;
}

.horizontal-center {
	display:block;
	margin-left: auto;
	margin-right: auto;
}

form {
	margin: 0px;
}

.exlabel {
	padding: 4px 10px;
	border-color: gray;
}

/* サブウィンドウタイトルの画面名　用 */
div.headTitle {
	width: 50%;
	display: block;
	_display: block;
	text-align: left;
	float: left;
}
/* サブウィンドウタイトルのユーザ名　用 */
div.user {
	display: block;
	_display: block;
	text-align: right;
}
/* サブウィンドウ全体 　用*/
div.titlebar {
	clear: both;
	width: 100%;
	display: block;
	_display: block;
	/*	background-color:#0000cc; color:white;*/
	font-weight: bold;
	padding: 0.1em;
}

/* uneditable text*/
.uneditable-text {
	display: inline-block;
	vertical-align:middle;
}

.text-right {
	padding-right: 15px;
}

/*bold*/
.bold {
	font-weight: bold;
}

/*---------not use any more---------*/
.common {
	border: 1px solid #B7B7B7;
	height: 26px;
	font-size: 16px;
}

.text-jsp {
	padding: 0px 10px 0px 10px;
	line-height: 26px;
}

/*text title*/
.text-title {
	padding: 0px 10px 0px 10px;
	float: left;
	background-color: #2E59BF;
	color: white;
	line-height: 26px;
}

/*text with item horizon*/
.text-item-horizon {
	margin-left: -1px;
	float: left;
	background-color: white;
}

.text-item-horizon input {
	border: none;
	padding-top: 2px;
	height: 24px;
	line-height: normal;
}

.list-select-jsp {
	height: 24px;
	font-size: 16px;
}

/*list select with text*/
.list-select-wtext {
	margin-left: -1px;
	border: 1px solid #B7B7B7;
	padding: 1px 10px 0px 10px;
	height: 28px;
	float: left;
	background-color: white;
}

.list-select-wtext-jsp {
	margin-left: -1px;
	border: 1px solid #B7B7B7;
	padding: 1px 10px 0px 10px;
	height: 25px;
	float: left;
	background-color: white;
}

/*check box or radio with text*/
.checkbox-radio-wtext {
	margin-left: -1px;
	border: 1px solid #B7B7B7;
	padding: 3px 10px 0px 10px;
	height: 28px;
	float: left;
	background-color: white;
	line-height: 26px;
}

.checkbox-radio-wtext-jsp {
	margin-left: -1px;
	border: 1px solid #B7B7B7;
	padding: 0px 10px 0px 10px;
	float: left;
	background-color: white;
	line-height: 26px;
}
/*---------end---------*/

/* TwoListMultiSelect */
.listArea {
	float: left;
	width: 40%;
	height: 100%;
}

.listHeader {
	width: 100%;
	height: 10%;
	text-align: center;
}

.listArea select {
	width: 100%;
	height: 90%;
}

.listButton {
	background-color: #E7ECF5;
	float: left;
	width: 20%;
	height: 100%;
}

.listButton input.button {
	height: 30px;
	width: 70%;
	margin: 30px 15% -10px auto;
}

/* RelateListSelect */
/* 連動用リスト選択部品　*/
.relateListSelect select {
	width: 100px;
}
/*file select*/
.align-left {
	text-align: left;
}

.fakefilepc {
	border: 1px solid gray;
	vertical-align: middle;
}

.refer {
	border: 1px solid gray;
	padding: 0px 5px 0px 5px;
	text-align: center;
	display: inline-block;
	background-color: #FFFFFF;
	vertical-align: middle;
}

.btn-refer {
	border: 1px solid gray;
	padding: 0px 10px 0px 10px;
	vertical-align: middle;
	background-color: #E7ECF5;
	color: #2E59BF;
	font-weight: bold;
	display: inline-block;
}
/*calendar*/
.dojoxCalendar {
	width: 100%;
}

.dojoxCalendarTitle {
	background-color: #2E59BF;
	color: #FFFFFF;
	text-align: center;
	width: 100%;
	font-size: 9pt;
}

.dojoxCalendarBody {
	width: 100%;
}

.dojoxCalendarHeader {
	width: 100%;
}

.dojoxCalendarContainer {
	width: 100% !important;
}

.dojoxCalendarFooter {
	display: none;
}

.dijitCalendarDateTemplate {
	cursor: auto;
}

.dijitCalendarDateLabel {
	font-weight: normal;
}

.dijitCalendarDayLabels table {
	font-size: 9pt;
}

.dijitCalendarDayLabelTemplate {
	border: 1px solid gray;
	background-color: white;
}

.tundra .dijitCalendarDayLabelTemplate {
	background: url('');
	color: #000000;
	background-color: #FFFFFF;
}

.tundra .dijitCalendarCurrentMonth {
	border: 1px solid gray;
}

.tundra .dijitCalendarPreviousMonth {
	color: white;
	border: 1px solid gray;
	background-color: #ffffff !important;
}

.tundra .dijitCalendarNextMonth {
	color: white;
	border: 1px solid gray;
	background-color: #ffffff !important;
}

.tundra .dijitCalendarSelectedDate {
	background-color: #ff0000 !important;
}

.tundra .dijitCalendarCurrentDate {
	text-decoration: none;
}

.dojoxCalendarDayYearLabel {
	margin-left: -3px;
}

.note {
	padding-top: 10px;
	width: 100%;
	text-align: left;
}

.color-lbl {
	background-color: #ff0000;
	display: inline-block;
	width: 25px;
	margin-right: 10px;
	vertical-align: middle;
}

.color-text {
	vertical-align: middle;
}

.prevent {
	position: absolute;
	margin-top: -120px;
	height: 120px;
	background-image: url('images/transparent.gif');
}

.note-disable {
	display: none;
}
/*tab change*/
/****GHems del  suidd  start
.tundra .dijitTab {
	margin-right: 0px;
	border: 1px solid #000000;
	background: url('');
	background-color: #B3C9ED;
	color: #000000;
	font-weight: bold;
}

.tundra .dijitTabChecked {
	margin-right: 0px;
	background: url('');
	background-color: #3057B3;
	color: #FFFFFF;
	font-weight: bold;
}

.tundra .dijitTabInnerDiv {
	padding-top: 0px;
	padding-bottom: 0px;
}

.tundra .dijitTabContainerTop-tabs .dijitTabChecked {
	border: 1px solid #000000;
}

.tab-change {
	text-align: left;
}

.tab-content {
	background-color: #99CCFF !important;
}
GHems del  suidd  end******/
/********GHems add  suidd  start******/
/*tab change*/
/**
.tundra .dijitTab {
	margin-right: 0px;
	background: url('../images/kanri_tub_off.jpg');
	background-color: #B3C9ED;
	color: #000000;
	font-weight: normal;
	width:172px;
	height:48px;
	text-align:center;
	border: 0px solid transparent;
	padding-bottom:3px;
}
.tundra .dijitTabChecked {
	margin-right: 0px;
	background: url('../images/kanri_tub_on.jpg');
	background-color: #3057B3;
	color: #000000;
	font-weight: normal;
	width:172px;
	height:49px;
	text-align:center;
}

.tundra .dijitTabInnerDiv {
	padding-top: 7px;
	padding-right:9px;
}
.tab-change {
	text-align: left;
}

.tab-content {
	background-color: #f3f3f3;
}
**/
/********GHems add  suidd  end******/
.ganttChart table {
	width: 1440px;
	border-spacing: 0;
}
.ganttChart tr.odd_row{
	background-color: #2C2D2C;
	height: 30px;
}
.ganttChart tr.even_row{
	background-color:#353836;
	height: 30px;
}
.ganttChart td.even_col {
	width: 30px;
	border-right: 1px dotted #202321;
}
.ganttChart td.odd_col {
	width: 30px;
	border-right: 1px solid #313432;
}
/*充電スケジュール(充電予定)*/
.ganttChart div.charging_plan_schedule {
	background-color: #6189C0;
	position: absolute;
	font-family: "ＭＳ ゴシック", sans-serif;
	font-size: 9pt;
	color: white;
	text-align: right;
	filter:alpha(opacity=40,finishopacity=100,style=1,startX=100,startY=100,finishX=0,finishY=0)
}
/*充電スケジュール(充電中)*/
.ganttChart div.charging_schedule {
	background-color: #2A445D;
	position: absolute;
	font-family: "ＭＳ ゴシック", sans-serif;
	font-size: 9pt;
	color: white;
	text-align: right;
	filter:alpha(opacity=40,finishopacity=100,style=1,startX=100,startY=100,finishX=0,finishY=0)
}
/*充電不可時間スケジュール*/
.ganttChart div.bad_charging_schedule {
	background-color: red;
	position: absolute;
	font-family: "ＭＳ ゴシック", sans-serif;
	font-size: 9pt;
	color: white;
	text-align: right;
	filter:alpha(opacity=40,finishopacity=100,style=1,startX=100,startY=100,finishX=0,finishY=0)
}
/*予約スケジュール(予約予定)*/
.ganttChart div.reservation_plan_schedule {
	background-color: #8CA85C;
	position: absolute;
	font-family: "ＭＳ ゴシック", sans-serif;
	font-size: 9pt;
	color: white;
	text-align: right;
	filter:alpha(opacity=40,finishopacity=100,style=1,startX=100,startY=100,finishX=0,finishY=0)
}
/*予約スケジュール(貸出中)*/
.ganttChart div.reservation_schedule {
	background-color: #475133;
	position: absolute;
	font-family: "ＭＳ ゴシック", sans-serif;
	font-size: 9pt;
	color: white;
	text-align: right;
	filter:alpha(opacity=40,finishopacity=100,style=1,startX=100,startY=100,finishX=0,finishY=0)
}
/*メンテナンス*/
.ganttChart div.maintenance_schedule {
	background-color: #8E8E8E;
	position: absolute;
	font-family: "ＭＳ ゴシック", sans-serif;
	font-size: 9pt;
	color: white;
	text-align: right;
	filter:alpha(opacity=40,finishopacity=100,style=1,startX=100,startY=100,finishX=0,finishY=0)
}
/*貸出不可*/
.ganttChart div.use_bad {
	background-color: #0B0B0B;
	position: absolute;
	font-family: "ＭＳ ゴシック", sans-serif;
	font-size: 9pt;
	color: white;
	text-align: right;
	filter:alpha(opacity=40,finishopacity=100,style=1,startX=100,startY=100,finishX=0,finishY=0)
}
.timeLine table{
	width: 1440px;
	border-spacing: 0;
	border-bottom: 2px solid #000000;
	color: white;
	font-family: "ＭＳ ゴシック", sans-serif;
	font-size: 9pt;
	background-color: #2D302C;
}
.timeLine tr{
	height: 30px;
	vertical-align: text-top;
}
.timeLine td{
	width: 60px;
}
.timeLine div.triangle {
	border-top: 10px solid #B6E405;
	border-right: 6px solid #2D302C;
	border-left: 6px solid #2D302C;
	width: 0px;
	height: 0px;
	overflow: hidden;
	margin-bottom: 10px;
	position: absolute;
}
/*現在時刻表示*/
.timeLine div.day_line {
	width:2px;
	height:300px;
	position:absolute;
	background:#5D681B;
	overflow:hidden
}
.progressBar{
	width: 120px;
	height: 10px;
}
/*貸出許可*/
.progressBar div.permission{
	position:absolute;
	height:80%;
	top: 1px;
	left:1px;
	right:1px;
	bottom: 1px;
	background-color: #B0E02C;
}
/*貸出可能*/
.progressBar div.possible{
	position:absolute;
	height:80%;
	top: 1px;
	bottom: 1px;
	left:1px;
	right:1px;
	background-color: yellow;
}
/*貸出不可*/
.progressBar div.improper{
	position:absolute;
	height:80%;
	left:1px;
	right:1px;
	top: 1px;
	bottom: 1px;
	background-color: #FE2E2E;
}
.progressBar div.back{
	position:absolute;
	background-color: black;
	height:100%;
	width:72%;
}
.progressBar div.loadText{
	position:absolute;
	width:100%;
	height:100%;
	text-align:right;
	top:1px;
	color: white;
	font-family: "ＭＳ ゴシック", sans-serif;
	font-size: 10pt;
}

/*	スクロール	*/
.htmlPaste2{
	overflow-x:hidden;
	overflow-y:auto;
}

/* テスト用CSS */
.test-view .modeChange.ui-state-selected {
	color: white;
	background-color: blue;
}
.test-view .singleSwitch.ui-state-selected {
	color: white;
	background-color: blue;
}
.test-view .test-css {
	background-color: red;
}
.test-view .imageButton.ui-state-active {
	color: white;
	background-color: blue;
}
/* add by zhangbsh 20121206 start (マウスオーバー) */
.mouseOver{
    display:none;
    position:absolute;
    background-color:#000000;
    padding: 3px;
    color:white;
    z-index:9999;
}
/* add by zhangbsh 20121206 end */
.button .button short{
	font-size:14px;
    width:85px;
    height:25px;
}
.listDisplayTopHeader{
	background: #B5BFC8 50% 50% repeat-x;
	color: #222222;
	/** 2015-10-19 del start:ヘッダーをサイト監視に合わせる **/
	/*font-weight: bold;*/
	/** 2015-10-19 del end **/
	font-size:14px;
}

.commonHead_area *									{ margin: 0; padding: 0; }
.commonHead_area *								{ font-size:9pt; font-family:Helvetica, Sans-Serif; }
.page-wrap							{ width: 800px; margin-left: 0px; }
.commonHead_area a									{ text-decoration: none; }
.commonHead_area ul									{ list-style: none; }
.commonHead_area p                                   { margin: 15px 0; }

/*
	LEVEL ONE
*/
.commonHead_area ul.dropdown                         { position: relative; z-index:99}
.commonHead_area ul.dropdown li                      { font-weight: bold; float: left; zoom: 1; width:100px; background-color:#ccc; background-image:url(../images/tub_func.jpg) }
.commonHead_area ul.dropdown a:hover		            { color: #000; }
.commonHead_area ul.dropdown a:active                { color: #ffa500; }
.commonHead_area ul.dropdown li a                    { display: block; padding: 4px 0px; border-right: 1px solid #333;
	 								  color: #222; }
.commonHead_area ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
.commonHead_area ul.dropdown li.hover,
.commonHead_area ul.dropdown li:hover                { background: #F3D673; color: black; position: relative; }
.commonHead_area ul.dropdown li.hover a              { color: black; }



/*
	LEVEL TWO
*/
.commonHead_area ul.dropdown ul 						{ width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0; }
.commonHead_area ul.dropdown ul li 					{ font-weight: normal; background: #f6f6f6; color: #000;
									  border-bottom: 1px solid #ccc; float: none; }

                                    /* IE 6 & 7 Needs Inline Block */
.commonHead_area ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; }

/*
	LEVEL THREE
*/
.commonHead_area ul.dropdown ul ul 					{ left: 100%; top: 0;}
.commonHead_area ul.dropdown li:hover > ul 			{ visibility: visible; }

.menuTab_area ul {
	margin: 0 0 0 22px;
	padding: 0;
	float: left;
	list-style: none;
}

.menuTab_area ul li {
	display: block;
	float: left;
	width: 140px;
	height: 25px;
	margin: 0 0 0 3px;
	padding: 0;
	text-align: top;
	font-size: 12pt;
/*	line-height: 1em;*/
	color: #333333;
}

.menuTab_area ul li div {
	text-align: center;
}

.menuTab_area ul li.menu_bt {
	background: url(../img/tab_bk.png) center top no-repeat;
	background-size: 140px 25px;
}

.menuTab_area ul li.menu_cur {
	background: url(../img/tab_cur_bk.png) center top no-repeat;
	background-size: 140px 25px;
}

.menuTab_area ul li.menu_cur div {
	padding-top: 5px;
	height: 21px;
}

.menuTab_area a:link,
.menuTab_area a:visited,
.menuTab_area a:active {
	display: block;
	width: 114px;
	height: 21px;
	padding-top: 5px;
	text-align: center;
	font-size: 12pt;
	color: #333333;
	text-decoration: none;
	margin: 0 auto;
	color:WHITE;
}

.menuTab_area a:hover {
	display: block;
	width: 114px;
	height: 21px;
	padding-top: 5px;
	text-align: center;
	font-size: 12pt;
	color: #333333;
	text-decoration: none;
	margin: 0 auto;
}

.menuTab_area ul li.menu_bt a:hover {
	display: block;
	background: url(../img/tab_cur_bk.png) center top no-repeat;
	width: 140px;
}

input.button {
	width: 100px;
	height:24px;
	font-weight:bold;
/*	font-size:10pt;*/
/*	font-family: ＭＳ Ｐゴシック;*/
	cursor:hand;

	border-top-color: #a0a0a0; /*外枠上部の色*/
	border-left-color: #a0a0a0; /*外枠左部の色*/
	border-bottom-color: #b0b0b0; /*外枠下部の色*/
	border-right-color: #b0b0b0; /*外枠右部の色*/
	border-top-width: 1px; /*外枠上部の太さ*/
	border-left-width: 1px; /*外枠左部の太さ*/
	border-bottom-width: 2px; /*外枠下部の太さ*/
	border-right-width: 2px; /*外枠右部の太さ*/
	filter:progid:DXImageTransform.Microsoft.Gradient(
            GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffd0d0d0 );
}
/* ツリー　用*/
div.treeOpen{
	width:250px;
}
div.treeClose{
	width:5px;
}
div.machineTree{
	position:absolute;
	top:0px;
	width:100%;
	background-color: rgb(229, 229, 229)
}
div.tree {
	clear: both;
	display: block;
	_display: block;
	background-color: #F0EFFD;
	width: 100%;
    height: 500px;
}

/**日時入力 Date input*/
.datetime {
	margin-left:1px;
}
.dateInputYMD{
	width:98px;
}
.dateInputYM{
	width:65px;
}
.dateInputHM{
	width:60px;
}
.dateInputHMS{
	width:70px;
}