@charset "UTF-8";
body{
	background-color: #fafafa;
	color: #232323;
}
table{
	/*border: 1px solid #c2c2c2;*/
}
table, th, td{
	/*border: 1px solid #666666;
background-color: #FFFFFF;
	border: 1px solid #c2c2c2;
 */
}
th, td{
	padding: 8px 15px 8px 15px;
}
th{
	/*background-color: #e2e2e2;*/
	font-weight: normal;
}
select{
	padding : 5px 5px 5px 5px;
}
section {
	display: inline-block;
	width: 100%;
}
.row-total,
.column-total{
	font-weight: bold;
}
.row-total td,
.row-total th{
	border-bottom: solid 1px #000000;
}
.dealer-first td,
.dealer-first th{
	border-top: solid 1px #000000;
}
.dealer-first th:first-child{
	border-bottom: solid 1px #000000;
}
th.company-row{
	background-color: #f4f4f4;
}
.region-total{
	background-color: #e2e2e2;
}
.all-total{
	background-color: #c2c2c2;
}
.width60{
	width: 60px;
}
.message{
	border: solid 1px #666666;
	margin-bottom: 30px;
	padding: 10px;
	font-weight: bold;
}
.message li{
	list-style: disc;
	margin: 5px
}
.error{
	width: 100%;
	border: 2px solid #a90303;
	background-color: #ffc4c4;
	text-align: left;
	padding: 10px;
}
.alert{
	width: 100%;
	border: 2px solid #f49299;
	background-color: #ffeff0;
	text-align: left;
	padding: 10px;
	font-weight: bold;
}

.attention{
	width: 100%;
	border: 2px solid #c2c2c2;
	background-color: #f6f6f6;
	text-align: left;
	padding: 10px;
	position: relative;
}
.attention.alert{
	width: 100%;
	border: 2px solid #f49299;
	background-color: #ffeff0;
	text-align: left;
	padding: 10px;
	font-weight: bold;
}
.attention.info,
.attention.processing{
	width: 100%;
	border: 2px solid #c2c2c2;
	background-color: #f6f6f6;
	text-align: left;
	padding: 10px;
}
.attention.fail{
	width: 100%;
	border: 2px solid #f49299;
	background-color: #ffeff0;
	text-align: left;
	padding: 10px;
	font-weight: bold;
}
.attention.complete{
	width: 100%;
	border: 2px solid #24ac74;
	background-color: #eaf9f4;
	text-align: left;
	padding: 10px;
	font-weight: bold;
}
.attention .attention-title{
	color: #232323;
}
.attention.alert .attention-title{
	color: #e92e3c;
}
.attention.info .attention-title,
.attention.processing .attention-title{
	color: #232323;
	display: flex;
	align-items: center;
}
.attention.fail .attention-title{
	color: #e92e3c;
	display: flex;
	align-items: center;
}
.attention.complete .attention-title{
	color: #24ac74;
	display: flex;
	align-items: center;
}
.attention.info .attention-title::before{
	display: inline-block;
	content: url(../images/schedule_icon.svg);
	width: 20px;
	height: 20px;
	margin-right: 10px;
	/*transform: scale(0.5);*/
}
.attention.processing .attention-title::before{
	display: inline-block;
	content: url(../images/hourglass_icon.svg);
	width: 20px;
	height: 20px;
	margin-right: 10px;
	/*transform: scale(0.5);*/
}
.attention.fail .attention-title::before{
	display: inline-block;
	content: url(../images/error_icon.svg);
	width: 20px;
	height: 20px;
	margin-right: 10px;
	/*transform: scale(0.5);*/
}
.attention.complete .attention-title::before{
	display: inline-block;
	content: url(../images/check_icon.svg);
	width: 20px;
	height: 20px;
	margin-right: 10px;
	/*transform: scale(0.5);*/
}
.attention .attention-message{
	font-weight: normal;
	margin-top: 5px;
}
.margin-top{
	margin-top: 30px;
}
.margin-bottom{
	margin-bottom: 30px;
}
.margin-top-20{
	margin-top: 20px;
}
.margin-bottom-20{
	margin-bottom: 20px;
}
.float-left{
	float: left;
}
.float-right{
	float: right;
}
.nowrap{
	white-space: nowrap;
}
.overflow-hidden{
	overflow: hidden;
}
/**
*
*/
#header-title{
	font-size: 1.25rem;
	padding: 20px 20px 20px 20px;
	display: inline-block;
}
#header-title > h1{
	display: inline-block;
	font-weight: normal;
	font-size: 20px;
}
#pub-header{
}
#pub-header img{
	width: 150px;
	margin-top: -73px;
    background-color: #fff;
}
#pub-site-name-container{
	text-align: center;
	margin-top: 100px;
}
#pub-site-name1{
	color: rgba(233, 46, 60, 1);
	font-weight: bold;
	font-size: 1.5em;
}
#pub-site-name2{
	color: rgba(233, 46, 60, 1);
	font-size: 1em;
}
#pub-title{
	margin-top: 20px;
}
#public-layout h1{
	font-size: 1.2rem;
	font-weight: normal;
}

