@charset "utf-8";
@import url("reset.css");
@import url("base.css?v=1_1");
/* ------------------------------------------
		メインコンテンツ
--------------------------------------------- */
div.operation {
	clear: both;
	width: 100%;
	box-sizing: border-box;
	margin: 20px 0px;
	padding: 17px 0px;
	text-align: center;
	background: #fdebeb;
	border: 1px solid #cccccc;
}

	div.operation .left a, .oso_footer .left a {
		margin-right: 10px;
	}

	div.operation .left, .oso_footer .left {
		float: left;
		margin: 0px 0px 0px 10px;
	}

	div.operation .right, .oso_footer .right {
		float: right;
		margin: 0px 10px 0px 0px;
	}

		div.operation .right a, .oso_footer .right a {
			margin-left: 10px;
		}

	div.operation .left a, .authorityparts_footer .left a {
		margin-right: 10px;
	}

	div.operation .left, .authorityparts_footer .left {
		float: left;
		margin: 0px 0px 0px 10px;
	}

	div.operation .right, .authorityparts_footer .right {
		float: right;
		margin: 0px 10px 0px 0px;
	}

		div.operation .right a, .authorityparts_footer .right a {
			margin-left: 10px;
		}
/* ----------------------------
		ヘッダの操作ボタン
------------------------------ */
ul.buttonlist {
	margin: 5px 0px 0px 0px;
	padding: 0px;
	float: left;
}

	ul.buttonlist li {
		display: inline-block;
		margin-right: 10px;
		float: left;
	}

		ul.buttonlist li a {
			display: inline-block;
		}
/* ----------------------------
		ヘッダ固定
------------------------------ */
#customertitle {
	padding: 20px 0px 0px 0px;
}

	#customertitle h2 {
		margin-top: 0px;
	}

.customertitleFixed {
	width: 100%;
	margin: 0px 30px 0px 0px;
	position: fixed;
	top: 0;
	background: #FFF;
	z-index: 99;
	-webkit-box-shadow: 0 10px 6px -6px #ccc;
	-moz-box-shadow: 0 10px 6px -6px #ccc;
	box-shadow: 0 10px 6px -6px #ccc;
}

#iflame .customertitleFixed {
	width: auto;
	padding: 20px 0px 0px 0px;
	position: static;
}

@media (min-width: 1600px) {
	.customertitleFixed {
		width: 1500px;
	}
}

@media (min-width: 1900px) {
	.customertitleFixed {
		width: 1600px;
	}
}
/* ----------------------------
		TABLE関連
------------------------------ */
table.list {
	border-collapse: collapse;
	/* border-left: 1px solid #E5E5E5;*/
	border-bottom: 1px solid #E5E5E5;
	/* border-top: 1px solid #E5E5E5; */
	background: #FFF;
	width: 100%;
	clear: both;
}
table.list.noborder {
	border-bottom: 0px none;
}

table.fixed {
	table-layout: fixed;
}

table.even tr:nth-child(even) {
	background: #f9f9f9;
}

table.sticky thead th {
	position: -webkit-sticky;
	position: sticky;
	top: 0px;
}

table.list th.title {
	padding: 5px;
	border-top: 1px solid #E5E5E5;
	border-right: 1px solid #E5E5E5;	
	border-left: 1px solid #E5E5E5;
	background: #F2F2F2;
	white-space: nowrap;
	vertical-align: middle;
	font-weight: normal;
	font-weight: bold;
}

table.list th.leftfix {
	border-right: 1px solid #1f8fcc !important;
}

table.list th.rowspan {
	border-bottom: 1px solid #E5E5E5;
}

table.list th.vertical {
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	align-items: center;
	min-height: 8em;
}

table.list th.title img {
	vertical-align: middle;
}

table.list th.title a {
	text-decoration: none;
	color: #258CD1;
}

table.list th.active {
	border-bottom: 2px solid #eb5339;
}

table.list th.spec {
	padding: 5px;
	border-top: 1px solid #E5E5E5;
	border-right: 1px solid #1f8fcc;
	background: #f9f9f9;
	text-align: left;
	vertical-align: top;
	white-space: nowrap;
}

table.list th.spec2 {
	padding: 5px;
	border-top: 1px solid #E5E5E5;
	border-right: 1px solid #E5E5E5;
	background: #fefefe;
	text-align: left;
	vertical-align: top;
	font-weight: normal;
	white-space: nowrap;
}

table.list th.spec3 {
	padding: 5px;
	border-top: 1px solid #E5E5E5;
	border-right: 1px solid #E5E5E5;
	background: #f9f9f9;
	text-align: left;
	vertical-align: top;
	white-space: nowrap;
}

table.list th.level_2 {
	padding-left: 20px;
}

table.list th.level_3 {
	padding-left: 40px;
}

table.list th.level_4 {
	padding-left: 60px;
}

table.list th.level_5 {
	padding-left: 80px;
}

table.list th.level_6 {
	padding-left: 100px;
}

table.list th.level_7 {
	padding-left: 120px;
}

table.list th.level_8 {
	padding-left: 140px;
}

table.list th.level_9 {
	padding-left: 160px;
}

table.list td {
	padding: 7px 5px;
	border-top: 1px solid #E5E5E5;
	border-right: 1px solid #E5E5E5;
	border-left: 1px solid #E5E5E5;
	vertical-align: middle;
}

	table.list td.checkbox_td {
		padding: 0px;
	}

		table.list td.checkbox_td label {
			display: block;
			width: 30px;
			height: 25px;
			text-align: center;
			padding: 5px 0px 0px 0px;
		}

	table.list td a.detail {
		width: 16px;
		height: 16px;
		display: inline-block;
		margin: 0px 0px 0px 5px;
		vertical-align: middle;
		background: url(../images/icon_info.png) no-repeat 0px 3px;
	}

		table.list td a.detail:hover {
			background: url(../images/icon_info_hover.png) no-repeat 0px 3px;
		}

	table.list td a.customer_detail {
		width: 16px;
		height: 16px;
		display: inline-block;
		margin: 0px 0px 0px 0px;
		vertical-align: middle;
		background: url(../images/icon_customer.png) no-repeat 0px 3px;
	}

		table.list td a.customer_detail:hover {
			background: url(../images/icon_customer_hover.png) no-repeat 0px 3px;
		}

	table.list td a.workflow_detail {
		width: 16px;
		height: 16px;
		display: inline-block;
		margin: 0px 0px 0px 0px;
		vertical-align: middle;
		background: url(../images/icon_search_hint.png) no-repeat 0px 0px;
	}

		table.list td a.workflow_detail:hover {
			background: url(../images/icon_search_hint_hover.png) no-repeat 0px 0px;
		}

	table.list td a:hover, table.form td a:hover {
		color: #F00;
	}

	table.list td.vertical_top {
		vertical-align: top;
	}

	table.list td a.float_right {
		float: right;
	}

