@charset "utf-8";
/* CSS Document */
.Shadow {
	position:fixed;
	top:0;
	left:0;
	height:100%;
	width: 100%;
	background: #aaaaaa url(../pilot/scripts/jquery-ui-1.9.2.custom/css/redmond/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
	opacity: .5;
	filter: Alpha(Opacity=50);
	z-index: 999;
}

.ui-widget {
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", "Osaka-mono", "monospace";
	font-size: 12pt;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", "Osaka-mono", "monospace";
	font-size: 12pt;
}

a:link {
 color: #0000EE;
}

a:visited {
 color: #0000EE;
}

a:hover {}

a:active {
 color: #FF0000;
}


html,body{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", "Osaka-mono", "monospace";
	font-size: 12pt;
}
h1,h2,h3,h4,h5,h6{
	margin: 0;
}
header {
	padding: 5px 8px 10px 8px;
}
header .headTitleBar{
	height: 33px;
	border: 1px solid #08457B;
	background: #4279B5;
	padding-left: 10px;
}
header .headTitle{
	height: 100%;
	line-height: 33px;
	color: #FFf;
	float: left;
}
header .headYMD{
	line-height: 33px;
	color: #FFf;
	float: left;
}
header .headButton{
	height: 100%;
	line-height: 33px;
	float: right;
}

fieldset {
	border: none;
	margin: 5px;
	padding: 0;
}
.left{
	display: block;
	float: left;
}
.right{
	display: block;
	float: right;
}
.clear{
	clear: both;
}
.webtitle{
	display: block;
	padding: 40px 25px 0px 25px;
	font-size: 32px;
	text-align-last: justify;
	-moz-text-align-last: justify;
}

.loginBox{
	background: #FFF;
	height: 100%;
	width: 400px;
	border-right: 25px #0033FF solid;
	border-left: 25px #0033FF solid;
	border-bottom: none;
	border-top: none;
	margin: auto;
}
.loginBox div{
	text-align: center;
}
.loginBox form{
	margin: 100px 20px 0px 20px;
}
.loginButton {
	border: none;
	padding: 0;
	width: 100px;
	height: 25px;
}
.loginButton img {
	display: block;
}
.iconButton{
	border: none;
	background: none;
	padding: 0;
	width: 25px;
	height: 25px;
	margin: 4px;
}

.sideButton {
	width: 131px;
	height: 30px;
	margin: 10px auto;
	display: block;
}

.navMenu {
	height: 33px;
	width: calc(100% - 2px);
	margin: 10px 0px;
	border-top : 1px solid rgba(51,51,51,1);
	border-bottom : 1px solid rgba(51,51,51,1);
	border-left : 1px solid rgba(51,51,51,1);
	border-right : 1px solid rgba(51,51,51,1);
	background: linear-gradient(rgba(242,242,242,1) 0%, rgba(204,204,204,1) 50%);
}

.navMenu div input.btnMenu{
	padding: 0;
	width: 141px;
	height: 33px;	
	color: #000000;
	border : none;
	background: linear-gradient(rgba(242,242,242,1) 0%, rgba(204,204,204,1) 50%);
	font-size: 16px;
}
.navMenu .left .btnMenu {
	border-right : 1px solid #AAAAAA;
}
.navMenu .right .btnMenu {
	border-left : 1px solid #AAAAAA;
}
.navMenu div input.btnMenu:hover{
	color: #FFFFFF;
	border : 1px solid rgba(0,0,255,1);
	background: linear-gradient(rgba(191,204,255,1) 0%, rgba(0,51,255,1) 50%);
}

.btnMovePage{
	padding: 0;
	width: 100px;
	height: 33px;
	color: #FFF;
	border : 2px solid rgba(5,13,255,1);
	border-radius: 10px;
	background: linear-gradient(rgba(190,223,255,1) 0%, rgba(0,157,255,1) 50%, rgba(0,187,255,1) 100%);
	font-size: 12px;
}

.divSearch input[type="text"]{
	height: 30px;
	line-height: 30px;
}
.divSearch select{
	height: 30px;
	line-height: 30px;
}
.divLoginInfo {
	margin-bottom: 10px;
}

