/*********************************************************
* 共通(class)
**********************************************************/
.sizeMinimum{ width:30px; }

.sizeSSSS{ width:100px; }

.sizeSSS{ width:60px; }

.sizeSS{ width:80px; }

.sizeS{ width:140px; }

.size120{ width:120px; }

.sizeMS{ width:190px; }

.sizeM{ width:220px; }

.sizeMM{ width:260px; }

.sizeMMM{ width:300px; }

.sizeL{ width:380px; }

.sizeLL{ width:500px; }

.sizeLLL{ width:660px; }

.heightSS{ height:40px; }

.heightS{ height:80px; }

.heightM{ height:140px; }

.heightL{ height:260px; }

.heightLL{ height:340px; }


.fLeft{ float:left; }

.fRight{ float:right; }

.clear { clear:both; }

.mReset{ margin:0; }

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

.mLeftSmall{ margin-left:5px;}

.mLeft{ margin-left:10px;}

.mLefttLarge{ margin-left:30px;}

.mLeftLL{ margin-left:60px;}

.mRight{ margin-right:10px;}

.mRightLarge{ margin-right:30px;}

.mBtPrice{margin-left: 30px;}

.mwidth{width: 100%;}

.mwidthtd1{width: 69%;}

.mwidthtd2{width: 11%;}

.mwidthtd3{width: 20%;}

.btFloat{float: right;}

.mHcButton{margin-left: 5px;}

.mBtButton{margin-left: 5px;}

.imeActive{ime-mode: active;}

.imeInactive{ime-mode: inactive;}

.imeDisabled{ime-mode: disabled;}

.imeAuto{ime-mode: auto;}

.textLeft{
	text-align:left;
}

.textRight{
	text-align:right;
}

.textCenter{
	text-align:center;
}

.fontSizeS{
	font-size: 14px;
}

.fontSizeM{
	font-size: 17px;
}

.fontSizeL{
	font-size: 20px;
}

.buttonSSSS{
	height:26px;
	width:30px;
}

button .reverseBtn{
	height:26px;
	width:30px;
}

.buttonSSS{
	height:26px;
	width:50px;
}

.buttonSS{
	height:26px;
	width:68px;
}


.buttonS{
	height:26px;
	width:100px;
}

.buttonS-width{
	height:26px;
	width:130px;
}

.buttonS-auto{
	height:26px;
	width:auto;
}

.buttonM{
	height:33px;
	width:125px;
}

.buttonDownloadAll{
    border: 1px solid #26C933 !important;
    background: #26C933 !important;
    height:33px;
    width:136px;
}

.buttonM-width{
	height:33px;
	width:150px;
}

buttonM-widthL{
	height:33px;
	width:165px;
}

.buttonL{
	height:40px;
	width:150px;
}

.buttonMenu{
	height:32px;
	width:180px;
	margin-bottom:10px;
}

.hiddenArea{
	display: none;
}
.readonly{
	background-color: #dcdcdc !important;
	opacity: 0.5 !important;
}

.requestBtn{
	background:#004EBC;
	border-color:#004EBC;
}

.dialogRequestBtn{
	background:#004EBC!important;
	border-color:#004EBC!important;
}
/*********************************************************
* JQuery-UI上書き用
**********************************************************/
.no-title .ui-dialog-titlebar {
	display: none;
}


.no-close .ui-dialog-titlebar-close {
	display: none;
}

.ui-dialog .ui-dialog-buttonpane{
	padding: 0;
	margin: 0;
}

.no-padding .ui-accordion,
.no-padding .ui-accordion-content {
    padding: 0;
}

.tabs .ui-tabs-panel{
	padding: 10px 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

input.ui-button{
	padding: 0 10px;
}
input.ui-widget{
	font-size:12px;
}

.approvalListAreaAdPart table.wfTable tr td .download{
	border: 1px solid #26C933;
	background: #26C933;
}

.approvalListAreaLqPart table.wfTable tr td .download{
	border: 1px solid #26C933;
	background: #26C933;
}
/*********************************************************
* 共通(id)
**********************************************************/
#title{
	height:30px;
	min-width:1200px;
	padding:0 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#titleName{
	font-size:16px;
	width:400px;
	padding: 5px 0;
	float:left;
}

#titleUser{
    float:right;
    padding: 5px 20px 0 0;
    font-size:14px;
    cursor:pointer;
    background-image:url(../img/Log_out_16.png);
    background-repeat:no-repeat;
    background-position:right 8px;
}