table.fixed th.spec {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

table.fixed td {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

textarea {
	white-space: pre-wrap;
}

table.list td.subtotal {
	border-top: 1px solid #E5E5E5;
}

table.list th.check {
	padding: 5px 0px !important;
	width: 30px;
}

table.list td.limit {
	color: #F00;
	font-weight: bold;
}

table.list tr.th_fixed {
}

table.list tfoot tr {
	color: #C5C5C5;
}

table.list tfoot td {
	border: none;
	border-top: 1px solid #E5E5E5;
	padding-top: 20px;
	padding-bottom: 20px;
}

table.form {
	border-collapse: collapse;
	border-left: 1px solid #E5E5E5;
	border-bottom: 1px solid #999;
	background: #FFF;
	width: 100%;
	clear: both;
}

	table.form th {
		text-align: left;
		padding: 10px 10px;
		background: #F2F2F2;
		border-top: 1px solid #E5E5E5;
		border-right: 1px solid #b3b3b3;
		vertical-align: middle;
	}

		table.form th.top {
			border-top: 3px solid #E5E5E5;
		}

		table.form th.top2 {
			border-top: 1px solid #999;
		}

	table.form td {
		padding: 10px 10px;
		border-top: 1px solid #E5E5E5;
		border-right: 1px solid #E5E5E5;
		vertical-align: middle;
	}

	table.form div.tdinner dl {
		float: left;
		margin-right: 20px;
	}

	table.form td.top {
		border-top: 3px solid #E5E5E5;
	}

	table.form td.top2 {
		border-top: 1px solid #999;
	}

table td.border-top-none {
	border-top: none;
}

table td.border-right-none {
	border-right: none;
}

table td.earnings {
	font-size: 14px;
	font-weight: bold;
	text-align: right;
}

table td.sign {
}

table td.earnings input {
	font-size: 16px;
	font-weight: bold;
	text-align: right;
	font-family: Verdana, Geneva, sans-serif;
}

table td.earnings span {
	font-size: 12px;
	font-weight: normal;
	margin-right: 20px;
}

table td.pay, table td.pay input, table td span.pay {
	color: #F00;
}

table td.right {
	text-align: right;
}

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

table th.customer, table td.customer {
	border-right: none !important;
}

table td.plice, table td.plice input {
	text-align: right; /*font-family:Verdana, Geneva, sans-serif;*/
}

table td.active {
	background: #f9f9f9;
	font-weight: bold;
}

td a, td a:visited {
	color: #258CD1;
}

table.list tr.even {
	background-color: #f9f9f9;
}

table.form th div, table.list th div, table.target_search div {
	margin: 0;
	position: relative;
}

span.required, span._required {
	font-size: 10px;
	font-weight: normal;
	background: #ed741a;
	color: #FFF;
	padding: 1px 4px;
	position: absolute;
	right: 0;
	border-radius: 2px;
	-moz-box-shadow: 0 1px 2px #ddd;
	-webkit-box-shadow: 0 1px 2px #ddd;
}

span.radio_clear {
	position: absolute;
	right: 0;
}

	span.radio_clear a.eraser_icon {
		display: inline-block;
		width: 16px;
		height: 16px;
		background: url(../images/icon_eraser.png) no-repeat 0 0;
	}

span.icon {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: 0px 5px 0px 0px;
	vertical-align: middle;
}

span.folder {
	cursor: pointer;
	padding-left: 32px;
	background: url(../images/icon_folder.png) no-repeat 0px 0px;
	background-size: 24px 18px;
}

span.old_folder {
	cursor: pointer;
	padding-left: 32px;
	background: url(../images/icon_folder_gray.png) no-repeat 0px 0px;
	background-size: 24px 18px;
}

span.file {
	cursor: default;
	padding-left: 32px;
	background: url(../images/icon_file.png) no-repeat 0px 0px;
	background-size: 24px 18px;
}

	span.file.invalid {
		background: url(../images/icon_file_gray.png) no-repeat 0px 0px;
		background-size: 24px 18px;
	}

span.files {
	cursor: default;
	padding-left: 32px;
	background: url(../images/icon_files.png) no-repeat 0px 0px;
	background-size: 24px 18px;
}

span.arrow_right {
	cursor: pointer;
	padding-left: 18px;
	background: url(../images/icon_arrow_right_black.png) no-repeat 0px 2px;
	background-size: 12px 12px;
}

span.arrow_down {
	cursor: pointer;
	padding-left: 18px;
	background: url(../images/icon_arrow_down_black.png) no-repeat 0px 2px;
	background-size: 12px 12px;
}

span.loading {
	cursor: default;
	padding-left: 18px;
	background: url(../images/loader.gif) no-repeat 0px 2px;
	background-size: 14px 14px;
}

span.icon_edit {
	margin-right: 5px;
}

tr.total1 {
	border-top: 2px groove #e5e5e5;
	border-bottom: 2px groove #e5e5e5;
	background: #f9f9f9;
}

	tr.total1 td {
		font-weight: bold;
	}

tr.total2 {
	border-top: 2px groove #e5e5e5;
}

tr.edit, td.edit {
	background: #fcf3f3 !important;
	border: 2px solid #f2c2ca !important;
}

td.split {
	border-top: none !important;
}

span.edit_del {
	display: inline-block;
	margin: 0px 0px 0px 5px;
}

	span.edit_del img {
		vertical-align: middle;
	}

tr.clickable:hover td {
	/* background: #ecf2fa; */
	background: #ecf2fa;
	cursor: pointer;
}
tr.group-left td:first-child {
	border-left: 8px solid red;
}

tr.group-top td {
	border-top: 2px solid red;
}

tr.group-bottom td {
	border-bottom: 2px solid red;
}

tr.group-right td:last-child {
	border-right: 2px solid red;
}
table.menutable tr select {
	width: 180px;
	margin: -4px 10px -3px 0px;
	padding: 2px;
}

tr.sortable_target {
	cursor: move;
}

.level2 {
	padding-left: 1em;
}

.level3 {
	padding-left: 2em;
}

.difference {
	background-color: #ffa0a0 !important;
	font-weight: bold !important;
	font-style: oblique;
	text-shadow: 1px 1px 3px #fff;
}

a.disabled {
	text-decoration: none !important;
	color: #aaa !important;
	cursor: default;
}

a.windowopen.disabled {
	background: none;
}
/* ----------------------------
	文字数が多い場合は一部カット
------------------------------ */
p.textoverflow {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 0.8em;
}

#WorkHistoryWrap p.textoverflow {
	max-width: 250px;
}

#target_list p.textoverflow {
	max-width: 250px;
}
/* ----------------------------
	一覧画面用ツールチップ
------------------------------ */
._mark_newicon {
	z-index: 999;
}

.caution_tooltip {
	cursor: pointer;
}

div.baloon {
	position: absolute;
	top: -10px;
	left: 25px;
	padding: 8px;
	background: #666;
	border: 1px solid #f5520c;
	color: #FFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 8px #999; /* Firefox */
	-webkit-box-shadow: 0 0 8px #999; /* Safari and Chrome */
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#999', Direction=135, Strength=3); /* IE */
	box-shadow: 0 0 8px #999; /* Browsers that Support it like Opera */
}

	div.baloon:after, div.baloon:before {
		right: 100%;
		top: 16px;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
	}

	div.baloon:after {
		border-color: rgba(213, 209, 173, 0);
		border-right-color: #666;
		border-width: 6px;
		margin-top: -6px;
	}

	div.baloon:before {
		border-color: rgba(245, 82, 12, 0);
		border-right-color: #f5520c;
		border-width: 7px;
		margin-top: -7px;
	}
