/*
	FOR CSD
*/
body{
	font-size: 14px;
}
.ui-btn-inner{
	font-size: 15px;
}
.hHeaderCaption.ui-title{
	font-size: 15px;
}
#csd-main-content-use-menubar{
	padding-top: 0;
}

.hHeaderCaption.ui-title{
	font-family: 15px;
}

.ui-header .ui-title {
	overflow: visible;
	white-space: normal;
}

#lblFooter {
	font-size: 9px;
}

.ui-panel{
	border: 1px solid #385294 /*{a-bar-border}*/;
	background: #1f2a79 /*{a-bar-background-color}*/;
	color: #ffffff /*{a-bar-color}*/;
	text-shadow: 0 /*{a-bar-shadow-x}*/ 1px /*{a-bar-shadow-y}*/ 1px /*{a-bar-shadow-radius}*/ #1f2a79 /*{a-bar-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #121948 /*{a-bar-background-start}*/), to( #2b3aa9 /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #121948 /*{a-bar-background-start}*/, #2b3aa9 /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #121948 /*{a-bar-background-start}*/, #2b3aa9 /*{a-bar-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #121948 /*{a-bar-background-start}*/, #2b3aa9 /*{a-bar-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #121948 /*{a-bar-background-start}*/, #2b3aa9 /*{a-bar-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #121948 /*{a-bar-background-start}*/, #2b3aa9 /*{a-bar-background-end}*/);
}

/*
	themeDatePick�I�v�V�����ʼn���ł��邪�A����thema-a�����p�ӂ��Ă��Ȃ��B
*/
.ui-datebox-flipcontent li.ui-body-a{
	border: 1px solid #385294 /*{a-bar-border}*/;
	background: #1f2a79 /*{a-bar-background-color}*/;
	color: #ffffff /*{a-bar-color}*/;
	font-weight: bold;
	text-shadow: 0 /*{a-bar-shadow-x}*/ 1px /*{a-bar-shadow-y}*/ 1px /*{a-bar-shadow-radius}*/ #1f2a79 /*{a-bar-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #121948 /*{a-bar-background-start}*/), to( #2b3aa9 /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #121948 /*{a-bar-background-start}*/, #2b3aa9 /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #121948 /*{a-bar-background-start}*/, #2b3aa9 /*{a-bar-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #121948 /*{a-bar-background-start}*/, #2b3aa9 /*{a-bar-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #121948 /*{a-bar-background-start}*/, #2b3aa9 /*{a-bar-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #121948 /*{a-bar-background-start}*/, #2b3aa9 /*{a-bar-background-end}*/);
}
.ui-datebox-griddate.ui-btn-up-a {
   	border: 1px solid #bbbbbb /*{a-bdown-border}*/;
	background: #1f2a63 /*{a-bdown-background-color}*/;
	font-weight: bold;
	color: #ffffff /*{a-bdown-color}*/;
	text-shadow: 0 /*{a-bdown-shadow-x}*/ 1px /*{a-bdown-shadow-y}*/ 1px /*{a-bdown-shadow-radius}*/ #3373a5 /*{a-bdown-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #232f6f /*{a-bdown-background-start}*/), to( #1a2456 /*{a-bdown-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #232f6f /*{a-bdown-background-start}*/, #1a2456 /*{a-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #232f6f /*{a-bdown-background-start}*/, #1a2456 /*{a-bdown-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #232f6f /*{a-bdown-background-start}*/, #1a2456 /*{a-bdown-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #232f6f /*{a-bdown-background-start}*/, #1a2456 /*{a-bdown-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #232f6f /*{a-bdown-background-start}*/, #1a2456 /*{a-bdown-background-end}*/);
}
.ui-datebox-griddate-blackmsg {
    display: inline-block;
    margin-bottom: 10px;
    margin-top: 10px;
    text-align: center;
    color: red;
    width: 100%;
}
.ui-datebox-container > .ui-header{
	border-top-left-radius: 0.3em !important;
    border-top-right-radius: 0.3em !important;
}

/**
 * �T�C�h���j���[�̃A�C�R��
 */
