@charset "utf-8";
/* CSS Document */

html {
	height:100%;
	width:100%;
	font-size: 62.5%;
}

body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-size: 1.4rem;
	color: #434343;
	line-height: 175%;
	font-family:'メイリオ', Meiryo, verdana, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}
* html div#container {
	height:100%;
}
body > #container {
	height: auto;
}
div#container {
	float: none;
	display:block;
	margin:0 auto;
	padding:0;
	position:relative;
	min-height: 100%;
	width:1198px;
	border-left: 1px solid #155264;
	border-right: 1px solid #155264;
	background-color: #fff;
}

#head {
	width:100%;
	margin:0 auto;
	padding:10px 0;
	text-align:right;
	position:relative;
	display:inline-block;
}
#head ul {
	margin:20px 0 0 0;
	padding:0;
	list-style:none;
	overflow:hidden;
	float:right;
	display:inline-block;
	position:relative;
}
#head ul li,
#head ul li a {
	height: 25px;
	line-height: 25px;
}
#head ul li {
	margin:0 20px 0 0;
	padding:0;
	float: left;
}
#head ul li:first-child {
	float: right;
}
#head ul li:nth-child(2) {
	margin-right: 50px;
}
#head ul li a {
	display: inline-block;
	background-color: #155264;
	text-decoration: none;
	color: #fff;
	padding: 0 20px;
	box-sizing:border-box;
}
#head ul li a:hover {
	background-color: #8b9895;
}
#head ul li div {
	display:inline;
}
#head img {
	float: left;
	height: 50px;
}
#head img.bess {
	float: right;
	margin: 0 10px;
	height: auto;
}

#menu {
	clear: both;
	box-sizing:border-box;
	width: 100%;
	background-color: #155264;
	padding: 1px 0;
	display: inline-block;
	position: relative;
	z-index: 1000000;
	letter-spacing: -0.4em;
}
#menu * {
	letter-spacing: normal;
}
#menu div {
	position: relative;
	display: inline-block;
	vertical-align: bottom;
}
#menu form {
	margin:0;
	padding: 0;
	float: left;
}
#menu ul {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}
#menu ul li,
#menu a {
	margin: 0;
	padding: 0;
	float: left;
}
#menu input[type="submit"],
#menu input[type="button"],
#menu a {
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	background: #fff;
	border: none;
	font-size: 1.4rem;
	width: 150px;
	height:75px;
	margin: 0;
	padding: 50px 0 8px 0;
	color: #155264;
	background-repeat: no-repeat;
	background-position: 50% 12px;
	background-image: url("/img/menu/franchise.png");
	background-size:37px auto;
	text-shadow: none;
	box-shadow:none;
	border-right: 1px solid #155264;
	display: inline-block;
	text-align: center;
	box-sizing:border-box;
	line-height: 100%;
	text-decoration: none;
}
#menu input[type="submit"]:hover,
#menu input[type="button"]:hover,
#menu input[type="submit"].select,
#menu input[type="button"].select,
#menu a:hover,
#menu a.select {
	background-color:#155264;
	background-image: url("/img/menu/franchise_on.png");
	color: #fff;
	border-right-color: #fff;
}
#menu input[type="submit"].list,
#menu input[type="button"].list {
	background-image: url("/img/menu/list.png");
}
#menu input[type="submit"].list:hover,
#menu input[type="button"].list:hover,
#menu input[type="submit"].list.select,
#menu input[type="button"].list.select {
	background-image: url("/img/menu/list_on.png");
}
#menu ul li input[type="submit"],
#menu ul li input[type="button"] {
	background-image: url("/img/menu/master.png");
}
#menu ul li input[type="submit"]:hover,
#menu ul li input[type="button"]:hover,
#menu ul li input[type="submit"].select,
#menu ul li input[type="button"].select {
	background-image: url("/img/menu/master_on.png");
}
#menu div {
	position: relative;
	display: inline-block;
}
#menu ul.product_menu {
	display:none;
	position: absolute;
	top: 93px;
	min-width: 200px;
	list-style: none;
	left: 0;
	background-color: #ccc;
	padding: 4px 5px 5px 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	z-index: 9999;
}
#menu ul.product_menu:before {
	position: absolute;
	top: -15px;
	left: 55px;
	content: "";
	border-style: solid;
	border-width: 0 20px 15px 20px;
	border-color: transparent transparent #ccc transparent;
	display: block;
	width: 0;
	height: 0;
}
#menu ul.product_menu li {
	display: list-item;
	float: none;
	margin: 1px 0 0 0;
	position: relative;
}
#menu ul.product_menu li:before {
	position: absolute;
	top: 11px;
	left:8px;
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 8px;
	border-color: transparent transparent transparent #155264;
}
#menu ul.product_menu li:hover:before {
	border-left-color: #fff;
}
#menu ul.product_menu li:first-child input[type="submit"],
#menu ul.product_menu li:first-child input[type="button"] {
	border-top-right-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-moz-border-top-left-radius: 3px;
}
#menu ul.product_menu li:last-child input[type="submit"],
#menu ul.product_menu li:last-child input[type="button"] {
	border-bottom-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-bottom-left-radius: 3px;
}
#menu ul.product_menu li:only-child input[type="submit"],
#menu ul.product_menu li:only-child input[type="button"] {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
#menu ul.product_menu li form {
	display: block;
	float: none;
}
#menu ul.product_menu li input[type="submit"],
#menu ul.product_menu li input[type="button"] {
	background: none;
	height: auto;
	padding: 10px 10px 10px 20px;
	width: 100%;
	display: block;
	text-align: left;
	background-color: #fff;
	border: none;
}
#menu ul.product_menu li input[type="submit"]:hover,
#menu ul.product_menu li input[type="button"]:hover {
	background:none;
	background-color: #155264;
}
#menu ul.account {
	float: right;
}
#menu ul.account li input[type="submit"],
#menu ul.account li input[type="button"] {
	border-left: 1px solid #155264;
	border-right: none;
}
#menu ul.account li input[type="submit"]:hover,
#menu ul.account li input[type="button"]:hover {
	border-left-color: #fff;
}

#menu form div {
	display: inline;
}

.contents {
	margin:0;
	padding: 0 25px;
	box-sizing:border-box;
	width: 100%;
}
.contents.businessOrder {
	background-color: #ffe5e5;
}