#global_menu{
	/*font-weight: bold;*/
	background-color: #FFFFFF;
	border-left: 1px solid #c2c2c2;
	box-shadow: 5px 0px 15px 0px rgba(0,0,0,0.2);
    z-index: 10;
	position: fixed;
    height: 100%;
}
#global_menu .selected{
	background-color: #e2e2e2;
}
#global_menu > ul > li ul{
	display: none;
	box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.2);
    z-index: 10;
}
#global_menu > ul > li{
	position: relative;
}
#global_menu > ul > li ul{
	position: absolute;
	top: -1px;
	left: 200px;
}
#global_menu > ul > li li{
	position: relative;
}
#global_menu > ul > li > ul > li ul{
	top: -1px;
	left: 198px;
}
#global_menu ul{
	width: 200px;
	background-color: #FFFFFF;
}
#global_menu li{
	border: 1px solid #c2c2c2;
	border-bottom: none;
}
#global_menu > ul > li{
	border-right: none;
	border-left: none;
}
#global_menu li > a{
	display:block;
	width: 100%;
	height:40px;
	text-decoration: none;
	padding: 0px 20px 0px 20px;
	line-height: 40px;
	vertical-align: middle;
	color: #232323;
	font-size: 12px;
}
#global_menu > ul > li> ul > li a{
	height:40px;
	padding: 0px 20px 0px 20px;
	line-height: 40px;
	vertical-align: middle;
}
#global_menu a:hover{
	background-color: #d5001c;
	color: #fff;
}
#global_menu li:last-child{
	border-bottom: 1px solid #c2c2c2;
}
#global_menu li:hover > ul{
	display: block;
}
#second-menu{
	border-bottom: 1px solid #c2c2c2;
	padding: 10px 0px 15px 36px;
	background-color: #191f22;
	font-size: 12px;
	height: 40px;
	min-height: 40px;
}
#second-menu a{
	margin-right: 20px;
	color: #fff;
	text-decoration: none;
}
#second-menu a:hover{
	/*text-decoration: underline;*/
	color: #e50112;
}
.menu-text{
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
}
#breadcrumbs {
	margin-bottom: 20px;
	font-size: 12px;
	display: none;
}
#breadcrumbs a {
	/*text-decoration: none;*/
}
#icon_menu {
	width: 400px;
	border-bottom: 1px solid #333333;
	box-sizing: border-box;
	background-color: #f6f6f6;
	float: right;
	height: 67px;
	font-size: 1.2rem;
}
#icon_menu .icon {
	float: right;
	width: 100px;
	height: 66px;
	text-align: center;
	cursor: pointer;
}
#icon_menu .icon img {
	margin-top: calc(66px/*ヘッダーの高さ*/ / 2 - 32px/*アイコンの高さ*/ / 2);
}
#icon_menu .icon:hover {
	background-color: #eaeaea;
	color: #212121;
}
#icon_menu .icon a {
	text-decoration: none;
}
dl#hSiteList dd a:hover {
	text-decoration: underline;
}
#logout {
	width: 70px;
	font-size: 1rem;
	display: inline-block;
	float: right;
	margin-top: 20px;
