body {
	margin: 0;
	padding: 0;
	font: 12px/1.5em Verdana;
}
html,body{
      margin:0;
      padding:0;
      height:100%;
      border:none
   }
em {
	font-style:normal;
	color: red;
}
hr {
	color:#000080;
}
a {
	text-decoration: none;
}
font.error{
	font-size:11px;
	color:red;
}

font.des{
	font-size:11px;
}
label.error{
	font-size:11px;
	color:red;
}
label.warning{
	font-size:11px;
	color:orange;
}
input.calendar{
	background:url(../image/calendar.JPG) no-repeat;

}
input[type="text"][disabled],select[disabled]{
	background-color:#DDDDDD;
	border:1px;
	border-style:solid;
	border-color:#999999;
	padding:2px;
}
input[type="text"].error,select.error{
	background-color:red;
	border:1px;
	border-style:solid;
	border-color:#999999;
	padding:2px;
}

select[disabled],select.error{
	padding:0px;
}
input[type="radio"][disabled]{
	color:#000000;
}
button.left{
	background:url(../image/left.png) no-repeat ;
	width:20px;
	height:20px;
	border:none;
}

button.right{
	background:url(../image/right.png) no-repeat;
	width:20px;
	height:20px;
	border:none;
}
.calendar input[type="submit"]{
	width:20px;
	height:20px;
	background:url(../image/calendar.png) no-repeat;
	border:none;
}
button.calendar{
	width:20px;
	height:20px;
	background:url(../image/calendar.png) no-repeat;
	border:none;
}
button.calendar:hover{
	background:url(../image/calendarhover.png) no-repeat;
}
button.search{
	width:20px;
	height:20px;
	background:url(../image/search.png) no-repeat;
	border:none;
}
button.search:hover{
	background:url(../image/searchhover.png) no-repeat;
}
/*
	top bar
*/
div.home_button {
	background: #333399;
	height: 55px;
}

div.sidebar {
	background: #9999FF;
	height: 100%;
}

div.topbar {
	float: left;
	background: #CCFFFF;
	width: 100%;
	height: 90px;
}

div.topbar_menu {
	float: left;
	padding-top: 20px;
	padding-left: 30px;
	height: 35px;
	/*20150504 BCH  Start*/
	/*20140717 BCH  Start*/
	/*width: 650px;*/
        /*width: 740px;*/
	/*20140717 BCH  End*/	
	width: 880px;
	/*20150504 BCH  End*/
}

div.topbar_rightmenu {
	float: right;
	font-size: 14px;
	padding-top: 20px;
}

div.title {
	background: #CCCCFF;
	height: 45px;
	width: 100%;
	float: left;
	padding-top: 15px;
}

div.title_text {
	padding: 10px;
	padding-bottom: 0px;
	background: #333399;
	color: white;
	font-size: 20px;
	width: 260px;
	height: 25px;
	float:left;
}

div.title_userinfo {
	padding-left: 20px;
	width: 450px;
	font-weight: bold;
	float:left;
}

#top_menu a {
	text-decoration: none;
	float: left;
	width: 120px;
	height: 25px;
	line-height: 24px;
	padding-top: 3px;
	margin: 1px;
	text-align: center;
	color: #FFFFFF;
	font-size: 18px;
	background: #008080 url(../images/nav_hover_80x31.gif) no-repeat;
}

#top_menu a:hover {
	background: #333399;
	margin-top: -1px;
}

#top_menu a.actived {
	background: #334488;
	margin-top: -1px;
}

#top_menu a.actived:hover {
	background: #333399;
	margin-top: -1px;
}

#right_menu a:hover {
	background: #FCFFFF;
}

#right_menu a,#right_menu td {
	width: 90px;
	align: "center";
	color: #339966;
	font-weight: bold;
}

#home_button a{
	display:block;
	width:40px;
	height:40px;
	background: url(../image/home.png) no-repeat;
	}
