@CHARSET "UTF-8";

 /* タブレット用 */
@media screen and (max-width:1024px){
	#shaken_tab {
		width:1128px!important;
	}
}

/*** SIGNIN ***/
.login_header {
	height: 300px;
	padding-top: 30px;
	background-color: #ffffff;
	position: relative;
}
.login_header div {
	margin-bottom: 50px;
}
.login_header .logo {
	width: 450px;
	height: auto;
}
.login_header .spin {
	-webkit-animation: spin 5s linear infinite;
	animation: spin 5s linear infinite;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -30px;
}
.login_header img {
	width: 70px;
	height: 70px;
}
.login_container {
	width: 100%;
	height: 100%;
	background-color: #b8d200;
}
#form-signin {
	max-width: 400px;
	padding: 15px;
	margin: 0 auto;
	text-align: center;
}
#form-signin input {
	background-color: #ffffff;
	border-radius: 5px;
	padding: 10px;
}
#form-signin .link {
	margin-top: 20px;
}

#form-signin .link a:hover,
#form-signin .link a:focus {
	color:#0275d8;
}

#form-signin .init_password {
    margin-top: 15px;
}

#form-signin .init_password a:hover,
#form-signin .init_password a:focus {
    color:#0275d8;
}

/*** PASSWORD ***/
#form-signin .title_password {
	font-size: 20px;
	color: green;
	margin-bottom: 15px;
}

/*** PASSWORD_COMPLETE ***/
.password_complete_area .show_message {
	color: green;
	font-size: 20px;
	margin-top: 60px;
	margin-bottom: 60px;
}

/*** NAV ***/
.navbar {
	border-radius: 0;
	margin-bottom: 0;
	font-weight: bold;
	background-color: #b8d200;
	min-width: 1170px;
	padding: 0;
}
.navbar>div {
	width: 1170px;
	margin: 0 auto;
}
.navbar span {
	color: #000000;
	font-size: 13px;
	padding-left: 5px;
}
.navbar a {
	padding: 5px;
}
.navbar img {
	width: auto;
	height: 40px;
	vertical-align: middle;
}
.navbar-header {
	float: left;
}
.navbar-header img {
	width: auto;
	height: 45px;
}
.navbar-nav {
	float: left;
}
.navbar-nav>li {
	float: left;
}
.navbar-nav>li.active {
	background-color: #8bc34a;
}
.navbar-nav>li:hover {
	background-color: #cdea00;
}
.navbar-right {
	float: right !important;
	margin-right: -15px;
}
.navbar .btn-kantan {
	font-size: 13px;
	width: 140px;
	padding: 0;
}
.navbar .btn-kantan {
	background-color: #a21818!important;
}
.navbar .btn-kantan span {
	color: #ffffff;
}
.nav_dropdown {
    font-size: 13px;
    font-weight: normal;
	padding-top: 5px;
	position: relative;
}
.nav_dropdown>a {
    padding: 0;
    color: #000;
}
.nav_dropdown ul {
	display: none;
	position: absolute;
	left: 0;
	list-style: none;
	margin: 0;
    padding: 0;
    width: 200px;
    background-color: #b8d200;
    z-index: 99999;
}
.nav_dropdown ul li{
	position: relative;
    display: block;
	border-top: 2px solid #008040;
    vertical-align: middle;
    height: 40px;
    padding-top: 10px;
    padding-left: 5px;
    cursor: pointer;
    font-size: 15px;
}
.nav_dropdown ul li:hover{
    background-color: #76ec00;
}

/*** TOP ***/
.top_menu {
	width: 1100px;
	margin: 100px auto;
}
.top_menu .tantosha_name {
	text-align: left;
	margin-bottom: 40px;
	font-size: 20px;
}
.top_menu .go_vehicle_info {
	text-decoration: underline;
	text-decoration-color: #FF0000
}
.top_menu .go_vehicle_info:hover {
	cursor: pointer;
}
.top_menu .go_vehicle_list {
	text-decoration: underline;
	text-decoration-color: #008040
}
.top_menu .go_vehicle_list:hover {
	cursor: pointer;
}
.top_menu .regist_menu
,.top_menu .list_menu
,.top_menu .search_menu {
	width: 330px;
}
.top_menu .regist_menu {
	margin-left: 50px;
}
.top_menu .regist_menu p
,.top_menu .list_menu p
,.top_menu .search_menu p {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 25px;
}
.top_menu .regist_menu p {
	color: red;
}
.top_menu .list_menu p {
	color: green;
}
.top_menu .search_menu p {
	color: blue;
}
.top_menu .search_menu input {
	width: 150px;
}
.top_menu button {
	width: 270px;
	height: 50px;
	font-size: 18px;
	margin: 0 20px;
	border-radius: 10px;
	padding: 0;
}
.top_menu .div_btn {
	margin-bottom: 20px;
}
.top_menu button.regist_button {
	background-color: #ff5959;
}
.top_menu button:hover {
	cursor: pointer;
}
.top_menu button.regist_button:hover {
	background-color: #ff0000;
}
.top_menu button.list_button {
	background-color: #b8d200;
}
.top_menu button.list_button:hover {
	background-color: #00bd00;
}
.top_menu button.search_button {
	background-color: #8080ff;
	width: 100px;
	height: 35px;
}
.top_menu button.search_button:hover {
	background-color: #0000ff;
}
.top_menu button.kakosharyo_button {
	background-color: #ff8000;
	width: 150px;
	height: 35px;
}
.top_menu button.search_button:hover {
	background-color: #0000ff;
}

.radio_choice label{
	display: inline-block !important;
    max-width: 100% !important;
    margin: 0px !important;
    padding-right:5px !important;
    padding:7px;
}
.radio_choice span{
	margin-right:5px !important;
	position:relative !important;
	top:-5px !important;
}

.radio_choice .radio_btn{
	width:20px !important;
	height:20px !important;
	position:relative !important;
	margin-right:5px !important;
	pointer-events:none;
	border:1px solid #929292;
}

/*** VEHICLE_INFO.KANTAN ***/
#kantan_tab .hikiate_area {
	width: 100%;
	margin: 0 0 15px 0;
}
#kantan_tab .img-header,
#picture_tab .img-header {
	width: 100vw;
	background-color: #d2d2d2;
	margin: 0 -80px 15px -80px;
    padding: 2px 1px;
    overflow: hidden;
}
#kantan_tab .header-body,
#shiire_tab .header-body,
#vehicle_tab .header-body,
#picture_tab .header-body {
	width: 100%;
	background-color: #d2d2d2;
	padding: 2px 0 2px 1px;
    margin-bottom: 15px;
    overflow: hidden;
}
#kantan_tab .header-body img,
#shiire_tab .header-body img,
#vehicle_tab .header-body img,
#picture_tab .header-body img,
#kantan_tab .img-header img,
#picture_tab .img-header img {
	float:left;
	margin-left: 5px;
}
#kantan_tab .img-header {
	display:none;
}
#kantan_tab header,
#shiire_tab header,
#vehicle_tab header,
#picture_tab header {
	font-weight: bold;
	font-size: 20px;
	margin:5px 0 5px 38px;
	margin-bottom: 10px;
	padding-left: 5px;
}
#kantan_tab .hikiate_area .row {
	padding-left: 100px;
}
#kantan_tab .hikiate_area .input_area {
	margin-right: 20px;
}
#kantan_tab .hikiate_area #katashiki_hikiate {
	width: 100px !important;
}
#kantan_tab .hikiate_area #katashiki_shitei_number
,#kantan_tab .hikiate_area #ruibetsu_kubun_number {
	width: 65px !important;
}
#kantan_tab .hikiate_area button {
	width: 100px;
	height: 30px;
	padding: 0;
	margin: 0 20px;
}