#main{
	padding:10px 0 5px 0;
	min-width:1200px;
}

#main_sub{
	padding:10px 0 5px 0;
}
/*********************************************************
* 共通(入力)
**********************************************************/
input[type="text"],
input[type="password"],
select{
	height:26px;

}

input[type="textH"]{
	height:50px;

}

select.multiView{
	height:230px;
}

select.multiViewL{
	height:440px;
}
/*********************************************************
* 共通(table)
**********************************************************/
table{
	margin:auto;
	/*width:100%;*/
	border-collapse: separate;
	border-spacing: 0;
}

table.contents th{
	width:120px;
	height:30px;
	text-align:left;
	padding:2px 0 2px 5px;
}
table.contents th.sizeSS{
	width: 75px;
}
table.contents th.sizeS{
	width: 140px;
}

table.contents th.sizeM{
	width: 220px;
}
table.contents td label{
	display:inline-block;
	width:100px;
}

table.contents td label.auto{
	width:auto;
}

table.details {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

table.details th{
	text-align:left;
	height:26px;
}

table.details tr td{
	height:36px;
}

table.details tr td.price{
	width:90px;
}

.requestList{
	width:960px;
}

.approvalList{
	width:1100px;
}

.employeeInfo{
	width:500px;
}

.workformInfo{
	width:1100px;
}

table.wfTable tr th.checkbox{
	width:20px;
}

table.wfTable tr th.id{
	width:60px;
}

table.wfTable tr th.name{
	width:200px;
}

table.wfTable tr th.date{
	width:120px;
}

table.wfTable tr th.elButtonMin{
	width:20px;
}

table.wfTable tr th.elButtonS{
	width:135px;
}

table.wfTable tr th.elButtonM{
	width:210px;
}

table.wfTable tr th.elButton{
	width:270px;
}

table.wfTable tr th.requestState{
	width:160px;
}

table.wfTable tr td button{
	height:24px;
}
/*********************************************************
* 共通(div)
**********************************************************/
div{
	margin:auto;
}

div.vertical_middle {
	display: table-cell;
	vertical-align: middle;
} 

div.box{
	padding: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

div.breadcrumb{
	font-size:12px;
	padding: 10px 0;
}
div.breadcrumb a{
	font-size:12px;
	color: #000000;
}

div.halfWrapper{
	text-align:left;
	vertical-align: top;
	width:850px;
}

div.box.info{
	display: inline-block;
	text-align:left;
	vertical-align: middle;
	width:830;
	height:30px;
	overflow:hidden;
}

div.half{
	display: inline-block;
	vertical-align: top;
	width:380px;
}

div.box.half{
	display: inline-block;
	text-align:left;
	vertical-align: top;
	width:220px;
}

div.box.middleHalf{
	display: inline-block;
	text-align:left;
	vertical-align: top;
	width:288px;
}

div.middleHalfDis{
	display: inline-block;
	width:298px;
}

div.box.menu-middle{
	display: inline-block;
	text-align:left;
	vertical-align: top;
	width:420px;
}

div.box.menu-middle2{
	display: inline-block;
	text-align:left;
	vertical-align: top;
	width:590px;
}

div.box.menu-large{
	display: inline-block;
	text-align:left;
	vertical-align: top;
	width:835px;
}

div.box.menu-heightS{
	height:128px;
}

div.box.menu-heightM{
	height:170px;
}

div.box.menu-middle div.buttonArea,
div.box.menu-middle2 div.buttonArea,
div.box.menu-large div.buttonArea{
	text-align:left;
	padding-left:20px;
}

div.box-large{
	width:500px;
	height:300px;
	padding:20px 10px;
}

div.box-middle{
	width:400px;
	height:200px;
	padding:15px 8px;
}

div.box-small{
	width:300px;
	height:100px;
	padding:10px 5px;
}

div.box span.title,
div#main_sub span.title{
	display:inline-block;
	vertical-align:middle;
	width:115px;
	height:20px;
	padding: 5px;
	margin-bottom:5px;
}

div.box span.title-auto,
div#main_sub span.title-auto{
	display:inline-block;
	vertical-align:middle;
	width:auto;
	height:20px;
	padding: 5px;
	margin-bottom:5px;
}

div.box span.titleSub{
	display:inline-block;
	height:20px;
	padding-left:5px;
}

div.box span.titleDetail{
	display:inline-block;
	vertical-align:middle;
	height:20px;
}

div.buttonArea{
	text-align:center;
}