#home_button a:hover{
	background: url(../image/home-hove.png) no-repeat;
}
a.date{
	float:left;
	display:inline-block;
	width:24px;
	height:24px;
	background: url(../image/calendar.png) no-repeat;
}
/*
	search and list part
*/
div.list_content {
	background: #CCCCFF;
	height: 545px;
}
/*20140717 BCH  Start*/
div.newlist_content {
	background: #CCCCFF;
}
/*20140717 BCH  End*/
#search_panel table{
	height:110px;
}
#search_panel th{
	text-align:left;
	font-weigth:normal;
	width:100px;
}
#search_panel td{
	width:220px;
}
#search_panel select{
	width:200px;
}
/*20140717 BCH  Start*/
#search_panel1 table{
	height:20px;
}
#search_panel1 th{
	text-align:left;
	font-weigth:normal;
	width:100px;
}
#search_panel1 td{
	width:200px;
}
#search_panel1 select{
	width:50px;
}
/*20140717 BCH  End*/
div.search {
	padding-left: 20px;
	width: 850px;
}
/*20140717 BCH  Start*/
#result_panel table{
	height:110px;
}
#result_panel th{
	text-align:left;
	font-weigth:normal;
	width:150px;
}
#result_panel td{
	width:300px;
	word-break: break-all;
}
#result_panel select{
	width:200px;
}
div.result {
	padding-left: 20px;
	width: 1100px;
}
/*20140717 BCH  End*/


/*20170614 Noboru start*/
#skill_panel table{
	height:110px;
}
#skill_panel td{
	width:140px;
}
#skill_panel select{
	width:200px;
}
#skill_panel .tdheader{
	border-top: 1px solid #000080;
    padding: 5px 10px;
}
#skill_panel .topdiv{
	margin-bottom: 5px;
    padding: 5px 10px;
}
#skill_panel .bottomdiv{
	border-top: 1px solid #000080;
    border-bottom: 1px solid #000080;
    padding: 10px 10px;
    margin-top: 5px;
}

table.exp_detail_table {

	margin:8px;
	border-collapse: collapse;
}

#exp_detail_table th {
	text-align: left;
	width: 120px;
	font-size:14px;
}

#exp_detail_table td {
	text-align: left;
	width: 300px;
	border: 1px solid #CCCCFF;
	font-size:14px;
}
/*20170614 Noboru end*/


div.search_rightbutton {
	width: 850px;
	align: right;
}
/*20140717 BCH  Start*/
div.newsearch_rightbutton {
	width: 1120px;
	align: right;
}
/*20140717 BCH  End*/

div.detail_total {
	padding-left: 15px;
}

div.detail_button_left {
	float:left;
	padding-right: 15px;
	width:730px;
}
div.detail_button_right{
	float:left;
	padding-bottom:5px;
	width:120px;
}

iframe.detail{
	/* width:833px;
	border-style: none;*/
	overflow-x: hidden;
	width: 850px;
	overflow-y: hidden;
	float: left;
	background-color: #CCCCFF;
	border: 0px solid black;
}

div.detail {
	width: 848px;
	float: left;
	overflow-x: hidden;
	overflow-y: hidden;
	background: #CCCCFF;
	border:1px;
	border-style: none solid solid solid;
}
/*20140717 BCH  Start*/
div.detail1 {
	width: 649px;
	float: left;
	overflow-x: hidden;
	overflow-y: hidden;
	background: #CCCCFF;
	border:1px;
	border-style: none solid solid solid;
}
/*20140717 BCH  End*/
table.detail {
	background: #CCCCFF;
	font-size: 12px;
	border-collapse: collapse;
	width:848px;
	overflow-x: hidden;
	overflow-y: hidden;
	word-break: break-all;
}
/*20140717 BCH  Start*/
table.detail1 {
	background: #CCCCFF;
	font-size: 12px;
	border-collapse: collapse;
	width:649px;
	overflow-x: hidden;
	overflow-y: hidden;
	word-break: break-all;
}
div.newdetail {
	width: 1118px;
	/* height: 80px; */
	align: left;
	overflow-x: hidden;
	overflow-y: hidden;
	background: #CCCCFF;
	border:0px;
	border-style: none none none none;
}
table.newdetail {
	background: #CCCCFF;
	font-size: 12px;
	border-collapse: collapse;
	width:1100px;
	overflow-x: hidden;
	overflow-y: hidden;
	word-break: break-all;
}