#kantan_tab {
	margin-bottom: 50px;
}
#kantan_tab .vehicle_table {
	width: 950px;
	margin: 0 auto;
	margin-bottom: 30px;
}
#kantan_tab .vehicle_table th {
	border: 1px solid #929292;
	background-color: #b8d200;
	text-align: center;
	width: 140px;
	padding: 5px;
	vertical-align: middle;
}
.vehicle_table th .get_kokyaku_btn {
	padding: 0 2px;
	margin: 0 0 0 3px;
}
.vehicle_table th .requied {
	color: #ff4d4d;
	font-weight: bold;
}
#kantan_tab .vehicle_table td {
	border: 1px solid #929292;
	width: calc(530px / 3);
}
#kantan_tab .vehicle_table td input, #kantan_tab .vehicle_table td select {
	border: none;
	width: 100%;
	height:34px;
	padding: 5px;
}
#kantan_tab .vehicle_table td input {
	text-align: right;
}
#kantan_tab .vehicle_table td.td_get_seiri_no {
	border: none;
	margin: 0 0 5px 10px;
}
#kantan_tab .vehicle_table td .get_seiri_no_btn {
	padding: 5px 10px;
	margin-top: 0;
}
.vehicle_table td .recycleNo{
	width:45px !important;
	height:23px !important;
	margin:2px !important;
	border:1px solid lightslategray !important;
}
#kantan_tab .equipment_list {
	width: 950px;
	margin: 0 auto;
	margin-bottom: 20px;
}
#kantan_tab .equipment_list .category {
	margin-bottom: 10px;
	border: 2px dotted #888787;
	width: 100%;
	padding: 10px;
	background-color: #edfff3;
}
#kantan_tab .equipment_list .category label {
	width: 20%;
	display: inline-flex;
	float: left;
}
#kantan_tab .equipment_list .category label span {
	display: inline-block;
	border: 1px solid gray;
	width: 20%;
	text-align: center;
	padding: 5px;
	vertical-align: middle;
	background-color: #fff;
}
#kantan_tab .equipment_list .category label span.sobi_name {
	display: inline-block;
	font-size: 12px;
	width: 80%;
	padding: 5px;
	vertical-align: middle;
	background-color: #fff;
}
#kantan_tab .equipment_list .category label span.active {
	background-color: #8eec87;
}
#kantan_tab .equipment_list .category label span.active.purchase_flg {
	background-color: #0000ff;
	color: #fff;
}
#kantan_tab .equipment_list .category label input:hover
,#kantan_tab .equipment_list .category label span:hover {
	cursor: pointer;
}
#kantan_tab .equipment_list .category label span input[type=checkbox] {
	width: 14px;
	height: 14px;
	transform: scale(1.3);
}
#kantan_tab .picture_list {
	width: 950px;
	margin: 0 auto;
	margin-bottom: 60px;
}
#kantan_tab .picture_list .ui-state-default {
	border: none;
	background-color: inherit;
	font-weight: normal;
	color: inherit;
	float: right;
}
#kantan_tab .picture_row {
	display: flex;
	margin: 0 0 20px 0;
}
#kantan_tab .picture_list .thumbnail {
	width: 180px;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 10px;
}
#kantan_tab .picture_list .caption {
	text-align: center;
	font-size: 18px;
	margin-bottom: 5px;
	position:relative;
}
#kantan_tab .picture_list .rotate_div {
	width: 22%;
    position: absolute;
    top: 0;
    right: 0;
}
#kantan_tab .picture_list .icon_rotate {
	width:50%;
	float:right;
}
#kantan_tab .picture_list .icon_rotate img{
	width:80%;
}
#kantan_tab .picture_list .image_area {
	width: 180px;
    height: 135px;
    line-height: 135px;
    text-align: center;
    position: relative;
    background-color: #ddd;
    margin:  auto;
    border: 0.5px solid #999;
}
#kantan_tab .picture_list .image_area .image {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
	vertical-align: middle;
	margin-bottom: 6px;
    margin-right: -1px;
}
#kantan_tab .picture_list .image_area .input_file {
/* 	width: 180px; */
/* 	height: 135px; */
/* 	position: absolute; */
/* 	cursor: pointer; */
/* 	opacity: 0; */
	display:none;
}
.lightbox_origin{

}
.lightbox_a{
	display:block;
	text-align:center;
}
.lightbox_a img{
	height:135px !important;
}
#kantan_tab .picture_list .image .hover {
	border: 0.5px solid red;
}
#kantan_tab .picture_list .comment {
	width: 100%;
}
#kantan_tab .picture_list .comment textarea {
	height: 100px;
	resize: none;
	font-size: 0.8em;
	line-height: 16px;
    margin-top: 3px;
}
#kantan_tab .picture_list .span_length {
	float: right;
	text-align: right;
}
#kantan_tab .picture_list .delete {
	float: left;
}
#kantan_tab .picture_list .delete button {
	height: 30px;
	padding: 0;
	width: 42px;
    margin: 5px 0px;
}


/*** VEHICLE_INFO.SHIIRE ***/
#shiire_tab .shiire_area {
	width: 100%;
	margin: 0 0 15px 0;
}
#shiire_tab .shiire_area header {
	font-weight: bold;
	font-size: 20px;
	width: 110px;
	margin-bottom: 10px;
}
#shiire_tab .vehicle_table {
	width: 950px;
	margin: 0 auto;
	margin-bottom: 30px;
}
#shiire_tab .vehicle_table th {
	border: 1px solid #929292;
	background-color: #b8d200;
	text-align: center;
	width: 140px;
	padding: 5px;
	vertical-align: middle;
}
.tr_shiire th {
	background-color: #4bcc67 !important;
}
#shiire_tab .vehicle_table td {
	border: 1px solid #929292;
	width: calc(530px / 3);
}
#shiire_tab .vehicle_table td input
,#shiire_tab .vehicle_table td select {
	border: none;
	width: 100%;
	height:34px;
	padding: 5px;
}
#shiire_tab .vehicle_table td input {
	text-align: right;
}


/*** VEHICLE_INFO.VEHICLE ***/
#vehicle_tab {
	margin-bottom: 50px;
}
#vehicle_tab .hikiate_area {
	width: 100%;
	margin: 0 0 15px 0;
}
#vehicle_tab .hikiate_area header {
	width: 170px;
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 10px;
}
#vehicle_tab .hikiate_area .row {
	padding-left: 100px;
}
#vehicle_tab .hikiate_area .input_area {
	margin-right: 20px;
}
#vehicle_tab .hikiate_area #katashiki_hikiate {
	width: 100px;
}
#vehicle_tab .hikiate_area #katashiki_shitei_number
,#vehicle_tab .hikiate_area #ruibetsu_kubun_number {
	width: 65px;
}
#vehicle_tab .hikiate_area button {
	width: 100px;
	height: 30px;
	padding: 0;
	margin: 0 20px;
}
#vehicle_tab .vehicle_area header {
	font-weight: bold;
	font-size: 20px;
	width: 110px;
	margin-bottom: 10px;
}
#vehicle_tab .vehicle_table {
	width: 950px;
	margin: 0 auto;
	margin-bottom: 30px;
}
#vehicle_tab .vehicle_table th {
	border: 1px solid #929292;
	background-color: #b8d200;
	text-align: center;
	width: 140px;
	padding: 5px;
	vertical-align: middle;
}
#vehicle_tab .vehicle_table td {
	border: 1px solid #929292;
	width: calc(530px / 3);
}
#vehicle_tab .vehicle_table td.td_get_seiri_no {
	border: none;
	margin: 0 0 5px 10px;
}
#vehicle_tab .vehicle_table td .get_seiri_no_btn {
	padding: 5px 10px;
	margin-top: 0;
}
#vehicle_tab .vehicle_table td input
,#vehicle_tab .vehicle_table td select {
	border: none;
	width: 100%;
	height:34px;
	padding: 5px;
}
#vehicle_tab .vehicle_table td input {
	text-align: right;
}