div.pagerWrapper{
	height:25px;
	padding:10px 0;
}

div.pagerWrapper select.pageCount{
	margin-right: 10px;
	float: right;
}

div#msgDiv{
	width:600px;
	height:100px;
}

div.relative{
	position:relative;
}

#divItemList{
	position:absolute;
	top:0px;
	right:5px;
}

div.space-topSmall{
	margin-top:5px;
}

div.space-top{
	margin-top:10px;
}

div.space-topMiddle{
	margin-top:20px;
}

div.space-topLarge{
	margin-top:50px;
}

div.draggableList div{
	padding:3px 5px;
}

div.comment-box{
	padding: 5px;
	margin-right:5px;
	margin-bottom:5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
/*********************************************************
* 共通(その他)
**********************************************************/
ul#mainMenu{
	float: left;
}
ul#mainMenu li a{
	display: inline-block;
	width:100%;
}
ul#loginMenu {
	float: right;
	border: 0;
}
ul#loginMenu li{
	background-color: #ab129f;
	border: 0;
	height: 24px;
	margin:0;
}
ul#loginMenu li li{
	background-color: #8888ee;
    border-bottom: 1px solid #d0d0d0;
    border-right: 1px solid #d0d0d0;
}
ul#loginMenu li a{
	color: #fcfcfc !important;
	font-weight: normal;
	display: block;
	padding: 3px 0.4em 3px 0.4em;
	width: 100%;
}
/*********************************************************
* ログイン画面用
**********************************************************/
#dummytitle{
	height:25px;
	padding:5px 0 0 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

div.box-login{
	width:400px;
	height:230px;
	padding:10px 5px;
}

div.loginTitle{
	height:30px;
}

div.loginBoxWrapper{
	width:400px;
	height:150px;
}
div.loginBox{
	height:150px;
}

div.loginBox table{
	width:400px;
}
div.loginBox table th{
	width:100px;
	font-weight:normal;
}

div.bottomSet{
	position:absolute;
	bottom:5px;
}
/*********************************************************
* 一覧用
**********************************************************/
div#main div.wideFull{
	width: 100%;
}

div#main table.areaHalf{
	width: 70%;
	float: left;
}
/*********************************************************
* ファイルアップロード
**********************************************************/
div.fileDropArea{
	float: right;
	width: 220px;
	margin: 5px 25px 20px 5px;
	box-shadow: 0 0 50px rgba(0, 0, 0, 0.13);
	padding: 4px;
	border: 2px solid #ffffff;
}

div.fileDropArea #file_drop{
	border: 1px solid rgba(0, 0, 0, 0.03);
	min-height: 220px;
	padding: 10px;
	background: none repeat scroll 0 0 #ebebeb;
}
div.fileDropArea #file_drop p{
	margin: 0;
}
div.fileDropArea #file_drop div.dz-preview{
	margin: 8px;
}
div.fileDropArea #file_drop a{
	color: #2e6e9e!important;
	font-size: 12px;
	font-weight: bold;
}
div.fileDropArea #file_drop div.dz-filename span{
	font-size: 12px;
}

div.fileDropArea #file_drop #fileExtensionArea{
	margin-top: 10px;
}
div.fileDropArea #fileExtension {
	float: left;
	padding-left: 14px;
	margin: 0;
}
div.fileDropArea #fileExtension li{
	list-style-type: none;
	float: left;
	width: 60px;
}
div.fileDropArea #fileUploadError {
	word-break: break-all;
}
/*********************************************************
* 送信メール一覧画面用
**********************************************************/
div.sendMailSearchCondition {
	padding-left: 25px;
}

/*
 * [Clearfix]
 */
div.wideFull:after {
	content: "";
	display: block;
	clear: both;  
}
div.wideFull {
	display: inline-block;
}
html:lang(ja) div.wideFull {
	display: block;
}
/*
 * [/Clearfix]
 */
/*********************************************************
* 担当者マスタ画面用
**********************************************************/
img.privateApprovalStamp {
	width: 60px;
	margin-bottom: 10px;
}
/*********************************************************
* 各画面用
**********************************************************/
table.corpInfo tr td.left{
	padding-right:50px;
}

table.wfTable tr th.spacer{
	text-align:center;
	width:40px;
}
table.wfTable tr td.spacer{
	text-align:center;
	width:40px;
}

#btnNews{
	font-size:12px;
}
/*********************************************************
* 未使用
**********************************************************/
#projStatus{
	float:left;
	height:30px;
	min-width:940px;
}