table.titleTotle {
	background: #1F497D;
	font-size: 18px;
	/* border: 1px solid black; */
	border-collapse: collapse;
	width:1100px;
	height:40px;
	overflow-x: hidden;
	overflow-y: hidden;
	word-break: break-all;
}
div.newtitle_div{
	align:left;
	width:1100px;
}
table.newtitle{
	/* border: 1px solid black; */
	border-collapse: collapse;
	width:1100px;
	height:40px;
	word-break: break-all;
}
/*20140717 BCH  End*/
div.title_div{
	float:left;
	width:852px;
}
table.title{
	border: 1px solid black;
	border-collapse: collapse;
	width:850px;
	height:40px;
	word-break: break-all;
}
/*20140717 BCH  Start*/
table.title1{
	border: 1px solid black;
	border-collapse: collapse;
	width:650px;
	height:20px;
	word-break: break-all;
}
table.shokaitable {
	background: #A4FFA4;
	/* border: 1px solid black; */
	border-collapse: collapse;
	width:170px;
	word-break: break-all;
}
table.shokaitable1 {
	background: #CCFDFC;
	/* border: 1px solid black; */
	border-collapse: collapse;
	width:170px;
	word-break: break-all;
}
table.shokaitable2 {
	background: #FFFFFF;
	border: 1px solid gray;
	width:270px; 
	border-collapse: collapse;
	word-break: break-all;
}
/*20140717 BCH  End*/

#list input[type="checkbox"]{
	width: 10px ;
	height: 10px;
}

th.sort {
	cursor: pointer;
	display: box;
}
th.sort_asc {
	cursor: pointer;
	display: box;
	background-image:url(../image/asc.gif);
    background-repeat: no-repeat;
    background-position: right center;
}
th.sort_desc {
	cursor: pointer;
	display: box;
	background-image:url(../image/desc.gif);
    background-repeat: no-repeat;
    background-position: right center;
}

tr.detailheader {
	background-color: #333399;
	color: white;
	cell-collapse:0px;
	cellspace:0px;
	height:40px;
}



tr.even {
	background-color: #ffffff;
	height:40px;
}

tr.odd {
	background-color: #CCFFCC;
	height:40px;
}

tr.even_border {
	background-color: #ffffff;
	border:1px;
	border-style:none none dashed none;
}

tr.odd_border {
	background-color: #CCFFCC;
	border:1px;
	border-style:none none dashed none;
}
tr.even_footer_border {
	background-color: #ffffff;
	border:1px;
	border-style:none none solid none;
}

tr.odd_footer_border {
	background-color: #CCFFCC;
	border:1px;
	border-style:none none solid none;
}

tr.update_ok_item {
	background-color: #BEF36D;
	height:40px;
}

tr.update_faile_item {
	background-color: #F56236;
	height:40px;
}

#list td.amount {
	text-align: right;
	word-break: break-all;
}