/*** VEHICLE_INFO.EQUIPMENT ***/
#equipment_tab {
	margin-bottom: 70px;
}
#equipment_tab .equipment_list {
	width: 1000px;
	margin-bottom: 50px;
	padding: 10px;
	margin: 0 auto;
}
#equipment_tab .equipment_list .category {
	margin-bottom: 10px;
	width: 100%;
	padding: 10px;
}
#equipment_tab .equipment-caption {
	border-left: 8px solid #4dd92a;
	padding: 7px 5px;
	font-size: 18px;
	margin-bottom: 10px;
	font-weight: bold;
	background: #e5ffd5;
}
#equipment_tab .equipment-caption-option {
	border-left: 8px solid #ff8000;
	padding: 7px 5px;
	font-size: 18px;
	margin-bottom: 10px;
	font-weight: bold;
	background: #ffe3c8;
}
#equipment_tab .equipment-caption span
,#equipment_tab .equipment-caption-option span {
	padding-left: 15px;
	font-size: 15px;
	color: #858585;
}
#equipment_tab .equipment-caption span:hover
,#equipment_tab .equipment-caption-option span:hover {
	cursor: pointer;
}
#equipment_tab .equipment_list .category label {
	width: 20%;
	display: inline-flex;
	float: left;
}
#equipment_tab .equipment_list .category label span {
	display: inline-block;
	border: 1px solid gray;
	width: 20%;
	text-align: center;
	padding: 5px;
	vertical-align: middle;
	background-color: #fff;
}
#equipment_tab .equipment_list .category label span.sobi_name {
	display: inline-block;
	font-size: 12px;
	width: 80%;
	padding: 5px;
	vertical-align: middle;
	background-color: #fff;
}
#equipment_tab .equipment_list .category label span.active {
	background-color: #8eec87;
}
#equipment_tab .equipment_list .category label span.active.purchase_flg {
	background-color: #0000ff;
	color: #fff;
}
#equipment_tab .equipment_list .category label input:hover
,#equipment_tab .equipment_list .category label span:hover {
	cursor: pointer;
}
#equipment_tab .equipment_list .category label span input[type=checkbox] {
	width: 14px;
	height: 14px;
	transform: scale(1.3);
}

/*** VEHICLE_INFO.PICTURE ***/
#picture_tab .picture_list {
	width: 1050px;
	margin: 0 auto;
	margin-bottom: 60px;
}
#picture_tab .picture_list .header-list {
	height: 35px;
	width: 50%;
	margin: 10px 50% 10px 0;
	color: #fff;
	background: #26c6da;
	clear: both;
}
#picture_tab .picture_list .title {
	margin: 10px;
	float: left;
}
#picture_tab .picture_list .thumbnail {
	float: left;
	width: 200px;
	margin: 0 5px 15px 5px;
}
#picture_tab .picture_list .ui-state-default {
	border: none;
	background-color: inherit;
	font-weight: normal;
	color: inherit;
}
#picture_tab .picture_list .caption {
	text-align: center;
	font-size: 18px;
	margin-bottom: 5px;
	overflow: hidden;
	position:relative;
}
#picture_tab .picture_list .rotate_div {
	width: 22%;
    position: absolute;
    top: 0;
    right: 0;
}
#picture_tab .picture_list .icon_rotate {
	width:50%;
	float:right;
}
#picture_tab .picture_list .icon_rotate img{
	width:80%;
}
#picture_tab .picture_list .image_area {
	width: 180px;
    height: 135px;
    line-height: 135px;
	/* text-align: center; */
    position: relative;
    background-color: #ddd;
    margin:  auto;
    border: 0.5px solid #999;
}
#picture_tab .picture_list .image_area .image {
	/*
	width: 100%;
	height: 134px;
	border: 0.5px solid #999;
	*/
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
	/* border: 0.5px solid #999; */
	vertical-align: middle;
	margin-bottom:6px;
	margin-right:-1px;
	pointer-events:none;
}
#picture_tab .picture_list .image_area .input_file {
/* 	width: 180px; */
/* 	height: 135px; */
/* 	position: absolute; */
/* 	cursor: pointer; */
/* 	opacity: 0; */
	display:none;
}
#picture_tab .picture_list .image_area div{
	width: 100%;
	height: 100%;
}
#picture_tab .picture_list .image_area .dz-details:not(a){
	pointer-events:none;
}


#picture_tab .picture_list .comment {
	width: 100%;
}
#picture_tab .picture_list .comment textarea {
	height: 100px;
	resize: none;
	font-size: 0.8em;
	line-height: 16px;
	margin-top:3px;
}
#picture_tab .picture_list .span_length {
	float: right;
	text-align: right;
}
#picture_tab .picture_list .delete {
	float: left;
}
#picture_tab .picture_list .delete button {
	height: 30px;
	padding: 0;
	width: 39px;
    margin: 5px -1px;
    font-size: 13px;
}