#search {
	clear:both;
	margin:0 0 10px 0;
	width:100%;
	position:relative;
	display:inline-block;
	border-top: 1px solid #155264;
	border-bottom: 1px solid #155264;
}
#search table {
	border-collapse:collapse;
	margin:0;
	padding:0;
	margin:0;
	width: 100%;
}
#search table th, #search table td {
	padding:10px 20px;
	vertical-align:middle;
	border-bottom: 1px solid #dddddd;
	border-top: 1px solid #dddddd;
}
#search table tr:first-child th,
#search table tr:first-child td {
	border-top: none;
}
#search table tr:last-child th,
#search table tr:last-child td {
	border-bottom: none;
}
#search table tr:only-child th,
#search table tr:only-child td {
	border-top: none;
	border-bottom: none;
}
#search table tr:nth-child(even) th, #search table tr:nth-child(even) td {
	background-color: #f9f9f9;
}
#search table th {
	text-align:left;
	width:80px;
	white-space:nowrap;
	font-weight: normal;
}
#search table td ul {
	margin: 0 -20px 0 0;
	padding: 0;
	list-style: none;
}
#search table td ul li {
	margin: 0 20px 0 0;
	padding: 0;
}
#search table td ul li input {
	margin: 0;
}
#search table td.input {
	text-align:center;
	width:150px;
	background-color: #eaecec;
}
#search table td.input ul {
	margin:0;
	padding:0;
	list-style:none;
}
#search table td.input ul li {
	margin:5px 0;
	padding:0;
}
#search table td.input ul li input {
	width:100%;
	border:none;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	padding: 3px 0;
	text-shadow: none;
	box-shadow:none;
	font-size: 1.4rem;
	background: #c5ccca;
	color:#155264;
	box-sizing:border-box;
}
#search table td.input ul li input:hover,
#search table td.input ul li.search input:hover {
	color: #fff;
	background: #8b9895;
}
#search table td.input ul li.search input,
.estate_search dl dd input[type="submit"] {
	background: #155264;
	color: #fff;
}
#search table td input {
	width:200px;
}
#search table td ul li input {
	width: auto;
}
#search table td input, #search table td input select {
	margin:0 30px 0 0;
}
#search table td.estateRegistClient input, #search table td.estateRegistClient select {
	margin: 0;
}
#search table td.day a img {
	border:none;
}
#search table tr.productColumnRow td select {
	width: 100%;
}
#search + input[type="submit"] {
	z-index: 9999;
	position: relative;
}

div.list {
	margin:30px auto;
	clear:both;
	position:relative;
	width:100%;
	display: inline-block;
}
div.list.estate {
	margin-top: -30px;
}
div.list.estate p {
	margin: 50px 0;
	padding: 0;
}
div.list .page {
	text-align:right;
	display:inline-block;
	position:relative;
	width:100%;
}
div.list.estate .page {
	z-index: 1;
}
div.list .page ul {
	float:right;
	margin:0;
	padding:0;
	list-style:none;
}
div.list .page ul li {
	margin:0 0 0 5px;
	padding:0;
	float:left;
}
div.list .page ul li a,
div.list .page ul li p {
	display:block;
	margin:0;
	text-decoration:none;
	padding:0;
	background-color: #c7cdca;
	width:35px;
	text-align:center;
	height: 25px;
	line-height: 25px;
	color: #3d544f;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
div.list .page ul li.active a {
	background-color:#155264;
	color: #fff;
}
div.list table {
	width:100%;
	padding:0;
	margin:5px auto;
	clear:both;
	border-collapse:collapse;
	border-top: 1px solid #155264;
	border-bottom: 1px solid #155264;
}
div.list.estate table, div.list.product table {
	table-layout: fixed;
}
div.list table th,
div.list table td {
	padding:3px 1px;
	border-bottom:1px solid #ccc;
	text-align:center;
	height: 40px;
}
div.list table th {
	background-color:#155264;
	color: #fff;
	border-bottom: none;
	border-left: 1px solid rgba(255, 255, 255, 0.3);
	border-right: 1px solid rgba(255, 255, 255, 0.3);
}
div.list table th.estate_info,
div.list table td.estate_info {
	width: 175px;
}
div.list table td.estate_info {
  font-size: 1.3rem;
}
div.list table td.task_group_type {
	padding: 0;
}
div.list table td.task_group_type ul {
	margin: 0 -1px -1px -1px;
	padding: 0;
	list-style: none;
}
div.list table td.task_group_type ul li {
	margin: -1px 0 0 0;
	padding: 0;
}
div.list table td.task_group_type ul li input {
	width: 100%;
	border: 1px solid #ccc;
	background: none;
	border-radius: 0;
	-webkit-border-radius:0;
	-moz-border-radius: 0;
	color: #155264;
}
div.list table td.task_group_type ul li input:hover {
	color: #fff;
	background: #8b9895;
}
div.list table td.task_group_type ul li.select input {
	color: #fff;
	background-color: #155264;
}
div.list table td.task_group {
	padding: 0;
	height: 0;
	vertical-align: top;
}
div.list table td.task_group ul {
	margin: -1px 0 0 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}
div.list table td.task_group ul li {
	margin: 0 0 -1px -774px;
	padding: 0;
	border: 1px solid #ccc;
	width: 100%;
	box-sizing:border-box;
	clear:both;
	display: none;
}
div.list table td.task_group ul li.select {
	display: inline-block;
	margin-left: 0;
}
div.list table td.task_group ul li div {
	float: left;
	width: 12.5%;
	margin:0;
	padding: 0 1px;
	box-sizing:border-box;
	font-size: 1.3rem;
	height: 212px;
	position: relative;
	display: inline-block;
	z-index: 9999;
	background: none;
}
div.list table td.task_group ul li div a {
	clear: both;
	display: block;
	padding-top: 30px;
	position: relative;
}
div.list table td.task_group ul li div div {
	float: none;
	width: auto;
	padding: 0;
	margin: 0;
	min-height: 0;
	height: auto;
}
div.list.estate table th.task,
div.list.estate table td.task1,
div.list.estate table td.task2,
div.list.estate table td.task3,
div.list.estate table td.task4,
div.list.estate table td.task5,
div.list.estate table td.task6,
div.list.estate table td.task7,
div.list.estate table td.task8 {
	width: 94px;
}
div.list table td a img {
	margin: 0 auto;
	display: block;
	border: none;
	max-height: 60px;
}
div.list table td.left {
	text-align:left;
}
div.list table tr:first-child th, div.list table tr:first-child  td {
	border-top: none;
}
div.list table tr:last-child th, div.list table tr:last-child  td {
	border-bottom: none;
}
div.list:not(.estate) table tr:nth-child(even) th, div.list:not(.estate) table tr:nth-child(even) td {
	background-color: #f9f9f9;
}
div.list table th.day, div.list table td.day {
	width: 7em;
}
div.list table th.estate_name, div.list table td.estate_name {
	width: 10em;
}
div.list.product table th.task, div.list.product table td.task {
	width: 7em;
}

.detail {
	margin:30px auto;
	width:100%;
	clear:both;
	border-collapse:separate;
	border-spacing:2px 0;
	border-bottom: 1px solid #8CA9B9;
	border-top: 1px solid #8CA9B9;
	background-color: white;
}
.detail.subcontract caption {
	padding: 14px 50px 0 50px;
}
.detail.subcontract caption input {
	position: absolute;
	right: 24px;
	margin-top: -14px;
}
.detail.subcontract caption form div {
	display: inline;
	float: right;
	position: relative;
	width: auto;
}
.detail.subcontract caption form input {
	margin-top: -5px;
}
.detail th, .detail td {
	padding:5px;
	border-bottom:1px solid #ddd;
	border-top:1px solid #fff;
}
.detail tr:first-child th, .detail tr:first-child td {
	border-top: none;
}
.detail tr:last-child th, .detail tr:last-child td, .detail th.no-border, .detail td.no-border {
	border-bottom: none;
}
.detail th {
	min-width:150px;
	background-color: #F9F9F9;
	color: #003D4C;
	max-width: 50%;
}
.detail.estate th {
	width: 190px;
}
.detail.estate th[colspan="2"] {
	width: 390px;
}
.detail th.skipCheck {
	white-space:nowrap;
	min-width:100px;
	width:150px;
	background-color: #F9F9F9;
	color: #003D4C;
}
.detail td {
	width:52%;
}
.detail.estate td {
	width: auto;
}
.detail.estate td table {
	width: 1148px;
	margin: -5px -7px;
	border-collapse: separate;
	border-spacing: 2px 0;
}
.detail.estate td table th {
	width: 190px;
}
.detail.estate td table td {
	width: 358px;
}
.detail td input {
	width:350px;
}

.detail td.charge select {
	margin-bottom:5px;
}
.detail td.charge input.chargeName {
	width:150px;
}
.detail td.charge input.chargeMail {
	width:200px;
}

.detail td input.check {
	width: auto;
	display: block;
	margin: 0 auto;
}
#taskForm table.detail th {
	white-space: normal;
	line-height: 33px;
}
#taskForm table.detail th input {
	display:inline-block;
	float:right;
}
.detail td input[type="button"] {
	width: auto;
}
.detail td ul, div.tab .tab_main table.detail td ul {
	margin:0 -20px 0 0;
	padding:0;
	list-style:none;
	overflow:hidden;
	width: auto;
}
.detail td ul li, div.tab .tab_main table.detail td ul li {
	margin:0 20px 0 0;
	padding:0;
	float:left;
	width: auto;
	height: auto;
	display: inline-block;
}
div.tab .tab_main table.detail td ul li {
	border: none;
}
.detail.prodict_name td ul {
	margin-bottom: -3px;
	margin-right: -10px;
}
.detail.prodict_name td ul.error {
	margin-bottom: 0;
}
.detail.prodict_name td ul li {
	margin-bottom: 3px;
	margin-right:10px;
	width: auto;
}
.detail.prodict_name td ul.error li {
	margin-bottom: 0;
	width: auto;
}
.detail.prodict_name-confirm td ul li {
	float: none;
	width: auto;
}
.detail td ul li input {
	width:auto;
}
.detail.prodict_name td ul li input {
	width: 70px;
}
.detail.approval {
	border-collapse: collapse;
}
.detail.approval th {
	width: auto;
	min-width: 0;
	border-left: none;
	border-right: none;
}
.detail.approval td {
	width: auto;
}
.detail.approval tr:nth-child(odd) td {
	border: none;
}
.detail.approval td input[type="text"] {
	width: 100%;
	margin: 0 auto;
	display: block;
	box-sizing:border-box;
}

