label {
	cursor: pointer;
}

	label input {
		margin-right: 2px;
	}

/* layout */
.wrapper {
}

.layout-fixed-width {
	position: relative;
	width: 1000px;
	height: 100%;
	text-align: left;
}

.layout-header {
	height: 55px;
	border-bottom: 3px solid #525252;
}

	.layout-header .layout-header-logo {
		position: absolute;
		top: 5px;
		left: 0;
		width: 175px;
		height: 40px;
	}

		.layout-header .layout-header-logo .layout-header-logo-default {
			border: 1px dashed #A0B3C1;
			height: 40px;
			padding-top: 5px;
			text-align: center;
			font-size: 12px;
			color: #A0B3C1;
		}

		.layout-header .layout-header-logo img {
			width: 175px;
			height: 40px;
		}

	.layout-header .layout-header-contents {
		position: absolute;
		top: 5px;
		right: 0;
		width: 800px;
		height: 40px;
	}

		.layout-header .layout-header-contents .layout-header-contents-test {
			position: absolute;
			top: 2px;
			left: 0;
		}

.layout-session {
	height: 40px;
	background-color: #EAEFF5;
	border-bottom: 1px solid #BCC7CD;
}

	.layout-session .layout-session-info {
		float: left;
		margin-top: 12px;
		margin-left: 5px;
	}

	.layout-session .layout-session-logout {
		float: left;
		width: 97px;
		height: 28px;
		margin-top: 5px;
		margin-left: 20px;
		background: url("../images/site/btns.gif") no-repeat 0 -54px;
	}

	.layout-session .layout-session-app {
		position: absolute;
		top: 12px;
		right: 280px;
		font-size: 12px;
	}

	.layout-session .layout-session-apimanual {
		position: absolute;
		top: 12px;
		right: 193px;
		font-size: 12px;
	}

	.layout-session .layout-session-sitemanual {
		position: absolute;
		top: 12px;
		right: 90px;
		font-size: 12px;
	}

	.layout-session .layout-session-favorite {
		position: absolute;
		top: 8px;
		right: 0;
		width: 77px;
		height: 23px;
		background: url("../images/site/btns.gif") no-repeat 0 -82px;
	}

.layout-body {
	padding: 15px 0 30px 0;
}

	.layout-body .layout-sidebar {
		float: left;
		width: 175px;
	}

		.layout-body .layout-sidebar > ul {
			position: relative;
			border-top: 1px solid #CFDAE0;
		}

			.layout-body .layout-sidebar > ul > li {
				position: relative;
			}

				.layout-body .layout-sidebar > ul > li > a {
					display: block;
					padding: 10px 0px 10px 30px;
					border: 1px solid #CFDAE0;
					border-top: 0;
					font-weight: bold;
					color: #324E5A;
					background: #FFF url("../images/site/sidebar_arrow_blue.gif") no-repeat 10px center;
				}

				.layout-body .layout-sidebar > ul > li.on {
				}

					.layout-body .layout-sidebar > ul > li.on > a {
						border-color: #0B71AF;
						background: #0B71AF url("../images/site/sidebar_arrow_blue_on.gif") no-repeat 10px center;
						color: #FFF;
					}

					.layout-body .layout-sidebar > ul > li.on > .arrow {
						background-position: 0 -13px;
					}

				.layout-body .layout-sidebar > ul > li > ul {
					padding: 5px 0;
					border: 1px solid #CFDAE0;
					border-top: 0;
					background-color: #F2F6F9;
				}

					.layout-body .layout-sidebar > ul > li > ul > li a {
						display: block;
						position: relative;
						letter-spacing: -1px;
						padding: 4px 0 4px 33px;
						background: url("../images/site/sidebar_dot.gif") no-repeat 21px 11px;
					}

						.layout-body .layout-sidebar > ul > li > ul > li a i {
							position: absolute;
							top: 6px;
							left: 17px;
						}

					.layout-body .layout-sidebar > ul > li > ul > li.on a {
						font-weight: bold;
						text-decoration: underline;
					}

					.layout-body .layout-sidebar > ul > li > ul > li a:hover {
						background-color: #D0E6EE;
					}


		.layout-body .layout-sidebar.layout-sidebar-manager > ul > li > a {
			background: #FFF url("../images/site/sidebar_arrow_green.gif") no-repeat 10px center;
		}

		.layout-body .layout-sidebar.layout-sidebar-manager > ul > li.on > a {
			border-color: #00847D;
			background: #00847D url("../images/site/sidebar_arrow_green_on.gif") no-repeat 10px center;
		}

		.layout-body .layout-sidebar.layout-sidebar-manager > ul > li > ul > li a:hover {
			background-color: #D0EEDF;
		}

	.layout-body .layout-contents {
		position: relative;
		float: right;
		width: 800px;
	}

		.layout-body .layout-contents .layout-contents-title {
			position: relative;
			height: 35px;
			padding-top: 5px;
			border-bottom: 1px solid #A0B3C1;
		}

			.layout-body .layout-contents .layout-contents-title h1 {
			}

			.layout-body .layout-contents .layout-contents-title .navi {
				position: absolute;
				bottom: 7px;
				right: 0;
			}

		.layout-body .layout-contents .layout-contents-body {
			padding-top: 15px;
		}

		.layout-body .layout-contents.layout-contents-full {
			position: relative;
			float: none;
			width: auto;
		}