/* ----------------------------
		集計Table
------------------------------ */
table.list td.budget {
	text-align: right;
	font-family: Verdana, Geneva, sans-serif;
}

table.list td.results {
	text-align: right;
	font-family: Verdana, Geneva, sans-serif;
}

table.list td.cjisseki {
	cursor: pointer;
	color: #258CD1;
}

	table.list td.cjisseki:hover {
		background-color: #fefaee;
		text-decoration: underline;
	}

table.list td.rate {
	background-color: #fefaee;
	font-weight: bold;
	text-align: right;
	font-family: Verdana, Geneva, sans-serif;
	border-left: 1px double #1f8fcc;
}

table.list tr.rate {
	background-color: #fefaee;
	font-weight: bold;
	text-align: right;
	font-family: Verdana, Geneva, sans-serif;
	border-top: 1px double #1f8fcc;
}

table.list tr.rate2 {
	background-color: #f9fcd9;
	font-weight: bold;
	text-align: right;
	font-family: Verdana, Geneva, sans-serif;
	border-top: 1px double #1f8fcc;
}

table.list tr.old {
	color: #aaa;
}

table.list th.rank {
	text-align: center;
	padding: 5px;
	border-top: 1px solid #E5E5E5;
	border-right: 1px solid #E5E5E5;
	background: #f9f9f9;
	font-family: Verdana, Geneva, sans-serif;
}

table.list th.itemname, table.list th.class {
	font-weight: normal;
	font-size: 11px;
}

.itemname_y {
	font-weight: normal;
	font-size: 11px;
	text-align: right;
}

tr.total1 th.spec {
	font-size: 11px;
	text-align: right;
}
/* ----------------------------
		セル幅
------------------------------ */
col.date {
	width: 120px;
}

col.stuff {
	width: 80px;
}

col.string2 {
	width: 40px;
}

col.string4 {
	width: 65px;
}

table.list th.date {
	width: 110px;
}

table.list th.branch {
	width: 105px;
}

table.list th.stuff {
	width: 80px;
}

table.list th.lease {
	width: 160px;
}

table.list th.id {
	width: 70px;
}

table.list th.plice {
	width: 90px;
}

table.list th.datetime {
	width: 170px;
}
/* ----------------------------
		セルの色
------------------------------ */
.bg_light_red {
	background-color: #f9d2cb !important;
}

.bg_orange {
	background-color: #f5d2a9 !important;
}

.bg_light_orange {
	background-color: #fae5ba !important;
}

.bg_light_green {
	background-color: #ebfab7 !important;
}

.bg_blue {
	background-color: #009BCE !important;
}

.bg_light_blue {
	background-color: #d2e3f3 !important;
}

.bg_month_finish {
	background-color: #90ee90 !important;
}

.bg_br_finish {
	background-color: #fffacd !important;
}

.bg_akaden {
	background-color: #fcf3f3 !important;
	color: #F00 !important;
}

tr.cancel, tr.cancel td a {
	background-color: #fcf3f3 !important;
	color: #F00 !important;
	text-decoration: line-through;
}

.bg_light_rentalupdata {
	background-color: #fae5ba !important;
	color: #F00 !important;
}

.bg_suppot_none, .bg_suppot_none a {
	background-color: #fcf3f3 !important;
	color: #F00 !important;
}

.bg_invalid, .bg_invalid a {
	background-color: #dcdcdc !important;
	/*color: #FFF !important;*/
}

.bg_gray {
	background-color: #aaa !important;
}

.bg_light_gray {
	background-color: #eee !important;
}

tr.current {
	background-color: #ecf2fa !important;
	font-weight: bold;
}

.bg_temp {
	font-weight: bold;
}

.bg_progress {
	color: #aaa;
}

	.bg_progress td a {
		color: #72b0d9;
	}

.bg_remand {
	background-color: #fceed8 !important;
	color: #ff6600;
}

.bg_oso_cation {
	background-color: #fcf3f3 !important;
	font-weight: bold;
}

.bg_oso_finish, bg_cancel {
	background-color: #fcfcfc;
	color: #999;
}

.bg_akaden.bg_month_finish {
	background-color: #90ee90 !important;
	color: #F00 !important;
}

.bg_akaden.bg_br_finish {
	background-color: #fffacd !important;
	color: #F00 !important;
}

.bg_akaden a {
	color: #F00 !important;
}

.bg_history {
	background-color: #f9e3e3 !important;
}

.bg_active {
	background-color: #ecf2fa;
	font-weight: bold;
}

.un_process {
	background-color: #ed741a !important;
	color: #FFF;
}

	.un_process a {
		color: #FFF !important;
	}

.workflow_approval {
	background-color: #ffebcd;
	font-weight: bold;
	color: #ce4a44;
}

tr.clickable.un_process:hover td {
	color: #555 !important;
}

	tr.clickable.un_process:hover td a {
		color: #258CD1 !important;
	}

.classification span {
	background: #777;
	color: #fff !important;
	font-weight: bold !important;
	display: inline-block;
	padding: 3px 10px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin: -3px 0px;
}

	.classification span.akaden {
		background: #F00;
		color: #fff !important;
	}