/*	position: absolute;
	right: 30px;
	top: 10px;*/
}
#homepage{
	width: 150px;
	font-size: 1rem;
	display: inline-block;
	float: right;
	margin-top: 20px;
}
#header-title img{
	vertical-align: middle;
	margin-right: 20px;
	width: 48px;
	height: 48px;
}
#header-navi{
	color : #FFFFFF;
	width: 100%;
	height: 40px;
	background-color: #161618;
	border-bottom:  1px solid #161618;
	box-sizing: border-box;
	padding: 0px 20px;
	clear: both;
}
#header-navi li{
	display: inline-block;
	padding: 0px 5px 0px 5px;
	margin-right: 10px;
}
#header-navi li:hover,
#header-navi li.selected{
}
/*#header-navi a{
	color : #FFFFFF;
	text-decoration: none;
	font-size: 1.2em;
	display: inline-block;
	padding: 20px 10px 18px 10px;
	border-bottom: 2px solid #161618;
}
#header-navi a:hover,
#header-navi li.selected a{
	color: #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
}*/
/**
*
*/
.form-label{
	margin-right: 15px;
}
.form-label-checkbox{
	vertical-align: middle;
	margin-right: 4px;
}
.delete-container{
	float:right;
	width: 120px;
	text-align: right;
}
.pager-container-top{
	margin: 0px 0px 10px 0px;
}
.pager-container-bottom{
	margin: 10px 0px 0px 0px;
	float: left;
	width: auto;
}
.search-param-container{
}
.search-param-container > table,
.search-param-container td,
.search-param-container th{
	border: none;
}
.search-param-container.border > table,
.search-param-container.border td,
.search-param-container.border th{
	border: solid 1px #666666;
}
#search-area{
	margin-top: 30px;
}
#search-area select,
#search-date select{
	margin-right: 10px;
}
#year-month,
#year-quarter{
	display: inline-block;
}

.search-button-container{
	margin-top: 30px;
	text-align: right;
}
#search-ps-list,
#form-register{
	margin: 0px 0px 0px 0px;
	border: solid 1px #c2c2c2;
	padding: 20px 20px 0px 20px;
	overflow: hidden;
}
.keyword{
	width: calc(100% - 50px);
}
/**
* セクションスタイル
*/
.section-title{
	background-color: #003057;
	color: #ffffff;
	padding: 10px 15px 10px 15px;
	font-size: 1.2rem;
	margin-top: 30px;
}
h1.section-title{
	font-weight: normal;
}
.new-btn{
	margin-bottom: 30px;
}
h2#contents-title{
	font-size: 36px;
	font-weight: 400;
	margin-bottom: 8px;
	color: rgba(233, 46, 60, 1);
}

h3.contents-title{
	/*font-size: 16px;*/
	margin-bottom: 30px;
	/*font-weight: 500;*/
		color: #e92e3c;
		font-size:24px;
		font-weight: bold;
	
}
h1.contents-title{
	font-size: 18px;
	padding: 0px 0 0px 0;
	font-weight: normal;
	margin-bottom: 5px;
}
.contents-note{
	margin-top: 30px;
	margin-bottom: 30px;
}
.section-container{
	margin : 30px 0px 0px 0px;
}
.contents-navi{
	margin-top: 0px;
	border-bottom: solid 1px #666666;
	background-color: #ececec;
	padding: 0px 30px 0px 30px;
}
.contents-navi > a{
	color: #000000;
	font-size: 1.2rem;
	display: inline-block;
	padding:10px 10px 5px 10px;
	text-decoration: none;
	border-bottom: solid 2px #ececec;
	margin: 0px 10px 0px 0px;
}
.contents-navi > a:hover,
.contents-navi > a.selected{
	border-bottom: solid 2px #333333;
}
.section-btn {
	background-color : #003057;
}
.section-btn:hover,
.section-btn.selected {
}
/**
*
*/
.cmn-btn.upload{
}
.cmn-btn.delete{
	background-color: #FF0000;
}
.th-month{
	width:58px;
}
#form-check{
	margin-bottom: 15px;
}
#form-check > select{
}
/**
* コンテナースタイル
*/
div.none-margin{
	margin:0px;
}