.ui-btn-corner-all.ui-btn-left.header-icon-l{
	border-radius: 0.4em;
	width : 38px;
	height: 26px;
	top : 8px;
	left: 9px;
	background: inherit;
	background-image: url("images/icons-36-bar-white.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

/**
 * �f�t�H���g�i�r�o�[�̉B���v�f
 */
.csd-navi-hidebar{
	visibility: hidden;
}

#csd-main-content-back{

}
/**
 *
 */
#csd-navi-bar {
    margin: 0 -15px;
    position: relative;
    width: 100%;
}

#menu-emp-photo{
	height: 40px;
    width: 40px;
    float: left;
    object-fit: cover;
}

#menu-emp-label{
	padding: 5px;
}

#csd-navi-bar.ui-navbar li:first-child .ui-btn{
	border-right-width: 1px;
	-moz-box-shadow: -3px 1px 3px 0 #333333;
    -webkit-box-shadow: -3px 1px 3px 0 #333333;
 	box-shadow: -3px 1px 3px 0 #333333;
 	border-radius: 0 0 10px 0;
 	height: 30px;
}
#csd-navi-bar.ui-navbar li:last-child .ui-btn{
	border-right-width: 1px;
	-moz-box-shadow: 0 1px 3px 0 #333333;
    -webkit-box-shadow: 0 1px 3px 0 #333333;
 	box-shadow: 0 1px 3px 0 #333333;
 	border-radius: 0 0 10px 10px;
 	height: 30px;
}
/*------------------------------------------------*/
.csd-navi-mainmenu.ui-block-a{
	width: 40px;
	margin-right: 3px;
}
.csd-navi-mainmenu.ui-block-a a span.ui-btn-inner{
	background-image: url("images/icons-36-home-black.png");
    background-position: center center;
    left: -4px;
    top: -2px;
}
.csd-navi-mainmenu .ui-btn{
	width: 40px;
}
.csd-navi-menubar .ui-btn{
	border-radius: 0 0 10px 10px;
    border-right-width: 1px;
    -moz-box-shadow: 0 1px 3px 0 #333333;
    -webkit-box-shadow: 0 1px 3px 0 #333333;
    box-shadow: 0 1px 3px 0 #333333;
    height: 30px;S
}

#csd-navi-bar ul li a span{
	border-top: none
}