#list td {
	text-align: center;
	word-break: break-all;
}
/* #list tr{
	border:1px;
	border-style:dashed none none none;
} */
td.app_status_0{
	color:orange;
}
td.app_status_1{
	color:#FF2222;
}
td.app_status_2{
	color:green;
}
td.app_status_3{
	color:red;
}
td.pay_status_0{
	color:orange;
}
td.pay_status_1{
	color:green;
}
td.pay_status_2{
	color:red;
}
td.pay_status_3{
	color:red;
}
td.vaca_status_0{
	color:orange;
}
td.vaca_status_2{
	color:blue;
}
td.vaca_status_3{
	color:green;
}
td.vaca_status_4{
	color:red;
}
td.vaca_status_5{
	color:red;
}
td.vaca_status_1{
	color:#FF2222;
}
td.issue_status_0{
	color:orange;
}
td.issue_status_1{
	color:green;
}
td.rec_status_0{
	color:orange;
}
td.rec_status_1{
	color:green;
}
td.vacalong{
	color:orange;
}

/**
	tran-cost sum panel
**/
table.sum_panel{
	border-collapse: collapse;
	border-spacing:0;
	border: 1px solid black;
}
th.sum_panel_title{
	text-align:center;
}
td.sum_panel_title{
	text-align:center;
}
#sum_panel th{
	background-color:#FFFF66;
}
td.sum_panel_content{
	text-align:right;
}
th.sum_panel_content{
	text-align:right;
}
#sum_panel td{
	background-color:#FFFFFF;
}


table.detail_content {
	padding: 10px;
	cellspacing: 10px;
	background: #CCCCFF;
	width: 100%;
	border-collapse: collapse;
}
th.detail_lefttitle{
	padding-top: 10px;
	background: #9999FF;
	width: 20%;
	align:right;
	vertical-align:top;
}
div.detail_lefttitle{
	float:right;
	background: #000080;
	color:white;
	width:90px;
	height:15px;
}
#detail_content table {
	background: #CCFFCC;
	border: 0px solid green;
}

table.detail_table {

	margin:8px;
	border-collapse: collapse;
}

#detail_table th {
	background-color: #CCFFCC;
	text-align: left;
	width: 120px;
	font-size:14px;
}

#detail_table td {
	background-color: #FFFFFF;
	text-align: left;
	width: 300px;
	border: 1px solid #CCCCFF;
	font-size:14px;
}

table.edit_topbar,table.com_edit_topbar{
	font-size: 14px;
	width: 100%;
	border-collapse: collapse;
}



th.edit_topbar_title{
	background: #9999FF;
	width: 20%;
	padding-left:5px;
	text-align:center;
	background:#000080;
	height:55px;
	color:white;
}
th.edit_topbar {
	background: #9999FF;
	width: 20%;
	text-align: left;
	padding-left:5px;
	vertical-align:top;
}
/*20140717 BCH  Start*/
th.edit_leftbar {
	background: #9999FF;
	width: 20%;
	text-align: left;
	padding-left:20px;
	vertical-align:top;
}
/*20140717 BCH  End*/

th.edit_topbar:first-letter {
	color: white;
}
th.edit_topbar:last-letter {
	color: red;
}

td.edit_topbar{
	background: #CCCCFF;
	 padding-left:10px;
	 padding-bottom:5px;
	 padding-top:5px;
}

table.com_edit_topbar td.edit_topbar{
	background: #CCCCFF;
	padding:0px;
	padding-left:10px;
}


/* #edit_topbar>tr>td{
	width: 80%;
} */

 div.cert_input_div{
	height:200px;
	overflow-y: auto;
}

table.cert_input_table {
	font-size: 14px;
	width: 100%;
	border-collapse: collapse;
	word-break: break-all;
	word-wrap: break-word;
}


#cert_input_table td{
	text-align: left;
	  padding: 2px;

}

#cert_input_title td {
	  background: #0FF00F;
	  margin:5px;
	  text-align:center;
}

#cert_input_table input{
	width: 90%;
	align: center;
}

#pages{
	text-align: right;
}
#vaca_edit th{
	background:none;
}

/*
	date select
*/
.bluecpYearNavigation,.bluecpMonthNavigation {
	background-color: #6677DD;
	text-align: center;
	vertical-align: center;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
}