/* ----------------------------
		フォーム関連
------------------------------ */
input[type=text], input[type=password], textarea {
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-box-shadow: 0 1px 2px #ddd;
	-webkit-box-shadow: 0 1px 2px #ddd;
	border: 1px solid #CCC;
	color: #555555;
	padding: 4px;
	margin: 0px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

	input[type=text].required, input[type=password], textarea.required, input[type=text]._required, textarea._required {
		background: #fcf3f3;
		border: 1px solid #f2c2ca;
	}

		input[type=text].required:disabled, input[type=password]:disabled, textarea.required:disabled, input[type=text]._required:disabled, textarea._required:disabled {
			background: #ebebe4;
			border: 1px solid #cccccc;
		}

input[type=radio], input[type=checkbox] {
	vertical-align: middle;
}

input.plice, input.money {
	text-align: right;
	font-family: Verdana, Geneva, sans-serif;
}

input.money, input.number {
	ime-mode: disabled;
	font-family: Verdana, Geneva, sans-serif;
}

input.money.pay, input.number.pay {
	color: #f00 !important;
}

input::-webkit-input-placeholder { 
	color: #ccc;
}
input:-ms-input-placeholder {
	color: #ccc;
}
input::placeholder {
	color: #ccc
}

td.center input[type=text] {
	text-align: center;
}

label {
	cursor: pointer;
}

.ime-disabled {
	ime-mode: disabled;
}

select {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: 0 1px 2px #ddd;
	-webkit-box-shadow: 0 1px 2px #ddd;
	box-shadow: 0 1px 2px #ddd;
	border: 1px solid #CCC;
	color: #333333;
	padding: 3px;
	background: url(../images/input_bg.gif);
}

	select[multiple] {
		background: none;
	}

input.dateselect {
	width: 120px;
}

.selectmenu_branch {
	width: 200px;
}

.selectmenu_dealer {
	width: 200px;
}

.selectmenu_lease {
	width: 200px;
}

.selectmenu_sales {
	width: 180px;
}

.searchDeadlineGroupId {
	width: 270px;
}

td.month_finish {
	background: url(../images/icon_checked.png) no-repeat 5px 9px;
}

/* ----------------------------
		エラーメッセージ
------------------------------ */
.errormsg.date-error {
	display: inline;
}

.errormsg > span {
	margin: 5px 0px 5px 0px;
	font-size: 12px;
	background: #ed741a;
	color: #FFF;
	padding: 5px 10px;
	border-radius: 2px;
	-moz-box-shadow: 0 1px 2px #ddd;
	-webkit-box-shadow: 0 1px 2px #ddd;
}

.errormsg.date-error > span {
	margin: 0px 0px 0px 10px;
}

.warning > span {
	margin: 5px 0px 5px 0px;
	font-size: 12px;
	font-weight: bold;
	background: #FFC;
	border: 1px solid #ed741a;
	color: #ed741a;
	padding: 5px 10px;
	border-radius: 2px;
	-moz-box-shadow: 0 1px 2px #ddd;
	-webkit-box-shadow: 0 1px 2px #ddd;
}

#name-error {
	line-height: 240%;
}

td div.errormsg span, td div.warning span {
	margin: 5px 0px 0px 0px;
}
/* styles for validation helpers */
.field-validation-error {
	display: inline-block;
}

	.field-validation-error.date-error {
		display: inline;
	}

.field-validation-valid {
	display: none;
}

input.input-validation-error {
	border: 1px solid #e80c4d;
}

input[type="checkbox"].input-validation-error {
	border: 0 none;
}

.validation-summary-errors {
	color: #e80c4d;
	font-weight: bold;
	font-size: 1.1em;
}

.validation-summary-valid {
	display: none;
}

/* ----------------------------
		ボタン
------------------------------ */
a.btn_ope, a:visited.btn_ope {
	padding: 6px 10px;
	font-size: 14px;
	background-image: url(../images/btn_bg.png);
	background-repeat: repeat-x;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #CCC;
	text-decoration: none;
	color: #000;
	-moz-box-shadow: 0 1px 2px #ddd;
	-webkit-box-shadow: 0 1px 2px #ddd;
	box-shadow: 0 1px 2px #ddd;
	white-space: nowrap;
}

	a.btn_ope:focus, a:visited.btn_ope:focus {
		border: #FF0 1px solid;
	}

a.navy, a:visited.navy {
	color: #fff;
	border: 1px solid #0082c9;
	background-color: #0082c9;
}

a.orange {
	border: 1px solid #ccc;
	background-color: #fad42e;
}

a.gray {
	border: 1px solid #ccc;
	background-color: #ededed;
}

a.small {
	padding: 5px 5px;
	font-size: 11px;
}

a.ok {
	width: 60px;
}

a.btn_ope.disabled {
	opacity: 0.5;
	cursor: default;
}

a.lastmonth {
	width: 22px;
	margin: 0px 5px -11px 20px;
	padding: 5px 2px;
	text-indent: -9999px;
	white-space: nowrap;
	overflow: hidden;
	display: inline-block;
	background-image: url(../images/btn_bg.png), url(../images/icon_lastmonth.png);
	background-repeat: repeat-x, no-repeat;
	background-position: 0 0, 10px 9px;
}

a.nextmonth {
	width: 20px;
	margin: 0px 0px -11px 5px;
	padding: 5px 2px;
	text-indent: -9999px;
	white-space: nowrap;
	overflow: hidden;
	display: inline-block;
	background-image: url(../images/btn_bg.png), url(../images/icon_nextmonth.png);
	background-repeat: repeat-x, no-repeat;
	background-position: 0 0, 10px 9px;
}

a.add {
	padding-left: 26px;
	background-image: url(../images/btn_bg.png), url(../images/icon_add.png);
	background-repeat: repeat-x, no-repeat;
	background-position: 0 0, 7px 9px;
}

a.gray.add {
	background-image: url(../images/btn_bg.png), url(../images/icon_add_small.png);
}

a.refresh {
	padding-left: 26px;
	background-image: url(../images/btn_bg.png), url(../images/icon_refresh.png);
	background-repeat: repeat-x, no-repeat;
	background-position: 0 0, 7px 9px;
}

a.add_small {
	padding-left: 22px;
	background-image: url(../images/btn_bg.png), url(../images/icon_add_small.png);
	background-repeat: repeat-x, no-repeat;
	background-position: 0 0, 5px 6px;
}

a.delete {
	padding-left: 30px;
	background-image: url(../images/btn_bg.png), url(../images/icon_delete.png);
	background-repeat: repeat-x, no-repeat;
	background-position: 0 0, 7px 9px;
}

	a.delete.disabled {
		background-image: url(../images/btn_bg.png), url(../images/icon_delete_gray.png);
	}

a.close {
	padding-left: 26px;
	background-image: url(../images/btn_bg.png), url(../images/icon_close.png);
	background-repeat: repeat-x, no-repeat;
	background-position: 0 0, 7px 9px;
}

a.cancel {
	padding-left: 26px;
	background-image: url(../images/btn_bg.png), url(../images/icon_cancel.png);
	background-repeat: repeat-x, no-repeat;
	background-position: 0 0, 7px 9px;
}

a.small.close {
	background-position: 0 0, 5px 7px;
}

a.delete_small {
	padding-left: 24px;
	background-image: url(../images/btn_bg.png), url(../images/icon_delete.png);
	background-repeat: repeat-x, no-repeat;
	background-position: 0 0, 5px 6px;
}

a.write_small {
	padding-left: 24px;
	background-image: url(../images/btn_bg.png), url(../images/icon_write.png);
	background-repeat: repeat-x, no-repeat;
	background-position: 0 0, 5px 6px;
}

a.save_small {
	padding-left: 24px;
	background-image: url(../images/btn_bg.png), url(../images/icon_save.png);
	background-repeat: repeat-x, no-repeat;
	background-position: 0 0, 5px 6px;
}

a.save {
	padding-left: 28px;
	background-image: url(../images/btn_bg.png), url(../images/icon_save.png);
	background-repeat: repeat-x, no-repeat;
	background-position: 0 0, 7px 9px;
}

a.gray.save {
	background-image: url(../images/btn_bg.png), url(../images/icon_save_gray.png);
}

a.navy.small.save {
	background-position: 0 0, 5px 6px;
}

a.back {
	padding-left: 26px;
	background-image: url(../images/btn_bg.png), url(../images/icon_back.png);
	background-repeat: repeat-x, no-repeat;
	background-position: 0 0, 7px 9px;
}