.layout-footer {
	border-top: 2px solid #3B709C;
	height: 125px;
}

	.layout-footer .layout-fixed-width {
		padding-top: 15px;
	}

	.layout-footer .layout-footer-image {
		width: 1000px;
		height: 90px;
	}

		.layout-footer .layout-footer-image .layout-footer-image-default {
			border: 1px dashed #A0B3C1;
			height: 90px;
			padding-top: 35px;
			text-align: center;
			font-size: 12px;
			color: #A0B3C1;
		}

		.layout-footer .layout-footer-image img {
			width: 1000px;
			height: 90px;
		}

/* login */
.login {
}

	.login .login-box {
		position: relative;
		height: 220px;
		padding: 25px 0 0 30px;
		margin-top: 40px;
		border: 2px solid #4884A9;
		border-radius: 7px;
		background-color: #FFF;
	}

		.login .login-box h2 {
			margin-bottom: 15px;
			letter-spacing: -1px;
		}

		.login .login-box input[type=text], .login .login-box input[type=password] {
			width: 160px;
			height: 24px;
			padding: 0 7px;
			margin-left: 5px;
			font-size: 14px;
			letter-spacing: 1px;
		}

		.login .login-box .id, .login .login-box .pwd, .login .login-box .remember, .login .login-box .error, .login .login-box button {
			position: absolute;
			font-weight: bold;
		}

		.login .login-box .id, .login .login-box .pwd {
			width: 250px;
			text-align: right;
		}

		.login .login-box .remember {
			font-weight: normal;
		}

		.login .login-box button {
			height: auto;
			padding: 0;
			margin: 0;
			border: 0;
		}

		.login .login-box .error {
			font-size: 15px;
		}

		.login .login-box.login-user {
		}

			.login .login-box.login-user .id {
				top: 75px;
				left: 35px;
			}

			.login .login-box.login-user .pwd {
				top: 105px;
				left: 35px;
			}

			.login .login-box.login-user label {
				top: 137px;
				left: 125px;
			}

			.login .login-box.login-user .error {
				top: 170px;
				left: 125px;
				font-size: 15px;
			}

			.login .login-box.login-user button {
				top: 75px;
				left: 295px;
			}

		.login .login-box.login-guest {
		}

			.login .login-box.login-guest .id {
				top: 83px;
				left: 35px;
			}

				.login .login-box.login-guest .id input {
					height: 35px;
					font-size: 16px;
				}

			.login .login-box.login-guest .error {
				top: 150px;
				left: 125px;
				font-size: 15px;
			}

			.login .login-box.login-guest button {
				top: 75px;
				left: 295px;
			}

		.login .login-box.login-manager {
			border-color: lightgray;
		}

			.login .login-box.login-manager .pwd {
				top: 83px;
				left: 35px;
			}

				.login .login-box.login-manager .pwd input {
					height: 35px;
					font-size: 16px;
				}

			.login .login-box.login-manager button {
				top: 75px;
				left: 295px;
			}

			.login .login-box.login-manager .error {
				top: 150px;
				left: 125px;
				font-size: 15px;
			}