#user-list{
	display: inline-block;
}
#list,
#form,
.upload-form-container{
	/*display: inline-block;*/
}
#table-list{
	margin: 0px 0px 0px 0px;
}
#user_table{
	margin-bottom: 10px;
}
#user_table{
	min-width: 740px;
}
#check-upload{
	font-weight: bold;
}
/**
* 集計データアップロード
*/
.row100{
	display: block;
	box-sizing: border-box;
	width: calc(100% - 4px);
	margin-bottom: 30px;

}
.row-half{
	display: inline-block;
	box-sizing: border-box;
	width: calc(50% - 4px);
	margin-bottom: 30px;
}
.row-title{
	box-sizing: border-box;
	font-weight: bold;
	display: inline-block;
	width: 130px;
}
.row-data{
	box-sizing: border-box;
	display: inline-block;
	min-width: calc(100% - 136px);
}
.row-title.w200{
	width: 200px;
}
.row-data.w200{
	box-sizing: border-box;
	display: inline-block;
	min-width: calc(100% - 206px);
}
.title-right .row-title{
	text-align: right;
	padding-right: 30px;
}
.row-button-container{
	text-align: right;
}
.row-button{
	display: inline-block;
	margin-left: 30px;
}
.row-button.float-left,
.row-button.float-right{
	margin-left: 0px;
}
/**
*/
#inquiry{
}
#inquiry .section-container{
}
#inquiry .title{
	font-size: 1.2rem;
	border-left: 8px solid #999999;
	padding-left: 4px;
}
.inquiry-container{
	margin: 0px 20px 0px 20px;
	font-size: 1.2rem;
}

#dragandrophandler {
	border: 2px dotted #0B85A1;
	width: auto;
	text-align: center;
	vertical-align: middle;
	padding: 30px;
	margin-bottom: 10px;
	color: #7f7f7f;
}
#dragandrophandler #file_input_display {
	color: white;
	background-color: #0070c0;
	font-size: 0.9rem;
	padding: 6px 20px;
	border: none;
	margin-top: 5px;
}

.accord {
	cursor: pointer;
}

.info-table{
	width: 100%;
	margin-bottom: 10px;
	border: 1px solid #c2c2c2;
}
.info-container {
	overflow-y: scroll;
	height: 190px;
}
.info-area {
	border-bottom: 1px solid #c2c2c2;
	padding: 14px 10px;
}
.info-area .date {
	width: 90px;
	min-width: 90px;
	max-width: 90px;
}
.info-area .contents {
	width: calc(100% - 100px);
}
.info-area .date,
.info-area .contents {
	display: inline-block;
}
/* cosmo add .car-registration-table,delivery-schedule-table*/
.newcar-table,
.usedcar-table,
.car-registration-table,
.delivery-schedule-table,
.config-table {
	width: 100%;
	min-width: 1100px;
	margin-bottom: 0;
}
.newcar-table .table-header {
	background-color: #fff;
	border-bottom: 1px solid #c2c2c2;
	font-size: 14px;
}

/* cosmo add .car-registration-area,*/
.newcar-area,
.usedcar-area,
.car-registration-area,
.delivery-schedule-area,
.config-area {
	/*padding-top: 20px;*/
}
.newcar-area a,
.usedcar-area a,
.car-registration-area a,
.delivery-schedule-area a,
.config-area a {
	text-decoration: none;
}
.newcar-area .image,
.usedcar-area .image,
.car-registration-area .image,
.delivery-schedule-area .image,
.config-area .image {
	display: inline-block;
}
.newcar-area .icon,
.usedcar-area .icon,
.car-registration-area .icon,
.delivery-schedule-area .icon,
.config-area .icon {
	width: 48px;
	height: 48px;
}
.newcar-area .title,
.usedcar-area .title,
.car-registration-area .title,
.delivery-schedule-area .title,
.config-area .title {
	/*position: relative;
    top: -20px;
    left: 16px;*/
	display: inline-block;
	font-size: 13px;
	font-weight: normal;
	vertical-align: middle;
	margin-left: 14px;
	/*margin-top: 16px;*/
}
.top-svg-icon{
	width: 60px;
	height: 45px;
	vertical-align: middle;
}
/* cosmo add .car-registration-table,delivery-schedule-table*/
.delivery-schedule-table .table-header {
	background-color: #fff;
	border-bottom: 1px solid #c2c2c2;
	font-size: 14px;
}
.car-registration-table .table-header {
	background-color: #fff;
	border-bottom: 1px solid #c2c2c2;
	font-size: 14px;
}
.usedcar-table .table-header {
	background-color: #fff;
	border-bottom: 1px solid #c2c2c2;
	font-size: 14px;
}
.config-table .table-header {
	background-color: #fff;
	border-bottom: 1px solid #c2c2c2;
	font-size: 14px;
}
.search-table{
	width: 100%;
	margin-bottom: 20px;
	border: 1px solid #c2c2c2;
}
.search-box th{
	width: 120px;
}
.search-box.title-140 th{
	width: 140px;
}
.search-table td{
}
.search-table th,
.search-table td {
	border: none;
	background-color: #f6f6f6;
}
.info-table .table-header,
.search-table .table-header {
	background-color: #ececec;
	border-bottom: 1px solid #c2c2c2;
	font-size: 14px;
}
.search-table input[type=text]{
	width: 100%;
}
.form-table{
	width: 100%;
	margin-bottom: 20px;
	background-color: #FFFFFF;
	border: 1px solid #c2c2c2;
}
.form-table th,
.form-table td{
	background-color: #FFFFFF;
	border: 1px solid #c2c2c2;
	padding: 13px 15px;
}
.form-table th.table-header,
.form-table td.table-header,
.table-header{
	background-color: #ececec;
}
.list-header{
	font-size: 14px;
	background-color: #d0d0d0;
	padding: 8px 15px 8px 15px;
	margin: 30px 0 0px;
}