a.next {
	padding-right: 26px;
	background-image: url(../images/btn_bg.png), url(../images/icon_next.png);
	background-repeat: repeat-x, no-repeat;
	background-position: 0 0, right 7px top 9px;
}

a.arrow_left {
	padding-left: 22px;
	background-image: url(../images/btn_bg.png), url(../images/icon_arrow_left.png);
	background-repeat: repeat-x, no-repeat;
	background-position: 0 0, 5px 6px;
}

a.arrow_right {
	padding-right: 22px;
	background-image: url(../images/btn_bg.png), url(../images/icon_arrow_right.png);
	background-repeat: repeat-x, no-repeat;
	background-position: 0 0, right 5px top 6px;
}

a.copy {
	padding-left: 26px;
	background-image: url(../images/btn_bg.png), url(../images/icon_copy.png);
	background-repeat: repeat-x, no-repeat;
	background-position: 0 0, 7px 9px;
}

a.copy_small {
	padding-left: 28px;
	background-image: url(../images/btn_bg.png), url(../images/icon_copy.png);
	background-repeat: repeat-x, no-repeat;
	background-position: 0 0, 5px 6px;
}

a.edit {
	padding-left: 26px;
	background-image: url(../images/btn_bg.png), url(../images/icon_edit.png);
	background-repeat: repeat-x, no-repeat;
	background-position: 0 0, 7px 9px;
}

a.small.edit {
	background-position: 0 0, 5px 6px;
}

a.edit.disabled {
	background-image: url(../images/btn_bg.png), url(../images/icon_edit_gray.png);
}

a.print {
	padding-left: 26px;
	background-image: url(../images/btn_bg.png), url(../images/icon_print.png);
	background-repeat: repeat-x, no-repeat;
	background-position: 0 0, 7px 9px;
}

	a.print.disabled {
		background-image: url(../images/btn_bg.png), url(../images/icon_print_gray.png);
	}

a.navy.print {
	background-image: url(../images/btn_bg.png), url(../images/icon_print_white.png);
}

a.excel {
	padding-left: 28px;
	background-image: url(../images/btn_bg.png), url(../images/icon_excel.png);
	background-repeat: repeat-x, no-repeat;
	background-position: 0 0, 7px 9px;
}

a.csv {
	padding-left: 28px;
	background-image: url(../images/btn_bg.png), url(../images/icon_csv.png);
	background-repeat: repeat-x, no-repeat;
	background-position: 0 0, 7px 9px;
}

a.navy.excel {
	background-image: url(../images/btn_bg.png), url(../images/icon_excel_white.png);
}

a.navy.csv {
	background-image: url(../images/btn_bg.png), url(../images/icon_csv_white.png);
}

a.pdf {
	padding-left: 28px;
	background-image: url(../images/btn_bg.png), url(../images/icon_pdf.png);
	background-repeat: repeat-x, no-repeat;
	background-position: 0 0, 7px 9px;
}

a.order {
	padding-left: 26px;
	background-image: url(../images/btn_bg.png), url(../images/icon_ordersheet.png);
	background-repeat: repeat-x, no-repeat;
	background-position: 0 0, 7px 9px;
}

a.navy.order {
	background-image: url(../images/btn_bg.png), url(../images/icon_ordersheet_white.png);
}

a.order.disabled {
	background-image: url(../images/btn_bg.png), url(../images/icon_order_gray.png);
}

a.salesslip {
	padding-left: 26px;
	background-image: url(../images/btn_bg.png), url(../images/icon_salesslip.png);
	background-repeat: repeat-x, no-repeat;
	background-position: 0 0, 7px 9px;
}

a.setting {
	padding-left: 26px;
	background-image: url(../images/btn_bg.png), url(../images/icon_setting.png);
	background-repeat: repeat-x, no-repeat;
	background-position: 0 0, 7px 9px;
}

a.search {
	padding-left: 25px;
	background-image: url(../images/btn_bg.png), url(../images/icon_search.png);
	background-repeat: repeat-x, no-repeat;
	background-position: 0 0, 7px 5px;
}

a.receipt {
	padding-left: 25px;
	background-image: url(../images/btn_bg.png), url(../images/icon_receipt.png);
	background-repeat: repeat-x, no-repeat;
	background-position: 0 0, 7px 9px;
}

a.delivery {
	padding-left: 25px;
	background-image: url(../images/btn_bg.png), url(../images/icon_delivery.png);
	background-repeat: repeat-x, no-repeat;
	background-position: 0 0, 7px 9px;
}

a.mail {
	padding-left: 25px;
	background-image: url(../images/btn_bg.png), url(../images/icon_mail.png);
	background-repeat: repeat-x, no-repeat;
	background-position: 0 0, 7px 9px;
}

a.pause {
	padding-left: 25px;
	background-image: url(../images/btn_bg.png), url(../images/icon_pause.png);
	background-repeat: repeat-x, no-repeat;
	background-position: 0 0, 7px 9px;
}

a.start {
	padding-left: 25px;
	background-image: url(../images/btn_bg.png), url(../images/icon_start.png);
	background-repeat: repeat-x, no-repeat;
	background-position: 0 0, 7px 9px;
}

a.eraser {
	padding-left: 25px;
	background-image: url(../images/btn_bg.png), url(../images/icon_eraser.png);
	background-repeat: repeat-x, no-repeat;
	background-position: 0 0, 7px 5px;
}

a.checklist {
	padding-left: 25px;
	background-image: url(../images/btn_bg.png), url(../images/icon_checklist.png);
	background-repeat: repeat-x, no-repeat;
	background-position: 0 0, 7px 9px;
}

a.import {
	padding-left: 25px;
	background-image: url(../images/btn_bg.png), url(../images/icon_import.png);
	background-repeat: repeat-x, no-repeat;
	background-position: 0 0, 7px 9px;
}

a.export {
	padding-left: 25px;
	background-image: url(../images/btn_bg.png), url(../images/icon_export.png);
	background-repeat: repeat-x, no-repeat;
	background-position: 0 0, 7px 9px;
}

a.export_no {
	padding-left: 25px;
	background-image: url(../images/btn_bg.png), url(../images/icon_export_no.png);
	background-repeat: repeat-x, no-repeat;
	background-position: 0 0, 7px 9px;
}

a.selectbtn {
	padding: 3px 4px 3px 22px;
	background-image: url(../images/btn_bg.png), url(../images/icon_add_small.png);
	background-repeat: repeat-x, no-repeat;
	background-position: 0 0, 4px 4px;
}

a.company {
	padding: 3px 4px 3px 22px;
	background-image: url(../images/btn_bg.png), url(../images/icon_company.png);
	background-repeat: repeat-x, no-repeat;
	background-position: 0 0, 4px 4px;
}

a.checked {
	padding-left: 25px;
	background-image: url(../images/btn_bg.png), url(../images/icon_checked.png);
	background-repeat: repeat-x, no-repeat;
	background-position: 0 0, 7px 11px;
}

a.nocheck {
	padding-left: 25px;
	background-image: url(../images/btn_bg.png), url(../images/icon_check.png);
	background-repeat: repeat-x, no-repeat;
	background-position: 0 0, 7px 11px;
}