ul.estimate_input {
	margin: -20px 0 0 -10px;
	padding: 0;
	list-style: none;
	display: inline-block;
	position: relative;
	width: 1160px;
}
ul.estimate_input li {
	float: right;
	margin: 0 0 0 10px;
	display: inline;
}
ul.estimate_input li.edit {
	float: none;
	position: absolute;
	display:inline-block;
	left: 50%;
	margin-left: -2.5em;
}

div.tab {
	clear:both;
	margin:20px 0;
	width:100%;
	position:relative;
	display: table;
	border-collapse: collapse;
}
div.tab ul,
div.tab_main {
	display: table-cell;
}
div.tab ul {
	margin: 0;
	padding: 0;
	list-style: none;
	vertical-align: top;
	width: 148px;
}
div.tab ul li {
	margin:-1px -1px 0 -1px;
	padding:0;
	display: table;
	width:150px;
	height:55px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	div.tab ul li {
		margin:0 0 -1px 0;
	}
}
div.tab ul li a {
	display:table-cell;
	padding:0;
	text-align:center;
	text-decoration:none;
	background-color:#c5ccca;
	color: #155264;
	vertical-align: middle;
	border: 1px solid #155264;
}
div.tab ul li a:hover {
	color: #fff;
	background-color: #8b9895;
}
div.tab ul li.active a {
	margin: 0;
	padding: 8px 1px;
	background: #155264;
	color: #fff;
	font-weight: bold;
}
div.tab ul li.red {
	border-color: #cc0000;
}
div.tab ul li.red a {
	background-color: #cc0000;
	font-weight: bold;
	color: #fff;
}
div.tab ul li.blue {
	border-color: #0066FF;
}
div.tab ul li.blue a {
	background-color: #0066FF;
	font-weight: bold;
	color: #fff;
}
div.tab_main {
	padding:0 0 30px 0;
	border: 1px solid #155264;
	clear: both;
	background-color: #e7eef4;
}
div.tab_main.businessOrder {
	background-color: #e8d3d1;
}
div.tab_main table.detail, div.tab_main div {
	margin:30px auto 0 auto;
	width: 95%;
}
div.tab_main div.list {
	display: block;
}
div.tab_main table td form div {
	margin: 0;
}
div.tab_main div.button {
	display: block;
}
div.tab_main table.detail {
	background-color:#fff;
	table-layout:fixed;
}
div.tab_main table.detail th {
	min-width:0;
	width: 50%;
}
div.tab_main table th.w150,
div.tab_main table td.w150 {
	width: 130px;
}
div.tab_main table th.w270,
div.tab_main table td.w270 {
	width: 240px;
}
div.tab_main div.list .page {
	margin:5px 0;
}
div.tab_main div.list .page a {
	height:auto;
	margin:0;
	width:auto;
	background-color:#fff;
	color:#3399FF;
}
div.tab_main div.list table {
	background-color:#fff;
	margin:0;
}
div.tab_main div.list table td ul {
	text-align: center;
	margin: 0 -10px 0 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	width: auto;
}
div.tab_main div.list table td ul li {
	margin:0 10px 0 0;
	padding: 0;
	border:none;
	display: inline-block;
	height: auto;
	width: auto;
}
div.tab_main div.list table td input[type="text"] {
	width: 200px;
}