/*** VEHICLE_INFO.SHAKEN ***/
#shaken_tab {
	width: 1170px;
	margin: 0 auto;
	padding: 0;
	padding-top: 20px;
	margin-bottom: 50px;
}
#shaken_tab .shakensho_area {
	overflow: auto;
	padding-bottom: 40px;
}
#shaken_tab header {
	font-weight: bold;
	color: green;
	font-size: 18px;
	margin-bottom: 8px;
}
#shaken_tab .shakensho_area .shakensho_table {
	width: 100%;
	table-layout: fixed;
}
#shaken_tab .shakensho_area .shakensho_table th {
	background-color: #c4ffc8;
	border: 2px solid #929292;
	color: #000;
	padding: 1px 5px;
	vertical-align: middle;
	text-align: center;
	height: 20px;
	font-size: 13px;
}
#shaken_tab .shakensho_area .shakensho_table td {
	background-color: #f3fff3;
	border: 2px solid #929292;
	padding: 1px 5px;
	height: 30px;
	vertical-align: middle;
	font-size: 13px;
}
#shaken_tab .shakensho_area .shakensho_table td input
,#shaken_tab .shakensho_area .shakensho_table td select{
	font-size: 13px;
	padding: 0;
}
#shaken_tab .shakensho_area .shakensho_table label {
	margin-right: 10px;
}
#shaken_tab .shakensho_area .shakensho_table input[type=checkbox] {
	width: 14px;
	height: 14px;
	transform: scale(1.3);
	margin-right: 5px;
}
#shaken_tab .shakensho_area .shakensho_table textarea {
	background-color: #fff;
	height: 100%;
}
#shaken_tab .shaken_rireki_area {
	position: relative;
	padding-top: 20px;
	float: right;
	width: 670px;
}
#shaken_tab .rireki_header_area {
	position: absolute;
	top: 18px;
}
#shaken_tab .shaken_rireki_area .meihen_area {
	position: absolute;
	left: 564px;
	top: 0px;
}
#shaken_tab .shaken_rireki_area .meihen_area button {
	padding: 6px 10px;
	font-size: 15px;
}
#shaken_tab .shaken_rireki_area .rireki_table_area {
	position: absolute;
	top: 45px;
	left: 0px;
}
#shaken_tab .shaken_rireki_area .rireki_table {
	width: 670px;
}
#shaken_tab .shaken_rireki_area .rireki_table thead {
	display: block;
}
#shaken_tab .shaken_rireki_area .rireki_table tbody {
	display: block;
	height: 147px;
	max-height: 147px;
	overflow-y: scroll;
	border: 1px solid #929292;
}
#shaken_tab .shaken_rireki_area .rireki_table th {
	background-color: #008800;
	color: #fff;
	border-bottom: 1px solid #929292;
	text-align: center;
	vertical-align: middle;
	padding: 3px 0;
	width: 50px;
}
#shaken_tab .shaken_rireki_area .rireki_table th:nth-child(1)
,#shaken_tab .shaken_rireki_area .rireki_table td:nth-child(1) {
	width: 110px;
}
#shaken_tab .shaken_rireki_area .rireki_table th:nth-child(2)
,#shaken_tab .shaken_rireki_area .rireki_table td:nth-child(2) {
	width: 70px;
}
#shaken_tab .shaken_rireki_area .rireki_table th:nth-child(3)
,#shaken_tab .shaken_rireki_area .rireki_table td:nth-child(3) {
	width: 120px;
}
#shaken_tab .shaken_rireki_area .rireki_table td {
	text-align: center;
	vertical-align: middle;
	border-bottom: 1px solid #929292;
	padding: 0;
	width: 50px;
	font-size: 12px;
}
#shaken_tab .shaken_rireki_area .rireki_table .td_meigi_name {
	padding-top: 11px;
	padding-bottom: 11px;
}
#shaken_tab .shaken_rireki_area .rireki_table th:not(:last-child)
,#shaken_tab .shaken_rireki_area .rireki_table td:not(:last-child) {
	border-right: 1px solid #c3c3c3;
}
#shaken_tab .shaken_rireki_area .rireki_table td.td_status_button {
	color: red;
	font-weight: bold;
}
#shaken_tab .shaken_rireki_area .rireki_table tbody tr:hover {
	background-color: #d8fdd0;
}
#shaken_tab .shaken_rireki_area .rireki_table button {
	padding: 5px;
	font-size: 13px;
	margin: 2px 0;
}
#shaken_tab .shaken_rireki_area .rireki_table a.a_send_time {
	font-weight: bold;
	color: blue;
	border-bottom: 1px solid blue;
}
#shaken_tab .shaken_rireki_area .rireki_table a.a_send_time:hover {
	cursor: pointer;
}
#shaken_tab .shaken_rireki_area .rireki_table .arrow_box {
  display: none;
  position: absolute;
  padding: 14px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background-color: #008040;
  color: #fff;
  top: 75px;
  left: 480px;
  z-index: 2;
}
#shaken_tab .shaken_rireki_area .rireki_table .arrow_box:after {
  position: absolute;
  bottom: 100%;
  left: 84%;
  width: 0;
  height: 0;
  margin-left: -10px;
  border: solid transparent;
  border-color: rgba(51, 51, 51, 0);
  border-bottom-color: #008040;
  border-width: 10px;
  pointer-events: none;
  content: " ";
}
#shaken_tab .shaken_rireki_area .shakensho_file {
	padding: 10px;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	opacity: 0;
}
#shaken_tab .shaken_sub_area {
	overflow: hidden;
}
#shaken_tab .shaken_jibaiseki_area {
	float:left;
	width:465px;
	padding-top: 20px;
}
#shaken_tab .shaken_jibaiseki_area .shakensho_table tbody {
	border: 1px solid #929292;
}
#shaken_tab .shaken_jibaiseki_area .shakensho_table th {
	border: 1px solid #929292;
}
#shaken_tab .shaken_jibaiseki_area .shakensho_table td {
	border: 1px solid #929292;
}


#shaken_data_match_popup {
	width: 900px;
	margin-top: 20px;
}
#shaken_data_match_popup header {
	font-size: 18px;
	font-weight: bold;
	color: #06a713;
	margin-bottom: 10px;
}
#shaken_data_match_popup table {
	width: 800px;
	border: 1px solid #929292;
}
#shaken_data_match_popup table thead {
	background-color: #b8d200;
}
#shaken_data_match_popup table thead th {
	border: 1px solid #929292;
	padding: 5px;
	text-align: center;
}
#shaken_data_match_popup table tbody td {
	border: 1px solid #929292;
	padding: 0 5px;
	vertical-align: middle;
}
#shaken_data_match_popup table tbody td.td_img {
	font-size: 25px;
	text-align: right;
}
#shaken_data_match_popup table tbody td.no_param {
	font-size: 14px;
	text-align: right;
	background-color: #fbe9f4;
}
#shaken_data_match_popup table tbody td img {
	width: auto;
	max-width: 96%;
	height: 25px;
	font-size: 18px;
}
#shaken_data_match_popup table tbody th:nth-child(1)
,#shaken_data_match_popup table tbody td:nth-child(1) {
	width: 40px;
}
#shaken_data_match_popup table tbody td:nth-child(1) {
	text-align: center;
}
#shaken_data_match_popup table tbody th:nth-child(2)
,#shaken_data_match_popup table tbody td:nth-child(2) {
	width: 135px;
}
#shaken_data_match_popup table tbody th:nth-child(3)
,#shaken_data_match_popup table tbody td:nth-child(3) {
	width: 400px;
}
#shaken_data_match_popup table tbody th:nth-child(4)
,#shaken_data_match_popup table tbody td:nth-child(4) {
	width: 325px;
	padding:3px 3px 0 3px;
}

#shaken_data_match_popup table tbody td .plate {
	width: 70px;
}

#shaken_data_match_popup table tbody td input,
#shaken_data_match_popup table tbody td select {
	margin-bottom:3px;
}

/*** VEHICLE_INFO.SATEI ***/
#satei_tab .satei_area {
	width: 950px;
	margin: 0 auto;
	margin-bottom: 30px;
}
#satei_tab .satei_table th {
	border: 1px solid #929292;
	background-color: #b8d200;
	text-align: center;
	width: 140px;
	padding: 5px;
	vertical-align: middle;
}
#satei_tab .satei_table th .requied {
	color: #ff4d4d;
	font-weight: bold;
}
#satei_tab .satei_table td {
	border: 1px solid #929292;
	width: calc(530px / 3);
}
#satei_tab .satei_table td input, #satei_tab .satei_table td select {
	border: none;
	width: 100%;
	height: 100%;
	padding: 5px;
}
#satei_tab .satei_table td input {
	text-align: right;
}
#satei_tab .satei_table td .memo {
	height: 80px;
}


/*** VEHICLE_INFO.FOOTER ***/
#footer_tab {
	height: 80px;
	width: 100%;
	position: fixed;
	bottom: 0px;
	border-top: 1px solid black;
	background-color: #fff;
	z-index: 900;
}
#footer_tab .button_area {
	width: 1170px;
	text-align: right;
	margin: 0 auto;
	padding: 5px;
}
#footer_tab .button_area button {
	display: none;
}
#footer_tab .button_area button.delete_button {
	float: left;
	display: inline-block;
}
#footer_tab .button_area button.regist_button {
	display: inline-block;
}
#footer_tab .button_area button {
	background-color: #83be40;
	color: #fff!important;
	margin-left: 15px;
	font-size: 20px;
}
#footer_tab .button_area #sobi_count {
	color:#83be40;
	font-weight:bold;
}
#footer_tab .button_area .sateirenkei_button {
    background-color: #ff8000;
    color: #FFF;
}