#projStatus ul{
	margin: 0;
	padding: 0;
	font-size: 0;
	list-style-type:none;
}

#projStatus ul li{
	font-size: 14px;
	display: inline-block;
	width:120px;
	height:20px;
	padding:5px 5px;
	text-align:center;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#projStatus ul li:not(:last-child){
	margin-right:30px;
}


#projStatus ul li a{
	display: inline-block;
	width:100%;
	height:100%;
}


#titleMenu{
	float:left;
}

#titleMenu ul{
	font-size: 0;
	height:100%;
	list-style-type:none;
}

#titleMenu ul li{
	padding:0 10px;
	font-size: 14px;
	display: inline-block;
	min-width:90px;
	height:100%;
}

#titleMenu ul li a{
	padding: 5px 0;
	display: inline-block;
}


#titleMenu ul.subMenu{
	width: 200px;
	display:none;
}

#titleMenu ul.subMenu li{
	width: 100%;
}
table.entrydates th{
	width:110px;
	height:30px;
	text-align:left;
	padding:2px 0 2px 5px;
}
table.entrydates th.date{
	width:60px;
	padding: 0;
}

table.entrydates td.date input{
	width:60px;
}
.rowCtrl{
	padding-left:5px;
}
div.taHeader{
	font-size:18px;
	height:40px;
}

div.taHeader button{
	height:26px;
}
table.taTable{
}

table.taTable tr th{
	vertical-align:top;
}
table.taTable tr th.name{
	width:60px;
}


table.taTable tr th.date{
	width:20px;
}
table.taTable tr th.dateWeek{
	width:30px;
}
table.taTable tr th.place{
	width:240px;
}

table.taTable tr th.division{
	width:43px;
}
table.taTable tr th.state{
	width:42px;
}
table.taTable tr th.remarks{
	width:220px;
}
table.taTable tr th.time{
	width:46px;
}
table.taTable tr th.timesub{
	font-size:12px;
}
table.taTable tr th.request{
	width:40px;
}
table.taTable tr td.name{
	width:120px;
}

table.taTable tr th.total{
	width:90px;
}
table.taTable tr th.total2{
	width:60px;
}


table.taTable tr td.date,
table.taTable tr td.dateWeek,
table.taTable tr td.division,
table.taTable tr td.state{
	text-align:center;
}

table.taTable tr td.time,
table.taTable tr td.total{
	text-align:right;
}

table.paidPatterns{
	margin:0;
}


.vertical_top{
	vertical-align:top;
}

.timeAttendance{
	width:1100px;
}

.attendanceRequest{
	width:720px;
}

.attendanceRequestMonthly{
	width:940px;
}
table.wfTable tr th.timeTotal{
	width:80px;
}

table.wfTable tr th.salaried{
	width:50px;
}
table.wfTable tr th.salaried-width{
	width:100px;
}
table.wfTable tr th.elButtonMin2,
table.wfTable tr td.elButtonMin2{
	width:56px;
}

table.wfTable tr th.requestNumber{
	width:100px;
}
table.wfTable tr th.grantInfo{
	width:110px;
}
table.wfTable tr th.generic180{
	width:180px;
}
table.wfTable tr th.place{
	width:300px;
}
table.wfTable tr th.placeCalendar{
	width:320px;
}
table.wfTable tr th.showTime{
	width:110px;
}
table.wfTable tr th.entryTime{
	width:170px;
}
table.wfTable tr th.remarks{
	width:697px;
}

table.wfTable tr th.time{
	width:80px;
}

table.wfTable tr td.time,
table.wfTable tr td.salaried{
	text-align:right;
}
table.wfTable tr td.time input{
	width:80px;
}
table.wfTable tr th.pattern{
	width:180px;
}
table.wfTable tr td.pattern select{
	width:180px;
}
table.wfTable tr th.workState{
	width:80px;
}
table.wfTable tr td.workState select{
	width:80px;
}
table.wfTable tr th.dayCount{
	width:120px;
}
table.wfTable tr td.dayCount input{
	width:40px;
}
table.wfTable tr th.requestPattern{
	width:240px;
}

table.wfTable tr th.overTime{
	width:360px;
}



table.wfTable tr th.inputNo,
table.wfTable tr td.inputNo{
	width:150px;
}

table.wfTable tr th.inputType,
table.wfTable tr td.inputType{
	width:130px;
}

