@charset "utf-8";

/*=====================================================
 * Style Name: Base
 * Style URL: /common/css/base.css
 * Description: Common Base
 * Version: 20130816
 *
=====================================================*/



/*----- contents -------
	0: Base setting
	1: Block setting
	2: Common Parts
	3: Module setting

----------------------*/




/*
===== 0: Base setting ===========================*/

html, body, h1, h2, h3, h4, h5, h6,
div, address, pre, table, th, td,
dl, dt, dd, ul, ol, li, p, form,
select, textarea, input, button, label,
strong, em, site, a { font-style: normal; }

html, body, h1, h2, h3, h4, h5, h6,
div, address, pre, table, th, td,
dl, dt, dd, ul, ol, li, p, form { margin: 0; padding: 0; }

html, body { font-size: 13px; position: relative; color: #666666; }

h1, h2, h3, h4, h5, h6 { font-size: 1em; }
h2 {
	margin-bottom: 20px;
	padding-bottom: 10px;
	font-size: 1.05em;
	font-weight: bold;
	text-align: left;
	border-bottom: 1px solid #d9d9d9;
}
h3 { margin-bottom: 10px; font-size: 1.05em; font-weight: normal; }

h1 .permission {
	display: inline-block;
	margin-left: 1.5em;
	padding: 0 6px;
	font-weight: normal;
	font-size: .6em;
	line-height: 1.7;
	vertical-align: middle;
	border: 1px solid #dadada;
}

table { clear: both; width: 100%; border-collapse: collapse; border-spacing: 0; }
caption {
	padding: 5px 0;
	font-size: 1.05em;
	font-weight: bold;
	text-align: left;
	border-bottom: 1px solid #d9d9d9;
}
th, td { font-weight: normal; text-align: left; }
th { font-size: 1.05em; vertical-align: top; }
tbody th, tbody td { padding: 15px 10px; border-bottom: 1px dotted #d9d9d9; }

ul, ol, li { list-style-type: none; }
dt { margin: 10px 0; font-weight: bold; }
dt:first-child { margin-top: 0; }

form { position: relative; }
select, textarea, input, button, label,
strong, em, site, a, img { margin-top: 0; vertical-align: baseline; }
img { vertical-align: middle; border: 0; }
strong { color: #b43c3c; font-weight: normal; }
em { font-weight: bold; }

body, select, textarea, input, button, label {
	font-family: 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN',
							 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

input[type=text], input[type=password], input[type=date],
textarea, select {
	padding: 0 0.5em;
	line-height: 2;
	background: #ffffff;
	vertical-align: middle;
	border: 1px solid #cccccc;
	border-radius: 3px;
	box-shadow: inset 1px 1px 3px #efefef;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
input[type=text]:focus, input[type=password]:focus, input[type=date]:focus,
textarea:focus { outline: 1px solid #0e0d6a; }
select { padding-right: 0; }

img { border: 0; }
hr { border: 1px solid #cbd794; border-width: 1px 0 0; }

a { color: #0e0d6a; text-decoration: none; line-height: 1.4; }
a:hover { text-decoration: underline; }
a:visited { color: #0e0d6a; }

input[type="text"][disabled]{
    background:#dddddd;
    cursor:not-allowed; /* 禁止カーソル */
}

select[disabled]{
    background:#dddddd;
    cursor:not-allowed; /* 禁止カーソル */
}

/*
===== 1: Block setting ===========================*/

div.inner { margin: 0 auto; padding: 0 20px; width: 960px; }
div.inner:after, .section:after { content: ""; display: block; clear: both; }

.section { clear: both; margin: 30px 0; }
.main { float: right; width: 680px; }
.aside { float: left; width: 250px; }


/*
===== 2: Common Parts ===========================*/

a.pdf {
	padding-right: 25px;
	background: url(/img/cloud/icon_pdf.gif) right center no-repeat;
}

a.external {
	padding-right: 20px;
	background: url(/img/cloud/icon_external.gif) right center no-repeat;
}


p.pagetop { margin: 20px 0 5px; text-align: right; }
p.pagetop a {
	padding-left: 15px;
	background: url(/img/cloud/arrow_blue.png) -25px -47px no-repeat;
	text-decoration: none;
}

p.lead { font-weight: bold; }
p.important, p.error {
	margin: 10px 0;
	padding: 10px;
	font-size: 1.05em;
	text-align: center;
	border-radius: 3px;
}
p.important { background: #f0f2fa; }
p.error { background: #f5e0e0; color: #b43c3c; font-weight: bold; }
strong.error { color: #b43c3c; font-weight: bold; }

p.note { margin: 5px 0; text-align: right; }
p.note em { color: #b43c3c; }

p.photo-box { float: left; line-height: 0; /*border: 2px solid #e5e5e5;*/ display: flex; flex-direction: column; }

.menu:after{ content: ""; display: block; clear: both; }
.menu li { display: inline-block; }
.menu a {
	display: inline-block;
	padding: 0 1em;
	line-height: 1;
	border-left: 1px solid #333;
}

.tabs a {
	padding: 18px;
	background-color: #999999;
	color: #ffffff;
	font-size: 1.05em;
	text-align: center;
	text-decoration: none;
	border: 1px solid #999999;
	border-bottom: 0;
	border-radius: 3px 3px 0 0;
}
.tabs li.current a, .tabs a:hover {
	background-color: #f0f2fa;
	color: #666666;
	border-color: #dadada;
}


form em { color: #aaaaaa; font-size: 0.8em; font-weight: normal; }
th em { margin-left: 1.5em; color: #b43c3c; font-size: 1em; font-weight: normal; }

.input-short, .input-medium, .input-long { margin-right: 5px; }

input.input-short { width: 18em; }
input.input-medium { width: 27em; }
input.input-long { width: 37em; }

select.input-ss { width: 6em; }
select.input-short { width: 9em; }
select.input-medium { width: 18em; }
select.input-long { width: 27em; }

textarea.input-long { width: 31em; }


/*--- button
----------------------*/
.btn-line { margin: 15px 0; text-align: center; }
.btn-side { margin: 0 0 10px; text-align: right; }

button {
	display: inline-block;
	margin: 0 3px;
	padding: 8px 20px 6px;
	min-width: 4em;
	background-color: #a7a7a7;
	color: #ffffff;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	box-shadow: inset 1px 1px 0 #b9b9b9,
							inset 0 -10px 20px #999999;
	border: 1px solid #999999;
	border-radius: 3px;
	cursor: pointer;
	overflow: visible;
}
button:hover {
	background-color: #b0b0b0;
	box-shadow: inset 1px 1px 0 #c4c4c4,
							inset 0 -10px 20px #a5a5a5;
}
button.input-long { padding: 8px 0 6px; width: 100%; }
span.btn-text { display: inline-block; padding-left: 24px; }


/*--- cancel ---*/

button.btn-cancel {
	background-color: #f1f1f1;
	color: #666666;
	box-shadow: inset 1px 1px 0 #ffffff,
							inset 0 -10px 20px #eaeaea;
	border: 1px solid #bbbbbb;
	padding: 10px 20px 7px;
	font-size: .9em;
}
button.btn-cancel:hover {
	background-color: #f5f5f5;
	box-shadow: inset 1px 1px 0 #ffffff,
							inset 0 -10px 20px #f0f0f0;
}


/*--- submit --*/

button.btn-submit {
	background-color: #212079;
	box-shadow: inset 1px 1px 0 #4d4d95,
							inset 0 -10px 20px #0e0d6a;
	border: 1px solid #0e0d6a;
}
button.btn-submit:hover {
	background-color: #383787;
	box-shadow: inset 1px 1px 0 #605fa0,
							inset 0 -10px 20px #29287b;
}


/*--- entry --*/

button.btn-entry {
	padding: 8px 10px 6px;
	background-color: #ffffff;
	color: #ff7c00;
	font-weight: normal;
	font-size: 1em;
	box-shadow: inset 0 -10px 20px #f5f5f5;
	border: 1px solid #ff7c00;
}
button.btn-entry:hover {
	background-color: #f7f7f7;
	box-shadow: inset 0 -10px 20px #ededed;
}
button.btn-entry .btn-text { background: url(/img/cloud/icon_plus.png) 0 -422px no-repeat; }



/*--- inactive --*/

button.btn-inactive,
button.btn-inactive:hover,
.line-inactive select,
.line-inactive input {
	background: #dddddd;
	color: #999999;
	font-weight: normal;
	box-shadow: none;
	border: 1px solid #dddddd;
	cursor: default;
}


/*--- add --*/

button.btn-add,
button.btn-unlock {
	background-color: #ffffff;
	color: #b43c3c;
	font-weight: normal;
	box-shadow: inset 0 -10px 20px #f5f5f5;
	border: 1px solid #b43c3c;
}
button.btn-add:hover,
button.btn-unlock:hover {
	background-color: #f7f7f7;
	box-shadow: inset 0 -10px 20px #ededed;
}
button.btn-add .btn-text,
button.btn-unlock .btn-text { background: url(/img/cloud/icon_plus.png) 0 -98px no-repeat; }

button.btn-add { color: #666666; border: 1px solid #bbbbbb; }
button.btn-add .btn-text { background-position: 0 0; }

/*--- imagedelete --*/
a.btn-imagedelete {
	position: absolute;
	margin-top: -15px;
	margin-left: -23px;
}
a.btn-imagedelete .btn-text {
	background: url(/img/cloud/icon_plus.png) 0 -145px no-repeat;
    background-size: 65%;
	width: 30px;
    height: 50px;
}

/*--- remove, lock, unlock(+ in .link-action) --*/

button.btn-lock,
.link-action button.btn-unlock {
	padding: 5px 10px 3px 5px;
	background-color: #ffffff;
	color: #b43c3c;
	font-size: 0.9em;
	font-weight: normal;
	box-shadow: inset 0 -10px 20px #f5f5f5;
	border: 1px solid #b43c3c;
}
button.btn-lock:hover {
	background-color: #f7f7f7;
	box-shadow: inset 0 -10px 20px #ededed;
}

button.btn-remove,
.link-action button.btn-unlock {
	background-color: #900000;
	color: #ffffff;
	box-shadow: inset 1px 1px 0 #a73333,
							inset 0 -10px 20px #870000;
	border: 1px solid #870000;
}
.link-action button.btn-unlock { width: auto; }

button.btn-remove:hover,
.link-action button.btn-unlock:hover {
	background-color: #9b1a1a;
	box-shadow: inset 1px 1px 0 #b04848,
							inset 0 -10px 20px #941a1a;
}
button.btn-lock .btn-text,
.link-action button.btn-unlock .btn-text {
	width: 11em;
	background-image: url(/img/cloud/icon.png);
	background-repeat: no-repeat;
}
.link-action button.btn-lock .btn-text { background-position: 0 -714px; }
.link-action button.btn-unlock .btn-text { background-position: 0 -664px; }


/*--- check --*/
button.btn-dialog,
button.btn-check {
	padding: 8px 5px 6px 10px;
	background-color: #ffffff;
	color: #666666;
	font-size: 1.05em;
	box-shadow: inset 0 -10px 20px #f5f5f5;
	border: 1px solid #bbbbbb;
}
button.btn-dialog:hover,
button.btn-check:hover {
	background-color: #f7f7f7;
	box-shadow: inset 0 -10px 20px #ededed;
}
button.btn-dialog .btn-text,
button.btn-check .btn-text {
	padding: 0 20px 0 0;
	background: url(/img/cloud/icon_right_blue.png) right no-repeat;
}

button.btn-dialog.btn-inactive,
button.btn-dialog.btn-inactive:hover,
button.btn-check.btn-inactive,
button.btn-check.btn-inactive:hover {
	padding: 8px 10px 6px 10px;
	background: transparent;
	color: #999999;
	font-weight: normal;
	box-shadow: none;
	border: 1px solid #bbbbbb;
	cursor: default;
}
button.btn-dialog.btn-inactive .btn-text,
button.btn-check.btn-inactive .btn-text {
	padding: 0 15px 0 0;
	background: url(/img/cloud/arrow_list.png) right -122px no-repeat;
}



/*--- icon
----------------------*/

.has-icon {
	padding-left: 45px;
	background-image: url(/img/cloud/icon.png);
	background-repeat: no-repeat;
}
.icon-mine { background-position: 10px -297px; }
.icon-office { background-position: 10px -97px; }
.icon-share { background-position: 10px -197px; }
.icon-locked { display: inline-block; padding: 0 30px 0 0; background-position: right -613px; }

.link-action li a { margin-left: 10px; padding-left: 30px; line-height: 28px; border: 0; }
.icon-account { background-position: 0 -412px; }
.icon-edit { background-position: 0 -512px; }
.icon-delete { background-position: 0 -562px; }
.icon-restore { background-position: 0 -1015px; }
.icon-valid { background-position: 5px -848px; }
.icon-invalid { background-position: 5px -948px; }


.link-icon {
	display: inline-block;
	width: 25px;
	height: 23px;
	overflow: hidden;
}
.icon-unedit img { margin-top: -463px; }
.icon-edit img { margin-top: -513px; }
.icon-delete img { margin-top: -563px; }
.icon-undelete img { margin-top: -1150px; }


/*
===== 3: Module setting ===========================*/

div.header a, div.footer a { text-decoration: none; }

/*--- header
----------------------*/

div.header { margin: 0 0 10px; padding: 10px 0 0; border-bottom: 1px solid #e9e9e9; box-shadow: 0 1px 2px #dfdfdf; }
div.header p.logo { float: left; margin-top: 10px; }
div.header p.name, div.header #config { clear: right; float: right; color: #333333; }

div.head-menu { clear: both; padding-top: 20px; }
div.header p.search { float: right; }
div.header p.search input, div.header p.search button { vertical-align: top; }
div.header p.search input { margin: 0; height: 32px; line-height: 30px; border-radius: 3px 0 0 3px; }
div.header p.search button {
	margin: 0;
	padding: 0;
	min-width: 0;
	width: 32px;
	height: 32px;
	background-image: url(/img/cloud/icon_search.png);
	background-position: 3px -47px;
	background-repeat: no-repeat;
	border: 1px solid #8a8a8a;
	border-radius: 0 3px 3px 0;
	box-shadow: inset 1px 1px 0 #b9b9b9,
							inset 0 0 20px #999999;
}

div.header p.name button {
	margin-left: 10px;
	padding: 0 10px;
	font-size: 0.9em;
	font-weight: normal;
}

/* menu切り替え*/
.display-customer{	
	float: left;
	margin-top: 10px;
	margin-left: 40px;
}
#inline-radio {
	float: left;
	display: flex;
	width: 130px;
	/* margin-top: 10px; */
	border-radius: 4px;
	overflow: hidden;
	border: 1px solid #0e0d6a;
}

#inline-radio div {
	position: relative;
	flex: 1;
}
  
#inline-radio input {
	width: 100%;
	height: 30px;
	opacity: 0;
}
  
#inline-radio label {
	position: absolute;
	top: 0;
	left: 0;
	padding-bottom: 0;
	color: #b6b6b6;
	width: 100%;
	height: 100%;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
	border-right: 1px solid #b6b6b6;
	font-weight: bold;
}
  
#inline-radio div:last-child label {
	border-right: 0;
}
  
#inline-radio input:checked + label {
	background: #0e0d6a;
	font-weight: 500;
	color: #fff;
	font-weight: bold;
} 


/*--- config ---*/

#config { margin: 5px 0; font-size: 0.9em; }
#config>li { position: relative; }
#config>li>a { width: 5em; background: url(/img/cloud/arrow_blue.png) 40px 3px no-repeat; }
#config>li:first-child>a { border: 0; }
#config #config-data>a { width: 6em; background-position: 53px 3px; }
#config #config-manual>a { width: auto; padding-right: 1.5em; background: url(/img/cloud/icon_external.gif) right no-repeat; }
#config #config-manual>a:hover { text-decoration: underline; }

#config .popdown { position: absolute; display: none; padding-top: 10px; white-space: nowrap; z-index: 100; }
.popdown ul {
	position: relative;
	padding: 0 0 8px;
	background: #ffffff;
	border: 1px solid #bebebe;
	border-radius: 3px;
	box-shadow: 0 0 3px #bebebe;
}
.popdown ul li { display: block; padding: 3px 20px; }
.popdown li:first-child {
	position: relative;
	top: -10px;
	margin-bottom: -10px;
	padding-top: 20px;
	background: url(/img/cloud/arrow_popdown.png) no-repeat;
}
.popdown ul a { padding: 5px 0; width: auto; background: none; border: 0; }

#config-mine .popdown { left: 1em; }
#config-data .popdown { left: -50%; }
#config-detail .popdown { right: 0; }
#config-mine li { background-position: 20% 0; }
#config-data li { background-position: 50% 0; }
#config-detail li { background-position: 80% 0; }

/*--- global navigation ---*/

#gnav { clear: left; float: left; }
#gnav a {
	padding: 12px 20px 15px 40px;
	background: url(/img/cloud/icon.png) no-repeat;
	color: #666666;
	font-weight: bold;
	font-size: 1.05em;
	border: 0;
	border-radius: 3px 3px 0 0;
}
#gnav a:hover,
#gnav a.current { background-color: #0e0d6a; color: #ffffff; }

#gnav-home a { background-position: 10px -5px; }
#gnav-office a { background-position: 10px -105px; }
#gnav-share a { background-position: 10px -205px; }
#gnav-mine a { background-position: 10px -305px; }
#gnav-home a:hover, #gnav-home a.current { background-position: 10px -55px; }
#gnav-office a:hover, #gnav-office a.current { background-position: 10px -155px; }
#gnav-share a:hover, #gnav-share a.current { background-position: 10px -255px; }
#gnav-mine a:hover, #gnav-mine a.current { background-position: 10px -355px; }

/*--- footer
----------------------*/

.footer { padding: 5px 0 50px; border-top: 1px solid #bebebe; }
.footer .menu { float: left; width: 400px; padding-top: .25em; }
.footer .menu li:first-child a { border: 0; }
.footer li:first-child a { padding-left: 0; }
.footer li:last-child a { padding-right: 0; }
.footer a { color: #666666; }
.footer .copyright { float: right; margin: 0; font-size: 0.9em; }


/*--- aside
----------------------*/

.aside h1 { margin: 31px 0 5px; font-size: 1.33em; }


/*--- breadcrumb
----------------------*/

.breadcrumb { margin: 10px 0 0; }
.breadcrumb a { text-decoration: none; }
.breadcrumb a:after { content: "/"; padding: 0 5px; }
.breadcrumb a.current { color: #666666; }
.breadcrumb a.current:after { content: ""; }


/*--- Title Box
----------------------*/

.title-box:after { content: ""; display: block; clear: both; }
.title-box { margin: 0 0 15px; line-height: 1; }
.title-box h1 { float: left; font-size: 1.6em; font-weight: bold; }
.title-box p { float: left; padding-left: 20px; margin: 0; line-height: 1.6em; }


/*--- Contorol Box
----------------------*/

.control-box { margin: 5px 0; }
.control-box:after { content: ""; display: block; clear: both; }
.control-box .paging li:first-child a { padding-left: 0; }
.control-box li:last-child a { padding-right: 0; }
.control-box li.current,
.control-box li.empty {
	padding: 0 1em;
	line-height: 1;
	border-left: 1px solid #333333;
}
.control-box li:first-child,
.control-box li:first-child a { border: 0; }

ul.paging { float: left; }
ul.paging li.skip a { padding: 0 5px; border: 0; }

dl.display-line { float: right; }
dl.display-line dt,
dl.display-line dd { display: inline-block; margin: 0; }

/*--- Detail Block
----------------------*/

div.detail-block {
	margin: 10px 0;
	padding: 20px;
	width: 918px;
	border: 1px solid #dadada;
	border-radius: 3px;
}
div.detail-block:after { content: ""; display: block; clear: both; }
div.has-note { margin-top: 0; }

.detail-block h1 {
	margin-bottom: 20px;
	padding-bottom: 10px;
	font-size: 1.05em;
	font-weight: bold;
	text-align: left;
	border-bottom: 1px solid #d9d9d9;
}
.detail-block h2 {
	margin: -20px -20px 20px;
	padding: 20px;
	color: #0e0d6a;
	font-size: 1.2em;
	font-weight: bold;
	border-bottom: 1px solid #dadada;
}
.detail-block p { margin: 15px 0; }
.detail-block dl { margin: 15px 0 20px; }
.detail-block td dl { margin: 0 10px 0 0; }
.detail-block p:first-child, .detail-block dl:first-child { margin-top: 0; }
.detail-block p:last-child, .detail-block dl:last-child { margin-bottom: 0; }
.detail-block input[type=file] { margin: 10px 0 0; }

.detail-block .menu-box {
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    border: solid 3px #000000;
}

/*--- Add box
----------------------*/

div.add-box p.box-title { text-align: center; border-top: 1px solid #d9d9d9; }
div.add-box p.box-title a {
	display: inline-block;
	margin-top: -1px;
	padding: 5px 0;
	width: 8em;
	color: #666666;
	font-size: 1.2em;
	font-weight: normal;
	text-decoration: none;
	border: 1px solid #d9d9d9;
	border-top: 1px solid #ffffff;
	border-radius: 3px;
	cursor: pointer;
}
div.add-box p.box-title a:after {
	content: "";
	display: inline-block;
	width: 25px;
	height: 25px;
	background: url(/img/cloud/arrow_gray.png) -18px 16px no-repeat;
}
div.add-box p.box-title a:hover:after,
div.add-box p.box-title.active a:after { background-position: -18px -39px; }


/*--- Disable box
----------------------*/

.disable-box { position: relative; }
.disable-box .over { position: absolute; top: -20px; left: -20px; width: 100%; height: 100%; background: #fff; }


/*--- Search box
----------------------*/

.search-box { margin: 10px 0; padding: 20px; background: #f0f2fa; border-radius: 5px; }
.search-box p { text-align: center; }
.search-box .menu { margin: 0 0 10px; }
.search-box .menu a { padding-left: 0; border: 0; }

.search-selector { float: left; position: relative; margin-right: 20px; width: 220px; z-index: 500; }
.search-selector dt {
	margin: 0;
	background: #ffffff;
	border: 1px solid #cccccc;
	border-radius: 3px;
	box-shadow: inset 1px 1px 3px #efefef;
	cursor: pointer;
}
.search-selector dt.active { border-radius: 3px 3px 0 0; }
.search-selector dt a {
	background: url(/img/cloud/arrow_list.png) 183px 17px no-repeat;
	height: 26px;
}
.search-selector dt.active a { background-position: 183px -175px; }
.search-selector dd { position: absolute; width: 220px; background: #ffffff; max-height:250px; overflow-y: scroll; }
.search-selector dd ul { box-shadow: 1px 1px 3px #efefef; }
.search-selector li { border: 1px solid #cccccc; border-width: 0 1px 1px; }
.search-selector a { display: block; padding: 7px; text-decoration: none; line-height: 2; }
.search-selector dd a {
	padding-left: 15px;
	background: url(/img/cloud/icon.png) -5px -1095px no-repeat;
	height: 26px;
}
.search-selector a:hover { background-color: #efefef; }

.search-box input { margin-right: 10px; }
.search-box input { padding: 6px 7px; width: 560px; height: 42px; }
.search-box button.btn-submit { padding: 8px 15px 6px 10px; }
.search-box .btn-text {
	padding-left: 30px;
	background-image: url(/img/cloud/icon_search.png);
	background-repeat: no-repeat;
}


/*--- Twin box
----------------------*/

.twin-wrap { margin: 0 -20px; }
.twin-wrap:after { content: ""; display: block; clear: both; }
.twin-box {
	float: left;
	margin: 0 0 20px 20px;
	padding: 18px;
	width: 434px;
	border: 1px solid #dadada;
	border-radius: 3px;
}


/*--- Department box
----------------------*/

.hierarchy-menu {
	position: relative;
	height: 440px;
	overflow-y: scroll;
	border: 1px solid #dadada;
	border-radius: 3px;
}
.hierarchy-menu ul { list-style: none; clear: both; margin: 0; padding: 0; }
.hierarchy-menu li {
	position: relative;
	background-color: #ffffff;
	vertical-align: bottom;
	border-top: 1px solid #dadada;
}
.hierarchy-menu>ul>li ul>li>a {
	padding-left: 15px;
	background: url(/img/cloud/icon.png) -5px -1095px no-repeat;
}
.hierarchy-menu>ul:first-child>li:first-child { border-top: 0; }

.hierarchy-menu a {
	display: block;
	padding: 0 40px 0 7px;
	line-height: 40px;
	text-decoration: none;
	height: 40px;
}
.hierarchy-menu span {
	position: relative;
	float: right;
	display: block;
	background: #ededed url(/img/cloud/icon_plus.png) center -190px no-repeat;
	top: 0;
	right: 0;
	margin-top: -40px;
	width: 40px;
	height: 40px;
	cursor: pointer;
}

.hierarchy-menu .inactive { background-color: #f5f5f5; }
.hierarchy-menu .selected { background-color: #f0f2fa; font-weight: bold; }
.hierarchy-menu .selected>a.selected+span,
.hierarchy-menu .active>a+span {
	background-color: #e7e9f2;
	background-position: center -315px;
}


/*--- Functional box
----------------------*/

.functional-box { margin-top: 20px; background: url(/img/cloud/bg_arrow.png) center no-repeat; }
.functional-box:after { content: ""; display: block; clear: both; }
.list-box, .member-box { float: left; width: 430px; }
.member-box { float: right; }

.functional-box table.table-list { color: #333333; border: 0; border-radius: 3px; }

.functional-box .wrapScroll {
	background: #f5f5f5;
	border: 1px solid #dadada;
	border-radius: 3px;
	height: 430px;
	overflow-x: hidden;
	overflow-y: scroll;
}
.functional-box .wrapScroll table {
	height: 100%;
}
.list-box .wrapScroll {
	border-radius: 0 0 3px 3px;
	box-shadow: inset -5px 0 5px 1px #dadada;
}

.functional-box button { padding: 3px 12px 0 8px; font-size: 1em; line-height: 2 }
.functional-box button.btn-inactive { width: 74px; }

.list-box .search-box {
	position: relative;
	margin: 0;
	padding: 15px;
	border: 1px solid #dadada;
	border-bottom: 0;
	border-radius: 3px 3px 0 0;
}
.member-box .select-box { padding: 15px 0; border-top: 1px solid #dadada; }
.list-box .search-box button.btn-submit { padding: 8px 15px 6px; }
.list-box .search-box .btn-text { padding-left: 0; background-image: none; }


.list-box .search-box button.btn-add {
	min-width: 0;
	padding: 0 .5em;
	margin: .5em 0 .5em .3em;
}

.list-box .search-box button.btn-add span.btn-text-reload {
	padding-left: 1em;
	background-image: url(/img/cloud/icon.png);
	background-repeat: no-repeat;
	background-position: center -1012px;
}

.member-box h3 {
	position: relative;
}
.member-box h3 div.member-box-controls {
	position: absolute;
	right: 0; top: -.35em;
}
.member-box h3 div.member-box-controls button {
	padding: 0 .5em;
	font-size: .9em;
}

.has-tabs .tabs { position: relative; margin: 0 0 -1px -10px; width: 440px; border-radius: 0; z-index: 10; }
.has-tabs .tabs li { margin-left: 10px; width: 136px; }
#tab-office a, #tab-share a, #tab-mine a {
	padding: 18px 0 18px 10%;
	width: 90%;
	background-image: url(/img/cloud/icon.png);
	background-repeat: no-repeat;
}
#tab-office a { background-position: 30px -150px; }
#tab-share a { background-position: 30px -250px; }
#tab-mine a { background-position: 30px -350px; }
#tab-office a:hover, #tab-office.current a { background-position: 30px -100px; }
#tab-share a:hover, #tab-share.current a { background-position: 30px -200px; }
#tab-mine a:hover, #tab-mine.current a { background-position: 30px -300px; }

#tab-customer a {
	padding: 18px 0 18px 10%;
	width: 90%;
	background-position: 30px 10px;
	background-image: url(/img/cloud/icon_tab_customer.png);
	background-size: 30px;
	background-repeat: no-repeat;
}

/*--- Photo selector
----------------------*/

.photo-selector { float: right; width: 453px; }
.photo-selector p { margin: 5px 0; }
.selector-line {
	padding: 10px;
	background: #f5f5f5;
	line-height: 2;
	border-radius: 3px;
}
.selector-line strong { display: block; }


/*--- List
----------------------*/


/*--- list-basic ---*/

.list-basic { margin-left: 2em; }
ul.list-basic li { list-style: disc; }
ol.list-basic li { list-style: decimal; }


/*--- list-hastitle ---*/

.list-hastitle li { word-wrap: break-word; width: 35em; margin: 0 0 10px; }
.list-hastitle li:last-child { margin: 0; }
.list-hastitle strong {
	display: inline-block;
	margin-right: 1em;
	width: 6em;
	background: #eeeeee;
	color: #666666;
	text-align: center;
	border-radius: 3px;
}


/*--- Table
----------------------*/

.has-photo { clear: none; float: right; width: 753px; }
.en-name { font-size: .8em; }
tbody th .en-name { margin-left: 1em; }

.action-key span {
	content: "";
	display: inline-block;
	width: 1em;
	height: 1em;
	background: url(/img/cloud/arrow_white.png) center 5px no-repeat;
	vertical-align: middle;
}
span.ascend  { margin-left: 5px; background-position: center -50px; }
.ascend-column span.descend, .descend-column span.ascend { visibility: hidden; }


/*--- table-basic ---*/

table.table-basic { margin-bottom: 20px; background: #ffffff; }
table.table-basic:last-child { margin-bottom: 0; }
table.table-basic tbody th,
table.table-basic tbody td { padding-left: 0; padding-right: 0; }
table.table-basic tr:last-child th,
table.table-basic tr:last-child td { border: 0; }
table.table-basic tr.line-name { line-height: 1.5em; }
table.table-basic tr.line-name td { font-size: 1.5em; }
table.table-basic tbody th { width: 33%; }
table.table-basic.wide-th tbody th { width: 38%; }
table.table-basic .en-name { color: #a0a0a0; font-size: .8em; }
table.table-basic .long-name { margin-left: 0; }
table.table-basic li { margin: 0 0 15px; }
table.table-basic li:last-child { margin: 0; }

.twin-box table.table-basic tbody th { width: 60%; }

.device-box table.table-basic tbody th { width: 37%; }
.device-box table.table-basic tbody td { word-break: break-all; }
.device-box table.table-basic { table-layout: fixed; }
.float_clear { clear:  both; }


/* override */
table.table-basic .search-box { margin: 0; padding: 0; background-color: transparent; }
table.table-basic .search-box dl { float: left;}
table.table-basic .search-box dl li { margin: 0; }
table.table-basic .search-box ul.menu { }
table.table-basic .search-box ul.menu li a { padding: .5em; margin: 0 .5em; background: #f0f2fa; border-radius: 5px; }
table.table-basic .search-box ul.menu li:after { content: "/"; }
table.table-basic .search-box ul.menu li:last-child:after { content: ""; }

/*--- table-list ---*/

table.table-list { background: #ffffff; }
.table-list thead th {
	padding: 8px;
	background: #909090;
	color: #ffffff;
	border-left: 1px solid #ffffff;
}
.table-list thead th:first-child { border: 0; border-radius: 5px 0 0 0; }
.table-list thead th:last-child { border-radius: 0 5px 0 0; }

.table-list tr.oddline th,
.table-list tr.oddline td { background-color: #f5f5f5; }

.table-list tr.line-inactive { color: #999999; }
.table-list td.has-icon { padding: 18px 10px 18px 45px; }
.table-list .cell-mail { word-break: break-all; }
.table-list .cell-action { max-width: 86px; text-align: center; white-space: nowrap; }
.table-list .cell-action a { margin: 0 9px; }
.table-list .cell-address img { margin-left: 5px; }

.table-list.fixed-layout { table-layout: fixed; }
.table-list.fixed-layout td.cell-name {
	overflow: hidden;
	text-overflow: ellipsis;
}

.table-antma .cell-address { width: 200px; }
.table-antma .cell-name { width: 170px; }
.table-antma .cell-tel { width: 210px; }
.table-antma .cell-mail { width: 235px; }

.table-gnna .cell-group { width: 220px; }
.table-gnna .cell-name { width: 360px; }
.table-gnna .cell-number { width: 215px; }

.address-share-list .table-gnna .cell-group  , .address-private-list .table-gnna .cell-group  { width: 355px; }
.address-share-list .table-gnna .cell-number , .address-private-list .table-gnna .cell-number { width: 100px; }
.address-share-list .table-gnna .cell-group img.permission { float: right; } /*オーナーor閲覧権限のアイコン*/

.table-ntma .cell-name { width: 240px; }
.table-ntma .cell-tel { width: 190px; }
.table-ntma .cell-mail { width: 360px; }

.table-an .cell-address { width: 215px; }
.table-an .cell-address.has-icon { width: 180px; }
.table-an .cell-name { width: 710px; }

.table-sicd .cell-status { width: 125px; }
.table-sicd td.cell-status { width: 90px; }
.table-sicd .cell-ip { width: 250px; }
.table-sicd .cell-comment { width: 385px; }
.table-sicd .cell-date { width: 125px; white-space: nowrap; }

.table-sic .cell-status { width: 125px; }
.table-sic .cell-ip { width: 250px; }
.table-sic .cell-comment { width: 530px; }

.table-sica .cell-status { width: 125px; }
.table-sica td.cell-status { width: 129px; }
.table-sica .cell-ip { width: 250px; }
.table-sica .cell-ip { width: 254px; }
.table-sica .cell-comment { width: 365px; }
.table-sica .cell-action { width: 130px; max-width: 100%; text-align: left; }
.table-sica td.cell-action { width: auto; }
.table-sica .cell-action button { padding: 3px 12px 0 8px; font-size: 1em; line-height: 2 }
.table-sica .cell-action .icon-restore { margin: 0; padding-left: 25px; background-position: -5px -1015px; }


.main .table-pntma .cell-position { width: 105px; }
.main .table-pntma .cell-name { width: 120px; }
.main .table-pntma .cell-tel { width: 120px; }
.main .table-pntma .cell-mail { width: 180px; }


/*
===== 4: Others ===========================*/

#config-permission { padding-left: 35px; background: url(/img/cloud/icon.png) 0 -765px no-repeat; }

#edit-ip { margin-bottom: 30px; }
#edit-ip ul { float: left; }
#edit-ip #setting-ip { float: right; font-size: 1.05em; line-height: 37px; }
#setting-ip li a { border: 0; }
#setting-ip li a.icon-valid { padding-left: 30px; background-position: 0 -812px; }
#setting-ip li a.icon-invalid { background-position: 0 -912px; }
#setting-ip li a.icon-initialize { background-position: 0 -1060px; }

#import-box { margin: 0 -60px 0 0; width: 978px; }
#export-box { margin: 0; }
#import-box .twin-box,
#export-box .twin-box {
	margin: 0 60px 0 0;
	width: 374px;
	background: #f0f2fa;
	border: 0;
}
#export-box .twin-box {
	margin: 0 0 0 20px;
	width: 312px;
}
#import-box .box-invalid { background: #f5f5f5; }
#export-box .box-text { margin: 0; padding: 0; width: 550px; background: none; }
#import-box dt { height: 16px; font-size: 1.2em; line-height: 16px; overflow: hidden; }
#import-box dt img { margin-top: -5px; padding-right: 15px; vertical-align: top; }
#import-box .step02 dt img { margin-top: -55px; }
#import-box .box-invalid dt { color: #999999; }
#import-box .box-invalid dt img { margin-top: -30px; }
#import-box .step02.box-invalid dt img { margin-top: -80px; }
#export-box .icon-valid { padding-left: 35px; background-position: 5px -820px; }

#export-select {
	display:flex;
	padding-top: 2px;
	padding-bottom: 5px;
}
#export-select select, #oparate-select select {
	height: 30px;
	width: 15em;
	margin-top: -5px;
	margin-left: 10px;
}

#department-box { background-position: 550px 150px; }
#department-box .title-box { margin-bottom: 10px; }
#department-box .index { float: left; width: 530px; }
#department-box .detail {
	float: right;
	margin-top: 3em;
	padding: 10px;
	width: 310px;
	background: #f0f2fa;
	border-radius: 3px;
}
#department-box .detail p,
#department-box .detail dl {
	background: #ffffff;
	font-size: 1.2em;
	line-height: 2;
	border: 1px solid #dadada;
	border-radius: 3px;
}
#department-box .detail dt {
	padding: 10px 20px;
	font-weight: normal;
	border-bottom: 1px solid #dadada;
}
#department-box .detail dt em { display: block; font-weight: bold; }
#department-box .detail p { padding: 7em 0; text-align: center; }
#department-box .detail dd p { margin: 20px 20px 15px; padding: 0; border: 0; }
#department-box .detail dd button { width: 100%; font-size: .8em; }
#department-box .detail .btn-unlock .btn-text { background-position: 0 -96px; }

#department-box .btn-side { float: none; text-align: right; }

/*--- Dialog
----------------------*/

#dialog-block .detail-block {
	position: absolute;
	display: none;
	margin: auto;
	top: 25%;
	left: 25%;
	width: 40%;
	min-width: 350px;
	background: #ffffff;
	color: #333333;
	font-size: 1.05em;
	border-radius: 3px;
	z-index: 1000;
}
#overrayer { position: absolute; width: 100%; height: 100%; background: #000000; z-index: 999; }
#close-dialog {
	position: absolute;
	display: block;
	top: -40px;
	right: 0;
	width: 30px;
	height: 30px;
	overflow: hidden;
	background: #ffffff;
	color: #dadada;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 40px;
	text-align: center;
	line-height: 0.8em;
	text-decoration: none;
	border-radius: 3px;
	cursor: pointer;
}
#close-dialog img { margin-top: -960px; }

.control-right-box { float: right; }
.shows-all-group { float: left; padding-right: 15px; position: relative;}

/*--- Text Page
----------------------*/

.text-page .header .inner { margin-bottom: 20px; }
.text-block { margin: 40px; }
.text-block .title-box { margin: 0 0 15px; }
.text-block h2 { margin: 20px 0; padding: 0; font-size: 1.2em; border: 0; }
.text-block h3 { font-weight: bold; }
.text-block p, .text-block ol { margin-bottom: 20px; font-size: 1.1em; line-height: 1.7; }
.text-block li ol { margin: 0 0 0 2em; font-size: 1em; }
.text-block .aside-text { text-align: right; }

.contents-links { font-size: 1.1em; }
.contents-links h2 {
	margin: 40px 0 0;
	padding: 10px 20px;
	background: #ededed;
	font-size: 1.25em;
	border: 0;
	border-radius: 5px;
}
.contents-links dt {
	padding-top: 20px;
	font-size: 1.1em;
	border-top: 1px dotted #d9d9d9;
}
.contents-links dt:first-child { border: 0; }

.adobe-reader {
	margin: 60px 0;
	padding: 20px;
	border: 1px solid #d9d9d9;
	border-radius: 3px;
}
.adobe-reader p { display: inline-block; vertical-align: top; }
.adobe-reader img { margin-bottom: 10px; }

a[disabled] {
    pointer-events: none;
    cursor: default;
    text-decoration:none;
}

label.disabled{
     color: #ccc;
}

/*子供チェックボックスのスタイル。少し字下げする*/
input.child-checkbox{
    margin-left: 15px;
}
/*子供チェックボックスのラベルの下の注意書き。色と字下げを調整*/
.child-checkbox-label.remark{
     color: #a0a0a0;
     font-size: .8em;
     padding-left: 30px;
     margin-top: 0px;
}

/*ラベルの下の注意書き。色と字下げを調整*/
.under-label.remark{
	color: #a0a0a0;
	font-size: .8em;
	padding-left: 26px;
	margin-top: 0px;
}

/* 社外アドレス帳一覧画面 */
td.cell-company {
    min-width: 100px;
}

button.customer-search.btn-submit {
	background-image: url(/img/cloud/icon_search.png);
    background-repeat: no-repeat;
	padding: 4px;
    background-position: 50% 4px;
	box-shadow: none;
	min-width: 3em;
}

#customer-group-box { background-position: 550px 150px; }
#customer-group-box .title-box { margin-bottom: 10px; }
#customer-group-box .index { float: left; width: 530px; }
#customer-group-box .detail {
	float: right;
	margin-top: 3em;
	padding: 10px;
	width: 310px;
	background: #f0f2fa;
	border-radius: 3px;
}
#customer-group-box .detail p,
#customer-group-box .detail dl {
	background: #ffffff;
	font-size: 1.2em;
	line-height: 2;
	border: 1px solid #dadada;
	border-radius: 3px;
}
#customer-group-box .detail dt {
	padding: 10px 20px;
	font-weight: normal;
	border-bottom: 1px solid #dadada;
}
#customer-group-box .detail dt em { display: block; font-weight: bold; }
#customer-group-box .detail p { padding: 7em 0; text-align: center; }
#customer-group-box .detail dd p { margin: 20px 20px 15px; padding: 0; border: 0; }
#customer-group-box .detail dd button { width: 100%; font-size: .8em; }
#customer-group-box.detail .btn-unlock .btn-text { background-position: 0 -96px; }

#customer-group-box .btn-side { float: none; text-align: right; }
.customer-add-dept-list .btn-add {
	padding: 0 0.5em 0 2em;
	background: url(/img/cloud/icon_plus.png) 0 0px no-repeat;
	background-color: #fff;
	box-shadow: none;
	position: absolute;
    right: 50px;
    top: 6px;
}

.customer-add-dept-list .active>span {
	background-position: center -315px;
}

.customer-add-dept-list button:hover {
	box-shadow: none;
}
.customer-add-dept-list li.even-row {	/* 偶数 */
	background: #ffffff;
}
.customer-add-dept-list li.odd-row {	/* 奇数 */
	background: #f5f5f5;
}
#add_view_dept_list td{
	width: 120px;
}

#view_auth_user_list #config-permission {
	padding: 0;
	background: none;
}

button.btn-add.selected-dept {
	background: #dddddd;
	color: #999999;
	padding: 0 1em;
}

#dept-select-box {
	background: none;
}

#dept-select-box .search-box{
	position: relative;
	margin: 0;
	padding: 15px;
	border: 1px solid #dadada;
	border-bottom: 0;
	border-radius: 3px 3px 0 0;
}

.customer-add-dept-list a{
	padding: 0 10px;
}

.customer-view-input, .customer-edit-input{
	width: 20px;
	float: right;
	margin: 10px 0 10px 62px;
}

#dept-select-box .search-box button.btn-add {
	padding: 0;
	margin: 0 4px;
	min-width: 0;
}

#dept-select-box .search-box input{
	padding: 0;
	width: auto;
	height: auto;
	text-align: center;
}

#dept-select-box .search-box button.btn-add span.btn-text-reload {
	background-image: url(/img/cloud/icon.png);
	background-repeat: no-repeat;
	background-position: center -1012px;
	margin: 0;
}

.camcard-twin-wrap {
	display:flex;
}
.camcard-twin-box {
	margin:10px;
	padding: 5px;
	border: 3px solid;
	box-sizing: border-box;
	flex-wrap:wrap;
	flex-grow: 1;
}

.camcard-sync-log-box { /* 処理ログボックス */
	position: relative;
	clear: both;
	border: solid 3px #000000;
}

table.table-sync-log {
	width: 99%;
	margin: 5px 5px;
	background: #ffffff;
	border: 1px solid #000000;
	table-layout: fixed;
}

.table-sync-log thead th {
	padding: 4px;
	background: #e0ffff;
	color: #000000;
	border: 1px solid #000000;
	text-align: left;
}

.table-sync-log tbody td {
	padding: 4px;
	color: #000000;
	border: 1px solid #000000;
	overflow-wrap: break-word;
	word-break: break-all;
	vertical-align: top;
}

.oparate-select {
	height: 30px;
	width: 18em;
	margin-right: 5px; 
}

.history-error {
    margin: 10px 0;
    padding: 10px;
    font-size: 1.05em;
    text-align: center;
    border-radius: 3px;
    font-weight: bold;
}

table.history-list { background: #ffffff; }
.history-list thead th {
	padding: 5px;
	background: #e0ffff;
	color: #000000;
	border: 1px solid #999999;
}

.history-list tbody td {
	border: 1px solid #999999;
}

.history-list td { padding: 5px; }
.his-date { width: 150px; }
.his-type { width: 240px; }
.his-acount { width: 240px; }
.his-count { width: 200px; }

.no-border tbody th {
	border-bottom: none;
	padding-left: 40px;
	width: 250px;
}
.no-border tbody td {
	border-bottom: none;
	padding-left: 0;
	width: 500px;
}
.btn-search {
	margin-left: 50px;
}

/* 社外アドレス帳詳細画面 */
.customer-photo-block {
	float: left;
}

/* CAMCARD 同期ログ確認画面*/
.camcard-title-block {
	margin-bottom: 0px;
	font-size: 1.05em;
	text-align: left;
}
.camcard-title-block h1 {
	border-bottom: 0px;
}
a.btn-camcard-log-detail {
	color: #ffffff;
	background-color: #212079;
	box-shadow: inset 1px 1px 0 #4d4d95, inset 0 -10px 20px #0e0d6a;
	border: 1px solid #0e0d6a;
	border-radius: 3px;
	margin: 0 3px;
	padding: 8px 20px 6px;
}
a.btn-camcard-log-detail:hover {
	text-decoration: none;
	background-color: #383787;
	box-shadow: inset 1px 1px 0 #605fa0, inset 0 -10px 20px #29287b;
}

/* 社外アドレスのグループリスト */
.customer-menu {
	display: flex;
	padding-bottom: 7px;
}
.customer-group {
	margin-left: 10px;
}

/* image-dialog */
#image-dialog-block .image-detail-block {
	position: absolute;
	margin: auto;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1000;
}
#image-overrayer { position: absolute; width: 100%; height: 100%; background: #000000; z-index: 999; }
#image-close-dialog {
	position: absolute;
	display: block;
	top: -40px;
	right: 0;
	width: 30px;
	height: 30px;
	overflow: hidden;
	background: #ffffff;
	color: #dadada;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 40px;
	text-align: center;
	line-height: 0.8em;
	text-decoration: none;
	border-radius: 3px;
	cursor: pointer;
}
#image-close-dialog img { margin-top: -960px; }