a.person {
	padding-left: 20px;
	background-image: url(../images/btn_bg.png), url(../images/icon_person.png);
	background-repeat: repeat-x, no-repeat;
	background-position: 0 0, 3px 5px;
}

a.files {
	padding-left: 25px;
	background-image: url(../images/btn_bg.png), url(../images/icon_files.png);
	background-repeat: repeat-x, no-repeat;
	background-position: 0 0, 6px 6px;
}

a.map {
	padding-left: 28px;
	background-image: url(../images/btn_bg.png), url(../images/icon_map.png);
	background-repeat: repeat-x, no-repeat;
	background-position: 0 0, 7px 9px;
}

a.graph {
	padding-left: 28px;
	background-image: url(../images/btn_bg.png), url(../images/icon_graph.png);
	background-repeat: repeat-x, no-repeat;
	background-position: 0 0, 7px 9px;
}

a.weekly {
	padding-left: 28px;
	background-image: url(../images/btn_bg.png), url(../images/icon_weekly.png);
	background-repeat: repeat-x, no-repeat;
	background-position: 0 0, 7px 6px;
}

a.dayly {
	padding-left: 28px;
	background-image: url(../images/btn_bg.png), url(../images/icon_dayly.png);
	background-repeat: repeat-x, no-repeat;
	background-position: 0 0, 7px 6px;
}

a.layout {
	padding-left: 28px;
	background-image: url(../images/btn_bg.png), url(../images/icon_layout.png);
	background-repeat: repeat-x, no-repeat;
	background-position: 0 0, 7px 9px;
}

a.reset {
	padding-left: 25px;
	background-image: url(../images/btn_bg.png), url(../images/icon_reset.png);
	background-repeat: repeat-x, no-repeat;
	background-position: 0 0, 7px 6px;
}

a.revival {
	padding-left: 30px;
	background-image: url(../images/btn_bg.png), url(../images/icon_undo_small.png);
	background-repeat: repeat-x, no-repeat;
	background-position: 0 0, 7px 7px;
}

a.affiliates {
	display: inline-block;
	margin: 2px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	float: right;
	font-size: 11px;
	background: url(../images/icon_alllist.png) no-repeat 0px 3px;
	text-decoration: none;
}

a.width100, input.width100, textarea.width100 {
	width: 100% !important;
}

a.width80, input.width80, textarea.width80 {
	width: 80% !important;
}

a.width50, input.width50, textarea.width50 {
	width: 50% !important;
}

input.width85 {
	width: 85px !important;
}

input.width105 {
	width: 105px !important;
}

input.width120 {
	width: 120px !important;
}

input.width150 {
	width: 150px !important;
}

input.width200 {
	width: 200px !important;
}

input.width300 {
	width: 300px !important;
}

input.width400 {
	width: 300px !important;
}

input.width500 {
	width: 300px !important;
}

/* -------------------------------------------------------
		ダイアログ
----------------------------------------- ----------------*/
.alert_box {
	background: #fff;
	border: 10px solid #999;
	padding: 20px;
	position: relative;
	overflow: hidden;
}

	.alert_box table td {
		white-space: nowrap;
		text-overflow: ellipsis;
	}

.alert_box_product {
	background: #fff;
	border: 10px solid #999;
	padding: 0px 20px 20px 20px;
	position: relative;
	overflow: hidden;
	min-width: 500px;
}

.alert_box ul, .alert_box2 ul.multiselect_set {
	text-align: center;
	margin: 0px auto;
	position: relative;
	left: 50%;
	float: left;
	white-space: nowrap;
}

	.alert_box ul li, .alert_box2 ul.multiselect_set li {
		position: relative;
		left: -50%;
		/* float: left; */
		margin: 20px 8px 0px 8px;
		display: inline-block;
	}

		.alert_box ul li a, .alert_box ul.multiselect_set li a:visited,
		.alert_box2 ul.multiselect_set li a, .alert_box2 ul li a:visited {
			display: block;
		}

.alert_box2 {
	background: #fff;
	border: 10px solid #999;
	padding: 20px;
	position: relative;
	overflow: hidden;
	width: 800px;
}

.print_box {
	background: #fff;
	border: 10px solid #999;
	padding: 0px 20px;
	position: relative;
	overflow: hidden;
	width: 350px;
}

	.print_box h4 {
		font-size: 16px;
		font-weight: bold;
		text-align: center;
		border-bottom: 1px solid #999;
		padding-bottom: 5px;
	}

	.print_box p {
		font-size: 16px;
		margin-bottom: 3px;
	}
/* ----------------------------
		絞込ラジオボタン
------------------------------ */
ul.radio-group, ul.checkbox-group {
	margin: 0px 0px 10px 0px;
	float: right;
	font-size: 13px;
}

	ul.radio-group input {
		/*
	opacity: 0;
     filter: alpha(opacity=0);
	*/
	}

	ul.radio-group li, ul.checkbox-group li {
		position: relative;
		display: inline;
	}

		ul.radio-group li span, ul.checkbox-group li span {
			float: left;
			margin: 5px 5px 0px 0px;
		}

	ul.radio-group input, ul.checkbox-group input {
		position: absolute;
		left: 0px;
		outline: none;
	}

	ul.radio-group label, ul.checkbox-group label {
		margin: 0px;
		cursor: pointer;
		padding: 4px 10px 5px 10px;
		float: left;
		margin-left: -1px;
		border: 1px solid #CCC;
		/*
	background-color: #ededed;
	background-image: url(../images/btn_bg.png);
	background-repeat: repeat-x;
*/
		background-color: #fff;
	}

	ul.radio-group label, ul.checkbox-group label {
		margin: 0px;
		cursor: pointer;
		padding: 4px 10px 5px 10px;
		float: left;
		margin-left: -1px;
		border: 1px solid #CCC;
		/*
	background-color: #ededed;
	background-image: url(../images/btn_bg.png);
	background-repeat: repeat-x;
*/
		background-color: #fff;
	}

		ul.radio-group label:hover, ul.checkbox-group label:hover {
			color: #333;
			background-color: #e6e6e6;
			border-color: #adadad;
		}

	ul.radio-group li:first-child label, ul.checkbox-group li:first-child label {
		border-top-left-radius: 3px;
		border-bottom-left-radius: 3px;
		-webkit-border-top-left-radius: 3px;
		-webkit-border-bottom-left-radius: 3px;
		-moz-border-radius-topleft: 3px;
		-moz-border-radius-bottomleft: 3px;
	}

	ul.radio-group li:last-child label, ul.checkbox-group li:last-child label {
		border-top-right-radius: 3px;
		border-bottom-right-radius: 3px;
		-webkit-border-top-right-radius: 3px;
		-webkit-border-bottom-right-radius: 3px;
		-moz-border-radius-topright: 3px;
		-moz-border-radius-bottomright: 3px;
	}

	ul.radio-group label.checked, ul.checkbox-group label.checked {
		/*
	background: #C3C3C3;
	background-image: linear-gradient(top, #C3C3C3, #DBDBDB);
	background-image: -ms-linear-gradient(top, #C3C3C3, #DBDBDB);
	background-image: -moz-linear-gradient(top, #C3C3C3, #DBDBDB);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#C3C3C3), to(#DBDBDB));
*/
		color: #fff;
		background-color: #286090;
		border-color: #204d74;
	}