.divTopMain{
	padding: 5px 8px 10px 8px;
	height: calc(100% - 105px - 15px);
}
.divMain{
	padding: 5px 8px 10px 8px;
	height: calc(100% - 50px - 15px);
}
.divLink {
	float: left;
	width: 250px;
	height: calc(100% - 36px);
}
.divSideMenu {
	float: left;
	width: 150px;
	height: calc(100% - 63px);
}
.spnLinkTile{
	display: block;
	background: #B5D7FF;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	text-align: center;
}
.sideMenu {
	background: #E7F3FF;
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	height: calc(100% - 60px);
}
.ulLink {
	overflow-y: auto;
}
.ulLink li {
	color: #000000;
	padding: 5px;
}
.ulLink li:hover {
	background: #004AFF;
}
.ulLink li:hover a{
	color: #FFFFFF;
}
.ulLink li.lastLink{
	background: #B5D7FF;
}

.divContents {
	float: left;
	width: calc(100% - 250px - 10px);
	height: calc(100% - 36px);
	margin-left: 10px;
}
.divContentsApprentice {
	width: calc(100% - 10px);
	height: calc(100% - 36px);
	overflow-y: scroll;
}
.divSearchContents {
	width: 100%;
	height: calc(100% - 48px);
}
.divSearchContents_kado {
	float: left;
	width: calc(100% - 150px - 10px);
	height: calc(100% - 63px);
	margin-left: 10px;
}
.divYotei {
	height: calc(25% - 10px);
	overflow-y: scroll;
	margin-bottom: 10px;
}
.tableYotei {
	width: 100%;
}
.tableYotei thead tr th{
	background: #5AA6F7;
}

.tableRireki {
	width: 100%;
}

.divRenraku{
	height: 25%;
}
.divRenraku h4{
	background: #4279B5;
	color: #FFFFFF;
	padding: 0px 10px;
}
.divRenrakuList {
	height: calc(100% - 24px - 24px);
	overflow-y: scroll;
}
.divFootInformation{
	text-align: right;
}

.divReport {
	height: 25%;
}
.divReport h4{
	background: #4279B5;
	color: #FFFFFF;
	padding: 0px 10px;
}
.divReportList{
	height: calc(100% - 24px - 24px);
	overflow-y: scroll;
}

.divDocFavorite {
	height: 25%;
}
.divDocFavorite h4{
	background: #4279B5;
	color: #FFFFFF;
	padding: 0px 10px;
}
.divDocFavoriteList {
	height: calc(100% - 24px - 24px);
	overflow-y: scroll;
}


#divPastRenraku h4{
	background: #4279B5;
	color: #FFFFFF;
	padding: 0px 10px;
}
#divPastRenraku {
	height: 275px;
	overflow-y: scroll;
}

#divPastDoc h4{
	background: #4279B5;
	color: #FFFFFF;
	padding: 0px 10px;
}
#divPastDocList {
	height: 275px;
	overflow-y: scroll;
}

.divSearch div{
	margin: 0px 0px 0px 0px;
}
.lineHigh48 {
	line-height: 48px;
}
.divSearchHead {
	height: 30px;
	line-height: 30px;
}
.divSearchBottom {
	height: 30px;
	line-height: 30px;
}
.divSearchList {
	height: calc(100% - 30px);
}

.divSearchListHead {
	/*
	height: 21px;
	*/
	padding-right: 17px;
}
.divSearchListBody {
	height: calc(100% - 31px);
	overflow-y: scroll;
}

.colScroll{
	width: 18px;
}
.col1{
	width: 10%;
}
.col2{
	width: 15%;
}
.col3{
	width: 10%;
}
.col4{
	width: 10%;
}
.col5{
	width: 10%;
}
.col6{
	width: 25%;
}
.col7{
	width: 20%;
}
.colScroll{
	width: 18px;
}

.divSubMenuList {
}