.bluecpDayColumnHeader,.bluecpYearNavigation,
.bluecpMonthNavigation,.bluecpCurrentMonthDate,
.bluecpCurrentMonthDateDisabled,.bluecpOtherMonthDate,
.bluecpOtherMonthDateDisabled,.bluecpCurrentDate,
.bluecpCurrentDateDisabled,.bluecpTodayText,
.bluecpTodayTextDisabled,.bluecpText
	{
	font-family: arial;
	font-size: 8pt;
}

TD.bluecpDayColumnHeader {
	text-align: right;
	border-width: 0 0 1 0;
}

.bluecpCurrentMonthDate,.bluecpOtherMonthDate,.bluecpCurrentDate {
	text-align: right;
	text-decoration: none;
}

.bluecpCurrentMonthDateDisabled,.bluecpOtherMonthDateDisabled,.bluecpCurrentDateDisabled
	{
	color: #D0D0D0;
	text-align: right;
	text-decoration: line-through;
}

.bluecpCurrentMonthDate {
	color: #6677DD;
	font-weight: bold;
}

.bluecpCurrentDate {
	color: #FFFFFF;
	font-weight: bold;
}

.bluecpOtherMonthDate {
	color: #808080;
}

TD.bluecpCurrentDate {
	color: #FFFFFF;
	background-color: #6677DD;
	border-width: 1;
	border: solid thin #000000;
}

TD.bluecpCurrentDateDisabled {
	border-width: 1;
	border: solid thin #FFAAAA;
}

A.bluecpTodayText,SPAN.bluecpTodayTextDisabled {
	height: 20px;
}

A.bluecpTodayText {
	color: #6677DD;
	font-weight: bold;
}

SPAN.bluecpTodayTextDisabled {
	color: #D0D0D0;
}

.bluecpBorder {
	border: solid thin #6677DD;
}

.bottomNav {
	z-index:999;
	position:fixed;
	bottom:4px;
	margin:0 auto;
	width:700px;
	_position:absolute;
	_top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);
	overflow:visible;
	margin:auto;
	left:95%;
	margin-left:-700px;
}




/* commuter */
table.comRouteContainer{
	 border:0px;
	 width:100%;
	 height:100%;
	 background:#000080;
}

td.comRouteTitle{
	 width:10%;
}
td.comRouteTable{
	 width:90%;
}
table.comRouteTable{

	 border:0px;
	 width:100%;
	 background:#000080;
}

table.comRouteTable td{
	text-align:center;
	width:20%;
	background:#FFFFFF;
	height:20px;
	border:1px;
	border-color:#000080;
	border-style:none none solid solid;
}
/*IE maybe cannot recognize 'tr'  */
table.comRouteTable tr:first-child td{
	text-align:center;
	width:20%;
	background:#000080;
}

/* table.comRouteTable td:first-child{
	text-align:center;
	width:20%;
	background:#000080;
} */

table.comRouteTable tr:first-child font{
	size:2;
	color:#FFFFFF;
}
td.vacRouteTable{
	 width:90%;
}
table.vacRouteTable{

	 border:1px;
	 width:100%;
	 background:#000080;
}
table.vacRouteTable td{
	text-align:center;
	width:7%;
	background:#FFFFFF;
	height:20px;
	border:1px;
	border-color:#000080;
	border-style:none none solid solid;
}
/*IE maybe cannot recognize 'tr'  */
table.vacRouteTable tr:first-child td{
	text-align:center;
	width:7%;
	background:#000080;
}

table.vacRouteTable tr:first-child font{
	size:2;
	color:#FFFFFF;
}
table.routeTable {
	border-collapse: collapse;
	width:400px;
	padding:1px;
}

table.routeTable input{
	width:90%;
}

table.routeTable td{
	text-align:center;
}

table.routeTable tr:first-child{
	background:#1e90ff;
}

table.routeTable tr:last-child{
	background:#3cb371;
}