#csd-menu-content{
	display: none;
	margin: 0 -15px 0
}
#csd-service-menu-content{
	display: none;
	margin: 0 -15px 0;
	border-bottom: 3px solid #1a2456;

}
#logoutlink{
    margin-top: 0;
    position: absolute;
    right: 3px;
}
#logoutlink .ui-btn-inner{
	font-size: 11px;
}
#logoutlink.ui-btn-up-c {
	border: 1px solid #ff4a35 /*{b-bup-border}*/;
	background: #ff4a35 /*{b-bup-background-color}*/;
	font-weight: bold;
	color: #ffffff /*{b-bup-color}*/;
	text-shadow: 0 /*{b-bup-shadow-x}*/ 1px /*{b-bup-shadow-y}*/ 0 /*{b-bup-shadow-radius}*/ #444444 /*{b-bup-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #FF513a /*{b-bup-background-start}*/), to( #e5422f /*{b-bup-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #FF513a /*{b-bup-background-start}*/, #e5422f /*{b-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #FF513a /*{b-bup-background-start}*/, #e5422f /*{b-bup-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #FF513a /*{b-bup-background-start}*/, #e5422f /*{b-bup-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #FF513a /*{b-bup-background-start}*/, #e5422f /*{b-bup-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #FF513a /*{b-bup-background-start}*/, #e5422f /*{b-bup-background-end}*/);
}
#logoutlink.ui-btn-up-c:visited,
#logoutlink.ui-btn-up-c a.ui-link-inherit {
	color: #ffffff /*{b-bup-color}*/;
}
#logoutlink.ui-btn-hover-c {
	border: 1px solid #FF553c /*{b-bhover-border}*/;
	background: #FF553c /*{b-bhover-background-color}*/;
	font-weight: bold;
	color: #ffffff /*{b-bhover-color}*/;
	text-shadow: 0 /*{b-bhover-shadow-x}*/ 1px /*{b-bhover-shadow-y}*/ 0 /*{b-bhover-shadow-radius}*/ #444444 /*{b-bhover-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #FF5d42 /*{b-bhover-background-start}*/), to( #e54c36 /*{b-bhover-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #FF5d42 /*{b-bhover-background-start}*/, #e54c36 /*{b-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #FF5d42 /*{b-bhover-background-start}*/, #e54c36 /*{b-bhover-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #FF5d42 /*{b-bhover-background-start}*/, #e54c36 /*{b-bhover-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #FF5d42 /*{b-bhover-background-start}*/, #e54c36 /*{b-bhover-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #FF5d42 /*{b-bhover-background-start}*/, #e54c36 /*{b-bhover-background-end}*/);
}
#logoutlink.ui-btn-hover-c:visited,
#logoutlink.ui-btn-hover-c:hover,
#logoutlink.ui-btn-hover-c a.ui-link-inherit {
	color: #ffffff /*{b-bhover-color}*/;
}
#logoutlink.ui-btn-down-c {
	border: 1px solid #FF553c /*{b-bdown-border}*/;
	background: #FF553c /*{b-bdown-background-color}*/;
	font-weight: bold;
	color: #ffffff /*{b-bdown-color}*/;
	text-shadow: 0 /*{b-bdown-shadow-x}*/ 1px /*{b-bdown-shadow-y}*/ 0 /*{b-bdown-shadow-radius}*/ #444444 /*{b-bdown-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #e54c36 /*{b-bdown-background-start}*/), to( #FF5d42 /*{b-bdown-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #e54c36 /*{b-bdown-background-start}*/, #FF5d42 /*{b-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #e54c36 /*{b-bdown-background-start}*/, #FF5d42 /*{b-bdown-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #e54c36 /*{b-bdown-background-start}*/, #FF5d42 /*{b-bdown-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #e54c36 /*{b-bdown-background-start}*/, #FF5d42 /*{b-bdown-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #e54c36 /*{b-bdown-background-start}*/, #FF5d42 /*{b-bdown-background-end}*/);
}
#logoutlink.ui-btn-down-c:visited,
#logoutlink.ui-btn-down-c:hover,
#logoutlink.ui-btn-down-c a.ui-link-inherit {
	color: #ffffff /*{b-bdown-color}*/;
}
#logoutlink.ui-btn-up-c,
#logoutlink.ui-btn-hover-c,
#logoutlink.ui-btn-down-c {
	 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
	text-decoration: none;
}
#menu-emp-info{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	display: box;
    margin: 7px 7px 2px 7px;
}
#csd-menu-content ul{
	margin: 0;
}
#csd-menu-content ul li{
	border-radius: 0 0 0 0;
}
#csd-menu-content ul li:last-child{
	border-bottom: 3px solid #1a2456;
}
#csd-menu-content ul li:first-child{}
#csd-menu-content ul li a span.icon-home{
	background-image: url("images/icons-36-home-black.png");
    background-position: center center;
    display: inline-block;
    height: 20px;
    left: -2px;
    position: relative;
    top: -2px;
    width: 36px;
}
#csd-menu-content ul li a span.icon-star{
	background-image: url("images/icons-36-star-black.png");
	background-position: center center;
    display: inline-block;
    height: 20px;
    left: -2px;
    position: relative;
    width: 36px;
}

#csd-footer-navibar ul li a{
	color : white;
	text-shadow: none;
	background: #1c1b1a; /* Old browsers */
	background: -moz-linear-gradient(top,  #1c1b1a 1%, #1c1b1a 50%, #0a0e0a 51%, #0a0809 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#1c1b1a), color-stop(50%,#1c1b1a), color-stop(51%,#0a0e0a), color-stop(100%,#0a0809)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #1c1b1a 1%,#1c1b1a 50%,#0a0e0a 51%,#0a0809 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #1c1b1a 1%,#1c1b1a 50%,#0a0e0a 51%,#0a0809 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #1c1b1a 1%,#1c1b1a 50%,#0a0e0a 51%,#0a0809 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #1c1b1a 1%,#1c1b1a 50%,#0a0e0a 51%,#0a0809 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c1b1a', endColorstr='#0a0809',GradientType=0 ); /* IE6-9 */
	font-weight: normal;
	border: none;
}
#csd-footer-navibar ul li a:hover{
	color : white;
	background: #1c1b1a; /* Old browsers */
	background: -moz-linear-gradient(top,  #1c1b1a 1%, #1c1b1a 50%, #0a0e0a 51%, #0a0809 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#1c1b1a), color-stop(50%,#1c1b1a), color-stop(51%,#0a0e0a), color-stop(100%,#0a0809)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #1c1b1a 1%,#1c1b1a 50%,#0a0e0a 51%,#0a0809 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #1c1b1a 1%,#1c1b1a 50%,#0a0e0a 51%,#0a0809 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #1c1b1a 1%,#1c1b1a 50%,#0a0e0a 51%,#0a0809 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #1c1b1a 1%,#1c1b1a 50%,#0a0e0a 51%,#0a0809 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c1b1a', endColorstr='#0a0809',GradientType=0 ); /* IE6-9 */
	font-weight: normal;
	border: none;
}
/**
 * �t�b�^�[���j���[�̃A�C�R��
 */