/* form */
input, textarea, select {
	border: 1px solid #B3B3B3;
	border-right-color: #DCDCDC;
	border-bottom-color: #DCDCDC;
	height: 22px;
	padding: 2px 0 0 2px;
	font-size: 12px;
	vertical-align: middle;
	*margin-top: -1px;
	*margin-bottom: -1px;
}

	input[type=checkbox], input[type=radio] {
		padding: 0;
		cursor: pointer;
	}

	input[type=file] {
		border: 0;
		padding: 0;
		margin: 0;
	}

	input[type=text][readonly], input[type=password][readonly], textarea[readonly], select[readonly] {
		background-color: #EAEAEA;
	}

	input[type=text][disabled], input[type=password][disabled], textarea[disabled], select[disabled] {
		background-color: #EAEAEA;
		color: #999;
	}

select {
	height: 22px;
	padding: 0 3px;
}

/* button */
button {
	height: 26px;
	padding: 0 6px;
	border: 1px solid #BDBEBF;
	border-radius: 3px;
	background: #FEFEFE linear-gradient(#FEFEFE, #F9F9F9);
	font-size: 12px;
	line-height: 1;
	vertical-align: middle;
	cursor: pointer;
}

	button.small {
		height: 19px;
		padding: 0 5px;
	}

	button.big {
		height: 30px;
		padding: 0 8px;
		font-weight: bold;
		font-size: 13px;
	}

	button.gray {
		border: 1px solid #BDBEBF;
		background: #EEEEEE linear-gradient(#EEEEEE, #E2E2E2);
	}

	button.lightred {
		border: 1px solid #CB3434;
		background: #FEFAFA linear-gradient(#FEFAFA, #FAEBEB);
		color: #CB3434;
	}

	button.red {
		border: 1px solid #CB3434;
		background: #E34949 linear-gradient(#E34949, #E34949);
		color: #FFF;
	}

	button.lightblue {
		border: 1px solid #6AA5C9;
		background: #FAFCFE linear-gradient(#FAFCFE, #E1EBF7);
		color: #055789;
	}

	button.blue {
		border: 1px solid #1879AA;
		background: #3B8AB3 linear-gradient(#3B8AB3, #1F7CAC);
		color: #FFF;
	}

	button[disabled] {
		border: 1px solid #e4e4e4;
		background: #eaeaea;
		color: #a0a0a0;
		text-shadow: #fff 1px 1px 1px;
		font-weight: normal;
	}

/* table */
table {
	width: 100%;
	font-size: 12px;
}

/* div.table-contents table, div.table-search table, div.table-list table */
div.table-contents table tr th, div.table-contents table tr td,
div.table-search table tr th, div.table-search table tr td,
div.table-list table tr th, div.table-list table tr td {
	height: 26px;
	padding: 2px;
	border: 1px solid #E2E2E2;
	border-top-width: 0;
}

	div.table-contents table tr th.ha-c, div.table-contents table tr td.ha-c,
	div.table-search table tr th.ha-c, div.table-search table tr td.ha-c,
	div.table-list table tr th.ha-c, div.table-list table tr td.ha-c {
		padding-left: 0;
		padding-right: 0;
	}

/* div.table-contents */
div.table-search {
	border-top: 2px solid #7E94A9;
}

	div.table-search table th {
		padding-left: 25px !important;
		background: #EBF2F8 url("../images/site/table_contents_arrow.gif") no-repeat 12px center;
		text-align: left;
		font-weight: normal;
	}

		div.table-search table th input[type=checkbox] {
			position: absolute;
			left: 7px;
			height: auto;
		}

	/* div.table-search thead */
	div.table-search table thead .last {
		border-bottom-width: 2px;
		border-bottom-color: #B1B9BC;
	}

	div.table-search table thead button.search-btn {
		background: none !important;
		width: auto !important;
		height: auto !important;
		border: 0 !important;
		padding: 0 !important;
	}

	/* div.table-contents tbody */
	div.table-search table tbody {
	}

		div.table-search table tbody th {
			background-color: #D7E4ED;
			border-color: #D2D2D2;
		}

		div.table-search table tbody td label {
			display: inline-block;
			width: 150px;
		}

		div.table-search table tbody tr:last-child th, div.table-search table tbody tr:last-child td {
			border-bottom-width: 2px;
			border-bottom-color: #B1B9BC;
		}

	/* div.table-contents tfoot */
	div.table-search table tfoot th, div.table-search table tfoot td {
		border: none;
		text-align: center;
		vertical-align: top;
		padding: 0;
	}

	div.table-search table tfoot .search-detail-btn {
		display: inline-block;
		*display: inline;
		*zoom: 1;
		width: 127px;
		height: 20px;
		padding-top: 2px;
		background: url("../images/site/search_more.gif") no-repeat center 0;
		color: #FFF;
		cursor: pointer;
	}