input.textWord{
	text-align:left;
	width: 55px;
	ime-mode:active;
}

input.textNumber{
	text-align:right;
	width: 55px;
	ime-mode:disabled;
}

 #startStation,#transportation,#endStation{
	text-align:left;
}

#amount,#totalAmountText{
	text-align:right;
}

div.applicantButtonField{
	float:right;
}

div.handlerButtonField{
	float:left;
}
/**
	Top page !
*/
div.toppage{
	padding-left:40px;
	padding-top:40px;
	background: #CCCCFF;
	width: 570px;
}
/*20150202 BCH)wei Start
a.admited,a.payed,a.issured,a.recepted,a.refused,a.top_actived {*/
a.admited,a.payed,a.issured,a.recepted,a.refused,a.top_actived,a.returned {
/*20150202 BCH)wei End*/
	text-decoration: none;
	float: left;
	width: 114px;
	height: 25px;
	line-height: 24px;
	padding-top: 1px;
	text-align: center;
	color: #FFFFFF;
	font-size: 14px;
	background: #4d5aaf;
	border:1px;
	border-style:solid none solid none;
	border-color:white red #339966 red;
}
a.payed{
	background: #745399;
}
a.issured{
	background: #7a4171;
}
a.recepted{
	background: #726d40;
}
a.refused{
	background: #b55233;
}
/*20150202 BCH)wei Start*/
a.returned{
	background: #b32555;
}

/*a:hover.admited,a:hover.payed,a:hover.issured,a:hover.recepted,a:hover.refused,a:hover.top_actived {*/
a:hover.admited,a:hover.payed,a:hover.issured,a:hover.recepted,a:hover.refused,a:hover.top_actived,a:hover.returned {
/*20150202 BCH)wei End*/	
	border-color:#339966 red #003300 red;
	background: #fcc800;
	padding-top:3px;
}

a.top_actived {
	background: #e6b422;
	color: #000000;
	padding-top:3px;
}

table.toppagetitle{
	width:100%;
	border-collapse: collapse;
	border:none;
}
#toppagetitle td{
	border:1px;
	border-style:none none solid none;
	border-color:#339966;
}
iframe.toppage{
	position:relative;
	left:0px;
    top:0px;
	width: 570px;
	overflow-x: hidden;
	overflow-y: hidden;
	float: left;
	background-color: #CCCCFF;
	border: 0px solid black;
}

table.toppagelisttitle {
	width:100%;
	border-collapse: collapse;
}
#toppagelisttitle th{
	/* color:white;*/
	border:1px;
	border-color:black;
	border-style: solid none solid none;
	background:#008080;
	font-size:16px;
	color:#FFFFFF;
	padding-top:5px;
}
#toppagelisttitle tr{
	/* color:white;*/
}

#toppagelisttitle tr:hover{
	background-color:#ABCDEF;
}
#toppagelisttitle td{
}

.errorDisplay{
	background:#FF2222;
	opacity : 0.7;
}

.errorField{
	display:none;
	background-color:#eeeeee;
	position:absolute;
	width:150px;
	z-index:2;
	opacity : 0.8;
}

.certItem{
	background-color:#eeeeee;
}

/*20140717 BCH  Start*/
.tdsyokail1{
	background-color:#ccffcc;
	width:160px;	
	word-break: break-all;
}
.tdsyokail2{
	background-color:#CCFFFF;
	width:160px;	
	word-break: break-all;
}
.tdsyokair{
	background-color:#FFFFFF;
	border-style:none;
    border-bottom: 1px solid #eeeeee;
	margin:0px 0px 0px 0px;	
	padding:0px;
	word-break: break-all;
}
.trsyokai{
	height:20px;
}
.tablesyokai{
	padding:0px;
	margin:0px 0px 0px 0px;	
	word-break: break-all;
	border-collapse: collapse;
}
.error{
	color: red;
}
/*20140717 BCH  End*/