#contents-equipment-area .kantan_sobi_select_button_area {
	clear: both;
    text-align: right;
    padding-top: 10px;
}

#contents-equipment-area .kantan_sobi_select_button_area .btn {
	background-color: #00c851 !important;
	border-color: #4cae4c;
	color: #fff!important;
}

#contents-picture-area .img-header .picture_sort_button{
	background-color: #83be40;
	color: #fff!important;
	float: left;
	height: 28px;
	padding: 2px 20px 2px 20px;
    margin: 3px;
    font-size: 15px;
}
#contents-picture-area .picture_composite_button {
	background-color: #83be40;
	color: #fff!important;
	height: 25px;
	padding: 2px 7px;
    margin: 5px 0;
    font-size: 15px;
}
#contents-picture-area .img-header .picture_sort_button.active{
	background-color: #83be40;
}

#contents-picture-area .img-header .cancel_sort_button {
	float: left;
	height: 28px;
	padding: 2px 20px 2px 20px;
    margin: 3px;
    font-size: 15px;
    display:none;
}


#contents-picture-area .img-header .sortable_header {
	float: left;
    margin: 7px 0 7px 0;
    padding-left: 5px;
    width: 60px;
}


#contents-picture-area .thumbnail .sort-num-btn {
  text-decoration: none;
  background: none;
  border: solid #000 1px;
  color: #FFF;
  width: 20px;
  height: 20px;
  font-size: 16px;
  border-radius: 50%;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
  transition: .4s;
  float: left;
}

#contents-picture-area .thumbnail .sort-num-btn:hover  {
    background: #83be40;
}

#contents-picture-area .thumbnail .composite-num-btn {
  text-decoration: none;
  background: none;
  border: solid #000 1px;
  color: #FFF;
  width: 20px;
  height: 20px;
  font-size: 16px;
  border-radius: 50%;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
  transition: .4s;
  float: left;
}

#contents-picture-area .thumbnail .composite-num-btn:hover  {
    background: red;
}






/*** かんたん査定タブに表示しない項目 ***/
.not_kantan, .not_kantan_equipment {
	display: none;
}


.mater-kokan {
	display:none;
}

.mater-kokan th {
	background-color: #4bcc67 !important;
}

.mater-kokan input[type="number"]::-webkit-outer-spin-button,
.mater-kokan input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.mater-kokan input[type="number"] {
    -moz-appearance:textfield;
}

/*** VEHICLE_LIST ***/
#vehicle_list .search_area {
	font-size:13px;
	width: 100%;
	margin-top: 20px;
}
#vehicle_list .search_area .row {
	margin: 0 auto;
/* 	width: 100%; */
}
#vehicle_list .search_area .row .input_area {
	width: 185px;
	margin-bottom: 5px;
}
#vehicle_list .search_area .row .input_area p {
	font-size: 13px;
	padding-left: 5px;
	margin-bottom: 3px;
	border-left: 5px solid #b8d200;
}
#vehicle_list .search_area .row .input_area input
,#vehicle_list .search_area .row .input_area select {
	width: 90%;
	padding:0;
}
#vehicle_list .search_area .is_search {
	background-color: #ffb870;
}

#vehicle_list .search_area .row .input_area .input_half {
	width: 40%;
}
#vehicle_list .search_area .row .input_area.input_radio input[type=radio] {
	width: 20px;
	height: 20px;
}
#vehicle_list .search_area .row .input_area.input_radio span {
	font-size: 16px;
	padding-right: 5px;
}
#vehicle_list .search_area .row .input_area .delimiter {
	display: inline-block;
	width: 18px;
	text-align: center;
}

/* multipleSelectのスタイル指定 */
#vehicle_list .search_area .ms-choice {
	border-radius: 0px;
}
#vehicle_list .search_area .ms-drop label {
	width: 120px;
}
#vehicle_list .search_area .ms-drop input {
	width: 20px!important;
}
#vehicle_list .search_area .button_area {
	display: block;
	text-align: right;
}
#vehicle_list .search_area .button_area button {
	font-size: 16px;
	padding: 10px;
	width: 100px;
}
#vehicle_list .search_area .button_area button.stockcard_button {
	font-size: 14px;
	padding: 0;
	width: 120px;
}
#vehicle_list .search_area .button_area button.aa_shuppinhyo_button {
	font-size: 14px;
	padding: 11px 0;
	width: 120px;
	background-color: #ec57cb;
}
#vehicle_list .search_area .button_area button.kaiage_button {
	font-size: 14px;
	padding: 11px 0;
	width: 120px;
}
#vehicle_list .search_area .button_area button.iso_button {
	font-size: 14px;
	padding: 11px 0;
	width: 120px;
	background-color:lightseagreen;
}
#vehicle_list .result_count_area {
	height: 40px;
	width: 100%;
	padding: 8px;
	border-top: 2px solid #8a8a8a;
	border-bottom: 1px solid #8a8a8a;
	box-shadow: rgba(0, 255, 0, 0.7) 0px 0px 13px 0px inset;
}
#vehicle_list .result_count_area .form-group {
	margin-bottom: 0;
}

#vehicle_list .result_count_area input[type=checkbox]{
	width: 13px;
    height: 13px;
    transform: scale(1.3);
    margin: 2px 2px 0 0;
}

#vehicle_list .result_count_area .contentsPerPageLabel{
	margin-left: 20px;
}

#vehicle_list .result_count_area div:first-child {
	margin-right: 20px;
}
#vehicle_list .result_count_area .result_count {
	color: #169600;
	display: inline;
	font-size: 20px;
	margin: 0 5px;
	font-weight: bold;
}
#vehicle_list .result_count_area .search_button_aa{
	padding: 0 5px;
	position: absolute;
	cursor: pointer;
	background-color: #e30000!important;
	color: #ffffff!important;
}
#vehicle_list .result_count_area .search_button_shitakai{
	left: 300px;
	padding: 0 5px;
	position: absolute;
	cursor: pointer;
	background-color: #0000c1!important;
	color: #ffffff!important;
}
#vehicle_list .result_count_area .search_button_dealer{
	left: 430px;
	padding: 0 5px;
	position: absolute;
	cursor: pointer;
	background-color: #008080!important;
	color: #ffffff!important;
}
#vehicle_list .result_count_area .search_button_zenten{
	left: 760px;
	padding: 0 5px;
	position: absolute;
	cursor: pointer;
	background-color: #747474!important;
	color: #ffffff!important;
}
#vehicle_list .result_count_area select {
	font-size: 14px;
}
#vehicle_list .result_table {
	width: 100%;
}
#vehicle_list .result_table thead {
	display: block;
}
#vehicle_list .result_table tr.tr_hover {
	background-color: #f7fcd1!important;
}
#vehicle_list .result_table th {
	border: 1px solid #929292;
	background-color: #b8d200;
	text-align: center;
	padding: 4px;
	width: 80px;
	font-size: 12px;
	vertical-align: middle;
}
#vehicle_list .result_table th a {
	color: blue;
	text-decoration: underline;
}
#vehicle_list .result_table th a:hover {
	color: red;
}
#vehicle_list .result_table th.w30,
#vehicle_list .result_table td.w30 {
	width: 30px;
}
#vehicle_list .result_table th.w70,
#vehicle_list .result_table td.w70 {
	width: 70px;
}
#vehicle_list .result_table th.w100,
#vehicle_list .result_table td.w100 {
	width: 100px;
}
#vehicle_list .result_table th.w110,
#vehicle_list .result_table td.w110 {
	width: 110px;
}
#vehicle_list .result_table th.w115,
#vehicle_list .result_table td.w115 {
	width: 115px;
}
#vehicle_list .result_table th.w125,
#vehicle_list .result_table td.w125 {
	width: 125px;
}
#vehicle_list .result_table th.w135,
#vehicle_list .result_table td.w135 {
	width: 135px;
}
#vehicle_list .result_table th.w144,
#vehicle_list .result_table td.w144 {
	width: 144px;
}