/* ----------------------------
		検索ボックス
------------------------------ */
.searchbtn {
	margin: 5px 0px 10px 0px;
	padding: 6px 8px;
	font-size: 12px;
	color: #444;
	cursor: pointer;
	background: #EEE;
	background-image: url(../images/btn_bg.png);
	background-repeat: repeat-x;
	border: 1px solid #CCC;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0 1px 2px #ddd;
	-webkit-box-shadow: 0 1px 2px #ddd;
	box-shadow: 0 1px 2px #ddd;
	float: right;
}

.searchmenu {
	width: 100%;
	margin: 0px 0px;
	padding: 0px 0px 5px 0px;
	border: 1px solid #CCC;
	float: right;
}

	.searchmenu table {
		clear: both;
		margin: 10px;
	}

		.searchmenu table th {
			text-align: left;
			padding: 0px 10px 10px 0px;
			font-size: 12px;
			font-weight: normal;
			vertical-align: middle;
			white-space: nowrap;
		}

		.searchmenu table td {
			text-align: left;
			padding: 0px 20px 10px 0px;
			vertical-align: top;
		}

	.searchmenu input.keyword, .searchmenu select.dealer, .searchmenu select.lease, .searchmenu select.system {
		width: 100%;
	}

	.searchmenu ul {
		margin: 5px 0px 10px 10px;
		list-style: none;
	}

		.searchmenu ul li {
			margin: 0px 10px 0px 0px;
			float: left;
		}

			.searchmenu ul li a.search {
				padding-left: 25px;
				background-image: url(../images/btn_bg.png), url(../images/icon_search.png);
				background-repeat: no-repeat;
				background-position: 0 0, 5px 6px;
			}
/* ----------------------------
		検索時にアクティブ
------------------------------ */
.text_active {
	background-color: #fff799;
	border: 1px solid #ccc;
}

.select_active {
	background-image: none;
	background-color: #fff799 !important;
	border: 1px solid #ccc;
}

.multiselect_active {
	background-image: none !important;
	background-color: #fff799 !important;
	border: 1px solid #ccc;
}

label.check_active {
	color: #df671c;
}
/* ----------------------------
		ページネーション
------------------------------ */
div.pagination {
	margin: 8px 0px 8px 0px;
	padding: 0px;
	position: relative;
}

	div.pagination p.left {
		margin: 5px 0px 0px 0px;
		padding: 0px;
		float: left;
	}

		div.pagination p.left a {
			display: inline-block;
		}

	div.pagination p.right {
		margin: 5px 0px 0px 0px;
		float: right;
	}

	div.pagination ul.page {
		margin: 0px 0px;
		float: right;
	}

		div.pagination ul.page li {
			margin: 0;
			padding: 0;
			font-size: 11px;
			list-style: none; /* savers */
			float: left;
		}

			div.pagination ul.page li.pagenumber {
				margin: 5px 10px 0px 0px;
				font-size: 12px;
			}

			div.pagination ul.page li a {
				border: 1px solid #CCC;
				margin-right: 2px;
				color: #00769D;
			}

		div.pagination ul.page .previous-off, div.pagination ul.page .next-off {
			border: solid 1px #DEDEDE;
			color: #888888;
			display: block;
			float: left;
			margin-right: 2px;
			padding: 4px 5px;
		}

		div.pagination ul.page .active {
			border: solid 1px #DEDEDE;
			color: #FFFFFF;
			font-weight: bold;
			display: block;
			float: left; /* savers */
			margin-right: 2px;
			background-color: #00769D;
			padding: 4px 9px;
		}

		div.pagination ul.page .active-off {
			border: solid 1px #DEDEDE;
			color: #888888;
			display: block;
			float: left; /* savers */
			margin-right: 2px;
			padding: 4px 9px;
		}

		div.pagination ul.page a:link, #pagination ul.page a:visited {
			color: #00769D;
			display: block;
			float: left;
			text-decoration: none;
			padding: 4px 9px;
		}

		div.pagination ul.page .next a, div.pagination ul.page .previous a {
			font-weight: bold;
			padding: 4px 5px;
		}

		div.pagination ul.page a:hover {
			border: 1px solid #00769D;
		}
/* ---------------------------------------
		メニュー画面
----------------------------------------- */
.menu_list ul li a img {
	vertical-align: middle;
}

.menu_list ul li a {
	float: left;
	width: 200px;
	padding: 20px 10px;
	margin: 0px 0px 20px 20px;
	text-decoration: none;
	border: 1px solid #CCC;
	background-color: #F2F2F2;
	text-align: center;
	color: #666;
	font-size: 14px;
	font-weight: bold;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #CCC;
	background-image: url(../images/menu_list_bg.png), url(../images/icon_master.png);
	background-repeat: no-repeat;
	background-position: 0 0, right 15px top 23px;
}

.menu_list ul li {
	display: inline;
}

	.menu_list ul li a:hover {
		background-color: #FFF;
		border: 1px solid #999;
		color: #333;
	}

input[readonly], select[readonly], radio[readonly], button[readonly], textarea[readonly] {
	background-color: #ebebe4 !important;
}

input[disabled], textarea[disabled] {
	background-color: #ebebe4 !important;
}

/* ---------------------------------------
		選択数合計
----------------------------------------- */
tr.sumtotal, tr.sumtotal_bugakari {
	border-top: double 3px #999;
}

	tr.sumtotal td, tr.sumtotal_bugakari td {
		font-weight: bold;
	}

	tr.sumtotal_bugakari td {
		border-right: none;
	}

		tr.sumtotal_bugakari td:last-child {
			border-right: 1px solid #e5e5e5;
			;
		}
/* ---------------------------------------
		非同期通信時のメッセージ
----------------------------------------- */
#message_box, #done_message_box {
	top: 20px;
	left: 0;
	right: 0;
	margin: auto;
	position: fixed;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	display: none;
	z-index: 999999;
}

	#message_box span {
		padding: 3px 10px 3px 28px !important;
		text-align: center;
		box-shadow: 1px 1px 3px #ccc;
		background: url(../images/loader.gif) no-repeat 5px 3px;
	}

	#message_box.progress span, #done_message_box.success span {
		background-color: #ffc;
		border: 2px solid #fc9;
	}

	#done_message_box span {
		padding: 3px 10px 3px 10px !important;
		text-align: center;
		box-shadow: 1px 1px 3px #ccc;
	}
/* ---------------------------------------
		備考・説明関連
----------------------------------------- */
.explanation {
	padding: 5px;
}
/* ----------------------------
		プロダクト
------------------------------ */
div.product dl {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	border-bottom: 1px dotted #ccc;
}

div.product dt {
	margin: 0px;
	padding: 0px;
	width: 200px;
	clear: both;
	float: left;
}