table.file {
	border-collapse:collapse;
	margin:30px auto;
	width:100%;
	table-layout:fixed;
	border-bottom: 1px solid #155264;
	border-top: 1px solid #155264;
	background-color: #fff;
}
table.file.businessOrder {
	border-bottom: 1px solid #e95295;
	border-top: 1px solid #e95295;
}
table.file th, table.file td {
	padding:5px 10px;
	border-bottom:1px solid #ddd;
	border-top:1px solid #fff;
}
table.file tr:nth-child(odd) th,
table.file tr:nth-child(odd) td {
	padding-top: 10px;
}
table.file tr:nth-child(even) th,
table.file tr:nth-child(even) td {
	padding-bottom: 10px;
}
table.file tr:first-child th, table.file tr:first-child td {
	border-top: none;
}
table.file tr:last-child th, table.file tr:last-child td {
	border-bottom: none;
}
table.file tr:nth-child(even) td,
table.file.regist tr:nth-child(4n+1) td,
table.file.regist tr:nth-child(4n+2) td {
	background-color: #f9f9f9;
}
table.file.regist tr:nth-child(even) th, table.file.regist tr:nth-child(even) td {
	background: none;
}
table.file.regist tr:nth-child(even) th {
	background-color: #155264;
}
table.file th,
.detail.approval th {
	font-weight:normal;
	background-color: #155264;
	color: #fff;
}
table.file td {
	text-align:center;
}
table.file td.left {
	text-align:left;
}
table.file td.comment input {
	width:250px;
}
table.file td ul {
	margin: 0 -10px;
	padding: 0;
	overflow: hidden;
	list-style: none;
}
table.file td ul li {
	margin: 0 10px;
	padding: 0;
	display: inline-block;
}
table.file td ul li:last-child label {
	font-size: 1.6rem;
}
table.file td ul li label,
table.file td ul li label input[type="checkbox"] {
	cursor: pointer;
}
table.file.regist {
	table-layout: auto;
}
table.file.regist tr:nth-child(odd) td {
	border: none;
}
table.file.regist tr:nth-child(even) td {
	border-bottom-color: #888
}
table.file.regist td input[type="text"] {
	width: 100%;
	box-sizing:border-box;
}
table.file.regist td.day input[type="text"] {
	width: 130px;
	height: auto;
}
table.file.regist td ul li:first-child {
	color: #f45252;
}
table.file.regist td ul li:nth-child(2) {
	color: #ea8e43;
}
table.file.regist td ul li:nth-child(3) {
	color: #4279ba;
}

ul.product_name {
	text-align: center;
	margin: 0;
	padding:0;
	list-style: none;
}
ul.product_name li {
	display:inline;
	margin: 0 5px;
	padding: 0;
}
ul.product_name + p {
	margin-top: 20px;
}

ul.account_type,
ul.task_tab {
	margin: 20px -10px 20px 0;
	padding: 0;
	list-style: none;
	letter-spacing:-0.4em;
	height: 40px;
}
ul.account_type li,
ul.task_tab li {
	margin:0 10px -1px 0;
	padding: 0;
	display:inline-block;
	letter-spacing:normal;
}
ul.account_type li a,
ul.account_type li input[type="submit"],
ul.account_type li input[type="button"],
ul.task_tab li input[type="submit"],
ul.task_tab li input[type="button"] {
	display:block;
	width:220px;
	text-decoration:none;
	color:#003e4d;
	text-align: center;
	height: 40px;
	line-height: 40px;
	border: 1px solid #155264;
	position: relative;
}
ul.account_type li input[type="submit"],
ul.account_type li input[type="button"],
ul.task_tab li input[type="submit"],
ul.task_tab li input[type="button"] {
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	background: none;
	box-sizing:border-box;
	padding: 0;
}
ul.task_tab li input[type="submit"],
ul.task_tab li input[type="button"] {
	width: 183px;
}
ul.account_type li a:hover,
ul.account_type li input[type="submit"]:hover,
ul.account_type li input[type="button"]:hover,
ul.task_tab li input[type="submit"]:hover,
ul.task_tab li input[type="button"]:hover {
	background-color: #669dad;
	color: #fff;
}
ul.account_type li a.select,
ul.account_type li.select,
ul.task_tab li.select {
	background-color: #155264;
	color: #fff;
	position: relative;
}
ul.account_type li.select input[type="submit"],
ul.account_type li.select input[type="button"],
ul.task_tab li.select input[type="submit"],
ul.task_tab li.select input[type="button"] {
	color: #fff;
}
ul.account_type li.select input[type="submit"]:hover,
ul.account_type li.select input[type="button"]:hover,
ul.task_tab li.select input[type="submit"]:hover,
ul.task_tab li.select input[type="button"]:hover {
	background-color: #155264;
}
ul.account_type li a.select:after,
ul.account_type li.select:after,
ul.task_tab li.select:after {
	position: absolute;
	bottom: -8px;
	display: block;
	content: "";
	left: 50%;
	margin-left:-10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 10px 0 10px;
	border-color:  #155264 transparent transparent transparent;
}

#foot {
	position:absolute;
	bottom:0;
	width:100%;
	text-align:center;
}

table#subcontractor-selection {
	width:750px;
	margin: 0 auto 20px;
	border:none;
}

table#subcontractor-selection select {
	width:300px;
}

table#subcontractor-selection ul {
	margin: 0;
	padding: 0;
	list-style:none;
}

table#subcontractor-selection  ul li {
	margin: 0;
	padding: 0;
}

table#subcontractor-selection table {
	border:none;
}
table#subcontractor-selection table th {
	padding:0;
	background:none;
}
table#subcontractor-selection input[type="button"] {
	margin: 10px 0;
}
span#subcontractor-selection-error {
	display:block;
	width:750px;
	margin: 0 auto;
}

div.subcontractor {
	background:#fff1f1;
}
div.list table .subcontractor:before {
	background:#e5e5ff;
}
div.list table .subcontractor:after {
	border-style: double;
}
span#status-change-box {
	margin-left:50px;
}

div.approval-date-view {
	height:2em;
}