/* cosmo add start*/
.list-header.mgt0 {
	margin-top: 0px;
}
/* cosmo add end*/

.list-header2{
	font-size: 14px;
	padding: 0px 0px 0px 0px;
	margin: 30px 0 0px;
}
th.table-title,
td.table-title{
	background-color: #f6f6f6;
	width: 256px;
}
th.table-title2,
td.table-title2{
	background-color: #ececec;
}
.table-btn-container{
	text-align: right;
}
.table-btn-container_send_report{
	text-align: left;
}
.cmn-btn.gray {
	background-color: #a1a1a1;
	border-color: #a1a1a1;
	color: #ffffff;
	text-decoration: none;
}
.cmn-btn.gray:hover{
	background-color: #ff4a58;
	border-color: #ff4a58;
	text-decoration: none;
}
.cmn-btn.black {
	background-color: #313639;
	border-color: #313639;
	color: #ffffff;
	text-decoration: none;
}
.cmn-btn.black:hover,
.cmn-btn.blue:hover {
	background-color: #ff4a58;
	border-color: #ff4a58;
	text-decoration: none;
}
.cmn-btn.blue,
.cmn-btn.red {
	text-decoration: none;
}
.cmn-btn.blue{
	background-color : #0f6ebe;
	border-color: #0f6ebe;
	color: #ffffff;
}
.cmn-btn.red{
	background-color : rgba(233, 46, 60, 1);
	border: 1px solid rgba(233, 46, 60, 1);
	color: #ffffff;
}
.cmn-btn.red:hover{
	background-color : rgba(255, 74, 88, 1);
}
.cmn-btn.white{
	background-color : #ffffff;
	color: rgba(233, 46, 60, 1);
	text-decoration: none;
	border-color : rgba(233, 46, 60, 1);
}
.cmn-btn.white:hover{
	background-color : rgba(255, 74, 88, 1);
	color: #ffffff;
	text-decoration: none;
}

