@charset "utf-8";

@import url(fonts2.css);
@import url(common2.css);
@import url(trp2.css);


html {
   height: 100%;
}

body {
	height: 100%;
	margin: 0;
	padding: 0;
	color: #333;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-family: 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', arial, helvetica;
	background-color: #ebebeb;
	background-image: url(../img/images/header_border.gif);
	background-repeat: repeat-x;
	background-position: 0 2px;
}
body.subwin {
	background-color: #fff;
	background-image: none;
}

form {
   margin: 0;
   padding: 0;
}

button {
	font-weight: normal;
	margin: 0 2px;
	padding: 2px;
	font-size: 12px;
}

input,select {
   margin: 0;
   padding: 0;
   font-size: 12px;
}

textarea {
	margin: 0;
	padding: 0;
	background-color: #f0f0f0;
	overflow: auto;
}

dl,dt,dd,
span {
	margin: 0;
	padding: 0;
}

div, p {
	margin: 0;
	padding: 0;
	color: #666;
	font-size: 12px;
	line-height: 110%;
}

option {
   font-size: 12px;
}

img {
   margin: 0;
   padding: 0;
   border: none;
}

h1,h2,h3,h4,h5,h6 {
   margin: 0;
   padding: 0;
   text-align: left;
   font-weight: bold;
}

table,th,td {
   margin: 0;
   padding: 0;
   border: none;
   border-spacing: 0;
   border-collapse: collapse;
   empty-cells: show;
}
   th {
       text-align: left;
       font-weight: normal;
   }
   caption {
       caption-side: top;
       text-align: left;
   }

ul,li {
   margin: 0;
   padding: 0;
   list-style-type: none;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

strong {
	font-weight: bold;
}

label {
	margin-right: 3px;
	padding-right: 8px;
	padding-left: 2px;
	font-size: 12px;
	line-height: 15px;
}

hr {
	clear: both;
	height: 1px;
	margin: 0;
	padding: 0;
	color: #666;
}


#header {
	position: absolute;
	width: 100%;
	height: 50px;
	border-bottom: 5px solid #f00;
	background-image: url(../img/images/header_img.jpg);
	background-repeat: no-repeat;
	background-position: 10px 0;

}
#header:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
	#header h1 {
		float: left;
		height: 50px;
		margin: 0;
		padding: 0;
		visibility: hidden;
	}
	dl.headerInfo {
		float: right;
		margin: 0;
		padding: 30px 0.5em 0 0;
		color: #666;
		font-size: 11px;
	}
		dl.headerInfo dt {
			float: left;
			margin: 0;
			padding: 0.2em 0.2em 0.2em 1em;
			font-weight: bold;
		}
		dl.headerInfo dd {
			float: left;
			margin: 0;
			padding: 0.2em;
		}

	.logout {
		display: block;
		float: right;
		padding: 28px 0.5em 0 0;
	}
		.logout a {
			display: block;
			width: 50px;
			margin: 0;
			padding: 1px 16px 1px 4px;
			color:#fff;
			font-size: 10px;
			line-height: 14px;
			background-color: #000;
			background-image: url(../img/images/logout_btn.gif);
			background-repeat: no-repeat;
			background-position: right center;
		}
		.logout a:hover {
			text-decoration: none;
			background-color: #f00;
		}

	#header .categMansion {
		position: absolute;
		left: 522px;
		top: 8px;
		width: 225px;
		height: 38px;
		margin: 0;
		padding: 0;
		background-image: url(../img/images/categ_mansion.gif);
		background-repeat: no-repeat;
		background-position: left center;		
	}
	#header .categHouse {
		position: absolute;
		left: 522px;
		top: 8px;
		width: 225px;
		height: 38px;
		margin: 0;
		padding: 0;
		background-image: url(../img/images/categ_house.gif);
		background-repeat: no-repeat;
		background-position: left center;		
	}
	#header .categLand {
		position: absolute;
		left: 522px;
		top: 8px;
		width: 225px;
		height: 38px;
		margin: 0;
		padding: 0;
		background-image: url(../img/images/categ_land.gif);
		background-repeat: no-repeat;
		background-position: left center;		
	}



		