.detail td input.specialSupplier {
	width:20px;
}
div.tab_main_taskSetting {
	padding:0 24px 50px 24px;
	margin:15px 15px 15px 15px;
	position:relative;
	border: 1px solid #8ca9b9;
	clear: both;
	background-color: #F0FFF0;
}
div.list table td.task_group ul li div.task1:before,
div.list table .task2:before,
div.list table td.task_group ul li div.task2:before,
div.list table .task3:before,
div.list table td.task_group ul li div.task3:before,
div.list table .task4:before,
div.list table td.task_group ul li div.task4:before,
div.list table .task5:before,
div.list table td.task_group ul li div.task5:before,
div.list table .task6:before,
div.list table td.task_group ul li div.task6:before,
div.list table .task7:before,
div.list table td.task_group ul li div.task7:before,
div.list table .task8:before,
div.list table td.task_group ul li div.task8:before,
div.list table .subcontractor:after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: block;
	content: "";
	width: auto;
	height: auto;
}
div.list table td.task_group ul li div.task1:before,
div.list table .task2:before,
div.list table td.task_group ul li div.task2:before,
div.list table .task3:before,
div.list table td.task_group ul li div.task3:before,
div.list table .task4:before,
div.list table td.task_group ul li div.task4:before,
div.list table .task5:before,
div.list table td.task_group ul li div.task5:before,
div.list table .task6:before,
div.list table td.task_group ul li div.task6:before,
div.list table .task7:before,
div.list table td.task_group ul li div.task7:before,
div.list table .task8:before,
div.list table td.task_group ul li div.task8:before {
	z-index: 1;
}
div.list table .subcontractor:after {
	z-index: 9998;
}
div.list table td.task_group ul li div.task1 div,
div.list table td.task_group ul li div.task1 a,
div.list table td.task_group ul li div.task1 p,
div.list table td.task_group ul li div.task2 div,
div.list table td.task_group ul li div.task2 a,
div.list table td.task_group ul li div.task2 p,
div.list table td.task_group ul li div.task3 div,
div.list table td.task_group ul li div.task3 a,
div.list table td.task_group ul li div.task3 p,
div.list table td.task_group ul li div.task4 div,
div.list table td.task_group ul li div.task4 a,
div.list table td.task_group ul li div.task4 p,
div.list table td.task_group ul li div.task5 div,
div.list table td.task_group ul li div.task5 a,
div.list table td.task_group ul li div.task5 p,
div.list table td.task_group ul li div.task6 div,
div.list table td.task_group ul li div.task6 a,
div.list table td.task_group ul li div.task6 p,
div.list table td.task_group ul li div.task7 div,
div.list table td.task_group ul li div.task7 a,
div.list table td.task_group ul li div.task7 p,
div.list table td.task_group ul li div.task8 div,
div.list table td.task_group ul li div.task8 a,
div.list table td.task_group ul li div.task8 p {
	z-index: 9999;
}
/*
 物件一覧のタスクのセルの背景色　受付
*/
div.list table .task1:before,
div.list table td.task_group ul li div.task1:before,
.task1 th, .task1 td {
	background-color: #cde2f1;
}
/*
 物件一覧のタスクのセルの背景色　質疑中
*/
div.list table .task2:before,
div.list table td.task_group ul li div.task2:before,
.task2 th, .task2 td {
	background-color: #FFFFDD;
}
/*
 物件一覧のタスクのセルの背景色　回答済
*/
div.list table .task3:before,
div.list table td.task_group ul li div.task3:before,
.task3 th, .task3 td {
	background-color: #FFDBC9;
}
/*
 物件一覧のタスクのセルの背景色　完了済
*/
div.list table .task4:before,
div.list table td.task_group ul li div.task4:before,
.task4 th, .task4 td {
	background-color: #E6FFE9;
}
/*
 物件一覧のタスクのセルの背景色　承認
*/
div.list table .task5:before,
div.list table td.task_group ul li div.task5:before,
.task5 th, .task5 td {
	background-color: #fad7d4;
}
div.list table .task5 a {
	color: #ec5f53;
}
/*
 物件一覧のタスクのセルの背景色　キャンセル
*/
div.list table .task6:before,
div.list table td.task_group ul li div.task6:before,
.task6 th, .task6 td {
	background-color: #eaecec;
}
div.list table .task6 a {
	color: #888;
}

/*
 物件一覧のタスクのセルの背景色　未設定
*/
div.list table .task7:before,
div.list table td.task_group ul li div.task7:before,
.task7 th, .task7 td {
	background-color: #eaecec;
}
/*
 物件一覧のタスクのセルの背景色　割当
*/
div.list table .task8:before,
div.list table td.task_group ul li div.task8:before,
.task8 th, .task8 td {
	background-color: #FFFFFF;
}

/* タスク設定画面 */
ul.task_setting {
	margin: 10px 0;
	padding: 0;
	list-style: none;
}
ul.task_setting li {
	margin: 5px 0;
	padding: 15px 30px;
	border: 1px solid #155264;
	background-color: #eaecec;
	display: inline-block;
	width: 100%;
	box-sizing:border-box;
}
ul.task_setting li a {
	float: left;
	font-weight: bold;
}
ul.task_setting li .right {
	float: right;
}

/* アップロード済みデータ */
.upload {
	margin-top: 30px;
}
.upload table {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
	height: 100%;
}
.upload table th,
.upload table td {
	padding: 3px 1px;
	vertical-align: top;
}
.upload table thead th {
	background-color: #155264;
	color: #fff;
	border-top: 1px solid rgba(255, 255, 255, 0.3);
	border-right: 1px solid rgba(255, 255, 255, 0.3);
	width: 25%;
}
.upload table thead tr:first-child th {
	border-right: none;
}
.upload table thead th a,
.upload table thead th input[type="button"],
.upload table thead th input[type="submit"] {
	display: inline-block;
	background-color: #fff;
	padding: 0 5px;
	margin: 0;
	height:25px;
	line-height:25px;
	border-radius: 5px;
	-webkit-border-radius:5px;
	-moz-border-radius: 5px;
	text-decoration: none;
	color: #155264;
}
.upload table tbody tr td {
	border-bottom: 1px solid #ccc;
	position: relative;
}
.upload table tbody tr:nth-child(odd) td {
	text-align: center;
}
.upload table tbody tr:nth-child(even) td {
	border-bottom-width: 2px;
}
.upload table tbody tr:nth-child(even) td:first-child,
.upload table tbody tr td.request .info ul li:last-child {
	color: #4379ab;
}
.upload table tbody tr:nth-child(even) td:last-child,
.upload table tbody tr td.client .info ul li:last-child {
	color: #ab4354;
}
.upload table tbody tr:nth-child(even) td div {
	color: #434343;
	font-size: 1.2rem;
}
.upload table tbody tr:nth-child(even) td:first-child {
	border-right: 1px solid #e1e1e1;
}
.upload table tbody tr:nth-child(odd) td {
	border-bottom-color: #e1e1e1;
}
.upload table tbody tr:nth-child(4n+1),
.upload table tbody tr:nth-child(4n+2) {
	background-color: #f9f9f9;
}
tr:nth-child(4n+3),
tr:nth-child(4n+4) {
	background-color: #fff;
}
.upload table tbody tr td .center {
	margin: 0;
	width: auto;
}
.upload table tbody tr td div.new,
.upload table tbody tr td div.red,
.upload table tbody tr td div.yellow,
.upload table tbody tr td div.blue,
.upload table tbody tr td div.green,
.upload table tbody tr td div.center div {
	display: inline-block;
	width: auto;
	margin: 0 5px 0 0;
}
.upload table tbody tr td div.new {
	font-weight: bold;
	color: #f00;
}
.upload table tbody tr td div.red,
.upload table tbody tr td div.yellow,
.upload table tbody tr td div.blue,
.upload table tbody tr td div.green {
	padding: 0 7px;
	height: 25px;
	line-height: 25px;
	border-radius: 5px;
	-webkit-border-radius:5px;
	-moz-border-radius: 5px;
	color: #fff;
}
.upload table tbody tr td div.red,
ul.flow li input[type="submit"].red,
ul.flow li input[type="button"].red,
ul.flow li button.red,
div.list table td.task_group ul li div div.red {
	background-color: #ff7575;
}
.upload table tbody tr td div.yellow,
ul.flow li input[type="submit"].yellow,
ul.flow li input[type="button"].yellow,
ul.flow li button.yellow,
div.list table td.task_group ul li div div.yellow {
	background-color: #f8a968;
}
.upload table tbody tr td div.blue,
ul.flow li input[type="submit"].blue,
ul.flow li input[type="button"].blue,
ul.flow li button.blue,
div.list table td.task_group ul li div div.blue {
	background-color: #739bcb;
}
.upload table tbody tr td div.green {
	background-color: #73cb88;
}