.divSubMenuListHead {
	/*height: 31px;*/
	padding-right: 17px;
}
.divSubMenuListHead table tr td{
	/*height: 31px;*/
}
.divSubMenuListBody {
	height: 310px;
	overflow-y: scroll;
}
.divSubMenuListBody table tr td{
	/*height: 31px;*/
}

.onScroll {
	overflow-y: scroll;
}

.dicCategory {
	width: 250px;
	height: calc(100% - 48px);
	padding-left: 10px;
}

.dicCategory div {
	height: calc(25% - 10px);
	padding: 10px 0px 0px 0px;
	width: 100%;
}
.dicCategory div span.categoryTitle{
	font-size: middle;
	display: block;
	height: 24px;
	line-height: 24px;
	font-weight: 700;
}

.dicCategory div ul{
	height: calc(100% - 24px);
	list-style: none;
	margin: 0;
	padding-left: 10px;
	overflow-y: auto;
}

.divDocument {
	height: calc(100% - 48px);
	overflow-y: auto;
}

.divHarbor{
	margin: 0 15px 10px 15px;
}
.divHarbor span{
	display: block;
}
.divHarbor table{
	border-collapse: collapse;
}
.divHarbor table thead tr th{
	border: 1px solid #000;
	text-align: center;
	background: #5AA6F7;
}
.divHarbor table tbody tr td{
	border: 1px solid #000;
	text-align: center;
}
.divHarbor table tbody tr td div.divImage{
	padding:10px;
	border-bottom: 1px solid #000;
}
.divHarbor table tbody tr td img{
	margin: auto;
	display: block;
}
.tblBarse tr td {
	width: 220px;
}
.divSignalFlag{
	padding: 15px;
}
.divSignalFlag table{
	border-collapse: collapse;
}
.divSignalFlag table tr td{
	width: 100px;
	text-align: center;
}

.divCreateBarseButton fieldset{
	margin-bottom: 10px;
}

a.GoToTOP {
	color:#00F;
	display:block;
	float:right;
	text-decoration: none;
}

a.GoToTarget {
	color:#00F;
	display:block;
	float:left;
	margin: 0 0 5px 0;
	width: 150px;
}

span.GraphTitle {
	color:#000;
	font-weight:600;
}

table.GRAPH {
	border-collapse: collapse;
	margin: 0px 0px 0px 15px;
}

table.GRAPH thead tr td{
	border: 2px solid #000;
	padding-top: 2px;
	text-align: center;
	width: 50px;
	height: 27px;
	font-size: 14px;
}

table.GRAPH tr td{
	border: 2px solid #000;
	text-align: right;
	padding-top: 2px;
	width: 50px;
	height: 27px;
	font-size: 14px;
}

.defaultKeyWord {
	color: #999999;
}

div.dispOption{
	display:block;
	height: 28px;
	margin: 5px;
}

div.search{
	display:block;
	height: 28px;
	margin: 5px;
}

label.search {
	display:block;
	width: 50px;
	float: left;
	margin: 2 5px;
}

label.lblName {
	display:block;
	width: 150px;
	float: left;
	margin: 2 5px;
}

input[type="text"].search {
	display:block;
	float: left;
	margin: 0 2px;
}

div.TIMEI {
	margin: 0 0 10px 0;
}

div.KORO {
	margin: 0 0 10px 0;
}

input[type="checkbox"].KORO {
	display:block;
	float:left;
	margin: 0;
	width: 20px;
}

select.KORO{
	display:block;
	margin: 0 0 0 20px;
}

div.JOHO {
	margin: 20px;
}

span.JOHO {
	display:block;
	font-size: 16px;
	font-weight: 700;
}

select.TABLE {
	float:right;
}

.titlebar{
	height: 28px;
	border: 1px solid #08457B;
	background: #4279B5;	
	color: #FFF;
	line-height: 28px;
	margin-bottom: 3px;
	padding-left: 10px;
}

.defaultKeyWord {
	color: #999999;
}

.divBerthList {
	margin-bottom: 10px;
	padding:  0 10px;
	height: 60px;
	overflow-y: scroll;
}
.divBerthList table{
	
}
.divBerthList table tbody tr td{
	width: 20%;
}