#vehicle_list .result_table tbody {
	display: block;
}
#vehicle_list .result_table tr.tr_add_color {
	background-color: #eaeaea;
}
#vehicle_list .result_table td {
	border: 1px solid #929292;
	font-size: 13px;
	width: 80px;
	height: 26px;
	vertical-align: middle;
	text-align: center;
	word-break: break-all;
	padding: 2px;
}
#vehicle_list .result_table td button {
	font-size: 14px;
	padding: 10px;
}
#vehicle_list .result_table td .picture_open_button {
	font-size: 10px;
	padding: 1px;
	position: absolute;
	left: 106px;
	top: 14px;
}
#vehicle_list .result_table td.no_result {
	padding: 10px;
	width: 1110px;
	height: 100px;
	font-size: 17px;
	font-weight: bold;
	vertical-align: middle;
}
#vehicle_list .result_table td a {
	display: block;
	height: 50px;
}
#vehicle_list .result_table td img {
	width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}
#vehicle_list .result_table td img:hover {
	opacity: 0.5;
}
#vehicle_list .result_table td .image_area {
    height: 50px;
    position: relative;
    background-color: #ddd;
    text-align: right;
}
#vehicle_list .result_table td .image_area p {
	position: absolute;
	bottom: 0;
	right: 0;
	background-color: #fff;
}
#vehicle_list .pagination_area {
	background-color: #d5d5d5;
	margin: 0 auto;
	height:	35px;
	padding-top: 5px;
	display: flex;
}
#vehicle_list .pagination{
	margin: 0 auto;
}
#vehicle_list .pagination li{
	min-width: 25px;
	height: 25px;
	margin-right: 5px;
	text-align: center;
	background-color: #dfff00;
	display: block;
}
#vehicle_list .pagination li a{
	display: block;
	padding: 4px 10px;
}
#vehicle_list .pagination li:hover{
	background-color: #bad500;
	color: #fff;
	cursor: pointer;
}
#vehicle_list .pagination li button{
	height: 40px;
	width: 40px;
	color: inherit;
	font-size: 1.8rem;
	font-weight: bold;
}
#vehicle_list .pagination li button span{
	letter-spacing: -0.5px;
}
#vehicle_list .pagination li i{
	font-size: 30px;
	vertical-align: bottom;
	vertical-align: middle;
}
#vehicle_list .pagination li.disabled {
	background-color: #bad500;
}
#vehicle_list .pagination_ellipsis button{
	cursor: default;
}
#vehicle_list .pagination_ellipsis button i{
	font-size: 20px;
}
#vehicle_list .pagination .disabled a{
	color: #737373;
	cursor: not-allowed!important;
}




/*** user_list ***/
#masterUser_List .search_area {
	height: 70px;
	width: 100%;
	border-bottom: 1px solid black;
	margin-top: 20px;
}
#masterUser_List .search_area .row {
	margin: 0 auto;
	width: 100%;
}
#masterUser_List .search_area .row .input_area {
	width: 180px;
	margin-right: 1px;
	margin-bottom: 5px;
}
#masterUser_List .search_area .row .input_area button {
	width: 100px;
}
#masterUser_List .search_area .row .input_area_button {
	width: 140px;
	margin-right: 2px;
	margin-bottom: 5px;
}
#masterUser_List .search_area .row .input_area_checkbox {
	width: 120px;
	margin-right: 2px;
	margin-bottom: 5px;
}

#masterUser_List .search_area .row .input_area p {
	font-size: 15px;
	padding-left: 5px;
	margin-bottom: 3px;
	border-left: 5px solid #b8d200;
}
#masterUser_List .search_area .row .input_area .input_half {
	width: 30%;
}
#masterUser_List .search_area .row .input_area select {
	margin-right: 20px;
}
/* multipleSelectのスタイル指定 */
#masterUser_List .search_area .ms-choice {
	border-radius: 0px;
	margin: 0 5px;
}
#masterUser_List .search_area .button_area {
	display: block;
	text-align: right;
}
#masterUser_List .search_area .button_area button {
	font-size: 16px;
	padding: 3px;
	width: 60px;
}

#masterUser_List .result_count_area {
	height: 40px;
	width: 100%;
	background-color: #d5d5d5;
	padding: 10px;
	border-bottom: 1px solid black;
}
#masterUser_List .result_count_area .form-group {
	margin-bottom: 0;
}
#masterUser_List .result_count_area div:first-child {
	margin-right: 20px;
}
#masterUser_List .result_count_area .result_count {
	text-align: right;
	color: #169600;
	display: inline;
	font-size: 20px;
	margin: 0 5px;
}
#masterUser_List .result_count_area select {
	font-size: 14px;
}
#masterUser_List .result_table {
	width: 100%;
}
#masterUser_List .result_table thead {
	display: block;
}
#masterUser_List .result_table tr.tr_hover {
	background-color: #f7fcd1!important;
}
#masterUser_List .result_table th {
	border: 1px solid #929292;
	background-color: #b8d200;
	text-align: center;
	padding: 10px 5px;
	width: 70px;
	font-size: 12px;
	vertical-align: middle;
}
#masterUser_List .result_table th a {
	color: blue;
	text-decoration: underline;
}
#masterUser_List .result_table th a:hover {
	color: red;
}
#masterUser_List .result_table th:nth-child(5), #masterUser_List .result_table td:nth-child(5)
,#masterUser_List .result_table th:nth-child(7), #masterUser_List .result_table td:nth-child(7)
,#masterUser_List .result_table th:nth-child(9), #masterUser_List .result_table td:nth-child(9)
,#masterUser_List .result_table th:nth-child(11), #masterUser_List .result_table td:nth-child(11) {
	width: 100px;
}
#masterUser_List .result_table th:nth-child(10), #masterUser_List .result_table td:nth-child(10) {
	width: 100px;
}
#masterUser_List .result_table th:nth-child(6), #masterUser_List .result_table td:nth-child(6)
,#masterUser_List .result_table th:nth-child(8), #masterUser_List .result_table td:nth-child(8) {
	width: 120px;
}
#masterUser_List .result_table tbody {
/* 	max-height: 300px; */
	display: block;
/* 	overflow-y: scroll; */
}
#masterUser_List .result_table tr.tr_add_color {
	background-color: #eaeaea;
}

#masterUser_List .result_table tr.tr_delete_color {
	background-color: #808080;
}