/* div.table-contents */
div.table-contents {
	border-top: 2px solid #888888;
}

	div.table-contents table tr th {
		padding-left: 25px !important;
		background: #f8f8f8 url("../images/site/table_contents_arrow.gif") no-repeat 12px center;
		text-align: left;
		font-weight: normal;
	}

	div.table-contents table tr td {
		padding-left: 7px;
		padding-right: 7px;
	}

/* div.table-list */
div.table-list {
	border-top: 2px solid #888888;
}

	div.table-list table tr th {
		padding-left: 0;
		padding-right: 0;
		background-color: #f8f8f8;
		text-align: center;
	}

	div.table-list div.table-list-blank {
		border: 1px solid #E2E2E2;
		border-top: 0;
		background-color: #F9F9F9;
	}

	div.table-list table tr.hover:hover {
		background-color: #E8F8FF;
		cursor: pointer;
	}

/* paging */
ul.paging {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

	ul.paging li {
		float: left;
		width: 22px;
		height: 22px;
		padding-top: 3px;
		cursor: pointer;
	}

		ul.paging li:hover {
			background-color: #EFEFEF;
		}

		ul.paging li.paging-on {
			color: #017BC8;
			font-weight: bold;
		}

		ul.paging li.paging-arrow {
			width: 16px;
			background: url("../images/site/paging_arrow.gif") no-repeat 0 2px;
		}

			ul.paging li.paging-arrow.paging-arrow-ll {
				background-position-x: 0;
				margin-right: 2px;
			}

			ul.paging li.paging-arrow.paging-arrow-l {
				background-position-x: -16px;
				margin-right: 4px;
			}

			ul.paging li.paging-arrow.paging-arrow-r {
				background-position-x: -32px;
				margin-left: 4px;
			}

			ul.paging li.paging-arrow.paging-arrow-rr {
				background-position-x: -48px;
				margin-left: 2px;
			}

			ul.paging li.paging-arrow:hover {
				background-position-y: -18px;
			}

			ul.paging li.paging-arrow.paging-disabled {
				background-position-y: -38px !important;
			}

/* dtp-helper */
.dtp-helper {
	padding-left: 5px;
}

	.dtp-helper img {
		cursor: pointer;
	}

/* tip */
.tip {
	padding: 15px 15px 15px 140px;
	min-height: 50px;
	border: 1px solid #E2E2E2;
	border-top-color: #727272;
	background: url("../images/site/tip_bg.gif") no-repeat 40px center;
}

	.tip ul {
		font-size: 12px;
	}

		.tip ul li {
			padding-left: 8px;
			line-height: 1.7;
			background: url("../images/site/tip_arrow.gif") no-repeat 0 9px;
		}

/* taxinvoice */
.taxinvoice {
}

	.taxinvoice th {
		color: #AB2B1E;
		text-align: center;
	}

	.taxinvoice .taxinvoice-taxcode {
		border: 2px solid #AB2B1E;
		border-bottom: 0;
	}

		.taxinvoice .taxinvoice-taxcode th, .taxinvoice .taxinvoice-taxcode td {
			padding: 4px;
		}

		.taxinvoice .taxinvoice-taxcode th {
			background-color: #AB2B1E;
			color: #FFF;
		}

	.taxinvoice .taxinvoice-form {
		border: 2px solid #AB2B1E;
	}

		.taxinvoice .taxinvoice-form table tr th, .taxinvoice .taxinvoice-form table tr td {
			border-top: 1px solid #D8B0AE;
			border-right: 1px solid #D8B0AE;
			height: 26px;
			padding: 2px;
		}

			.taxinvoice .taxinvoice-form table tr th input[type=text], .taxinvoice .taxinvoice-form table tr td input[type=text] {
				width: 100%;
				height: 100%;
				min-height: 22px;
				padding: 0 0 0 2px;
			}

		.taxinvoice .taxinvoice-form table tr th, .taxinvoice .taxinvoice-form table thead tr td {
			background-color: #FAF4F4;
			font-weight: normal;
		}

		.taxinvoice .taxinvoice-form .bt {
			border-top-color: #AB2B1E;
		}

		.taxinvoice .taxinvoice-form .br {
			border-right-color: #AB2B1E;
		}

		.taxinvoice .taxinvoice-form .bw {
			background-color: transparent;
		}

	/* taxinvoice - invoicee (blue) */
	.taxinvoice.taxinvoice-invoicee th {
		color: #024A75;
	}

	.taxinvoice.taxinvoice-invoicee .taxinvoice-form {
		border-color: #024A75;
	}

		.taxinvoice.taxinvoice-invoicee .taxinvoice-form table tr th, .taxinvoice.taxinvoice-invoicee .taxinvoice-form table tr td {
			border-color: #8AAAB9;
		}

		.taxinvoice.taxinvoice-invoicee .taxinvoice-form table tr th, .taxinvoice.taxinvoice-invoicee .taxinvoice-form table thead tr td {
			background-color: #EDF2F8;
		}

		.taxinvoice.taxinvoice-invoicee .taxinvoice-form .bt {
			border-top-color: #024A75;
		}

		.taxinvoice.taxinvoice-invoicee .taxinvoice-form .br {
			border-right-color: #024A75;
		}

	/* taxinvoice - system (black) */
	.taxinvoice.taxinvoice-system th {
		color: #3B3B3B;
	}

	.taxinvoice.taxinvoice-system .taxinvoice-form {
		border-color: #3B3B3B;
	}

		.taxinvoice.taxinvoice-system .taxinvoice-form table tr th, .taxinvoice.taxinvoice-system .taxinvoice-form table tr td {
			border-color: #A1A1A1;
		}

		.taxinvoice.taxinvoice-system .taxinvoice-form table tr th, .taxinvoice.taxinvoice-system .taxinvoice-form table thead tr td {
			background-color: #F2F2F2;
		}

		.taxinvoice.taxinvoice-system .taxinvoice-form .bt {
			border-top-color: #3B3B3B;
		}

		.taxinvoice.taxinvoice-system .taxinvoice-form .br {
			border-right-color: #3B3B3B;
		}

	/* taxinvoice - register */
	.taxinvoice.taxinvoice-register {
	}

		.taxinvoice.taxinvoice-register i.button {
			cursor: pointer;
			width: 100%;
			height: 100%;
			background-position: center center;
		}

/* taxinvoice-file */
.taxinvoice-file {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	height: 20px;
	padding-top: 2px;
}

	.taxinvoice-file:hover {
		text-decoration: underline;
	}

/* taxinvoice-relation */
.taxinvoice-relation {
	height: 25px;
	padding-top: 4px;
	margin: 2px 0;
	border: 1px solid #c29898;
	border-radius: 4px;
	background-color: #fcf1f1;
	cursor: pointer;
}

	.taxinvoice-relation:hover {
		background-color: #ede1e1;
	}

	.taxinvoice-relation li {
		float: left;
		padding-right: 7px;
		margin-right: 7px;
		border-right: 1px solid #cacaca;
		vertical-align: middle;
	}

		.taxinvoice-relation li.writedate {
			padding-left: 7px;
		}

		.taxinvoice-relation li.client {
			width: 305px;
		}

		.taxinvoice-relation li.amount {
			width: 100px;
			text-align: right;
		}

		.taxinvoice-relation li.button {
			padding: 0;
			margin: 0;
			border: 0;
		}

			.taxinvoice-relation li.button button {
				margin-top: -3px;
			}

	.taxinvoice-relation.taxinvoice-relation-modify {
	}

		.taxinvoice-relation.taxinvoice-relation-modify li.client {
			width: 265px;
		}

		.taxinvoice-relation.taxinvoice-relation-modify li.modifycode {
			width: 70px;
			text-align: center;
		}

	.taxinvoice-relation.taxinvoice-relation-edoc {
		border: 1px solid #A0B3C1;
		background-color: #edf6fc;
	}

		.taxinvoice-relation.taxinvoice-relation-edoc:hover {
			background-color: #e1e8ed;
		}

		.taxinvoice-relation.taxinvoice-relation-edoc li.subject {
			padding-left: 7px;
			width: 607px;
		}