.cmn-btn.white-black{
	background-color : #ffffff;
	color: #000000;
	text-decoration: none;
	border-color : #000000;
}
.cmn-btn.white-black:hover{
	background-color : rgba(255, 74, 88, 1);
	color: #ffffff;
	text-decoration: none;
	border-color : rgba(255, 74, 88, 1);
}
.cmn-btn.disabled{
	background-color: #CCCCCC;
	color:#ffffff;
	pointer-events: none;
}
.cmn-btn.disabled:hover{
	background-color: #CCCCCC;
	color: #ffffff;
	cursor: auto;
}
.cmn-btn.disabled:focus{
	background-color: #CCCCCC;
	color: #ffffff;
	cursor: auto;
}
.icon-open-form{
	display: inline-block;
	width: 20px;
	height: 20px;
	text-align: center;
	font-weight: bold;
	padding-top: 1px;
	color: #ffffff;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.icon-open-form.blue{
	background-color: #0f6ebe;
	cursor: pointer;
}
/* cosmo add start */
.icon-open-form.dark-blue{
	background-color: #162E57;
	cursor: pointer;
}
/* cosmo add end */
.icon-open-form.gray{
	background-color: #a0a0a0;
}
.icon-open-form:hover{
	background-color: #d5001c;
}
.icon-open-form.red{
	background-color: #d5001c;
	cursor: pointer;
}
.icon-open-form.gray:hover{
	background-color: #a0a0a0;
}
.icon-open-form.gray.cursor{
	cursor: pointer;
}
.icon-open-form.gray.cursor:hover{
	background-color: #606060;
}
.search-btn {
	height: 27px;
	padding-top: 0;
	padding-bottom: 0;
}
label{
	margin-right: 10px;
}
label > input[type=radio],
label > input[type=checkbox]{
	vertical-align: middle;
	margin-right: 4px;
}
.list-table{
	width: 100%;
	border: 1px solid #c2c2c2;
}
.list-table th,
.list-table td{
	font-size: 12px;
}
.list-table th,
.list-table td{
	border: none;
}
.list-table > thead th{
	border-top: 1px solid #c2c2c2;
	border-bottom: 1px solid #c2c2c2;
	background-color: #ececec;
}
.list-table > thead th.border-left{
	border-left: 1px solid #c2c2c2;
	background-color: #ececec;
}
.list-table td{
	background-color: transparent;
}
.list-table > tbody > tr.sub-header,
.list-table > tbody > tr.sub-header th,
.list-table > tbody > tr.sub-header td{
	background-color: #e1e1e1;
}
.list-table > tbody > tr:nth-child(odd):not(.table-header):not(.sub-header):not(.ui-state-highlight){
	background-color: #FFFFFF;
}
.list-table > tbody > tr:nth-child(even):not(.table-header):not(.sub-header):not(.ui-state-highlight){
	background-color: #f6f6f6;
}
.list-table > tbody > tr.bg-stripe-odd{
	background-color: #FFFFFF !important;
}
.list-table > tbody > tr.bg-stripe-even{
	background-color: #f6f6f6 !important;
}
.list-table > tbody > tr.all-header,
.list-table > tbody > tr.group-header{
	background-color: #000000 !important;
	color: #ffffff !important;
	opacity : 1;
}
.list-table tr.border > *{
	border: 1px solid #b1b1b1;
}
.list-table tr.border-t > *{
	border-top: 1px solid #b1b1b1;
}
.list-table tr.border-b > *{;
	border-bottom: 1px solid #b1b1b1;
}
.list-table tr.border-tb > *{
	border-top: 1px solid #b1b1b1;
	border-bottom: 1px solid #b1b1b1;
}
/* cosmo add start */
.list-table > tbody td.border-left{
	border-left: 1px solid #c2c2c2;
}
/* cosmo add end */
.list-table .table-bottom-container{
	border-top: 1px solid #c2c2c2;
	background-color: #e0e0e0;
}
.list-table .table-bottom-container td{
	background-color: #ececec;
}
.list-table td.total{
	background-color: #e2e2e2;
}
.list-table.small-padding td{
	padding: 2px 15px 2px 15px;
}
.list-table.small-padding input{
	padding: 2px 10px 2px 10px;
}
.list-pager{
	overflow: hidden;
	background-color: #fafafa;
}
.list-pager .upper{
	display: flex;
	margin-top: 10px;
	margin-bottom: 5px;
	align-items: center;
}
.list-pager .lower{
	display: flex;
	margin-top: 5px;
	align-items: center;
}
.list-pager a{
	margin-right: 5px;
}
.list-pager .item-count{
	font-weight: bold;
	margin-right: 5px;
}
.list-pager .action-box{
	display: flex;
	align-items: center;
	column-gap: 4px;
}
.list-pager .pager-info{
	
}
.right-btn-container{
	float:right;
	display: inline-block;
}
.require{
	color: #FF0000;
	/*font-size: 0.5rem;*/
	font-weight: bold;
	display: inline-block;
	margin-left: 10px;
}
.complete_container{
	text-align: left;
}
.complete_message{
	font-size: 2.4rem;
	text-align: left;
	padding: 60px 0;
}
.complete_btn_container{
	margin-top: 20px;
}
.complete_text_container{
	text-align: left;
}
.complete_text_container > div{
	font-size: 1.2rem;
	margin-bottom: 10px;
}
.complete_message2{
	border: solid 1px #d0d0d0;
	background-color: #f0f0f0;
	margin-bottom: 30px;
	padding: 10px;
}
/* cosmo add start */
.skip_dealer_message{
	font-size: 1.2em;
	text-align: left;
}
/* cosmo end start */
#inner-form-container{
	display: inline-block;
	height: 100%;
	width: 80%;
	max-height: 100%;
	max-width: 80%;
	overflow: auto;
	background-color: #ffffff;
	text-align: left;
	padding: 20px;
}
.open-new-car-form{
	cursor: pointer;
}
/* cosmo add start */
.list-table thead tr .sort-header {
/*
	padding-right:15px;
	background-image: url(../images/sort_def.png);
	background-repeat: no-repeat;
	background-position: center right;
	text-decoration: underline;
*/
	cursor: pointer;
}
.list-table thead tr .sort-header-asc {
/*
	padding-right:15px;
	background-image: url(../images/sort_asc.png);
	background-repeat: no-repeat;
	background-position: center right;
	text-decoration: underline;
*/
	cursor: pointer;
}
.list-table thead tr .sort-header-asc:after {
	content: "↓";
}
.list-table thead tr .sort-header-desc {
/*
	padding-right:15px;
	background-image: url(../images/sort_desc.png);
	background-repeat: no-repeat;
	background-position: center right;
	text-decoration: underline;
*/
	cursor: pointer;
}
.list-table thead tr .sort-header-desc:after {
	content: "↑";
}
.list-table thead tr .sort-header:hover,
.list-table thead tr .sort-header-asc:hover,
.list-table thead tr .sort-header-desc:hover {
	text-decoration: none;
	color:rgba(35,35,35,0.5);
}
.fixed_box.fixed{
	position: fixed;
	top: 0;
	background-color:#ffffff;
	z-index: 2;
}
.flex-box-space-between {
	display: flex;
	justify-content: space-between;
}
.flex-box-space-between.vpd10 {
	padding:10px 0;
}
.flex-box-space-between .lh40 {
	line-height: 40px;
}
.title-under-line {
	font-weight: bold;
	border-bottom: 1px solid #7f7f7f;
}
.flex {
	display: flex;
}
.flex-center {
	display:flex;
	justify-content:space-evenly;
	align-items:center;
}
.flex-middle{
	align-items:center;
}
.gap-5{
	gap: 5px
}
.gap-10{
	gap: 10px
}
.column-gap-5{
	column-gap: 5px
}
.column-gap-10{
	column-gap: 10px
}
.row-gap-5{
	row-gap: 5px
}
.row-gap-10{
	row-gap: 10px
}
.flex-grow1{
	flex-grow: 1;
}
.flex-grow2{
	flex-grow: 2;
}
.flex-grow3{
	flex-grow: 3;
}
.flex-grow4{
	flex-grow: 4;
}
.align-items-end{
	align-items: flex-end;
}
/* cosmo add end */
.circle{
	display: inline-block;
	width: 15px;
    height: 15px;
    border-radius: 50%;
    line-height: 15px;
    vertical-align: middle;
	margin: 0 10px;
}
a:hover .circle{
	opacity: 0.8;
}
.icon-check:before{
	content: " ";
	width: 15px;
	height:15px;
	background-image: url(../js/jquery-ui/images/ui-icons_ffffff_256x240.png);
	background-position: -64px -144px;
	display: inline-block;
	top: -1px;
    position: relative;
}
.btn-accordion{
	display: inline-block;
	width: 20px;
	height: 20px;
	min-width: 20px;
	min-height: 20px;
	text-align: center;
	font-weight: bold;
	color: #000000;
	border: 1px solid #606060;
	cursor: pointer;
	margin-right: 4px;
	background-color: #ffffff;
}
.btn-accordion.close:after{
	content: "＋";
}
.btn-accordion.open:after{
	content: "-";
}
.btn-accordion:hover{
	background-color: #f0f0f0;
}
.link-box{
	margin-left: 20px;
}
@media screen and (max-width: 799px){
	#user_table{
		min-width: min-content;
	}

	.row-half{
		width: 100%;
	}
}