.upload table tbody tr td.client,
.upload table tbody tr td.request {
	padding: 0;
	border-right: none !important;
	border-left: none !important;
	height: 100%;
	border-bottom: 1px solid #e1e1e1 !important;
}
.upload table tbody tr td .wrap {
	width: 100%;
	height: 100%;
	margin: 0;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
.upload table tbody tr td.client .wrap {
	-webkit-flex-direction:row;
	-moz-flex-direction:row;
	-ms-flex-direction:row;
	flex-direction:row;
}
.upload table tbody tr td.request .wrap {
	-webkit-flex-direction:row-reverse;
	-moz-flex-direction:row-reverse;
	-ms-flex-direction:row-reverse;
	flex-direction:row-reverse;
}
.upload table tbody tr td .request_status,
.upload table tbody tr td .info {
	width: 50%;
	box-sizing:border-box;
	margin: 0;
	padding: 3px 0;
	position: relative;
	text-align: center;
	background-color: #fff;
}
.upload table tbody tr:nth-child(even) td .request_status,
.upload table tbody tr:nth-child(even) td .info {
	background-color: #f9f9f9;
}
.upload table tbody tr td .request_status,
.upload table tbody tr td .info,
.upload table tbody tr td.client .request_status div {
	font-size: 1.4rem !important;
}

.upload table tbody tr td .request_status div {
	margin: 0;
	width: auto;
	display: inline-block;
	padding: 0 7px;
}
.upload table tbody tr td .request_status div,
.upload table tbody tr td .info div {
	font-size: 1.4rem;
}
.upload table tbody tr td.client .info,
.upload table tbody tr td.request .request_status {
	border-left: 1px solid #e1e1e1;
}
.upload table tbody tr td .info ul {
	display: block;
	width: auto;
	margin: 0 1px;
	padding: 0;
	list-style: none;
}
.upload table tbody tr td .info ul li {
	display: list-item;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	text-align: center;
	position: relative;
}
.upload table tbody tr td .info ul li ul {
	position: absolute;
	right: 1px;
	top: 0;
	margin: 0 0 0 -15px;
	padding: 0;
}
.upload table tbody tr td .info ul li ul li {
	float: left;
	margin: 0 0 0 15px;
	display: inline-block;
}
.upload table tbody tr td .info ul li ul li:first-child,
.upload table tbody tr td .info ul li ul li:only-child {
	width: 4em;
	text-align: center;
	color: #434343 !important;
}
.upload table tbody tr td .info ul li ul li:first-child {
	margin-right: 70px;
}
.upload table tbody tr td .info ul li ul li:last-child {
	position: absolute;
	right: 0;
	top: 0;
}
.upload table tbody tr td .info ul li ul li:only-child,
.upload table tbody tr td .info ul li ul li + form {
	margin: 0;
}
.upload table tbody tr td .info ul li ul li input[type="submit"] {
	top:auto;
	position: inherit;
	right: auto;
	float: right;
}
.upload table tbody tr td .info ul li.file_name {
	margin: 15px auto;
	display: block;
	max-width: 75%;
}
.upload table tbody tr td .info ul li.file_name a {
	display:inline;
	margin: 0;
	border: none;
	background:none;
	text-decoration: underline;
	padding: 0;
	word-break:break-all;
}
.upload table tbody tr td .info ul li.file_name a:hover {
	color:#669dad;
	background: none;
}
.upload table tbody tr td .info ul li:last-child {
	text-align: left;
}

.upload table tbody tr td input[type="button"],
.upload table tbody tr td input[type="submit"] {
	position: absolute;
	right: 1px;
	top: 3px;
}

/* 物件一覧絞り込み検索部分 */

ul.flow {
	margin: 30px auto;
	padding: 0;
	list-style: none;
	text-align: center;
	vertical-align: middle;
	display: table;
	border-collapse: separate;
	border-spacing: 50px 0;
}
ul.flow li {
	display:table-cell;
	padding: 0;
	vertical-align: middle;
	position: relative;
}
ul.flow li:nth-child(2) {
	padding-left: 50px;
}
ul.flow li:first-child,
ul.flow li input[type="submit"],
ul.flow li input[type="button"],
ul.flow li:first-child button {
	font-size: 22px;
}
ul.flow li,
ul.flow li button {
	font-size: 18px;
}
ul.flow li button {
	padding:8px 20px;
	background-color: #eaecec;
	border-top-left-radius: 20px;
	-webkit-border-top-left-radius:20px;
	-moz-border-top-left-radius: 20px;
	border-bottom-right-radius: 20px;
	-webkit-border-bottom-right-radius:20px;
	-moz-border-bottom-right-radius: 20px;
	font-weight: bold;
	border: none;
	cursor: pointer;
	line-height: 130%;
	color: #404040;
	min-height: 3em;
}
ul.flow li input[type="submit"],
ul.flow li input[type="button"] {
	position: absolute;
	top:-10px;
	right: -30px;
	height: 45px;
	width: 45px;
	padding: 0;
	line-height: 45px;
	border-radius: 45px;
	-webkit-border-radius:45px;
	-moz-border-radius: 45px;
	background-color: #155264 ;
	text-decoration: underline;
}
ul.flow li:first-child input[type="submit"],
ul.flow li:first-child input[type="button"] {
	top: -18px;
}
ul.flow li input[type="submit"]:hover,
ul.flow li input[type="button"]:hover {
	text-decoration: none;
}
div.list table td.task_group ul li div div.red,
div.list table td.task_group ul li div div.yellow,
div.list table td.task_group ul li div div.blue {
	display: inline-block;
	color: #fff;
	height: 25px;
	width: 25px;
	line-height:25px;
	margin: 0;
	border-radius: 25px;
	-webkit-border-radius:25px;
	-moz-border-radius: 25px;
	position: absolute;
	top: 5px;
}
div.list table td.task_group ul li div div.red {
	left: 5px;
}
div.list table td.task_group ul li div div.yellow {
	left: 50%;
	margin-left: -12px;
}
div.list table td.task_group ul li div div.blue {
	right: 5px;
}

/* 物件検索部分 */
.estate_search {
	margin: 10px 0;
	padding: 0;
	text-align: center;
	position: relative;
	z-index: 9999;
}
.estate_search dl {
	margin:0 0 10px 0;
	padding: 0;
}
.estate_search dl dt,
.estate_search dl dd {
	margin: 0 10px;
	padding: 0;
	display: inline-block;
}
.estate_search dl dt {
	font-weight: bold;
	color: #155264;
	margin-top: 3px;
	margin-bottom: 3px;
}
.estate_search input[type="submit"],
.estate_search input[type="button"],
.estate_search button {
	border-radius: 0;
	-webkit-border-radius:0;
	-moz-border-radius: 0;
	border:2px solid rgba(255, 255, 255, 0.3);
	height: 30px;
	cursor: pointer;
	padding: 0;
	box-shadow:1px 1px rgba(0, 0, 0, 0.2);
	color: #fff;
}
.estate_search button {
	padding-left: 24px;
	width: 200px;
	background-image: url("/img/search_icon.png");
	background-repeat: no-repeat;
	background-position: 30px 50%;
	background-color: #7ea1bb;
	border-color:  #c7d6e2;
}
.estate_search button:hover {
	background-color: #a3c1d8;
}
.estate_search dl dd input[type="submit"] {
	width: 125px;
	padding: 0;
}
.estate_search input[type="button"].entry {
	background: #ed6053;
	color: #fff;
	position: absolute;
	left: 0;
	width: 150px;
	border-color: #f69087;
	top: 0;
}
.estate_search input[type="button"].entry:hover {
	background: #f7a199;
}

ul.file_upload {
	margin:0 30px;
	padding:0;
	list-style:none;
	position:relative;
}
ul.file_upload li {
	margin:15px 0;
	padding:0 0 0 300px;
	position:relative;
}
ul.file_upload li.help {
	position:absolute;
	bottom:0;
	right:0;
	bottom:0;
	padding:0;
	margin:0 20px 0 0;
	background-color:#e46c0a;
	color:#fff;
	font-size:20px;
	border-radius: 1.5em;
	-webkit-border-radius: 1.5em;
	-moz-border-radius: 1.5em;
	width:1.5em;
	height:1.5em;
	line-height:1.5em;
	text-align:center;
	font-weight:bold;
}
ul.file_upload li.help .help_comment {
	position:absolute;
	top:-55px;
	right:-20px;
	white-space:nowrap;
	font-size:13px;
	background-color:#fcd5b5;
	color:#000;
	font-weight:normal;
	padding:5px 25px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
ul.file_upload li.help .help_comment:after {
	position:absolute;
	content:"";
	width:0;
	height:0;
	border-style: solid;
	border-width: 15px 10px 0 10px;
	border-color: #fcd5b5 transparent transparent transparent;
	bottom:-15px;
	right:25px;
}
ul.file_upload li input[type="file"] {
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	width:300px;
}
ul.file_upload li input[type="button"],
ul.file_upload li input[type="submit"] {
	margin:0 15px;
}

.file_folder,
.tag {
	position:relative;
	display:inline-block;
	width:100%;
	margin:20px 0;
	box-sizing:border-box;
	padding-left:200px;
}
.file_folder h3,
.tag h3 {
	position:absolute;
	display:inline-block;
	border:1px solid #ccc;
	font-weight:normal;
	color:#155264;
	float:left;
	padding:0 20px;
	height:30px;
	line-height:30px;
	margin:0;
	width:150px;
	box-sizing:border-box;
	left:0;
	top:0;
	text-align:center;
}
.file_folder table {
	width:100%;
	border-collapse:separate;
	margin: -10px;
	table-layout:fixed;
	border-spacing:10px;
}
.file_folder table th,
.file_folder table td {
	padding:0;
}
.file_folder table thead tr th:first-child,
.file_folder table tbody th {
	width:2em;
	font-weight:normal;
}
.file_folder table td select {
	width:100%;
}
.tag textarea {
	width:700px;
	height:150px;
}

ul.hashtag {
	margin:0 -20px 0 0;
	overflow:hidden;
	padding:0;
	list-style:none;
}
ul.hashtag li {
	margin:0 20px 0 0;
	padding:0;
	display:inline-block;
}
ul.hashtag li.bold a {
	font-weight: bold;
}
ul.hashtag li a:before,
.file_popaup ul.file_detail_info li ul.tag li a:before {
	content:"#";
}

.file_detail {
	position:relative;
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	width:100%;
	height:100%;
	margin:5px 0;
}
.detail_folder {
	height:100%;
	position:relative;
	border-left:1px solid #ccc;
	padding:2em 0;
}
.file_detail .detail_folder {
	width:40%;
	float:left;
}
.detail_folder div.big_class,
.detail_folder div.middle_class,
.detail_folder div.small_class,
.detail_folder div.detail_class {
	position:absolute;
	width:25%;
	border:1px solid #ccc;
	border-left:none;
	margin:0;
	top:0;
	bottom:0;
	z-index:1;
	text-align:center;
}
.detail_folder div.big_class	{ left:0; }
.detail_folder div.middle_class	{ left:25%; }
.detail_folder div.small_class	{ left:50%; }
.detail_folder div.detail_class	{ right:0; }

.detail_folder ul {
	z-index:9999;
	position:relative;
	margin:0;
	padding:0;
	list-style:none;
}
.detail_folder ul li {
	margin:10px 0;
	padding:0;
}
.detail_folder ul li ul {
	margin:0;
	padding:0;
}
.detail_folder ul li ul li {
	margin:0;
	padding:0;
	box-sizing:border-box;
	position:relative;
}
.file_detail .detail_folder ul li ul li.big_class	{ padding-right:65%; }
.file_detail .detail_folder ul li ul li.middle_class	{ padding-left:15%; padding-right:50%; }
.file_detail .detail_folder ul li ul li.small_class	{ padding-left:30%; padding-right:35%; }
.file_detail .detail_folder ul li ul li.detail_class	{ padding-left:45%; padding-right:15%; }

.detail_folder ul li ul li.big_class	{ padding-right:75%; }
.detail_folder ul li ul li.middle_class	{ padding-left:25%; padding-right:50%; }
.detail_folder ul li ul li.small_class	{ padding-left:50%; padding-right:25%; }
.detail_folder ul li ul li.detail_class	{ padding-left:75%; }

.detail_folder ul li ul li div,
.detail_folder ul li ul li div:before {
	border:1px solid #155264;
}
.detail_folder ul li ul li div {
	width:75%;
	box-sizing:border-box;
	margin:3px auto;
	text-align:center;
	position:relative;
	cursor: pointer;
}
.detail_folder ul li ul li div:before {
	position:absolute;
	left:-12px;
	top:-1px;
	content:"";
	width:10px;
	bottom:-1px;
}
.detail_folder ul li ul li.big_class div,
.detail_folder ul li ul li.big_class div:before	{ padding:10px 0; background-color:#deb887;}
.detail_folder ul li ul li.middle_class div,
.detail_folder ul li ul li.middle_class div:before { padding:12px 0; background-color:#f5deb3;}
.detail_folder ul li ul li.small_class div,
.detail_folder ul li ul li.small_class div:before { padding:12px 0; background-color:#fffacd;}
.detail_folder ul li ul li.detail_class div,
.detail_folder ul li ul li.detail_class div:before { padding:12px 0; background-color:#ffffe0;}


.detail_folder ul li ul li ul {
	position: relative;
	width: 1146px;
	box-sizing:border-box;
}
.detail_folder ul li ul li.middle_class ul	{ left: -100%; }
.detail_folder ul li ul li.small_class ul	{ left: -200%; }
.detail_folder ul li ul li.detail_class ul	{ left: -300%; }

.file_detail .detail_folder ul li ul li div a {
	position:absolute;
	top:-1em;
	right:-1em;
	width:2em;
	height:2em;
	line-height:2em;
	border-radius: 2em;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	background-color:#c00;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	font-size:15px;
	box-shadow:1px 1px 3px rgba(0, 0, 0, 0.2);
	transform:translateY(0);
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
	-ms-transform:translateY(0);
}
.file_detail .detail_folder ul li ul li div a:after {
	display:none;
}
.detail_folder ul li ul li a {
	position:absolute;
	top:15px;
	text-decoration:none;
	width:30px;
	height:24px;
	display:inline-block;
}
.detail_folder ul li ul li.middle_class a {
	top: 12px;
}
.detail_folder ul li ul li.small_class a {
	top: 7px;
}
.detail_folder ul li ul li a.detail {
	margin: 0;
	border: none;
	background: none;
}
.detail_folder ul li ul li div a {
	top:50% !important;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
}
.detail_folder ul li ul li a i {
	position:absolute;
	font-size:26px;
	left:0;
	top:3px;
}
.detail_folder ul li ul li a:after {
	width:1.2em;
	height:1.2em;
	border-radius: 1.2em;
	-webkit-border-radius: 1.2em;
	-moz-border-radius: 1.2em;
	text-align:center;
	line-height:1.2em;
	position:absolute;
	content:"+";
	background-color:#ed6363;
	color:#fff;
	right:-2px;
	top:-4px;
}
.detail_folder ul li ul li.big_class a		{ left:27%; }
.detail_folder ul li ul li.middle_class a	{ left:52%; }
.detail_folder ul li ul li.small_class a	{ left:77%; }

.detail_folder ul li ul li div a {
	left:auto !important;
	right:10px;
}
.detail_folder ul li ul li div a:after {
	background-color:#5085b6;
	content:"-";
}
.detail_folder ul li ul li a:hover:after {
	opacity:0.7;
}

.file_detail .file {
	float:right;
	width:60%;
	border:1px solid #ccc;
	margin-left:-1px;
	box-sizing:border-box;
	position:relative;
	padding: 10px 15px;
}
.file_detail .file form {
	display: block;
	margin: 10px 0;
}
.file_detail .file ul {
	margin:0;
	padding:0;
	list-style:none;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
}
.file_detail .file ul li {
	float:left;
	width:32%;
	text-align:center;
	box-sizing:border-box;
	padding:10px;
	margin:1px 1px;;
	border: 1px solid #ccc;
}
.file_detail .file ul li:nth-child(3n+1) {
	clear:both;
}
.file_detail .file ul li a:first-child {
	display:block;
	margin:0 auto;
	height: 100px;
}

.file_detail .file ul li a img {
	max-height: 100px;
	width: auto;
}
.file_detail .file ul li a:nth-child(2) {
	min-height: 3.5em;
	display: inline-block;
}
.file_detail .file ul li p {
	min-height: 1.75em;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin: 0;
	padding: 0;
}
.file_detail .file ul li form div {
	display: inline;
}

.file_popaup {
	position:relative;
	width:800px;
	margin:0 auto;
	padding: 30px 20px;
	box-sizing:border-box;
	display:inline-block;
}
.file_popaup .file_preview {
	float:left;
	width:48%;
	border:1px solid #ccc;
	height:500px;
	text-align:center;
	box-sizing:border-box;
	position: relative;
}
.file_popaup .file_preview img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.file_popaup ul.file_detail_info {
	float:right;
	width:48%;
	margin: -10px 0 55px 0;
	padding:0;
	list-style:none;
}
.file_popaup ul.file_detail_info li {
	margin:10px 0;
	padding:0;
}
.file_popaup ul.file_detail_info li ul {
	margin:0 -20px 0 0;
	padding:0;
	overflow:hidden;
	list-style:none;
}
.file_popaup ul.file_detail_info li ul li {
	margin:0 20px 0 0;
	padding:0;
	display:inline-block;
}
.file_popaup ul.file_detail_info li.button a {
	text-decoration:none;
}
.file_popaup ul.file_detail_date {
	position: absolute;
	bottom: 20px;
	left: 52%;
	margin: 0;
	padding: 0;
	list-style: none;
}
.file_popaup ul.file_detail_date li {
	margin: 0;
	padding: 0;
}
.detail_folder ul li ul li div.tagActive {
	font-weight : bold;
	background-color: #f4c542;
}