div.product dd {
	margin: 0px;
	padding: 0px 0px 7px 145px;
	text-indent: -13px;
	text-align: right;
}
/* ----------------------------
		Upload
------------------------------ */
div.topics dl {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	border-bottom: 1px dotted #ccc;
}

div.topics dt {
	margin: 0px;
	padding: 0px;
	width: 180px;
	clear: both;
	float: left;
}

div.topics dd {
	margin: 0px;
	padding: 0px 0px 7px 180px;
	text-indent: 0px;
}
/* ---------------------------------------
		プロダクト左右レイアウト
----------------------------------------- */
#wrap_product {
	position: relative;
	display: flex;
}
#column_left_product {
	/*float: left;*/
	width: 400px;
	height: 100%;
	margin: 0px 15px 0px 0px;
	padding: 0px;
	position: sticky;
	position:-webkit-sticky;
	top: 0;
}

#column_left_product #sidebar {
	width: 400px;
}
#column_left_product #sidebar dl dd {
	height: calc(100vh - 160px);
	overflow: auto;
}
#column_right_product {
	/*float: right;*/
	width: calc(100% - 420px);
}

/* ---------------------------------------
		panel
----------------------------------------- */
dl.panel {
	margin: 0px 0px 15px 0px;
}

	dl.panel dt {
		position: relative;
		padding: 2px 5px 2px 5px;
		background: #1f8fcc;
		color: #fff;
		font-size:120%;
	}

		dl.panel dt.panel_toggle_plus {
			background: #bbb;
		}

		dl.panel dt span.menu {
			position: absolute;
			right: 5px;
			top: 2px;
		}

			dl.panel dt span.menu a {
				color: #fff;
				text-decoration: none;
			}
/* ----------------------------
		通知ダイアログ
------------------------------ */
div.notify_box {
	position: fixed;
	right: 0px;
	bottom: 0px;
	padding: 0px;
	background: #fff;
	max-height: 300px;
	width: 400px;
	overflow: auto;
	border: 1px solid #eeeeee;
	box-shadow: -2px -2px 4px #ddd;
}

	div.notify_box dl {
	}

	div.notify_box dt {
		position: relative;
		background: #1f8fcc;
		color: #fff;
		padding: 15px 20px;
		font-weight: bold;
	}

		div.notify_box dt span.title {
			font-size: 14px;
		}

		div.notify_box dt span.menu {
			/* position:absolute; */
			/* right:5px;
	top:2px;	 */
			float: right;
		}

			div.notify_box dt span.menu a {
				color: #fff;
				text-decoration: none;
				margin-left: 15px;
				padding: 0px 5px;
			}

				div.notify_box dt span.menu a.large {
					font-size: 18px;
				}

				div.notify_box dt span.menu a:hover {
					/* background-color: #EEEEEE;
	border-radius: 50%; */
					color: #eee;
				}

	div.notify_box dd table {
		table-layout: fixed;
		width: 100%;
	}

	div.notify_box dd table td:nth-of-type(1) {
		width: 80%;
	}

	div.notify_box dd table td {
		padding: 10px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		vertical-align: middle;
	}

	div.notify_box dd table td span.file {
		cursor: pointer;
	}
	
/* ---------------------------------------
		パンくずリスト
----------------------------------------- */
.bread ul {
	display: flex;
	list-style-type: none;
}

.bread li {
	/* border: 1px solid #E5E5E5; */
	padding-left: 2px;
	padding-right: 2px;
	/* position: relative; */
	/* font-weight: bold; */
}

	.bread li.active {
		font-weight: bold;
	}

	.bread li a {
		padding: 5px;
		color: #555;
		text-decoration: none;
	}

		.bread li a:hover:not(.icon_add) {
			background-color: #ecf2fa;
			border-radius: 10px;
		}

		.bread li a.icon_add img {
			/* position:absolute; */
			/* top:-2px;
	right: 0px; */
		}
/* .bread li a.icon_add span{
	margin-left: 16px;
} */

/* ---------------------------------------
		アクションバー
----------------------------------------- */
.action_bar {
	float: right;
}

	.action_bar ul {
		display: flex;
		list-style-type: none;
	}

	.action_bar li {
		padding-left: 2px;
		padding-right: 2px;
		font-weight: bold;
	}

		.action_bar li.sepa {
			color: #ccc;
		}

		.action_bar li a {
			padding: 5px;
			color: #555;
			text-decoration: none;
		}

			.action_bar li a:hover:not(.disabled) {
				background-color: #ecf2fa;
				border-radius: 10px;
			}

		.action_bar li img {
			vertical-align: middle;
		}

/* ---------------------------------------
		treeview
----------------------------------------- */
.treeview {
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

	.treeview ul {
	}

	.treeview li {
		position: relative;
		padding: 0px 0px 0px 50px;
		background: url(../images/icon_folder.png) no-repeat 25px 5px;
		background-size: 24px 18px;
		cursor: pointer;
	}

		.treeview li.root {
		}

		.treeview li.old {
			background: url(../images/icon_folder_gray.png) no-repeat 25px 5px;
			background-size: 24px 18px;
		}

		.treeview li a {
			color: #555;
			text-decoration: none;
		}

		.treeview li .wrap {
			padding: 5px;
		}

			.treeview li .wrap.active {
				background-color: #ecf2fa;
				font-weight: bold;
			}

			.treeview li .wrap:hover {
				background-color: #ecf2fa;
			}

		.treeview li span.arrow_right {
			position: absolute;
			left: 0px;
			top: 8px;
			width: 12px;
			height: 12px;
			background: url(../images/icon_arrow_right_black.png) no-repeat 5px 0px;
			background-size: 10px 10px;
		}

		.treeview li span.arrow_down {
			position: absolute;
			left: 0px;
			top: 8px;
			width: 12px;
			height: 12px;
			background: url(../images/icon_arrow_down_black.png) no-repeat 5px 0px;
			background-size: 10px 10px;
		}

		.treeview li.root {
		}

/* ---------------------------------------
		dropdown menu
----------------------------------------- */
/* The container <div> - needed to position the dropdown content */
.dropdown {
	position: relative;
	display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
	display: none;
	position: absolute;
	background-color: #f1f1f1;
	min-width: 200px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
}

	/* Links inside the dropdown */
	.dropdown-content a {
		margin-bottom: 12px;
		padding: 12px 16px;
		text-decoration: none;
		display: block;
	}

		/* Change color of dropdown links on hover */
		.dropdown-content a:hover {
			background-color: #ddd
		}

		.dropdown-content a.upload {
			padding-left: 30px;
			background: url(../images/icon_file_upload.png) no-repeat 5px 5px;
			background-size: 18px 18px;
		}

		.dropdown-content a.bulk_upload {
			padding-left: 30px;
			background: url(../images/icon_files_upload.png) no-repeat 5px 5px;
			background-size: 16px 16px;
		}

		.dropdown-content a.folder {
			padding-left: 30px;
			background: url(../images/icon_folder.png) no-repeat 5px 5px;
			background-size: 18px 18px;
		}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {
	display: block;
}