#btnCsdApplication .ui-icon{
	border-radius: 0;
	width : 36px;
	height: 36px;
	background-image: url("images/csd-footer-icon-grid.png");
	background-position: center;
	background-size: contain;
	box-shadow: none;
	background-color: rgba(0, 0, 0, 0);
	margin-left: -18px;
	margin-top: -5px;
}
#btnCsdReference .ui-icon{
	border-radius: 0;
	width : 36px;
	height: 36px;
	background-image: url("images/csd-footer-icon-search.png");
	background-position: center;
	background-size: contain;
	box-shadow: none;
	background-color: rgba(0, 0, 0, 0);
	margin-left: -18px;
	margin-top: -5px;
}
#btnCsdTray .ui-icon{
	border-radius: 0;
	width : 36px;
	height: 36px;
	background-image: url("images/csd-footer-icon-check.png");
	background-position: center;
	background-size: contain;
	box-shadow: none;
	background-color: rgba(0, 0, 0, 0);
	margin-left: -18px;
	margin-top: -5px;
}
#btnCsdSetting .ui-icon{
	border-radius: 0;
	width : 36px;
	height: 36px;
	background-image: url("images/csd-footer-icon-gear.png");
	background-position: center;
	background-size: contain;
	box-shadow: none;
	background-color: rgba(0, 0, 0, 0);
	margin-left: -18px;
	margin-top: -5px;
}
#csd-footer-navibar .ui-btn-text{
	top: 3px;
}
/*------------------------------------------------*/
.csd-topic-path{
	display: block;
    line-height: 1.5em;
    padding-top: 5px;
}
.csd-topic{
	margin: 4px -15px 0px;;
    padding-left: 15px;
    padding-bottom: 3px;
    background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(241,241,241,1) 67%, rgba(225,225,225,1) 97%, rgba(246,246,246,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(67%,rgba(241,241,241,1)), color-stop(97%,rgba(225,225,225,1)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 67%,rgba(225,225,225,1) 97%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 67%,rgba(225,225,225,1) 97%,rgba(246,246,246,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 67%,rgba(225,225,225,1) 97%,rgba(246,246,246,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 67%,rgba(225,225,225,1) 97%,rgba(246,246,246,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
}
.csd-scroll-div{
	overflow: auto;
}
#homelink{
    margin-top: 0;
}
#homelink .ui-btn-inner{
	font-size: 11px;
}

.zip-cd-input-tbl{
	display: inline-table;
	text-align: center;
	width: 100%;
}
.spancolor-red{
	color: red;
}
.spancolor-blue{
	color: blue;
}
/** AttachList Button **/
.attachinfo-tbl{
	width: 100%;
}
/***********************/
/** Back to Top **/
#back-top {
	position: fixed;
	bottom: 44px;
	z-index: 20000;
	right: 12px;
}
#back-top a {
    width: 45px;
	height: 30px;
	display: block;
	margin-bottom: 5px;
	background-image: url(../../cws/img/backtotop.png);
	background-size: contain;

}
/***********************/
/** Common Error Message **/
.csd-error-message{
	color : red;
}
/***********************/
/** Common Success Message **/
.csd-success-message{
	color : blue;
}
/***********************/
/** Comment Box **/
.wf_comment_tbl{
	width: 100%;
}
/***********************/
/***********************/
/** SendBack RadioButton **/
.flowsummary.ui-responsive .ui-checkbox{
	margin: 0;
	width: 50px;
}

.sendback-radio-label{
	margin: 0;
	width: 48px;
}
.ui-checkbox .ui-btn-icon-left.sendback-radio-label span.ui-btn-inner{
	padding-left : 16px;
	padding-top : 18px;
	padding-buttom : 18px;
}

.sendback-radio{
	font-size: 20px;
}
/***********************/
.csd-warning-message{
	color : 0000cc;
}