#masterUser_List .result_table td {
	border: 1px solid #929292;
	font-size: 13px;
	width: 70px;
	height: 30px;
	vertical-align: middle;
	text-align: center;
	word-break: break-word;
}
#masterUser_List .result_table td button {
	font-size: 14px;
	padding: 10px;
}
#masterUser_List .result_table td.no_result {
	padding: 10px;
	width: 1110px;
	height: 100px;
	font-size: 17px;
	font-weight: bold;
	vertical-align: middle;
}
#masterUser_List .result_table td a {
	display: block;
	height: 50px;
}
#masterUser_List .result_table td img {
	width: 100%;
	height: 100%;
}
#masterUser_List .pagination_area {
	background-color: #d5d5d5;
	margin: 0 auto;
	height:	35px;
	padding-top: 5px;
	display: flex;
}
#masterUser_List .pagination{
	margin: 0 auto;
}
#masterUser_List .pagination li{
	min-width: 25px;
	height: 25px;
	margin-right: 5px;
	text-align: center;
	padding: 3px 5px 0 5px;
	background-color: #dfff00;
	display: block;

}
#masterUser_List .pagination li a{
	display: inline-block;
}
#masterUser_List .pagination li:hover{
	background-color: #bad500;
	color: #fff;
	cursor: pointer;
}
#masterUser_List .pagination li button{
	height: 40px;
	width: 40px;
	color: inherit;
	font-size: 1.8rem;
	font-weight: bold;
}
#masterUser_List .pagination li button span{
	letter-spacing: -0.5px;
}
#masterUser_List .pagination li i{
	font-size: 30px;
	vertical-align: bottom;
	vertical-align: middle;
}
#masterUser_List .pagination li.disabled {
	background-color: #bad500;
}
#masterUser_List .pagination_ellipsis button{
	cursor: default;
}
#masterUser_List .pagination_ellipsis button i{
	font-size: 20px;
}
#masterUser_List .pagination .disabled a{
	color: #737373;
	cursor: not-allowed!important;
}


#vehicle_list .result_table input[type=checkbox] {
	width: 17px;
    height: 17px;
    transform: scale(1.3);
}

/** 展開図ここから */
#tenkaizu_tab .tenkaizu_contents {
	overflow: hidden;
	margin-bottom: 70px;
}

#tenkaizu_tab .tenkaizu_area {
	width: 50%;
	float: left;
	margin-top: 10px;
}
#tenkaizu_tab .tenkaizu_area img {
	width: 100%;
	height: auto;
}
#tenkaizu_tab .stamp_area {
	width: 47%;
	float: left;
	margin-left: 3%;
}
#tenkaizu_tab .stamp_area .stamp_table th {
	border: 1px solid #808080;
	background-color: #c0c0c0;
	padding: 5px;
	font-size: 20px;
	width: 80px;
}
#tenkaizu_tab .stamp_area .stamp_table th:first-child {
	width: 160px;
}
#tenkaizu_tab .stamp_area .stamp_table td {
	border: 1px solid #808080;
	font-size: 20px;
	width: 95px;
	font-size: 20px;
	text-align: center;
}
#tenkaizu_tab .stamp_area .stamp_table .no_border {
	border: none;
	padding: 0;
	height: 20px;
}

#tenkaizu_tab .tenkaizu_area,#tenkaizu_tab .stamp_area {
	position:relative;
	float:left;
}

img[usemap] {
	border: none;
	height: auto;
	max-width: 100%;
	width: auto;
}
.marc {
	position: absolute;
}

#marc_01 { left: 32.25%; top:0.2%;}
#marc_02 { left: 46%; top:-1.2%; }
#marc_03 { left: 61.25%;top:-1.2%;}
#marc_04 { left: 31%; top: 5%; }
#marc_05 { left: 46%; top: 5%; }
#marc_06 { left: 61.25%; top: 5%; }
#marc_07 { left: 31%; top: 13%; }
#marc_08 { left: 61%; top: 13%; }
#marc_09 { left: 46%; top: 17%; }
#marc_10 { left: 31%; top: 23%; }
#marc_11 { left: 61%; top: 23%; }

#marc_12 { left: 36%; top: 42%; }
#marc_13 { left: 56%; top: 42%; }
#marc_14 { left: 46%; top: 49%; }
#marc_15 { left: 36%; top: 55%; }
#marc_16 { left: 56%; top: 55%; }

#marc_17 { left: 31%; top: 79%; }
#marc_18 { left: 46%; top: 79%; }
#marc_19 { left: 61%; top: 79%; }
#marc_20 { left: 31%; top: 88%; }
#marc_21 { left: 46%; top: 88%; }
#marc_22 { left: 60.5%; top: 88%; }
#marc_23 { left: 31%; top: 94%; }
#marc_24 { left: 46%; top: 94%; }
#marc_25 { left: 61%; top: 94%; }

#marc_26 { left: 15%; top: 15%; }
#marc_27 { left: 19%; top: 25%; }
#marc_41 { left: 78%; top: 15%; }
#marc_42 { left: 73%; top: 25%; }

#marc_28 { left: 11%; top: 36%; }
#marc_29 { left: 21%; top: 36%; }
#marc_30 { left: 11%; top: 44%; }
#marc_31 { left: 21%; top: 44%; }
#marc_32 { left: 11%; top: 53%; }
#marc_33 { left: 21%; top: 53%; }
#marc_34 { left: 11%; top: 60%; }
#marc_35 { left: 21%; top: 60%; }

#marc_43 { left: 71%; top: 36%; }
#marc_44 { left: 81%; top: 36%; }
#marc_45 { left: 71%; top: 44%; }
#marc_46 { left: 81%; top: 44%; }
#marc_47 { left: 71%; top: 53%; }
#marc_48 { left: 81%; top: 53%; }
#marc_49 { left: 71%; top: 60%; }
#marc_50 { left: 81%; top: 60%; }

#marc_36 { left: 2%; top: 36%; }
#marc_37 { left: 2%; top: 48%; }
#marc_38 { left: 2%; top: 60%; }

#marc_51 { left: 90%; top: 36%; }
#marc_52 { left: 90%; top: 48%; }
#marc_53 { left: 90%; top: 60%; }

#marc_39 { left: 19%; top: 71%; }
#marc_40 { left: 13%; top: 79%; }
#marc_54 { left: 73%; top: 71%; }
#marc_55 { left: 78%; top: 79%; }

.kashi {
    cursor : pointer !important;
	float: left;
	width: 12.2%;
	border-radius:50%;
	height: 3rem;
	font-size: 1.2em;
	font-weight:bold;
	line-height: 230%;
	color: white;
	text-align: center;
	border: 1px solid white;
	margin-left:30px;
}

.kizu { background-color: red; }

.ekubo { background-color: blue; }

.hekomi { background-color: green; }