#theContainer {
	position: relative;
	height: 100%;
}

#theContents {
	width: 100%;
	height: 100%;
	padding-top: 55px;
	padding-bottom: 16px;
}
	#theTable {
		width: 100%;
		height: 100%;
	}		
	#cellMenu {
		width: 200px;
		padding-bottom: 16px;
		vertical-align: top;
		color: #fff;
		background-color: #aaa;
		overflow: auto;
	}
	
		.openCloseAll{
			margin: 0;
			padding: 6px 0;
			text-align: center;
			font-size: 12px;
			text-decoration: none;
			border-bottom: 1px solid #eee;
		}
			.openAll{
				margin: 0;
				padding: 0 8px 0 0;
				border-right: 1px solid #999;
			}
			.closeAll{
				margin: 0;
				padding: 0 0 0 8px;
				border-left: 1px solid #ccc;
			}
	
		#left-column {
			width: 200px;
			/* height: 100%; */
			padding: 6px 0 3px 0;
			color: #fff;
			font-size: 12px;
			/* border-top: 1px solid #ccc; */
			overflow-x: hidden;
			overflow-y: auto;
		}
			.dTreeNode {
				color: #fff;
			}
				.dTreeNode a {
					color: #fff;
				}
			#left-column h3 {
				padding-left: 22px;
				background-image: url(../img/base.gif);
				background-repeat: no-repeat;
				background-position: 2px center;
			}
			#left-column ul {
				margin-bottom: 4px;
				padding: 4px 0;
				border-bottom: 1px solid #808080;
			}
				#left-column li.folderClose a {
					display: block;
					padding: 3px 0 3px 40px;
					color: #fff;
					background-image: url(../img/folder_close.gif);
					background-repeat: no-repeat;
					background-position: 3px center;
				}
				#left-column li.folderOpen a {
					display: block;
					padding: 3px 0 3px 40px;
					color: #fff;
					background-image: url(../img/folder_open.gif);
					background-repeat: no-repeat;
					background-position: 3px center;
				}
				#left-column li.folderClose a:hover,
				#left-column li.folderOpen a:hover {
					color: #333;
					background-color: #bbb;
				}
				
				#left-column li.page a {
					display: block;
					padding: 3px 0 3px 55px;
					color: #fff;
					background-image: url(../img/page.gif);
					background-repeat: no-repeat;
					background-position: 39px center;
				}
				#left-column li.page a:hover {
					color: #333;
					/* text-decoration: none; */
					background-color: #c4c4c4;
				}
				#left-column li.page a.actv {
					display: block;
					padding: 3px 0 3px 55px;
					color: #fff;
					background-color: #777;
					cursor: default;
				}
				#left-column li.page a.actv:hover {
					text-decoration: none;
				}


	
	#cellHandle {
		width: 7px;
		padding: 0 1px;
		text-align: center;
		vertical-align: middle;
		background-color: #ccc;
		/* background-image: url(../img/images/handle.gif); */
		background-repeat: repeat-y;
		background-position: center top; 
		/* cursor: e-resize;
		cursor: col-resize; */
		cursor: pointer;
	}
		#cellHandle img {
			width: 7px;
			border: none;
		}
	.cellHandleClps {
		background-image: url(../img/images/handle_collapse.gif);
	}
	.cellHandleExpd {
		background-image: url(../img/images/handle_expand.gif);
	}

	#cellContent {
		padding: 8px 12px 16px;
		vertical-align: top;
		background-color: #fff;
	}

#footer {
	position: fixed;
	bottom: 0;	
	width: 100%;
	height: 12px;
	max-height: 12px;

	padding: 2px 0;
	text-align: center;
	vertical-align: top;
	color: #fff;
	font-size: 10px;
	line-height: 12px;
	letter-spacing: 1px;
	border-top: 1px solid #fff;
	background-color: #333;
}