/*********************************************************
* 共通(class)
**********************************************************/
.sizeSSSS{ width:40px; }

.sizeSSS{ width:60px; }

.sizeSS{ width:80px; }

.sizeSmaller{ width:100px; }

.sizeS{ width:140px; }

.sizeSM{ width:220px; }

.sizeM{ width:260px; }

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

.mLeft{ margin-left:10px;}

.mLefttLarge{ margin-left:30px;}

.mRight{ margin-right:10px;}

.mRightLarge{ margin-right:30px;}

.pRight{padding-right:100px;}

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

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


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

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

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

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

.buttonL{
	height:40px;
	width:150px;
}
.hiddenArea{
	display: none!important;
}
.readonly{
	background-color: #dcdcdc !important;
	opacity: 0.5 !important;
}

.styleupdate{
	background: #FFCC66!important;
	border: #FF9900 1px solid;
}

.stylereturn{
	background: #aaCCFF!important;
	border: #6666CC 1px solid;
}


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


/*********************************************************
* 共通(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;
}

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


#titleUser{
	float:right;
	padding: 5px 5px 0 0;
	font-size:14px;
}

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

img.arrow{
	vertical-align: middle;
	padding-bottom:10px;
}

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

#projStatus ul li:not(:first-child){
	margin-left:10px;
}

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

#projInfo{
	float:right;
	height:30px;
	min-width:300px;
	padding-top:5px;
//	border-left:#808080 1px solid;
}

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

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

}

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

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

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

}

/*********************************************************
* 共通(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.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;
}

.rowCtrl{
	padding-left:5px;
}
table .dispNone{
	display: none;
}
/*********************************************************
* 共通(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.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{
	display:inline-block;
	vertical-align:middle;
	width:115px;
	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;
}
#divDetailArea{
	min-height: 480px;
}
#divItemList{
	position:absolute;
	top:0px;
	right:5px;"
}
div.space-top{
	margin-top:10px;
}

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


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

div.draggableList div.group_item{
	padding-left: 10px;
	margin-left: 5px;
	background: url(/assets/default/img/marker-01.png) no-repeat 0 8px;
}

div.mailList{
	width:340px;
	padding-left: 10px;
	margin-left: 5px;
	background: url(/assets/default/img/marker-01.png) no-repeat 0 8px;
}

/*********************************************************
* 共通(その他)
**********************************************************/
ul#mainMenu{
	float: left;
}
ul#mainMenu li a{
	display: inline-block;
	width:100%;
}
ul#loginMenu {
	float: right;
	border: 0;
}
ul#loginMenu li{
	background-color: #8888ee;
	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;
}

/*********************************************************
* 一覧用
**********************************************************/
table#result{
	border-collapse: separate;
	border-spacing: 0;
	
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	width:96%;
}

div#main div.wideFull{
	width: 100%;
}
div#main table.areaHalf{
	width: 70%;
	float: left;
}

table#result tr th{
	height:30px;
	text-align:left;
}


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

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.width60,
table#result tr th.width60{
	width:60px;
}

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.width200,
table#result tr th.width200{
	width:200px;
}

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

#privateApprovalStamp img{
	margin-bottom: 10px;
}
/*********************************************************
* エラーメッセージ
**********************************************************/
p.errorMessage{
	background: url(/assets/default/img/icon_error.png) no-repeat 0 0;
    padding-left: 28px;
    margin: 5px;
}
p.warningMessage{
	background: url(/assets/default/img/icon_warning.png) no-repeat 0 0;
    padding-left: 28px;
    margin: 5px;
}
p.infoMessage{
	background: url(/assets/default/img/icon_info.png) no-repeat 0 0;
    padding-left: 28px;
    margin: 5px;
}
/*********************************************************
* ファイルアップロード
**********************************************************/
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;
	margin: 0;
}


div.fileDropArea #fileUploadError {
	word-break: break-all;
	color: #ff3333;
}

/*********************************************************
* 送信メール一覧画面用
**********************************************************/
div.sendMailSearchCondition {
	padding-left: 25px;
}

/*********************************************************
* 	デバッグモード
**********************************************************/
#debugMode{
	margin: 15px auto 15px auto;
	padding: 15px;
	border: 1px solid #666666;
	background-color: #CCCCCC;
}
#debugModeSql {
	margin: 15px auto 15px auto;
	padding: 15px;
	border: 1px solid #F4487A;
	background-color: #FDF2F3;
	color: #F4487A;
}

/*********************************************************
* 	ローダー
**********************************************************/
#loader {
	text-align: center;
	width: 400px;
	height: 80px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -40px; /* heightの半分のマイナス値 */
	margin-left: -200px; /* widthの半分のマイナス値 */
	z-index: 100;
}
 
#fade {
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 50;
    opacity: 0.8;
}

body.noscroll {
  position: fixed;
  overflow-y: scroll;
}

/*
 * [Clearfix]
 */
div.wideFull:after {
	content: "";
	display: block;
	clear: both;  
}
div.wideFull {
	display: inline-block;
}
html:lang(ja) div.wideFull {
	display: block;
}

/*********************************************************
* 	マスタ新規登録
**********************************************************/
#main_sub table.masterConfirmArea td label{
	display:inline;
}
/*
 * [/Clearfix]
 */
/*********************************************************
* 担当者マスタ画面用
**********************************************************/
img.privateApprovalStamp {
	width: 60px;
	margin-bottom: 10px;
}