.hekomikizu { background-color: #ff773e; }

.sabi { background-color: #2c7cff; }

.fushoku { background-color: #5507ff; }

.hoshuato { background-color: #ff4f02; }

.toso { background: #ff0461; }

.kokanyo { background-color: #777777; }

.kokanzumi { background-color: #808000; }

 .selected-kashi {
 	background-color: greenYellow;
 	color: darkgray;
 	border: 1px solid green;
 }

 .selected-kashi.kizu {
 	background-color: lightcoral;
 	color: red;
 	border: 1px solid red;
 }

 .selected-kashi.ekubo {
 	background-color: lightblue;
 	color: blue;
 	border: 1px solid blue;
 }

 .selected-kashi.hekomi {
 	background-color: lightgreen;
 	color: green;
 	border: 1px solid green;
 }

 .selected-kashi.hekomikizu {
 	background-color: #ffdbc9;
 	color: #ff773e;
 	border: 1px solid #ff773e;
 }

.selected-kashi.sabi {
 	background-color: #bad3ff;
 	color: #2c7cff;
 	border: 1px solid #2c7cff;
 }

.selected-kashi.fushoku {
 	background-color: #dcc2ff;
 	color: #5507ff;
 	border: 1px solid #5507ff;
 }

.selected-kashi.hoshuato {
 	background-color: #ffc7af;
 	color: #ff4f02;
 	border: 1px solid #ff4f02;
 }

.selected-kashi.toso {
 	background-color: #ffbeda;
 	color: #ff0461;
 	border: 1px solid #ff0461;
 }

.selected-kashi.kokanyo {
 	background-color: #DDDDDD;
 	color: black;
 	border: 1px solid #777777;
 }

.selected-kashi.kokanzumi {
 	background-color: #cccc99;
 	color: #808000;
 	border: 1px solid #808000;
 }

.development-table td {
	padding: 0 !important;
}

.btn-able:not(.marc-has-kashi){
	opacity:0.5;
    color: #fff;
    background-color: #ece6de;
    border-color: #999999b0;
    border:1px solid #0000003d;
}

.btn-unable {
	box-shadow:none;
}

.btn-unable:hover:not(.marc-has-kashi) {
	box-shadow:none;
	cursor : default !important;
}

.btn-disable {
	opacity:0.3;
    background-color: black;
    pointer-events:none;
}

.btn-noevent {
	pointer-events:none;
}

.marc .btn-xs {
	width:35px;
	height:35px;
	padding:4px;
	font-size:15px;
	line-height:1.7;
	border-radius:50%;
	font-weight:bold;
}

.kashi-title{
	background-color:#d3d3d387;
	position:relative;
	float:left;
	padding:5px;
	width:18%;
	border-radius:5px;
	text-align:center;
	margin-top:10px;
	border:1px solid black;
}

.kashi-btns{
	position:relative;
	float:left;
	width:75%;
	margin-bottom:20px;
}

.stamp_area .tenkaizu_clear_button {
	position:relative;
	left:33%;
	font-weight:bold;
	padding:12px 25px;
	font-size:15px;
}


/** 展開図ここまで */

/** 溝・評価ここから */
#mizo_tab .hyoka_table {
	width: 950px;
    margin: 0 auto;
    margin-bottom: 30px;
}
#mizo_tab .hyoka_table th {
	border: 1px solid #929292;
	background-color: #b8d200;
	text-align: center;
	width: 140px;
	padding: 5px;
	vertical-align: middle;
}
#mizo_tab .hyoka_table th.text-right {
	text-align: right;
	padding: 0;
}
#mizo_tab .hyoka_table th .size_copy_button {
	padding: 0;
	margin-left: 6px;
	margin-right: 2px;
	font-size: 12px;
}
#mizo_tab .hyoka_table tr {
	height:35px;
}
#mizo_tab .hyoka_table td {
	border: 1px solid #929292;
	width: calc(530px / 3);
	vertical-align: middle;
}
#mizo_tab .hyoka_table td input, #tenkaizu_tab .hyoka_table td select {
	border: none;
	width: 100%;
	padding: 5px;
}
#mizo_tab .hyoka_table td input {
	text-align: left;
}

#mizo_tab .hyoka_table td input[type=checkbox] {
	width: 17px;
    height: 17px;
    transform: scale(1.3);
    margin-left: 25px;
    float: left;
}
#mizo_tab .hyoka_table td label {
    float: left;
    margin-left: 5px;
}
#mizo_tab .hyoka_table td button {
	float: right;
    padding: 5px 35px;
    margin: 0 5px 0 0;
}
#mizo_tab .hyoka_table td .input_add_btn {
    width: 83%;
}
#mizo_tab .hyoka_table td .input_add_btn_sm {
    width: 73%;
}
#mizo_tab .modal_message {
	overflow: hidden;
}
#mizo_tab #notes_modal .modal-dialog {
    max-width: 85%;
}
#mizo_tab #notes_modal .modal-header {
    background-color: #10bd36;
}
#mizo_tab #notes_modal .modal-header .modal-title {
    color: #FFF;
    margin-left: auto;
    margin-right: auto;
}
#mizo_tab #notes_modal .message_top {
    line-height: 25px;
    text-align: center;
    margin: 20px auto;
}
#mizo_tab #notes_modal .color-red {
    color: red;
}
#mizo_tab #notes_modal .message-contents {
	width: 70%;
    float: left;
}
#mizo_tab #notes_modal .message-contents .item-midashi {
	float: left;
    width: 13%;
	background-color: #10bd36;
	color: #fff;
	border: solid 1px #848484;
    border-radius: 4px;
    text-align: center;
    font-weight: bold;
    margin: 10px 5px 10px 0;
    padding: 10px;
}
#mizo_tab #notes_modal .message-contents .item-select {
	float: left;
    width: 85%;
    margin: 10px 0;
    padding: 10px;
    background-color: #fff4ce;
}
#mizo_tab #notes_modal .message-contents .form-area {
	float: left;
    width: 100%;
}
#mizo_tab #notes_modal .message-contents .radio-item {
	float: left;
    width: 31%;
    font-size: 16px;
    margin: 5px;
}
#mizo_tab #notes_modal .message-contents input[type=radio] {
	width: 15px;
    height: 15px;
}
#mizo_tab .contens-text {
	float: right;
    width: 30%;
}

#mizo_tab .contens-text input[type=text] {
	border: 1px solid #10bd36;
    width: 75%;
    margin-bottom: 10px;
    padding: 1px 3px;
}

#mizo_tab .contens-text input[type=text]:focus {
	border: solid 1px #0008ff;
}

#mizo_tab .contens-text .notes_delete_btn {
	float: right;
    margin: 0;
    width: 20%;
}

#mizo_tab .check-add {
	clear: both;
    width: 100%;
    text-align: center;
    border-top: dashed #787878 1px;
    border-bottom: dashed #787878 1px;
}
#mizo_tab .check-add button {
    width: 200px;
    margin: 15px;
}
#mizo_tab .modal_close_area button {
    font-size: 20px;
    width: 140px;
}
#mizo_tab #notes_modal .message-contents input[type=text] {
	background-color: #FFF;
	border: 1px solid #10bd36;
}
#mizo_tab #notes_modal .message-contents input[type=text]:focus {
	border: solid 1px #0008ff;
}
#mizo_tab #notes_modal .message-contents input[type=text]:disabled  {
	background: #ccc;
	border: 1px solid #000;
}

#mizo_tab #notes_modal .message-contents #kashi_teido {
	width: 15px;
    height: 15px;
    transform: scale(1.3);
    margin-right: 5px;
}
#mizo_tab td .tiresize{
	margin-left:5px;
}
#mizo_tab td #tiresizeF_check,
#mizo_tab td #tiresizeR_check{
	margin:5px 0 5px 10px;
}
#mizo_tab td .tiresize label{
	margin:5px 5px 5px 2px;
}
#mizo_tab td .tiresizeF_select,
#mizo_tab td .tiresizeR_select,
#mizo_tab td .tiresizeF,
#mizo_tab td .tiresizeR{
	width:52px !important;
	height:23px !important;
	margin:2px !important;
	border:1px solid lightslategray !important;
	float: left;
}
#mizo_tab td .slash{
	margin:5px 2px;
	float: left;
}

/** 溝・評価ここまで */

#picture_memo_teikei_list {
	width: 100%;
    height: 100%;
    padding: 5px;
}

#tekeibun_modal_list li {
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#tekeibun_modal_list {
	height: 155px;
    overflow-y: scroll;
}