table.corpInfo tr th.title{
	width:70px;
}
table#result{
	border-collapse: separate;
	border-spacing: 0;
	
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	width:96%;
}
table#result tr th{
	height:30px;
	text-align:left;
}


table#result tr td{
	height:50px;
	padding: 1px 5px 5px;
	cursor: pointer;
}

table#result.noPointer tr td{
	cursor: default;
}

table#result tr.min th{
	padding: 2px 5px;
}

table#result tr.min td{
	height:35px;
	padding: 2px 5px;
}

table#result tr td.width40,
table#result tr th.width40{
	width:40px;
}

table#result tr td.width80,
table#result tr th.width80{
	width:80px;
}

table#result tr td.width100,
table#result tr th.width100{
	width:100px;
}

table#result tr td.width120,
table#result tr th.width120{
	width:120px;
}

table#result tr td.width140,
table#result tr th.width140{
	width:140px;
}

table#result tr td.width160,
table#result tr th.width160{
	width:160px;
}

table#result tr td.width260,
table#result tr th.width260{
	width:260px;
}

table#result tr td.numeric{
	text-align:right;
	padding-right:10px;
}

table#result tr td.docType{
	padding-left:40px;
}

table.subTable{
	border-collapse: separate;
	border-spacing: 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	width:100%;
}

table.subTable tr th{
	height:30px;
	text-align:left;
}

table.subTable tr td{
	height:30px;
	padding: 1px 5px 5px;
	cursor: pointer;
}

table.subTable tr td.space,
table.subTable tr th.space{
	width:30px;
}

table.subTable tr td.name,
table.subTable tr th.name{
	width:384px;
}

table.subTable tr td.price,
table.subTable tr th.price{
	width:84px;
}

table.subTable tr td.itemDivision,
table.subTable tr th.itemDivision{
	width:144px;
}

div.searchHeader,
div.searchFooter{
	margin:0;
	height:30px;
	padding-right:18px;
}

div.searchResult{
	margin:0;
	overflow-y:scroll;
	height:250px;
}

div.searchResult.min{
	height:110px;
}



div.searchHeader table#result,
div.searchResult table#result,
div.searchFooter table#result{
	width: 100%;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
}

div.searchHeader table.subTable,
div.searchResult table.subTable,
div.searchFooter table.subTable{
	width: 676px;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
}

table.contents div.searchHeader table.wide,
table.contents div.searchResult table.wide,
table.contents div.searchFooter table.wide{
	width: 820px;
}

div.searchHeader table#result,
div.searchHeader table.subTable{
	border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-top-right-radius: 5px;
}

div.searchResult table#result,
div.searchFooter table.subTable{
	border-bottom-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-bottom-right-radius: 5px;
}
table.multiSelect tr td {
	width:300px;
}

div#workspaceMain div.areaWrapper{
}

div#workspaceMain div.areaWrapper div.targetTitle{
	width:240px;
	padding:5px 0;
	text-align:center;
}

div#workspaceMain div.areaWrapper div.targetList{
	width:240px;
	height:400px;
	overflow-x:hidden;
	overflow-y:auto;
}
div#workspaceMain div.areaWrapper div.targetList div.listItem{
	padding:5px 5px;
	margin:2px;
	cursor:move;
}
table.entrydates{
	margin:0px;
}


table.calendarTable tr th{
	width:24px;
	height:10px;
}

table.calendarTable tr td{
	width:24px;
	height:24px;
}

table.calendarTable.calL tr td{
	width:140px;
	height:80px;
}

table.calendarTable.confirm tr td div.cover{
	height:110px;
	position:relative;
}

table.calendarTable.confirm tr td div.cover input{
	position:absolute;
	bottom:0;
	right:0px;
}



table.shiftTable tr th{
	width:90px;
	height:30px;
}

table.shiftTable tr td{
	height:30px;

}

table.shiftTable tr th.name{
	width:180px;
}

table.shiftDetailTable tr th{
	width:80px;
	height:30px;
}

/*********************************************************
* 添付資料
**********************************************************/
#dragandrophandler {
    border:2px dotted #0B85A1;
    color:#92AAB0;
    text-align:left;vertical-align:middle;
    padding:10px 10px 10 10px;
    margin-bottom:10px;
    font-size:200%;
    cursor: default;
}
#attachedFile .progressBar {
    width: 200px;
    height: 22px;
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow: hidden;
    display:inline-block;
    margin:0px 10px 5px 5px;
    vertical-align:top;
}
#attachedFile .progressBar div {
    height: 100%;
    color: #fff;
    text-align: right;
    line-height: 22px;
    width: 0;
    background-color: #0ba1b5; border-radius: 3px;
}
#attachedFile.fileDownload .statusbar:hover{
    cursor: pointer;
}
#attachedFile .statusbar {
    border: 1px solid #C0C0C0;
    background-color: #ededed;
    min-height:25px;
    padding:10px 10px 10px 10px;
    vertical-align:top;
}
#attachedFile .filename {
    display:inline-block;
    vertical-align:top;
    width:500px;
}
#attachedFile .filename.view {
    width:1100px;
}
#attachedFile #fileInfo{
    float:right;
    width:412px;
}
#attachedFile .remarks{
    float:left;
}
#attachedFile .filesize {
    display:inline-block;
    vertical-align:top;
    width:81px;
    text-align: right;
    float: left;
    margin-left: 10px;
}
#attachedFile .button {
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    display:inline-block;
    color:#fff;
    font-family:arial;font-size:13px;font-weight:normal;
    padding:1px 15px;
    cursor:pointer;
    vertical-align:top
}
#attachedFile .button.download {
    background-color:#26C933;
}
#attachedFile .button.delete {
    background-color:#F54444;
    margin-left: 10px;
    float: left;
}
#attachedFile #filesBtn {
    margin-top: 10px;
}

/*********************************************************
* 添付資料（ダウンロード）
**********************************************************/
#attachedFileDownload .progressBar {
    width: 200px;
    height: 22px;
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow: hidden;
    display:inline-block;
    margin:0px 10px 5px 5px;
    vertical-align:top;
}
#attachedFileDownload .progressBar div {
    height: 100%;
    color: #fff;
    text-align: right;
    line-height: 22px;
    width: 0;
    background-color: #0ba1b5; border-radius: 3px;
}
#attachedFileDownload.fileDownload .statusbar:hover{
    cursor: pointer;
}
#attachedFileDownload .statusbar {
    border: 1px solid #C0C0C0;
    background-color: #ededed;
	min-height:25px;
	height: auto;
	overflow: hidden;
    padding:10px 10px 10px 10px;
    vertical-align:top;
}
#attachedFileDownload .filename {
    display:inline-block;
    vertical-align:top;
	width:340px;
	word-break : break-all;
}
#attachedFileDownload .filename.view {
    width:1100px;
}
#attachedFileDownload #fileInfo{
    float:right;
}
#attachedFileDownload .fileRemarks {
    display:inline-block;
    vertical-align:top;
    text-align: left;
	margin-left: 10px;
	width:300px;
	word-break : break-all;
}
#attachedFileDownload .filesize {
    display:inline-block;
    vertical-align:top;
    text-align: right;
    float: left;
    margin-left: 5px;
}
#attachedFileDownload .button {
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    display:inline-block;
    color:#fff;
    font-family:arial;font-size:13px;font-weight:normal;
    padding:1px 15px;
    cursor:pointer;
    vertical-align:top
}
#attachedFileDownload .button.download {
    background-color:#26C933;
    margin-left: 10px;
    float: left;
}

/*********************************************************
* 伝票出力メニュー
**********************************************************/

table.contents.simple th.tmpPaymentDate{
	width: 90px;
}

table.contents.simple th.tmpPaymentPurpose{
	width: 200px;
}

table.contents.simple th.tmpPaymentItem{
	width: 80px;
}

table.contents.simple th.tmpPaymentPrice{
	width: 90px;
}

table.contents.simple th.tmpPaymentOutput{
	width: 155px;
}

table.contents.simple th.tmpPaymentApproval{
	width: 180px;
}

.outputAria{
	height: 95px;
}

outputList .wfTable td {
	padding: 3px;
}

.outputButton{
	height: 26px;
	width: 150px;
}


/*********************************************************
* 仮払申請
**********************************************************/
.highlight {
	font-weight: bold;
    color:#f0170f;
	font-size: 16px;
	
}

/*********************************************************
* 仮払事後精算メニュー
**********************************************************/
.tmpForm{
	display: inline;
}

/*********************************************************
* 所属情報管理
**********************************************************/
.deptTable{
	margin: unset;
	width: 270px;
	height: 55px;
}

/*********************************************************
* ヘルプウィンドウ
**********************************************************/
.help_box {
	position: relative;
	background-color: #dffddf;
	border: 1px solid #8c8;
	border-radius: 4px;
	padding: 20px 10px;
	margin-bottom: 10px;
}