@charset "utf-8";

html {
	min-height: 100%;
	position: relative;
}
body {
	font-family: "Meiryo UI", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif", sans-serif;
	font-size: 12px;
	background: #fff url("../image/bg_body.jpg") no-repeat 50% 100%;
	background-size: 100% auto;
	text-align: center;
	min-width: 1100px;
	margin-bottom: 108px;
}
input, select, button, textarea {
    font-family: inherit;
}
/* font */
.f-bold{
	font-weight: bold;
}

/* header */
header {
	min-height: 40px;
	padding: 0 10px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}
header #logo {
	background: url("../image/header_logo.png") no-repeat 0 0;
	width: 185px;
	height: 31px;
	line-height: 31px;
	text-indent: -999px;
	overflow: hidden;
}
header #FKlogo {
	background: url("../image/fk_header_logo.png") no-repeat 0 0;
	width: 185px;
	height: 31px;
	line-height: 31px;
	text-indent: -999px;
	overflow: hidden;
}
header #logo-space {
    width: 135px;
}
header #title {
    padding-top: 10px;
    padding-left: 160px;
}
header #sharyounkokanrititle {
    padding-top: 10px;
    padding-left: 220px;
}
header #anzenuntentitle {
    padding-top: 10px;
    padding-left: 230px;
}
header #bpokanrimenutitle {
    padding-top: 10px;
    padding-left: 230px;
}
header #dorarekotitle {
    padding-top: 10px;
    padding-left: 200px;
}


header #control {
    text-align : right;
    width: 300px;
    padding-top: 10px;
}
header #sharyounkokanricontrol {
    text-align : right;
    width: 375px;
    padding-top: 10px;
}
header #anzenuntenkenhyocontrol {
    text-align : right;
    width: 375px;
    padding-top: 10px;
}
header #bpokanrimenucontrol {
    text-align : right;
    width: 375px;
    padding-top: 10px;
}
header #shinseiichirancontrol {
    text-align : right;
    width: 375px;
    padding-top: 10px;
}
header #sharyounkokanricontrol {
    text-align : right;
    width: 375px;
    padding-top: 10px;
}
header #dorarekocontrol {
    text-align : right;
    width: 375px;
    padding-top: 10px;
}
header #sharyoyoyakucontrol {
    text-align : right;
    width: 375px;
    padding-top: 10px;
}
header #nippoumenucontrol {
    text-align : right;
    width: 375px;
    padding-top: 10px;
}
header #returncontrol {
    text-align : right;
    width: 375px;
    padding-top: 10px;
}
header #kakusyudatacontrol {
    text-align : right;
    width: 375px;
    padding-top: 10px;
}

header #menu,
header #fkmenu,
header #sharyounkokanrimenu,
header #himenu
{
	margin-right: 8px;
	display: inline-block;
}
header #menu a {
	display: block;
	background: url("../image/btn_back.png") no-repeat 0 0;
	width: 175px;
	height: 28px;
	line-height: 28px;
	text-indent: -999px;
	overflow: hidden;
}
header #fkmenu a {
	display: block;
	background: url("../image/fk_btn_back.png") no-repeat 0 0;
	width: 175px;
	height: 28px;
	line-height: 28px;
	text-indent: -999px;
	overflow: hidden;
}
header #himenu a {
	display: block;
	background: url("../image/btn_back_menu.png") no-repeat 0 0;
	width: 175px;
	height: 28px;
	line-height: 28px;
	text-indent: -999px;
	overflow: hidden;
}
header #menu a:hover {
	background-image: url("../image/btn_back_on.png");
}
header #fkmenu a:hover {
	background-image: url("../image/fk_btn_back_on.png");
}
header #himenu a:hover {
	background-image: url("../image/btn_back_menu_on.png");
}
header #menu a.appli {
	background-image: url("../image/btn_back2.png");}
header #menu a.appli:hover {
	background-image: url("../image/btn_back2_on.png");
}
header #logoff {
	display: inline-block;
}
header #logoff a {
	display: block;
	background: url("../image/btn_logoff.png") no-repeat 0 0;
	width: 103px;
	height: 28px;
	line-height: 28px;
	text-indent: -999px;
	overflow: hidden;
}
header #logoff a:hover {
	background-image: url("../image/btn_logoff_on.png");
}

header #anzenuntenmenu {
    margin-right: 8px;
	display: inline-block;
}

header #anzenuntenmenu a {
    width: 255px;
    height: 28px;
    background: url("../image/anzenunten_btn_back_base.png") no-repeat 0 0;
    display: block;
    position: relative;
    color: #7d7d7d;
    text-decoration: none;
    line-height: 28px;
	text-indent: -999px;
	overflow: hidden;
}

header #anzenuntenmenu a span {
	margin-right: 37px;
	font-family: "Meiryo UI";
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 0.8px;
}

header #anzenuntenmenu a:hover {
    background-image: url("../image/anzenunten_btn_back_base_on.png");
    color: white;
}

header #sharyoyoyakumenu {
    margin-right: 8px;
	display: inline-block;
}

header #sharyoyoyakumenu a {
    width: 255px;
    height: 28px;
    background: url("../image/anzenunten_btn_back_base.png") no-repeat 0 0;
    display: block;
    position: relative;
    color: #7d7d7d;
    text-decoration: none;
    line-height: 28px;
	text-indent: -999px;
	overflow: hidden;
}

header #sharyoyoyakumenu a span {
	margin-right: 37px;
	font-family: "Meiryo UI";
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 0.8px;
}

header #sharyoyoyakumenu a:hover {
    background-image: url("../image/anzenunten_btn_back_base_on.png");
    color: white;
}

header #bpokanrimenu {
    margin-right: 8px;
	display: inline-block;
}

header #anzenuntenkenhyogoback {
    margin-right: 8px;
	display: inline-block;
}

header #anzenuntenkenhyogoback a {
    width: 110px;
    height: 28px;
    background: url("../image/btn_goback.png") no-repeat 0 0;
    display: block;
    position: relative;
    color: #7d7d7d;
    text-decoration: none;
    line-height: 28px;
	text-indent: -999px;
	overflow: hidden;
}

header #anzenuntenkenhyogoback a span {
	margin-right: 50px;
	font-family: "Meiryo UI";
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 0.8px;
}

header #anzenuntenkenhyogoback a:hover {
    background-image: url("../image/btn_goback_on.png");
    color: white;
}

header #fkgoback {
    margin-right: 8px;
	display: inline-block;
}

header #fkgoback a {
    width: 110px;
    height: 28px;
    background: url("../image/btn_goback.png") no-repeat 0 0;
    display: block;
    position: relative;
    color: #7d7d7d;
    text-decoration: none;
    line-height: 28px;
	text-indent: -999px;
	overflow: hidden;
}

header #fkgoback a span {
	margin-right: 50px;
	font-family: "Meiryo UI";
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 0.8px;
}

header #fkgoback a:hover {
    background-image: url("../image/btn_goback_on.png");
    color: white;
}

header #bpokanrimenu {
    margin-right: 8px;
	display: inline-block;
}

header #bpokanrimenu a {
    width: 213px;
    height: 28px;
    background: url("../image/bpomenu_btn_back_base.png") no-repeat 0 0;
    display: block;
    position: relative;
    color: #7d7d7d;
    text-decoration: none;
    line-height: 28px;
	text-indent: -999px;
	overflow: hidden;
}

header #bpokanrimenu span {
	margin-right: 37px;
	font-family: "Meiryo UI";
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 0.8px;
}

header #bpokanrimenu a:hover {
    background-image: url("../image/bpomenu_btn_back_base_on.png");
    color: white;
}

header #shinseiichirangoback {
    margin-right: 8px;
    display: inline-block;
}

header #shinseiichirangoback a {
    width: 110px;
    height: 28px;
    background: url("../image/btn_goback.png") no-repeat 0 0;
    display: block;
    position: relative;
    color: #7d7d7d;
    text-decoration: none;
    line-height: 28px;
    text-indent: -999px;
    overflow: hidden;
}

header #shinseiichirangoback span {
    margin-right: 50px;
    font-family: "Meiryo UI";
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0.8px;
}

header #shinseiichirangoback a:hover {
    background-image: url("../image/btn_goback_on.png");
    color: white;
}

header #sharyounkokanrimenu {
    margin-right: 8px;
	display: inline-block;
}

header #passwordgoback{
    margin-right: 8px;
	display: inline-block;
}

header #sharyounkokanrimenu a {
    width: 238px;
    height: 28px;
    background: url("../image/btn_back_base_wide.png") no-repeat 0 0;
    display: block;
    position: relative;
    color: #7d7d7d;
    text-decoration: none;
    line-height: 28px;
	text-indent: -999px;
	overflow: hidden;
}

header #sharyounkokanrimenu span {
	margin-right: 36px;
	font-family: "Meiryo UI";
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 0.8px;
}

header #sharyounkokanrimenu a:hover {
    background-image: url("../image/btn_back_base_wide_on.png");
    color: white;
}

header #dorarekomenu {
    margin-right: 8px;
	display: inline-block;
}

header #dorarekomenu a {
    width: 225px;
    height: 28px;
    background: url("../image/dorareko_back_base.png") no-repeat 0 0;
    display: block;
    position: relative;
    color: #7d7d7d;
    text-decoration: none;
    line-height: 28px;
	text-indent: -999px;
	overflow: hidden;
}

header #dorarekomenu a span {
	margin-right: 38px;
	font-family: "Meiryo UI";
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 0.8px;
}

header #dorarekomenu a:hover {
    background-image: url("../image/dorareko_back_base_on.png");
    color: white;
}

header #carsearchgoback {
    margin-right: 8px;
	display: inline-block;
}

header #carsearchgoback a {
    width: 110px;
    height: 28px;
    background: url("../image/btn_goback.png") no-repeat 0 0;
    display: block;
    position: relative;
    color: #7d7d7d;
    text-decoration: none;
    line-height: 28px;
	text-indent: -999px;
	overflow: hidden;
}

header #carsearchgoback a span {
	margin-right: 50px;
	font-family: "Meiryo UI";
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 0.8px;
}

header #carsearchgoback a:hover {
    background-image: url("../image/btn_goback_on.png");
    color: white;
}

header #sharyomeisaigoback {
    margin-right: 8px;
	display: inline-block;
}

header #sharyomeisaigoback a {
    width: 110px;
    height: 28px;
    background: url("../image/btn_goback.png") no-repeat 0 0;
    display: block;
    position: relative;
    color: #7d7d7d;
    text-decoration: none;
    line-height: 28px;
	text-indent: -999px;
	overflow: hidden;
}

header #sharyomeisaigoback a span {
	margin-right: 50px;
	font-family: "Meiryo UI";
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 0.8px;
}

header #sharyomeisaigoback a:hover {
    background-image: url("../image/btn_goback_on.png");
    color: white;
}
header #nippoumenu {
    margin-right: 8px;
	display: inline-block;
}

header #nippoumenu a {
    width: 213px;
    height: 28px;
    background: url("../image/bpomenu_btn_back_base.png") no-repeat 0 0;
    display: block;
    position: relative;
    color: #7d7d7d;
    text-decoration: none;
    line-height: 28px;
	text-indent: -999px;
	overflow: hidden;
}

header #nippoumenu span {
	margin-right: 45px;
	font-family: "Meiryo UI";
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 0.8px;
}

header #nippoumenu a:hover {
    background-image: url("../image/bpomenu_btn_back_base_on.png");
    color: white;
}

header #return {
    margin-right: 8px;
	display: inline-block;
}

header #return a {
    width: 120px;
    height: 28px;
    background: url("../image/btn_goback.png") no-repeat 0 0;
    display: block;
    position: relative;
    color: #7d7d7d;
    text-decoration: none;
    line-height: 28px;
	text-indent: -999px;
	overflow: hidden;
}

header #return span {
	margin-right: 60px;
	font-family: "Meiryo UI";
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 0.8px;
}

header #return a:hover {
    background-image: url("../image/btn_goback_on.png");
    color: white;
}

header #passwordchangegoback {
    margin-right: 8px;
    display: inline-block;
}

header #passwordchangegoback a {
    width: 110px;
    height: 28px;
    background: url("../image/btn_goback.png") no-repeat 0 0;
    display: block;
    position: relative;
    color: #7d7d7d;
    text-decoration: none;
    line-height: 28px;
    text-indent: -999px;
    overflow: hidden;
}

header #passwordchangegoback span {
    margin-right: 50px;
    font-family: "Meiryo UI";
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0.8px;
}

header #passwordchangegoback a:hover {
    background-image: url("../image/btn_goback_on.png");
    color: white;
}
header #kakusyudatagoback {
    margin-right: 8px;
	display: inline-block;
}

header #kakusyudatagoback a {
    width: 180px;
    height: 28px;
    background: url("../image/btn_back_base.png") no-repeat 0 0;
    display: block;
    position: relative;
    color: #7d7d7d;
    text-decoration: none;
    line-height: 28px;
	text-indent: -999px;
	overflow: hidden;
}

header #kakusyudatagoback span {
	margin-right: 45px;
	font-family: "Meiryo UI";
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 0.8px;
}

header #kakusyudatagoback a:hover {
    background-image: url("../image/btn_back_base_on.png");
    color: white;
}
/* sub-header */
.sub_header_row{
	padding: 0 10px;
	margin: 0px;
}
.sub_header{
	width: 100%;
	display: flex;
	flex-flow: column;
	font-family: "Meiryo UI", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif", sans-serif;
	font-size: 12px;
	justify-content: flex-end;
	margin-top: -40px;
	align-items: flex-end;
}
.sub_header_cols{
	margin-left: 5px;
	margin-top: 5px;
	text-align: end;
	width: 250px;
}
.sub_header_row select{
	justify-content: flex-end;
	max-width: 250px;
	min-width: 100px;
	padding: 1px 5px;
	border: 1px solid #000;
	border-radius: 3px;
	font-family: "Meiryo UI", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif", sans-serif;
	font-size: 12px;
}

/* footer */
footer {
	width: 100%;
	height: 12px;
	padding: 0 0 28px;
	font-size: 0.75rem;
	font-weight: bold;
	position: absolute;
	bottom: 0;
}

/* main */
main {
	width: 900px;
	margin: 0 auto;
	padding: 5px 0;
	display: block;
}
main.w666 {
	width: 666px;
}
h1 {
	font-family: "Meiryo UI", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif", sans-serif;
	font-size: 1.0rem;
	margin-bottom: 15px;
	-webkit-transform: rotate(0.028deg);
	-moz-transform: rotate(0.028deg);
	-ms-transform: rotate(0.028deg);
	-o-transform: rotate(0.028deg);
	transform: rotate(0.028deg);
}
h1 span {
	margin: auto;
	line-height: 30px;
	position: relative;
}
h1 span::after {
	content: "";
	background-color: #000;
	width: 78px;
	height: 2px;
	margin: auto;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -10px;
}
.select-default{
	border: solid 1px black;
	border-radius: 5px;
	padding: 4px;
}
.row-block{
	display: block;
	width: 860px;
	padding: 0 30px;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.in-block{
	display: inline-block;
}
.flex{
	display: flex;
}
.flex-between{
	display: flex;
	justify-content: space-between;
}
.flex-around{
	display: flex;
	justify-content: space-around;
}
.vertical-un{
	vertical-align: unset;
}
.border-b{
	border-bottom: solid 1px;
}
.radius5{
	border-radius: 5px;
}
main .row {
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}
main .row2 {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
main .row3 {
	width: 125%;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	left: 50%;
	right: 50%;
	margin-left: -10vw;
	margin-right: -10vw;
}
main .row4 {
	width: 114%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin-left: -5vw;
	margin-right: -10vw;
}
main .row5 {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin-left: -5vw;
	margin-right: -10vw;
}
main .row .col2 {
	width: 425px;
}
main .row .col3 {
	width: 272px;
}
main .row2 .col1 {
	width: 220px;
	margin-top:10px;
}
main .row4 .col1 {
	width: 220px;
	margin-top:10px;
}
main.w666 .row .col3 {
	width: 210px;
}
main .rowWrap {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.f-start{
	justify-content: flex-start  !important;
}
main .rowWrap .col3 {
	width: 220px;
	height: 220px;
}
main .card {
	background-color: #fff;
	box-shadow: 0 0 8px 0 rgba(0,0,0,0.2);
	border-radius: 5px;
	height: 100%;
}
main .card .card-header {
	background-color: #6892ff;
	padding: 5px;
	border-radius: 5px 5px 0 0;
	color: #fff;
}
main .card .card-body {
	padding: 10px 10px;
	height: calc(100% - 116px);
}
main .card h2 {
	font-family: "Meiryo UI", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif", sans-serif;
	font-size: 1.0rem;
	margin: auto;
}
main .cardTop {
	background-color: #fff;
	box-shadow: 0 0 8px 0 rgba(0,0,0,0.2);
	border-radius: 5px;
	width: 200px;
}
main.contents .form-inner .badge span {
	display: block;
	background-color: #a3a3a3;
	width: 5rem;
	margin-right: 14px;
	padding: 0 8px;
	line-height: 28px;
	border-radius: 14px;
	text-align: center;
	font-size: 0.75rem;
	font-weight: bold;
	color: #fff;
}
.badge-medium{
	display: block;
	background-color: #a3a3a3;
	width: 9rem;
	margin-right: 14px;
	padding: 0 8px;
	line-height: 28px;
	border-radius: 14px;
	text-align: center;
	font-size: 0.75rem;
	font-weight: bold;
	color: #fff;
}

/* table */
main table {
	width: 100%;
	border: 2px solid #a3a3a3;
	font-size: 0.83rem;
}
main .table-link{
	width: 100%;
	text-align: right;
	position: relative;
}
main table th {
	background-color: #a3a3a3;
	padding: 6px 8px;
	text-align: center;
	color: #fff;
}
main table td {
	background-color: #fff;
	padding: 10px 8px;
	border: 1px solid #a3a3a3;
	text-align: center;
}
main table a {
	color: #6892ff;
}
main table a:hover {
	text-decoration: none;
}
main .wide-table{
	width: 95vw;
	left: 50%;
	right: 50%;
	margin-left: -47.5vw;
	margin-right: -47.5vw;
	position: relative;
}
main .wide-table-link{
	width: 95vw;
	left: 50%;
	right: 50%;
	text-align: right;
	margin-left: -47.5vw;
	margin-right: -47.5vw;
	position: relative;
}
main .side-scroll-area{
	width: 95vw;
	display: block; 
	left: 50%;
	right: 50%;
	margin-left: -47.5vw;
	margin-right: -47.5vw;
	overflow-x: scroll;
	overflow-y: hidden;
	position: relative;
}
main .side-scroll-table{
	/* width: 3000px; */
	width: 220vw;
	text-align: left;
}
main .side-scroll-table-anzenuntenkanrisya-mail{
	width: 1800px;
	text-align: left;
}
main .side-scroll-table-dorareko-kojin{
	width: 210vw;
}
main .side-scroll-table-dorareko-busho{
	width: 250vw;
}
main .side-scroll-table-sharyoshinsei{
	width: 290vw;
}
main .side-scroll-table-cardshinsei{
	width: 200vw;
}
main .table-dorareko {
	
	border: 2px solid #a3a3a3;
	font-size: 0.83rem;
}
main .table-dorareko th {
	background-color: #BBDBF3;
	padding: 6px 8px;
	border: 1px solid #a3a3a3;
	text-align: center;
	color: black;
}
main .table-dorareko td {
	background-color: #fff;
	padding: 10px 8px;
	border: 1px solid #a3a3a3;
	text-align: center;
}
main .table-dorareko a {
	color: #6892ff;
}
main .table-dorareko a:hover {
	text-decoration: none;
}
main .wide-table{
	width: 95vw;
	left: 50%;
	right: 50%;
	margin-left: -47.5vw;
	margin-right: -47.5vw;
	position: relative;
}
main .wide-table-link{
	width: 95vw;
	left: 50%;
	right: 50%;
	text-align: right;
	margin-left: -47.5vw;
	margin-right: -47.5vw;
	position: relative;
}

/* table 白抜き */
.natural {
	width: 100%;
	border: none;
	font-size: 100%;
	margin: 15px 0;
	vertical-align: middle;
}
.natural th {
	text-align: center;
	color: #000;
	background-color: #fff;
	width: 100px;
	padding: 6px 0px;
	vertical-align: middle;
}
.natural td {
	background-color: #fff;
	padding: 5px 0px;
	text-align: center;
	border: none;
	width: 317px;
	vertical-align: middle;
}
.natural td > p{
	text-align: center;
}
.resize th {
	width: 250px;
	height: 14px;
}
.resize td {
	text-align: left;
	width: 180px;
}
.char-2 { width: 128px !important; }

/* link */
main .btn-style00 {
	display: block;
	position: relative;
	font-family: "Meiryo UI", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif", sans-serif;
	background-color: #adc4ff !important;
	border-radius: 5px;
	text-decoration: none;
	font-size: 1.375rem;
	color: #fff;
}
main .btn-style00:hover {
	background-color: #ffb745 !important;
}
main a.btn-style00 span {
	text-shadow: 0 0 8px rgba(0,0,0,0.3);
}
main .btn-style01 {
	display: block;
	position: relative;
	font-family: "Meiryo UI", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif", sans-serif;
	background-color: #adc4ff !important;
	border-radius: 5px;
	text-decoration: none;
	font-size: 1.375rem;
	color: #fff;
}
main .btn-style01:hover {
	background-color: #ffb745 !important;
}
main a.btn-style01 span {
	text-shadow: 0 0 8px rgba(0,0,0,0.3);
}
main a.btn-style01 span::after {
	content: "";
	background: url("../image/icon_arrow.png") no-repeat 0 0;
	width: 10px;
	height: 15px;
	margin: auto;
	position: absolute;
	top: 0;
	right: 8px;
	bottom: 0;
}

/* pagination */
nav.pagination {
	font-family: "Meiryo UI", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif", sans-serif;
	margin-top: 20px;
	text-align: center;
}
nav.pagination li {
	display: inline-block;
	background-color: #f3f4f5;
	margin: 0 3px;
	border-radius: 5px;
	font-weight: bold;
}
nav.pagination li:hover {
	background-color: rgba(177,196,254,0.4);
}
nav.pagination li a {
	display: block;
	padding: 10px 12px;
	text-decoration: none;
	color: #8c8c8c;
}
nav.pagination li.page-item-first a {
	background: url("../image/icon_arr_first.png") no-repeat 12px 50%;
	padding-left: 32px;
}
nav.pagination li.page-item-last a {
	background: url("../image/icon_arr_last.png") no-repeat right 12px top 50%;
	padding-right: 32px;
}
nav.pagination li.page-item-prev a {
	background: url("../image/icon_arr_prev.png") no-repeat 12px 50%;
	padding-left: 32px;
}
nav.pagination li.page-item-next a {
	background: url("../image/icon_arr_next.png") no-repeat right 12px top 50%;
	padding-right: 32px;
}
nav.pagination li.active {
	background-color: #6892ff;
}
nav.pagination li.active a {
	color: #fff;
}

/* 行定義（ベース） */
main.contents .form-inner .row-base{
	width: auto;
	max-width: 860px;
	margin: 0 auto;
	padding: 0px 20px;
	flex-wrap: nowrap;
}
main.contents .form-inner .row-base dt{
	margin-right: 8px;
	text-align: right;
	line-height: 26px;
	font-weight: bold;
}
main.contents .form-inner .row-base-fix{
	width: auto;
	max-width: 860px;
	margin: 0 auto;
	padding: 0 20px;
	flex-wrap: nowrap;
}
main.contents .form-inner .row-base-fix dt{
	margin-right: 8px;
	text-align: right;
	line-height: 26px;
	font-weight: bold;
}
main.contents .form-inner .row-base-fix dd{
	width: 170px;
	border-bottom: solid 1px;
	line-height: 26px;
}

/* ログイン画面 */
main a.btn-hitachi span {
	display: block;
	width: 100%;
	height: 76px;
	line-height: 76px;
}
main .standard-login {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 7px 0;
}
main .standard-login dl {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	width: 280px;
	text-align: left;
}
main .standard-login dl dt {
	width: 4.0rem;
	font-size: 0.75rem;
	font-weight: bold;
	line-height: 28px;
}
main .standard-login dl dd {
	width: 210px;
}
main .standard-login dl dd input {
	width: 198px;
	border: 1px solid #000;
	border-radius: 5px;
	padding: 5px;
}
main .standard-login dl dd + dt,
main .standard-login dl dd + dt + dd {
	margin-top: 8px;
}
main .standard-login input[type='submit'] {
	background-image: url("../image/btn_login.png");
	background-position: 50% 50%;
	background-repeat: no-repeat;
	width: 108px;
	height: 63px;
	padding: 0;
	text-shadow: 0 0 8px rgba(0,0,0,0.3);
	text-indent: 16px;
	text-align: left;
	font-size: 1rem;
	border: none;
	cursor: pointer;
}

/* 総合メニュー */
main.w666 .row {
	height: 210px;
}
main a.btn-menu01,
main a.btn-menu02,
main a.btn-menu03,
main a.btn-menu-ms {
	display: block;
	background-color: #adc4ff;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100% auto;
	width: 200px;
	height: 200px;
	border-radius: 5px;
	position: relative;
	transition: .3s;
}
main a.btn-menu01 { background-image: url("../image/btn_application.png"); }
main a.btn-menu02 { background-image: url("../image/btn_data_control.png"); }
main a.btn-menu03 { background-image: url("../image/btn_contact.png"); }
main a.btn-menu-ms { background-image: url("../image/btn_application.png"); }
main a.btn-menu01:hover,
main a.btn-menu02:hover,
main a.btn-menu03:hover,
main a.btn-menu-ms:hover {
	width: 210px;
	height: 210px;
	position: relative;
	top: -5px;
	left: -5px;
}
main a.btn-menu01 span,
main a.btn-menu02 span,
main a.btn-menu03 span {
	display: block;
	font-family: "Meiryo UI", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif", sans-serif;
	background-color: #6892ff;
	width: 94%;
	padding-right: 6%;
	text-align: center;
	line-height: 50px;
	font-size: 1.125rem;
	color: #fff;
	border-radius: 0 0 5px 5px;
	position: absolute;
	left: 0;
	bottom: 0;
	-webkit-transform: rotate(0.028deg);
	-moz-transform: rotate(0.028deg);
	-ms-transform: rotate(0.028deg);
	-o-transform: rotate(0.028deg);
	transform: rotate(0.028deg);
}
main a.btn-menu-ms span {
	display: block;
	font-family: "Meiryo UI", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif", sans-serif;
	background-color: #6892ff;
	width: 94%;
	padding-right: 6%;
	text-align: center;
	line-height: 50px;
	font-size: 0.85rem;
	color: #fff;
	border-radius: 0 0 5px 5px;
	position: absolute;
	left: 0;
	bottom: 0;
	-webkit-transform: rotate(0.028deg);
	-moz-transform: rotate(0.028deg);
	-ms-transform: rotate(0.028deg);
	-o-transform: rotate(0.028deg);
	transform: rotate(0.028deg);
}
main a.btn-menu-ms span.hi-menu{
	display: block;
	font-family: "Meiryo UI", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif", sans-serif;
	background-color: #6892ff;
	width: 94%;
	padding-right: 6%;
	text-align: center;
	line-height: 22px;
	font-size: 0.95rem;
	color: #fff;
	border-radius: 0 0 5px 5px;
	position: absolute;
	left: 0;
	bottom: 0;
	-webkit-transform: rotate(0.028deg);
	-moz-transform: rotate(0.028deg);
	-ms-transform: rotate(0.028deg);
	-o-transform: rotate(0.028deg);
	transform: rotate(0.028deg);
}
main a.btn-menu01 span::after,
main a.btn-menu02 span::after,
main a.btn-menu03 span::after,
main a.btn-menu-ms span::after {
	content: "";
	background: url("../image/icon_arrow.png") no-repeat 0 0;
	width: 10px;
	height: 15px;
	margin: auto;
	position: absolute;
	top: 0;
	right: 8px;
	bottom: 0;
}
main a.btn-menu01 .menuTitle ,
main a.btn-menu02 .menuTitle ,
main a.btn-menu03 .menuTitle{
	line-height : 1.25rem  !important;
}
main a.btn-menu01 .menuTitle .lblCol ,
main a.btn-menu02 .menuTitle .lblCol ,
main a.btn-menu03 .menuTitle .lblCol{
	display: table-cell;
	height: 50px;
	width: 185px;
	text-align: center;
	vertical-align: middle;

	font-family: "Meiryo UI", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif", sans-serif;
	background-color: #6892ff;
}

main .btn-control {
	width: 380px;
	margin: 40px auto 0;
}
main .btn-control a {
	background: url("../image/btn_control.png") no-repeat 50% 50%;
	width: 374px;
	height: 76px;
	line-height: 76px;
	border: 3px solid #6892ff;
	text-shadow: 0 0 8px rgba(0,0,0,0.3);
}
main .btn-control a:hover {
	border: 3px solid #ffb745;
}

main.contents .form-inner input.btn-function {
	display: block;
	-webkit-appearance: none;
	font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color: #adc4ff;
	width: 500px;
	height: 90px;
	margin: 60px auto 5px;
	text-shadow: 0 0 8px rgba(0,0,0,0.3);
	font-size: 1.8rem;
	font-weight: bold;
	color: #fff;
	border: none;
	border-radius: 5px;
	cursor: pointer;
}
main.contents .form-inner input.btn-function:hover {
	background-color: #ffb745;
}


/* 申請メニュー画面 */
main a.btn-appli {
	line-height: 38px;
	font-size: 1.0rem;
}
main a.btn-appli span {
	display: block;
	-webkit-transform: rotate(0.028deg);
	-moz-transform: rotate(0.028deg);
	-ms-transform: rotate(0.028deg);
	-o-transform: rotate(0.028deg);
	transform: rotate(0.028deg);
}
main a.btn-user {
	display: block;
	background: #fff url("../image/btn_user.png") no-repeat 50% 50%;
	height: 180px;
	line-height: 1;
	border-radius: 5px;
	text-decoration: none;
	color: #6892ff;
	position: relative;
}
main a.btn-user span {
	font-family: "Meiryo UI", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif", sans-serif;
	display: block;
	width: 100%;
	font-size: 1.5rem;
	position: absolute;
	bottom: 30px;
}
main a.btn-user:hover {
	background-color: #6892ff;	
	background-image: url("../image/btn_user_on.png");
	color: #fff;
}
main a.btn-shoninsha {
	display: block;
	background: #fff url("../image/btn_user.png") no-repeat 50% 50%;
	height: 130px;
	line-height: 1;
	border-radius: 5px;
	text-decoration: none;
	color: #6892ff;
	position: relative;
}
main a.btn-shoninsha span {
	font-family: "Meiryo UI", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif", sans-serif;
	display: block;
	width: 100%;
	font-size: 1.5rem;
	position: absolute;
	bottom: 30px;
}
main a.btn-shoninsha:hover {
	background-color: #6892ff;	
	background-image: url("../image/btn_user_on.png");
	color: #fff;
}
main a.btn-shoninshaTop {
	display: block;
	background: #fff url("../image/btn_user.png") no-repeat 50% 50%;
	height: 200px;
	line-height: 1;
	border-radius: 5px;
	text-decoration: none;
	color: #6892ff;
	position: relative;
}
main a.btn-shoninshaTop span {
	font-family: "Meiryo UI", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif", sans-serif;
	display: block;
	width: 100%;
	font-size: 1.5rem;
	position: absolute;
	bottom: 30px;
}
main a.btn-shoninshaTop:hover {
	background-color: #6892ff;	
	background-image: url("../image/btn_user_on.png");
	color: #fff;
}

/* 新車・増車申請画面 & 代替申請(.daitai) */
main.contents {
	width: 100%;
}
main.contents h2 {
	font-family: "Meiryo UI", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif", sans-serif;
	font-size: 0.85rem;
	color: #fff;
	-webkit-transform: rotate(0.028deg);
	-moz-transform: rotate(0.028deg);
	-ms-transform: rotate(0.028deg);
	-o-transform: rotate(0.028deg);
	transform: rotate(0.028deg);
}
/* 内容 */
main.contents .form-inner {
	width: 900px;
	margin: auto;
	text-align: left;
}
/* 内容 */
main.contents .form-inner95 {
	width: 95%;
	margin: auto;
	text-align: left;
}


main.contents .form-inner h2 {
	background-color: #6892ff;
	width: auto;
	margin: 8px 0 8px;
	padding: 8px 8px;
	line-height: 1;
	border-radius: 5px;
	color: #fff;
}
main.contents .form-inner h2.short {
    background-color: #7abcff;
    width: 96%;
    margin: 8px 20px 8px;
    padding: 8px 8px;
    line-height: 1;
    border-radius: 5px;
    color: #fff;
}

main.contents .form-inner h2.short2 {
    background-color: #7ad3ff;
    width: 93.5%;
    margin: 8px 40px 8px;
    padding: 8px 8px;
    line-height: 1;
    border-radius: 5px;
    color: #fff;
}
main.contents .form-inner .row {
	width: 890px;
	padding: 0 5px;
}

main.contents .form-inner .mar2 {
	width: 870px;
	margin: 0 0 0 20px

}

main.contents .form-inner .mar3 {
	width: 850px;
	margin: 0 0 0 45px

}

main.contents .form-inner .left-place-daitai {
	position: relative;
	left: 3%;
}
main.contents .form-inner .right-place-daitai {
	position: relative;
	right: 9%;
}
main.contents .form-inner .center-place-daitai {
	position: relative;
}
main.contents .form-inner .right-place-daitai-topless {
	position: relative;
	top: 0px;
	right: 9%;
}
main.contents .form-inner .col2 {
	width: 385px;
}
main.contents .form-inner .col3 {
	width: 258px;
}
main.contents .form-inner .menuCol {
	width: 100%;
	text-align: center;
}
main.contents .form-inner .col1 {
  width: 450p;
}
main.contents .form-inner dl {
	display: flex;
	flex-wrap: nowrap;
}
main.contents .form-inner dt {
	margin-right: 8px;
	line-height: 26px;
	font-weight: bold;
}
main.contents .form-inner dd.data {
	width: 150px;
	line-height: 25px;
	border-bottom: 1px solid #000;
}
main.contents .form-inner dd.data-noline {
	width: 150px;
	line-height: 25px;
}
main.contents .form-inner dd.date {
	width: 198px;
	line-height: 25px;
	border-bottom: solid 1px;
}
main.contents .form-inner dd.riyosha-info {
	width: 154px;
	line-height: 25px;
	border-bottom: solid 1px;
}
main.contents .form-inner dd.shozoku {
	width: 201px;
	line-height: 25px;
	border-bottom: 1px solid #000;
}
main.contents .form-inner .form-hikiage {
	width: 235px;
	padding: 4px 7px;
	border: 1px solid #000;
	border-radius: 5px;
}
main.contents .form-inner .text-box{
	width: 156px;
	padding: 4px 7px;
	border: 1px solid #000;
	border-radius: 5px;
}
main.contents .form-inner .sizing {
	width:100%;
	box-sizing: border-box;
}
main.contents .form-inner .text-search {
	width: 156px;
	padding: 4px 7px;
	border: 1px solid #000;
	border-radius: 5px 0 0 5px;
}
main.contents .form-inner label {
	cursor: pointer;
}
main.contents .form-inner .col2 dt {
	width: 10rem;
	margin-right: 8px;
}
main.contents .form-inner .col2 dd select {
	width: 246px;
	padding: 4px 7px;
	border: 1px solid #000;
	border-radius: 5px;
}
main.contents .form-inner .col2-daitai{
	width: 385px;
	margin-bottom: 16px;
}
main.contents .form-inner .col2-daitai-fix{
	width: 785px;
	margin-bottom: 16px;
}
main.contents .form-inner .col2-daitai dd{
	line-height: 25px;
	width: 257px;
	border-bottom: solid 1px;
}
main.contents .form-inner .col2-daitai dt{
	width: 8rem;
	margin-right: 8px;
	text-align:right;
}
main.contents .form-inner .col2-daitai-fix dd{
	line-height: 25px;
	width: 680px;
	border-bottom: solid 1px;
}
main.contents .form-inner .col2-daitai-fix dt{
	width: 8rem;
	margin-right: 8px;
	text-align:right;
}
main.contents .form-inner .col2-daitai .wbAll{
	-ms-word-break: break-all;
}
main.contents .form-inner .col2-riyosha{
	width: 315px;
}
main.contents .form-inner .col2-riyosha dt {
	margin-right: 8px;
	text-align:right;
}
main.contents .form-inner .col2-riyosha dd{
	line-height: 25px;
	width: 198px;
	border-bottom: solid 1px;
}
main.contents .form-inner .col2-keiyaku1{
	width: 100%;
}
main.contents .form-inner .col2-keiyaku2{
	float:left;
	width: calc(100% / 3);
}
main.contents .form-inner .col2-keiyaku2 dt {
	margin-right: 8px;
	text-align:right;
	width: 110px;
}
main.contents .form-inner .col2-keiyaku2 dd{
	line-height: 25px;
	border-bottom: solid 1px;
	width: 208px;
}
main.contents .form-inner .col-mitsumori{
    float:left;
    width: 100%;
}
main.contents .form-inner .col-mitsumori dt {
    margin-left: -14px;
    margin-right: 8px;
    text-align:right;
    width: 110px;
}
main.contents .form-inner .col-mitsumori dd{
    line-height: 25px;
    border-bottom: solid 1px;
    width: 288px;
}
main.contents .form-inner .col-mitsumori2{
    float:left;
    width: 50%;
}
main.contents .form-inner .col-mitsumori2 dt {
    margin-right: 8px;
    text-align:right;
    width: 160px;
}
main.contents .form-inner .col-mitsumori2 dd{
    line-height: 25px;
    border-bottom: solid 1px;
    width: 260px;
}
main.contents .form-inner .col2-siyojoho{
	float:left;
	width: calc(100% / 5);
}main.contents .form-inner .col2-siyojoho dd{
	line-height: 25px;
	width: 180px;
}
main.contents .form-inner .col2-siyojoho dt {
	margin-right: 2px;
	text-align:right;
	width: 150px;
}
main.contents .form-inner .col2-siyojohoColon {
	margin-top: 4px;
	font-weight: bold;
}
main.contents .form-inner .col2-siyojohoRow{
	display: flex;
	flex-wrap: wrap;
}
main.contents .form-inner .col2-siyojoho2{
	float:left;
	width: calc(100% / 5);
}main.contents .form-inner .col2-siyojoho2 dd{
	line-height: 25px;
	width: 150px;
}
main.contents .form-inner .col2-siyojoho2 dt {
	margin-right: 2px;
	text-align:right;
	width: 142px;
}
main.contents .form-inner .col2-siyojoho-checkBox{
	margin-right: 0px !important;
}
main.contents .form-inner .col2-siyojoho-label{
	margin-right: 20px !important;
	margin-top: 5px !important;
	font-weight: bold;
}
main.contents .form-inner .col2-shashu2{
	width: 315px;
	margin-bottom: 10px;
}
main.contents .form-inner .col2-shashu2 dt {
	margin-right: 8px;
	text-align:right;
}
main.contents .form-inner .col2-shashu2 dd{
	line-height: 25px;
	width: 198px;
	border-bottom: solid 1px;
}
main.contents .form-inner .col1 dt {
  width: 5rem;
  margin-right: 8px;
}
main.contents .form-inner .col1 dd select {
  width: 350px;
  padding: 5px 8px;
  border: 1px solid #000;
  border-radius: 5px;
}
main.contents .form-inner .option {
	font-weight: bold;
}
main.contents .form-inner .option .price {
	float: right;
	text-align: right;
	display: inline-block;
}
main.contents .form-inner ul.option {
	padding-left: 20px;
}
main.contents .form-inner .option li {
	display: inline-block;
	list-style: none;
	margin-right: 26px;
}
main.contents .form-inner .option-pad20 li {
	margin-right: 20px;
}
main.contents .form-inner .option li.tire {
	margin-right: 0;
}
main.contents .form-inner .option li.tire select {
	background-color: #dcdcdc;
	border: none;
	border-radius: 3px;
	font-size: 0.75rem;
    margin: -5px 0 0 0;
}
main.contents .form-inner .option li.parking {
	display: block;
	margin: 16px 0 0 0;
}
main.contents .form-inner .option li.parking .text-search {
	width: 690px;
	border-radius: 5px;
    margin: -5px 0 0 5px;
}
main.contents .form-inner .option input[type='checkbox'] {
	display: none;
}
main.contents .form-inner .option input[type='checkbox'] + label {
	position: relative;
	padding: 0 0 0 23px;
	float: left;
}
main.contents .form-inner .option input[type='checkbox'] + label:before {
	display: block;
	content: "";
	position: absolute;
	left: 0;
	margin-top: -4px;
	width: 16px;
	height: 16px;
	border: 1px solid #ffb745;
	border-radius: 5px;
}
main.contents .form-inner .option input[type='checkbox'] + label:after {
	display: block;
	content: "";
	position: absolute;
	left: 6px;
	top: 0;
	margin-top: -2px;
	width: 5px;
	height: 9px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform: rotate(45deg);
	opacity: 0;
}
main.contents .form-inner .option input[type='checkbox']:checked + label:before {
	background-color: #ffb745;
}
main.contents .form-inner .option input[type='checkbox']:checked + label:after {
	opacity: 1 !important;
}

main.contents .form-inner .option.futai .futaiDis input[type='checkbox'][disabled] + label:before {
	display: block;
	content: "";
	position: absolute;
	left: 0;
	margin-top: -4px;
	width: 16px;
	height: 16px;
	border: 1px solid #dcdcdc;
	border-radius: 5px;
	background-color: #dcdcdc;
}

main.contents .form-inner .option.row .cardDis input[type='checkbox'][disabled] + label:before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    margin-top: -4px;
    width: 16px;
    height: 16px;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    background-color: #dcdcdc;
}

main.contents .form-inner .optionH2 input[type='checkbox'] + label:before {
	background-color: #ffffff;
}
main.contents .form-inner .optionH2 input[type='checkbox'] + label {
	position: relative;
	padding: 0 0 0 23px;
	float: none;
}


main.contents .form-inner .comment {
	width: 840px;
	margin: 0 20px;
	padding: 9px;
	border: 1px solid #000;
	border-radius: 5px;
}

main.contents .form-inner .commentD {
	width: 820px;
	margin: 0 20px;
	padding: 3px;
	border: 1px solid #000;
	border-radius: 5px;
}

main.contents .form-inner .commentL {
	width: 375px;
	margin: 0 0px;
	padding: 9px;
	border: 1px solid #000;
	border-radius: 5px;
}

main.contents .form-inner .approval {
	justify-content: center;
}
main.contents .form-inner .name {
	margin-right: 14px;
}

main.contents .form-inner input.btn-application {
	display: block;
	font-family: "Meiryo UI", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif", sans-serif;
	background: #adc4ff url("../image/btn_submit_application.png") no-repeat 50% 50%;
	width: 432px;
	height: 68px;
	margin: 68px auto 0;
	text-shadow: 0 0 8px rgba(0,0,0,0.3);
	font-size: 1.5rem;
	color: #fff;
	border: none;
	border-radius: 5px;
	cursor: pointer;
}
main.contents .form-inner input.btn-application:hover {
	background-color: #ffb745;
}

main.contents .form-inner .col1-shonin{
}

main.contents .form-inner .col1-shonin dt {
	margin-right: 8px;
	text-align:right;
}
main.contents .form-inner .col1-shonin dd{
	width: calc(100% - 57px);
	text-align: left;
	border-bottom: solid 1px;
	line-height: 26px;
	margin-bottom: 10px;
}
main.contents .form-inner .col1-shonin dd select {
	width: 246px;
	padding: 5px 8px;
	border: 1px solid #000;
	border-radius: 5px;
}
main.contents .form-inner .col1-shonin{
}

main.contents .form-inner .col1-shonin dt {
  margin-right: 8px;
  text-align:right;
}
main.contents .form-inner .col1-shonin dd{
  width: calc(100% - 57px);
  text-align: left;
  border-bottom: solid 1px;
  line-height: 26px;
  margin-bottom: 10px;
}
main.contents .form-inner .col1-shonin dd select {
  width: 246px;
  padding: 5px 8px;
  border: 1px solid #000;
  border-radius: 5px;
}

/* 利用者情報(申請)(承認) */
main.contents .form-inner .row-riyosha-fix{
	width: auto;
	max-width: 860px;
	padding: 0 20px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
}
main.contents .form-inner .row-riyosha-fix dt{
	margin-right: 8px;
	text-align: right;
	line-height: 26px;
	font-weight: bold;
}
main.contents .form-inner .row-riyosha-fix dd{
	width: 170px;
	border-bottom: solid 1px;
	line-height: 26px;
}
main.contents .form-inner .row-riyosha-fix .wid-1{
	width:320px;
}
main.contents .form-inner .row-riyosha-fix .wid-2{
	width:230px;
}
main.contents .form-inner .row-riyosha-fix .wid-3{
	width:80px;
}
main.contents .form-inner .row-riyosha-fix .wid-4{
	width:350px;
}
main.contents .form-inner .row-riyosha-fix .wid-5{
	width:100px;
}
main.contents .form-inner .row-riyosha-fix .bothside-set dt{
	margin-right: 8px;
	text-align: right;
	line-height: 26px;
	font-weight: bold;
}
main.contents .form-inner .row-riyosha-fix .bothside-set dd{
	width: 353px;
	border-bottom: solid 1px;
	line-height: 26px;
}
main.contents .form-inner .row-riyosha-fix .bothside2-set dt{
	margin-right: 8px;
	text-align: right;
	line-height: 26px;
	font-weight: bold;
}
main.contents .form-inner .row-riyosha-fix .bothside2-set dd{
	width: 353px;
	border-bottom: solid 1px;
	line-height: 26px;
}
main.contents .form-inner .row-riyosha-fix .furikae-set dt{
	margin-right: 8px;
	text-align: right;
	line-height: 26px;
	font-weight: bold;
}
main.contents .form-inner .row-riyosha-fix .furikae-set dd{
	width: 353px;
	border-bottom: solid 1px;
	line-height: 26px;
}

/* 利用者情報(申請) */
main.contents .form-inner .row-riyosha{
	width: auto;
	max-width: 860px;
	padding: 2px 20px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-around;
}
main.contents .form-inner .row-riyosha dd.data{
	width: 364px;
	line-height: 25px;
	border-bottom: 1px solid #000;
}

.form-inner .borderBox {
margin:5px 5px 5px 5px;
padding: 5px 5px 5px 5px;
border:1px solid #c0c6cd;
border-radius:5px;
}

.form-inner .borderBox2 {
	margin:5px 5px 5px 5px;
	padding: 5px 5px 5px 5px;
	border:1px solid #c0c6cd;
	border-radius:5px;
/*
	overflow-x: hidden;
	overflow-y: scroll;
*/

}

/* 車種(承認) */
main.contents .form-inner .row-shashu-fix{
	width: auto;
	max-width: 860px;
	margin: 0 35px;
	padding: 15px 20px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}
main.contents .form-inner .row-shashu-fix .discription{
	display: flex;
	width: 600px;
	justify-content: space-between;
	margin: auto 0
}
main.contents .form-inner .left-place-shashu dt, main.contents .form-inner .right-place-shashu dt{
	width: 80px;
	margin-right: 8px;
	text-align: right;
	line-height: 26px;
	font-weight: bold;
}
main.contents .form-inner .left-place-shashu dd, main.contents .form-inner .right-place-shashu dd{
	width: 200px;
	border-bottom: solid 1px;
	line-height: 26px;
}
main.contents .form-inner .left-place-shashu dl, main.contents .form-inner .right-place-shashu dl{
	margin-bottom: 25px;
}
main.contents .form-inner .left-place-shashu dl:nth-last-child(1), main.contents .form-inner .right-place-shashu dl:nth-last-child(1){
	margin-bottom: 0px;
}
main.contents .form-inner .row-shashu-fix .image-shashu{
	margin: 0 atuo;
	width: 130px;
	text-align: center;
}

main.contents .form-inner .msg{
	width: 408px;
	margin-left: 140px;
	text-align: left;
	font-weight: bold;
	font-size: 0.825rem;
	color: #cd0100;
	line-height: 3;
}


/* リース条件(承認)4項目 */
main.contents .form-inner .row-lease-fix{
	width: auto;
	max-width: 860px;
	margin: 0 61px;
	padding: 0 20px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}
main.contents .form-inner .left-place-lease dl, main.contents .form-inner .right-place-lease dl{
	margin-bottom: 25px;
}
main.contents .form-inner .left-place-lease dl:nth-last-child(1), main.contents .form-inner .right-place-lease dl:nth-last-child(1){
	margin-bottom: 0px;
}
main.contents .form-inner .left-place-lease, main.contents .form-inner .right-place-lease{
	width: 352px;
}
main.contents .form-inner .left-place-lease dt{
	width: 112px;
	margin-right: 8px;
	text-align: right;
	line-height: 26px;
	font-weight: bold;
}

main.contents .form-inner .right-place-lease dt{
	width: 144px;
	margin-right: 8px;
	text-align: right;
	line-height: 26px;
	font-weight: bold;
}
main.contents .form-inner .left-place-lease dd, main.contents .form-inner .right-place-lease dd{
	width: 200px;
	border-bottom: solid 1px;
	line-height: 26px;
}
/* リース条件(承認)3項目_差分設定 */
main.contents .form-inner .row-lease-fix2{
	width: auto;
	max-width: 860px;
	padding: 0 20px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-around;
}
main.contents .form-inner .row-lease-fix2 .left-place-lease dt{
	width: auto;
	margin-right: 8px;
	text-align: right;
	line-height: 26px;
	font-weight: bold;
}
/* 車両引き揚げ(申請) */
main.contents .form-inner .row-hikiage{
	width: auto;
	max-width: 860px;
	margin: 0 auto;
	padding: 0px 20px;
	flex-wrap: nowrap;
}
main.contents .form-inner .row-hikiage dt{
	margin-right: 8px;
	text-align: right;
	line-height: 26px;
	font-weight: bold;
}
.left-set{
	text-align: left;
	margin: 0 auto 0 0;
}
.right-set{
	text-align: right;
	margin: 0 auto 0 0;
}
.bothside-set{
	width: 860px;
	margin: auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.bothside2-set{
	width: 860px;
	margin: auto;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.furikae-set{
	width: 500px;
	margin: left;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

main.contents .form-inner  dd.data-gyomu {
	width: 550px;
	line-height: 25px;
	border-bottom: 1px solid #000;
}

/* 車両引き揚げ(承認) */
main.contents .form-inner .row-hikiage-fix{
	width: auto;
	max-width: 860px;
	margin: 0 auto;
	padding: 0 20px;
	flex-wrap: nowrap;
}
main.contents .form-inner .row-hikiage-fix dt{
	margin-right: 8px;
	text-align: right;
	line-height: 26px;
	font-weight: bold;
}
main.contents .form-inner .row-hikiage-fix dd{
	width: 170px;
	border-bottom: solid 1px;
	line-height: 26px;
}
/* 承認ルート */
main.contents .full-container{
	position: relative;
	margin-left: -10px;
	margin-right: -10px;
	width: 873px;
	padding: 15px 20px;
}
main.contents .uni-container{
	text-align: center;
	box-sizing: border-box;
	padding: 5px 15px;
	line-height: normal;
	border: 1px solid rgb(162, 162, 162);
	border-radius: 5px;
	width: 256px;
	height: auto;
}
main.contents .slide-title{
	display: block;
	margin: 8px auto 15px;
	width: 5rem;
	text-align: center;
	color: #fff;
	font-size: 0.75rem;
	font-weight: bold;
	background-color: #a3a3a3;
	line-height: 28px;
	border-radius: 14px;
}
main.contents .slide_arrow{
	margin: auto 2px;
	margin-left: -32px;
	position: relative;
}

/* 対象車両(承認) */
main.contents .form-inner .row-taishosharyo-fix{
	width: auto;
	max-width: 860px;
	padding: 0 30px;
	display: flex;
	flex-wrap: nowrap;
}
main.contents .form-inner .row-taishosharyo-fix dt{
	margin-right: 8px;
	line-height: 26px;
	font-weight: bold;
}
main.contents .form-inner .row-taishosharyo-fix dd{
	border-bottom: solid 1px;
	line-height: 26px;
}

/* カード種別(申請) */
.shubetsu-row{
	text-align: center;
}

/* カード情報(申請) */
.row-card-info{
	width: auto;
	max-width: 860px;
	padding: 0 30px;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.row-card-info dt{
	margin-right: 8px;
	text-align: right;
	line-height: 26px;
	font-weight: bold;
}
.row-card-info dd{
	border-bottom: solid 1px;
	line-height: 25px;
}

/* 申請種別(申請) */
.row-block input[type='radio'] + label {
	position: relative;
	padding: 0 0 0 10px;
	margin-right: 40px;
}

/* 紛失、届出、最終使用 */
.loss-col2{
	width: 394px;
} 
main.contents .form-inner .row .loss-col2 dt{
	width: 6rem;
	margin-right: auto;
}

main.contents .form-inner .row .loss-col3 dt{
	width: 6rem;
}
main.contents .form-inner .row .loss-col4 dt{
	width: 6rem;
	margin-right: auto;
}
.loss-col2 dd select{
	padding: 5px 8px;
	border: 1px solid #000;
	border-radius: 5px;
}

.loss-col3 dd select{
	padding: 5px 8px;
	border: 1px solid #000;
	border-radius: 5px;
}
.loss-col4 dd select{
	padding: 5px 8px;
	border: 1px solid #000;
	border-radius: 5px;
}
main.contents .form-inner .loss-col2-small{
	width: 394px;
}
main.contents .form-inner .loss-col2-small dt{
	width: 6rem;
	margin-right: auto;
}

main.contents .form-inner .row-loss-info-fix{
	width: auto;
	max-width: 860px;
	padding: 0 20px;
	display: flex;
	flex-wrap: nowrap;
}

main.contents .form-inner .row-loss-info-fix dt{
	width: 7rem;
	margin-right: 8px;
	text-align: right;
	line-height: 26px;
	font-weight: bold;
}
main.contents .form-inner .row-loss-info-fix dd{
	width: 170px;
	border-bottom: solid 1px;
	line-height: 26px;
}
main.contents .form-inner .row-loss-info-fix .loss-col2{
	width:419px;
}

/* 承認者コメント */
.row-shoninuser-comment dd{
	width: 580px;
	border-bottom: solid 1px;
	line-height: 26px;
	margin-bottom: 5px;
}
.row-shoninuser-nm dd{
	width: 250px;
	border-bottom: solid 1px;
	line-height: 26px;
	margin-bottom: 5px;
}

/* slider */
main.contents .slider {
	background-color: #bacdff;
	padding: 1px 0;
}
main.contents .slider h2{
	font-size: 1.5rem;
	text-shadow: 0 0 8px rgba(0,0,0,0.3);
}
main.contents .slider .owl-carousel {
	padding-top: 10px;
}
main.contents .slider .owl-carousel .owl-stage {
	display: flex;
}
main.contents .slider .owl-carousel .owl-item {
	opacity: 0.6;
}
main.contents .slider .owl-carousel .center {
	opacity: 1 !important;
}
main.contents .slider .owl-carousel .card {
	background: #fff;
	max-width: 436px;
}
main.contents .slider .owl-carousel .card h3 {
	font-size: 1.0rem;
	line-height: 1.4;
}
main.contents .slider .owl-carousel .card .car-data01 {
	width: 190px;
	font-weight: bold;
}
main.contents .slider .owl-carousel .card .car-data01 img {
    width: 100% !important;
    height:100% !important;
}
main.contents .slider .owl-carousel .card .car-data02 {
	width: 208px;
	text-align: left;
	font-weight: bold;
}
main.contents .slider .owl-carousel .card .car-data02 h4 {
	background: #ccc;
	margin-bottom: 3px;
	padding: 3px 3px;
	border-radius: 3px;
	font-size: 0.825rem;
	line-height: 1;
}
main.contents .slider .owl-carousel .card .car-data02 p {
	font-size: 100%;
	line-height: 2;
}
main.contents .slider .owl-carousel .card .car-data03 {
	width: 408px;
	text-align: left;
	font-weight: bold;
	font-size: 0.825rem;
	color: #cd0100;
	line-height: 3;
}



main.contents .slider .owl-carousel .card .row {
	align-items: center;
	margin-bottom: 15px;
}
main.contents .slider .owl-carousel .card input[type='radio'] {
	display: none;
}
main.contents .slider .owl-carousel .card input[type='radio'] + label {
	display: block;
	background-color: #bacdff;
	width: 152px;
	margin: auto;
	border-radius: 5px;
	line-height: 30px;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
}
main.contents .slider .owl-carousel .card input[type='radio'] + label.checked {
	background-color: #ffb745;
}
main.contents .slider .owl-carousel .owl-nav {
	width: 605px;
	margin: auto;
}
main.contents .slider .owl-carousel .owl-nav button.owl-next {
	width: 78px;
	height: 78px;
	position: absolute;
	top: 50%;
	right: calc(50% - 305px);
	outline: 0;
	transform: translateY(-39px);
}
main.contents .slider .owl-carousel .owl-nav button.owl-next span {
	display: block;
	background: url("../image/arrow_r.png") no-repeat 0 0;
	width: 78px;
	height: 78px;
	text-indent: -999px;
	overflow: hidden;
}
main.contents .slider .owl-carousel .owl-nav button.owl-prev {
	width: 78px;
	height: 78px;
	position: absolute;
	top: 50%;
	left: calc(50% - 305px);
	outline: 0;
	transform: translateY(-39px);
}
main.contents .slider .owl-carousel .owl-nav button.owl-prev span {
	display: block;
	background: url("../image/arrow_l.png") no-repeat 0 0;
	width: 78px;
	height: 78px;
	text-indent: -999px;
	overflow: hidden;
}
main.contents .slider .owl-dots {
	margin-top: 3px;
}
main.contents .slider .owl-dots .owl-dot span {
    width: 3px;
    height: 3px;
    margin: 3px;
    background: #e5e5e5;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}
main.contents .slider .owl-dots .owl-dot.active span {
    background: #6892ff;
}

/* 車両検索一覧画面 */
main.contents .form-inner .badge2 span {
	display: block;
	background-color: #a3a3a3;
	width: 4rem;
	margin-right: 14px;
	padding: 0 8px;
	line-height: 28px;
	border-radius: 14px;
	text-align: center;
	font-size: 0.75rem;
	font-weight: bold;
	color: #fff;
}
main.contents .form-inner .badge3 span {
	display: block;
	background-color: #a3a3a3;
	width: 5rem;
	margin-right: 14px;
	padding: 0 8px;
	line-height: 28px;
	border-radius: 14px;
	text-align: center;
	font-size: 0.75rem;
	font-weight: bold;
	color: #fff;
}
main.contents .form-inner .text-search + input[type='button'] {
	background: #000 url("../image/icon_search.png") no-repeat 50% 50%;
	width: 26px;
	height: 27px;
	border: none;
	border-radius: 0 5px 5px 0;
	cursor: pointer;
}
main.contents .form-inner .search-button {
	background: #000 url("../image/icon_search.png") no-repeat 50% 50%;
	width: 20px;
	height: 21px;
	border: none;
	border-radius: 0 5px 5px 0;

}
main.contents .form-inner .number dt {
	margin-right: 8px;
	line-height: 26px;
	font-weight: bold;
}
main.contents .form-inner .assign dd.data2 {
	width: 350px;
	line-height: 25px;
	border-bottom: 1px solid #000;
}
main.contents .form-inner .number dt {
	margin-right: 0;	
}
main.contents .form-inner .status {
	width: 100%;
	display: flex;
	justify-content: flex-start;
}
main.contents .form-inner .assign .badge2,
main.contents .form-inner .status .badge2 {
	display: inline-block;
}
main.contents .form-inner .assign .badge2 span,
main.contents .form-inner .status .badge2 span {
	margin-right: 8px;
}

main.contents .form-inner label {
	cursor: pointer;
}
main.contents .form-inner .option2 input[type='checkbox'] {
	display: none;
}
main.contents .form-inner .option2 label {
	position: relative;
	padding: 0 0 0 23px;
}
main.contents .form-inner .option2 label:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -10px;
	width: 16px;
	height: 16px;
	border: 1px solid #ffb745;
	border-radius: 5px;
}
main.contents .form-inner .option2 label:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 5px;
	margin-top: -8px;
	width: 5px;
	height: 9px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform: rotate(45deg);
	opacity: 0;
}
main.contents .form-inner .option2 input[type='checkbox']:checked + label:before {
	background-color: #ffb745;
}
main.contents .form-inner .option2 input[type='checkbox']:checked + label:after {
	opacity: 1 !important;
}
main.contents .form-inner ul.option2 {
	margin-left: 5px;
	padding-top: 7px;
}
main.contents .form-inner .option2 li {
	display: inline-block;
	list-style: none;
	margin-right: 15px;
	position: relative;
	font-weight: normal;
}

main.contents .form-inner .option3 input[type='checkbox'] {
	display: none;
}
main.contents .form-inner .option3 label {
	position: relative;
	padding: 0 0 0 23px;
}
main.contents .form-inner .option3 label:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -10px;
	width: 16px;
	height: 16px;
	border: 1px solid #ffb745;
	border-radius: 5px;
}
main.contents .form-inner .option3 label:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 5px;
	margin-top: -4px;
	width: 5px;
	height: 9px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform: rotate(45deg);
	opacity: 0;
}
main.contents .form-inner .option3 input[type='checkbox']:checked + label:before {
	background-color: #ffb745;
}
main.contents .form-inner .option3 input[type='checkbox']:checked + label:after {
	opacity: 1 !important;
}
main.contents .form-inner ul.option3 {
	margin-left: 5px;
	padding-top: 7px;
}
main.contents .form-inner .option3 li {
	display: inline-block;
	list-style: none;
	margin-right: 5px;
	position: relative;
	font-weight: normal;
}
main.contents .form-inner .option4 input[type='checkbox'] {
	display: none;
}
main.contents .form-inner .option4 label {
	position: relative;
	padding: 0 0 0 23px;
}
main.contents .form-inner .option4 label:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -10px;
	width: 16px;
	height: 16px;
	border: 1px solid #ffb745;
	border-radius: 5px;
}
main.contents .form-inner .option4 label:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 5px;
	margin-top: -4px;
	width: 5px;
	height: 9px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform: rotate(45deg);
	opacity: 0;
}
main.contents .form-inner .option4 input[type='checkbox']:checked + label:before {
	background-color: #ffb745;
}
main.contents .form-inner .option4 input[type='checkbox']:checked + label:after {
	opacity: 1 !important;
}
main.contents .form-inner ul.option4 {
	margin-left: 5px;
}
main.contents .form-inner .option4 li {
	display: inline-block;
	list-style: none;
	margin-right: 5px;
	position: relative;
	font-weight: normal;
}
main.contents .form-inner .option5 input[type='checkbox'] {
	display: none;
}
main.contents .form-inner .option5 label {
	position: relative;
	padding: 0 0 0 23px;
}
main.contents .form-inner .option5 label:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -10px;
	width: 16px;
	height: 16px;
	border: 1px solid #ffb745;
	border-radius: 5px;
}
main.contents .form-inner .option5 label:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 5px;
	margin-top: -8px;
	width: 5px;
	height: 9px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform: rotate(45deg);
	opacity: 0;
}
main.contents .form-inner .option5 input[type='checkbox']:checked + label:before {
	background-color: #ffb745;
}
main.contents .form-inner .option5 input[type='checkbox']:checked + label:after {
	opacity: 1 !important;
}
main.contents .form-inner ul.option5 {
	margin-left: 5px;
	width:35%;
	padding-top: 7px;
}
main.contents .form-inner .option5 li {
	display: inline-block;
	list-style: none;
	margin-right: 15px;
	position: relative;
	font-weight: normal;
}

main.contents .form-inner input.btn-search {
	display: block;
	font-family: "Meiryo UI", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif", sans-serif;
	background-color: #adc4ff;
	width: 432px;
	height: 68px;
	margin: 48px auto 35px;
	text-shadow: 0 0 8px rgba(0,0,0,0.3);
	font-size: 1.5rem;
	color: #fff;
	border: none;
	border-radius: 5px;
	cursor: pointer;
}
main.contents .form-inner input.btn-search:hover {
	background-color: #ffb745;
}
main.contents .records-page {
	margin-bottom: 8px;
	font-size: 0.75rem;
}

/* 安全運転点検表画面 */
main.form-inspection {
	width: 100%;
}
main.form-inspection h2 {
	font-family: "Meiryo UI", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif", sans-serif;
	font-size: 1.125rem;
	color: #fff;
	-webkit-transform: rotate(0.028deg);
	-moz-transform: rotate(0.028deg);
	-ms-transform: rotate(0.028deg);
	-o-transform: rotate(0.028deg);
	transform: rotate(0.028deg);
}
main.form-inspection .form-inner {
	width: 900px;
	margin: auto;
	text-align: left;
}
main.form-inspection .form-inner h2 {
	background-color: #6892ff;
	width: auto;
	margin: 5px 0 5px;
	padding: 5px 5px;
	line-height: 1;
	border-radius: 5px;
	color: #fff;
}
main.form-inspection .form-inner .row {
	width: 860px;
	padding: 0 5px;
}
main.form-inspection .form-inner .approval {}
main.form-inspection .form-inner .approval2 {
	width: 690px;
	margin: auto;
}
main.form-inspection .form-inner .approval3 {
	width: 608px;
	margin: auto;
}
main.form-inspection .form-inner .approval3 .col2 {
	width: 280px;
}
main.form-inspection .form-inner .badge {
	display: inline-block;
}
main.form-inspection .form-inner .badge span {
	display: block;
	background-color: #a3a3a3;
	width: 7rem;
	margin-right: 14px;
	padding: 0 8px;
	line-height: 28px;
	border-radius: 14px;
	text-align: center;
	font-size: 0.75rem;
	font-weight: bold;
	color: #fff;
}
main.form-inspection .form-inner dl {
	display: flex;
	flex-wrap: nowrap;
}
main.form-inspection .form-inner dt {
	margin-right: 8px;
	line-height: 26px;
	font-weight: bold;
	white-space: nowrap;
}
main.form-inspection .form-inner dd.data {
	line-height: 25px;
	border-bottom: 1px solid #000;
	font-size: 0.875rem;
	flex-basis: 100%;
}
main.form-inspection .form-inner dd input[type='text'] {
	width: 38px;
	padding: 5px 8px;
	border: 1px solid #000;
	border-radius: 5px;
}
main.form-inspection .form-inner .col2 dd input[type='text'] {
	width: 125px;
}
main.form-inspection .form-inner .number {
	width: 240px;
}
main.form-inspection .form-inner .name {
	width: 430px;
}
main.form-inspection .form-inner .model {
	width: 690px;
}
main.form-inspection .form-inner .cardnum {
	width: 415px;
}
main.form-inspection .form-inner select.select-month {
	width: 128px;
	margin-bottom: 10px;
	padding: 5px 8px;
	border: 1px solid #000;
	border-radius: 5px;
}
main.form-inspection .form-inner table th {
	font-size: 0.75rem;
	white-space: nowrap;
}
main.form-inspection .form-inner table td {
	padding: 2px;
	font-size: 0.875rem;
	white-space: nowrap;
	vertical-align: middle;
}
main.form-inspection .form-inner table td input[type='text'] {
	width: 78px;
	padding: 5px 8px;
	border: 1px solid #a3a3a3;
	border-radius: 5px;
	text-align: right;
}
main.form-inspection .form-inner table tr td:nth-of-type(3) input[type='text'] {
	width: 188px;
	text-align: left;
}
main.form-inspection .form-inner table td select {
	width: 98px;
	padding: 2px 3px;
	border: 1px solid #000;
	border-radius: 5px;
}
main.form-inspection .form-inner table td input[type='checkbox'] {
	display: none;
}
main.form-inspection .form-inner table td label {
	position: relative;
	padding: 0 0 0 23px;
}
main.form-inspection .form-inner table td label:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -10px;
	width: 16px;
	height: 16px;
	border: 1px solid #ffb745;
	border-radius: 5px;
}
main.form-inspection .form-inner table td label:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 5px;
	margin-top: -8px;
	width: 5px;
	height: 9px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform: rotate(45deg);
	opacity: 0;
}
main.form-inspection .form-inner table td input[type='checkbox']:checked + label:before {
	background-color: #ffb745;
}
main.form-inspection .form-inner table td input[type='checkbox']:checked + label:after {
	opacity: 1 !important;
}
main.form-inspection .form-inner table .sat {
	color: #6892ff;
}
main.form-inspection .form-inner table .sun {
	color: #ff6054;
}
.form-inner .buttonSet{
	width: 100%;
	margin: 70px 0px 0px;
	justify-content: space-between;
	padding: 0px;
	display: flex;
	flex-wrap: nowrap;
}
.form-inner .buttonSerchPanel{
	width: 100%;
	margin: 20px 0px 0px;
	justify-content: space-between;
	padding: 0px;
	display: flex;
	flex-wrap: nowrap;
}
.form-inner .buttonSetUpper{
    width: 100%;
    margin: 20px 0px 70px;
    justify-content: space-between;
    padding: 0px;
    display: flex;
    flex-wrap: nowrap;
}
.form-inner input.btn-entry {
	display: block;
	font-family: "Meiryo UI", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif", sans-serif;
	background-color: #adc4ff;
	width: 285px;
	height: 69px;
	margin: auto;
	text-shadow: 0 0 8px rgba(0,0,0,0.3);
	font-size: 1.5rem;
	color: #fff;
	border: none;
	border-radius: 5px;
	cursor: pointer;
}
.form-inner input.btn-print {
	display: block;
	font-family: "Meiryo UI", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif", sans-serif;
	background-color: #adc4ff;
	width: 285px;
	height: 69px;
	margin: auto;
	text-shadow: 0 0 8px rgba(0,0,0,0.3);
	font-size: 1.5rem;
	color: #fff;
	border: none;
	border-radius: 5px;
	cursor: pointer;
}
.form-inner input.btn-gray {
	display: block;
	font-family: "Meiryo UI", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif", sans-serif;
	background-color: #b9b9b9;
	width: 285px;
	height: 69px;
	margin: auto;
	text-shadow: 0 0 8px rgba(0,0,0,0.3);
	font-size: 1.5rem;
	color: #fff;
	border: none;
	border-radius: 5px;
	cursor: pointer;
}
.form-inner input.btn-gray-back {
	display: block;
	font-family: "Meiryo UI", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif", sans-serif;
	background-color: #b9b9b9;
	width: 140px;
	height: 40px;
	margin: auto;
	text-shadow: 0 0 8px rgba(0,0,0,0.3);
	font-size: 1.2rem;
	color: #fff;
	border: none;
	border-radius: 5px;
	cursor: pointer;
}
.form-inner input.btn-sub-small {
	display: block;
	font-family: "Meiryo UI", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif", sans-serif;
	background-color: #adc4ff;
	width: 140px;
	height: 40px;
	margin: auto;
	text-shadow: 0 0 8px rgba(0,0,0,0.3);
	font-size: 1.0rem;
	color: #fff;
	border: none;
	border-radius: 5px;
	cursor: pointer;
}
.form-inner input.btn-sub-small2 {
	display: block;
	font-family: "Meiryo UI", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif", sans-serif;
	background-color: #adc4ff;
	width: 100px;
	height: 30px;
	margin: auto;
	text-shadow: 0 0 8px rgba(0,0,0,0.3);
	font-size: 0.8rem;
	color: #fff;
	border: none;
	border-radius: 5px;
	cursor: pointer;
}

.form-inner .buttons3Set{
	width: 661px;
	margin: 100px auto 0;
	justify-content: space-between;
	padding: 0 20px;
	display: flex;
}
.form-inner .buttons3Set .btn-entry {
	display: block;
	font-family: "Meiryo UI", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif", sans-serif;
	background-color: #adc4ff;
	width: 285px;
	height: 69px;
	margin: 0 20px;
	text-shadow: 0 0 8px rgba(0,0,0,0.3);
	font-size: 1.5rem;
	color: #fff;
	border: none;
	border-radius: 5px;
	cursor: pointer;
}
.form-inner .buttons4Set{
	width: 881px;
	margin: 50px auto 0;
	justify-content: space-between;
	display: flex;
}
.form-inner .buttons4Set .btn-entry {
	display: block;
	font-family: "Meiryo UI", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif", sans-serif;
	background-color: #adc4ff;
	width: 285px;
	height: 69px;
	margin: 0 20px;
	text-shadow: 0 0 8px rgba(0,0,0,0.3);
	font-size: 1.5rem;
	color: #fff;
	border: none;
	border-radius: 5px;
	cursor: pointer;
}
.form-inner input.btn-entry:hover,
.form-inner button.btn-entry:hover,
.form-inner input.btn-print:hover {
	background-color: #ffb745;
}
.form-inner input.btn-gray:hover {
	background-color: #777777;
}

main.contents .form-inner ul.option3 {
	height : 18px;
}
main.contents .form-inner .option3 input[type='checkbox'] {
	display: none;
}
main.contents .form-inner .option3 input[type='checkbox'] + label {
	position: relative;
	padding: 0 0 0 16px;
}
main.contents .form-inner .option3 input[type='checkbox'] + label:before {
	display: block;
	content: "";
	position: absolute;
	left: 0;
	width: 16px;
	height: 16px;
	border: 1px solid #ffb745;
	border-radius: 5px;
}
main.contents .form-inner .option3 input[type='checkbox'] + label:after {
	display: block;
	content: "";
	position: absolute;
	left: 6px;
	top: 0;
	width: 5px;
	height: 9px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform: rotate(45deg);
	opacity: 0;
}
main.contents .form-inner .option3 input[type='checkbox']:checked + label:before {
	background-color: #ffb745;
}
main.contents .form-inner .option3 input[type='checkbox']:checked + label:after {
	opacity: 1 !important;
}
.shoninshainput {
	background-color: #ff7f7f !important;
}

/* 項目の値変更時の文字・背景色変更 */
main.contents .form-inner .changeColorKomokuHenkoji {
	color: #FE0020;
	background-color: #FFFF00;
}

/* 安全運転管理者申請画面 */
main.contents .form-inner .biko {
	padding: 9px;
	border: 1px solid #000;
	border-radius: 5px;
}

/* 安全運転点検表申請一覧画面 */
main.contents .form-inner .option2 .stsDis input[type='checkbox'][disabled] + label:before {
	display: block;
	content: "";
	position: absolute;
	left: 0;
	width: 16px;
	height: 16px;
	border: 1px solid #dcdcdc;
	border-radius: 5px;
	background-color: #dcdcdc;
}

/* 運転者台帳画面 */
.check-list li{
	list-style-type: none;
	display: flex;
	margin: 15px;
}
.check-list input[type='checkbox'] {
	display: none;
}
.check-list input[type='checkbox'] + label {
	position: relative;
	padding: 0 0 0 30px;
	float: left;
}
.check-list input[type='checkbox'] + label:before {
	display: block;
	content: "";
	position: absolute;
	left: 0;
	margin-top: -10px;
	width: 16px;
	height: 16px;
	border: 1px solid #ffb745;
	border-radius: 5px;
	top: 50%;
}
.check-list input[type='checkbox']:checked + label:before {
    background-color: #ffb745;
}
.check-list input[type='checkbox'] + label:after {
	display: block;
	content: "";
	position: absolute;
	left: 6px;
	top: 50%;
	margin-top: -8px;
	width: 5px;
	height: 9px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform: rotate(45deg);
	opacity: 0;
}
.check-list input[type='checkbox']:checked + label:after {
    opacity: 1 !important;
}
.check-list input[type='checkbox'][disabled] + label:before {
    display: block;
    content: "";
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    background-color: #dcdcdc;
}

/* 運行日報登録画面 */
.items-base {
	align-items: baseline;
}
.space{
	margin-right: 2em;
}
.mileage-container{
	width: 7em;
	border-bottom: solid 1px;
}
.mileage{
	text-align: center;
	width: 100%;
	display: inline-block;
}
/* modaal */
.modaal-container {
	max-width: 560px;
	border-radius: 10px;
}
.modaal-close {
	display: none;
}
.modaal-wrapper h2 {
	font-family: "Meiryo UI", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif", sans-serif;
	font-size: 1.0rem;
	margin-bottom: 32px;
	text-align: center;
	-webkit-transform: rotate(0.028deg);
	-moz-transform: rotate(0.028deg);
	-ms-transform: rotate(0.028deg);
	-o-transform: rotate(0.028deg);
	transform: rotate(0.028deg);
}
.modaal-wrapper h2 span {
	margin: auto;
	line-height: 30px;
	position: relative;
}
.modaal-wrapper h2 span::after {
	content: "";
	background-color: #000;
	width: 78px;
	height: 2px;
	margin: auto;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -10px;
}
.modaal-wrapper dl {
	display: flex;
	flex-wrap: nowrap;
}
.modaal-wrapper dt {
	margin-right: 8px;
	line-height: 26px;
	font-weight: bold;
}
.modaal-wrapper .col2-bpo-shorikigen dt {
    width: 110px;
    margin-right: 8px;
    text-align: right;
}
.modaal-wrapper .col2-bpo-shorikigen dd {
    vertical-align: middle;
    line-height: 26px;
}
.modaal-wrapper .row2 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.modaal-wrapper input[type='text'] {
	width: 140px;
	padding: 5px 8px;
	border: 1px solid #000;
	border-radius: 5px;
}
.modaal-wrapper .text-box {
    width: 156px;
    padding: 5px 8px;
    border: 1px solid #000;
    border-radius: 5px;
}
.modaal-wrapper .radio-group {
	min-height: 200px;
	max-height: 300px;
	margin-top: 15px;
	padding: 14px;
	line-height: 2.0;
	border: 1px solid #000;
	border-radius: 5px;
	overflow-y: scroll;
}
.modaal-wrapper .radio-group input[type='radio'] {
	/* display: none; */
}
.modaal-wrapper .radio-group label {
	position: relative;
	/* padding: 0 0 0 23px; */
}
.modaal-wrapper .radio-group label:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -10px;
	width: 16px;
	height: 16px;
	/* border: 1px solid #fff; */
	border-radius: 5px;
}
.modaal-wrapper .radio-group label:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 5px;
	margin-top: -8px;
	width: 5px;
	height: 9px;
	/* border-right: 2px solid #ffb745;
	border-bottom: 2px solid #ffb745; */
	transform: rotate(45deg);
	opacity: 0;
}
.modaal-wrapper .radio-group input[type='radio']:checked + label:after {
	opacity: 1 !important;
}
.modaal-wrapper input.btn-user-search {
	font-family: "Meiryo UI", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif", sans-serif;
	background-color: #adc4ff;
	width: 54px;
	height: 27px;
	margin: 0 0 0 8px;
	text-shadow: 0 0 8px rgba(0,0,0,0.3);
	font-size: 0.875rem;
	color: #fff;
	border: none;
	border-radius: 5px;
	cursor: pointer;
}
.modaal-wrapper input.btn-select {
	display: block;
	font-family: "Meiryo UI", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif", sans-serif;
	background-color: #adc4ff;
	width: 119px;
	height: 38px;
	margin: auto;
	text-shadow: 0 0 8px rgba(0,0,0,0.3);
	font-size: 1.0rem;
	color: #fff;
	border: none;
	border-radius: 5px;
	cursor: pointer;
}
.modaal-wrapper input.btn-bpo-update {
    display: block;
    font-family: "Meiryo UI", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif", sans-serif;
    background-color: #adc4ff;
    width: 119px;
    height: 38px;
    margin: auto;
    text-shadow: 0 0 8px rgba(0,0,0,0.3);
    font-size: 1.0rem;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}
.modaal-wrapper input.btn-delete {
	display: block;
	font-family: "Meiryo UI", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif", sans-serif;
	background-color: #fabf8f;
	width: 119px;
	height: 38px;
	margin: auto;
	text-shadow: 0 0 8px rgba(0,0,0,0.3);
	font-size: 1.0rem;
	color: #fff;
	border: none;
	border-radius: 5px;
	cursor: pointer;
}
.modaal-wrapper input.btn-close {
	display: block;
	font-family: "Meiryo UI", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif", sans-serif;
	background-color: #a3a3a3;
	width: 120px;
	height: 38px;
	margin: auto;
	text-shadow: 0 0 8px rgba(0,0,0,0.3);
	font-size: 1.0rem;
	color: #fff;
	border: none;
	border-radius: 5px;
	cursor: pointer;
}
.modaal-wrapper input.btn-close2 {
	display: block;
	font-family: "Meiryo UI", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif", sans-serif;
	background-color: #a3a3a3;
	width: 120px;
	height: 38px;
	margin: auto;
	text-shadow: 0 0 8px rgba(0,0,0,0.3);
	font-size: 1.0rem;
	color: #fff;
	border: none;
	border-radius: 5px;
	cursor: pointer;
}
.modaal-wrapper input.btn-user-search:hover,
.modaal-wrapper input.btn-select:hover {
	background-color: #ffb745;
}
.modaal-wrapper input.btn-bpo-update:hover {
    background-color: #ffb745;
}
.modaal-wrapper .button-group {
	width: 100%;
	margin-top: 15px;
	display: flex;
	justify-content: space-between;
}
.modaalCommon .searchRow .text-search {
	width: 100px;
	padding: 5px 8px;
	border: 1px solid #000;
	border-radius: 5px 0 0 5px;
}
.modaalCommon .searchRow .text-search + input[type='button'] {
	background: #000 url("../image/icon_search.png") no-repeat 50% 50%;
	width: 26px;
	height: 27px;
	border: none;
	border-radius: 0 5px 5px 0;
	cursor: pointer;
}
.modaalCommon dd.data {
	width: 150px;
	line-height: 25px;
	border-bottom: 1px solid #000;
}
.modaalCommon dd.data-noline {
	width: 150px;
	line-height: 25px;
}
.modaalCommon dd select {
	width: 120px;
	padding: 4px 7px;
	border: 1px solid #000;
	border-radius: 5px;
}
.modal-errorBox{
    margin: 0 16% 30px;
    padding: 15px 20px 5px 60px;
    background: #fff url(../image/icon_error.png) no-repeat 10px 10px;
    border: 4px solid #f00;
}

.modal-errorBox p{
    margin: 0 0 10px;
    color: #cd0100;
    font-size:112.5%; /* 18px */
    font-weight: bold;
    text-align: left;
}
.modaal-wrapper .option2 input[type='checkbox'] {
    display: none;
}
.modaal-wrapper .option2 label {
    position: relative;
    padding: 0 0 0 23px;
}
.modaal-wrapper .option2 label:before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -10px;
    width: 16px;
    height: 16px;
    border: 1px solid #ffb745;
    border-radius: 5px;
}
.modaal-wrapper .option2 label:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 5px;
    margin-top: -8px;
    width: 5px;
    height: 9px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(45deg);
    opacity: 0;
}
.modaal-wrapper .option2 input[type='checkbox']:checked + label:before {
    background-color: #ffb745;
}
.modaal-wrapper .option2 input[type='checkbox']:checked + label:after {
    opacity: 1 !important;
}
.modaal-wrapper ul.option2 {
    margin-left: 5px;
    padding-top: 7px;
}
.modaal-wrapper .option2 li {
    display: inline-block;
    list-style: none;
    margin-right: 15px;
    position: relative;
    font-weight: normal;
}

/* 処理完了画面 */
main.main-complete .row {
	width: 860px;
	padding: 50px 20px;
	font-weight: bold;
	line-height: 27px;
	display: block;
	font-size:17px;
}
main.main-complete {
	top: 70px;
	position: relative;
}

/* 点検表画面 */
main .tenken-table{
	margin-top:10px;
	margin-bottom:10px;
}
main .tenken-table th {
	background-color: #6892ff;
	padding: 3px 3px;
	text-align: center;
	vertical-align :top;
	color: #fff;
}
main .tenken-table td {
	background-color: #fff;
	padding: 3px 3px;
	border: 1px solid #a3a3a3;
	text-align: center;
	vertical-align :top;
}
main .tenken-table .wid50p {
	width: 50%;
}
main .tenken-table .txtL {
	text-align: left;
}
main .tenken-table .txtR {
	text-align: right;
}
main .small {
	font-size:0.8em;
}
main .tenken-table .grayout {
	background-color: #c0c0c0;
}
main .tenken-table .holiday {
	background-color: #ffc1e0;
}
main .tenken-table .vstr {
	text-align: center;
	vertical-align :middle;
}
main .tenken-table .selBox {
	font-size : 0.9em ;
	width : 95%;
}
main .tenken-table li {
	margin-right: 20px;
	font-weight: normal;
	font-size : 0.9em ;
	padding: 2px;
}
main .tenken-note {
	margin: 5px;
}
main .tenken-note li{
	list-style-type: none;
	padding: 3px 3px;
}
main.contents .form-inner .small_btn {
	text-align: right;
	margin:0 10px;
	display: block;
	width: 95vw;
	left: 50%;
	right: 50%;
	margin-left: -47.5vw;
	margin-right: -47.5vw;
	position: relative;
}
main.contents .form-inner .small_btn .link-btn {
	display: inline;
	background-color: #6892ff;
	width: 8rem;
	margin-left: 10px;
	margin-bottom : 8px;
	padding: 8px 15px;
	line-height: 28px;
	border-radius: 6px;
	text-align: center;
	font-size: 0.9rem;
	font-weight: bold;
	color: #fff;
}
main.contents .form-inner .small_btn a:link {
	color: #fff;
}
main.contents .form-inner .small_btn a:visited {
	color: #fff;
}
main.contents .form-inner .small_btn a:hover  {
	color: #fff;
}
main.contents .form-inner .small_btn a:active {
	color: #fff;
}
main .form-inner .margin-l-30 {
	margin-left :30px;
}
main .form-inner .line-height-up {
	line-height :2em;
}
main .form-inner .borderless-tbl table{
	border :0px;
	padding :1px;
}
main .form-inner .borderless-tbl table td{
	border :0px;
	padding :1px;
	text-align :left;
	font-size: 0.83rem;
}



/* エラー画面 */
main.main-error .row {
	width: 860px;
	padding: 0 20px;
	font-size: large;
	font-weight: bold;
	line-height: 27px;
	display: block;
	position: absolute;
	top: 36%;
}
main.main-error .row2 {
	width: 860px;
	padding: 0 20px;
	font-size: large;
	font-weight: bold;
	line-height: 27px;
	display: block;
	position: absolute;
}
main .exclamation {
	margin: 80px auto 50px auto;
	width: 250px;
	height: 250px;
	border-radius: 50%;
	background: #7ba0ff;
}
main.main-error .mark{
	color: white;
	font-size: 175px;
	line-height: 255px;
	font-weight: 800;
}

/* 画面共通パーツ */
main.contents .form-inner input.btn-sub-function {
	display: block;
	font-family: "Meiryo UI", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif", sans-serif;
	background-color: #adc4ff;
	width: 90px;
	height: 28px;
	margin: auto;
	text-shadow: 0 0 2px rgba(0,0,0,0.3);
	font-size: 0.8rem;
	font-weight: bold;
	color: #fff;
	border: none;
	border-radius: 5px;
	cursor: pointer;
}
main.contents .form-inner input.btn-sub-function:hover-small {
	background-color: #ffb745;
}
main.contents .form-inner input.btn-function {
	display: block;
	font-family: "Meiryo UI", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif", sans-serif;
	background-color: #adc4ff;
	width: 200px;
	height: 50px;
	margin: 20px auto 5px;
	text-shadow: 0 0 8px rgba(0,0,0,0.3);
	font-size: 1.2rem;
	font-weight: bold;
	color: #fff;
	border: none;
	border-radius: 5px;
	cursor: pointer;
}
main.contents .form-inner input.btn-function:hover {
	background-color: #ffb745;
}
main.contents .form-inner .col-com-label-rem4 dt{
	width: 4rem;
	margin-right: 4px;
	text-align:left;
}
main.contents .form-inner .col-com-label-rem4 dd{
	line-height: 26px;
	margin-right: 20px;
	border-bottom: solid 1px;
}
input.btn-common-function {
	display: block;
	font-family: "Meiryo UI", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif", sans-serif;
	background-color: #adc4ff;
	width: 240px;
	height: 40px;
	margin: 20px auto 5px;
	text-shadow: 0 0 8px rgba(0,0,0,0.3);
	font-size: 1.0rem;
	font-weight: bold;
	color: #fff;
	border: none;
	border-radius: 5px;
	cursor: pointer;
}
input.btn-common-function:hover {
	background-color: #ffb745;
}

main .note-area {
	margin: 5px;
}
main .note-area li{
	list-style-type: none;
	padding: 3px 3px;
}


/* 出現エラー */
.errorBox{
	margin: 0 16% 50px;
	padding: 15px 20px 5px 60px;
	background: #fff url(../image/icon_error.png) no-repeat 10px 10px;
	border: 4px solid #f00;
}

.errorBox p{
	margin: 0 0 10px;
	color: #cd0100;
	font-size:112.5%; /* 18px */
	font-weight: bold;
	text-align: left;
}

.errorBox ul{
	margin: 0 0 0 2em;;
}

.errorBox ul li{
	color: #cd0100;
	list-style: outside disc;
}

.compBox{
	margin: 0 16% 50px;
	padding: 15px 20px 5px 20px;
	border: 4px solid #0000ff;
}

.compBox p{
	margin: 0 0 10px;
	color: #0000ff;
	font-size:112.5%; /* 18px */
	font-weight: bold;
	text-align: left;
}

.compBox ul{
	margin: 0 0 0 2em;;
}

.compBox ul li{
	color: #0000ff;
	list-style: outside disc;
}
.alert {
  max-width: 400px;
  padding-left: 20px;
}

.alert p {
  display: inline-block;
  text-align: left;
}
/* margin */
.margin3  { margin: 0 3px  !important; }
.margin22  { margin: 0 22px  !important; }
.margin25  { margin: 0 25px  !important; }
.margin12  { margin: 0 12px  !important; }
.margin0-20  { margin: 0 20px  !important; }
.margin45 { margin: 45px 0 !important; }
.margin20 { margin: 20px !important; }

/* margin-top */
.mt-8 { margin-top: -8px !important; }
.mt-3 { margin-top: -3px !important; }
.mt0  { margin-top:  0px !important; }
.mt2  { margin-top:  2px !important; }
.mt5  { margin-top:  5px !important; }
.mt7  { margin-top:  7px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }

/* margin-right */
.mr5  { margin-right:  5px !important; }
.mr10 { margin-right: 10px !important; }
.mr11 { margin-right: 11px !important; }
.mr20 { margin-right: 20px !important; }
.mr22 { margin-right: 22px !important; }
.mr30 { margin-right: 30px !important; }
.mr36 { margin-right: 36px !important; }
.mr100 { margin-right: 100px !important; }
.mr120 { margin-right: 120px !important; }
.mr150 { margin-right: 150px !important; }

/* margin-left */
.ml5  { margin-left:  5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml40 { margin-left: 40px !important; }
.ml42 { margin-left: 42px !important; }
.ml48 { margin-left: 48px !important; }
.ml50 { margin-left: 50px !important; }
.ml56 { margin-left: 56px !important; }
.ml58 { margin-left: 58px !important; }
.ml60 { margin-left: 60px !important; }
.ml70 { margin-left: 70px !important; }
.ml150 { margin-left: 150px !important; }

/* margin-bottom */
.mb5  { margin-bottom:  5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb40 { margin-bottom: 40px !important; }

/* padding */
.pad10 { padding: 10px !important; }
.pad20 { padding: 20px !important; }
.pad0-3 { padding: 0 3px !important; }

/* width */
.wid30 { width: 30px !important; }
.wid40 { width: 40px !important; }
.wid57 { width: 57px !important; }
.wid60 { width: 60px !important; }
.wid66 { width: 66px !important; }
.wid76 { width: 76px !important; }
.wid78 { width: 78px !important; }
.wid80 { width: 80px !important; }
.wid85 { width: 85px !important; }
.wid91  { width: 92px  !important; }
.wid100 { width: 100px !important; }
.wid112 { width: 112px !important; }
.wid120 { width: 120px !important; }
.wid137 { width: 137px !important; }
.wid140 { width: 140px !important; }
.wid155 { width: 155px !important; }
.wid173 { width: 173px !important; }
.wid198 { width: 198px !important; }
.wid204 { width: 204px !important; }
.wid208 { width: 208px !important; }
.wid230 { width: 230px !important; }
.wid240 { width: 240px !important; }
.wid262 { width: 262px !important; }
.wid266 { width: 266px !important; }
.wid270 { width: 270px !important; }
.wid360 { width: 360px !important; }
.wid390 { width: 390px !important; }
.wid400 { width: 400px !important; }
.wid430 { width: 430px !important; }
.wid450 { width: 450px !important; }
.wid480 { width: 480px !important; }
.wid550 { width: 550px !important; }
.wid565 { width: 565px !important; }
.wid590 { width: 590px !important; }
.wid600 { width: 600px !important; }
.wid650 { width: 550px !important; }
.wid639 { width: 639px !important; }
.wid655 { width: 655px !important; }
.wid665 { width: 665px !important; }
.wid680 { width: 680px !important; }
.wid690 { width: 690px !important; }
.wid700 { width: 700px !important; }
.wid750 { width: 750px !important; }
.wid876 { width: 876px !important; }
.wid890 { width: 890px !important; }
.wid1200 { width: 1200px !important; }
.wid40p { width: 40% !important; }
.wid70p { width: 70% !important; }
.wid80p { width: 80% !important; }
.wid90p { width: 90% !important; }
.wid100p { width: 100% !important; }

.maxwid450 { max-width: 450px !important; }

/* em */
.wid22e { width: 22em !important; }
.wid9e  { width: 9em  !important; }

/* line-height */
.lh22 { line-height: 22px; }

.txtL{
text-align:left;
}
.txtC{
text-align:center;
}
.txtR{
text-align:right;
}
.red{
color:#cd0100;
}
.verticalM{
vertical-align:middle;

}

/* 必須・任意 */
span.required,
span.notrequired{
margin:0 0 0 10px;
padding:2px 3px 2px 3px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-o-border-radius:4px;
-ms-border-radius:4px;
border-radius:6px;
color:#fff;
font-size:12px;
vertical-align:middle;
height: 38px;

}

span.required{
background:#cd0100;
}

span.notrequired{
background:#0000ff;
}

.partialmatch  {
position: relative;  
top: 50%;  
font-size: 85%;
}

.wordBeakAll {
word-break : break-all;
}

.lineH-W1{
line-height : 1.25rem  !important;
}

.under {
 text-decoration: underline;
}
.doubleline{
border-top:double !important;
}
.listbox{
padding: 5px 8px;
border: 1px solid #000;
border-radius: 5px;
}

table.fixTableBase ,
table.sharyoYoyaku {
table-layout : fixed;
}
table.sharyoYoyaku th.topline {
border-top : 2px solid #a3a3a3;
}
table.sharyoYoyaku th.lineOn {
border: 1px solid #a3a3a3;
}
table.sharyoYoyaku td {
}
table.sharyoYoyaku td.colTitle {
width : 9.2%;
}
table.sharyoYoyaku td.colTitle2 {
width : 4.5%;
}
table.sharyoYoyaku td.colTimetable {
width : 1.6%;
}
table.sharyoYoyaku td.carNo {
min-height : 35px;
vertical-align:middle;
word-break: break-all;
}
table.sharyoYoyaku td.timecell {
word-break : break-all;
min-height : 35px;
max-height : 50px;
vertical-align:middle;
white-space: nowrap;
overflow: hidden; 
text-overflow : ellipsis;
}
table.sharyoYoyaku td.timeL {
border-right : 1px dashed #c8c8c8;
}
table.sharyoYoyaku td.timeR {
border-left : 1px dashed #c8c8c8;
}
table.sharyoYoyaku td.yoyaku {
background-color:#ffff70
}
table.sharyoYoyaku td.jisseki {
background-color:#ffb770
}
table.sharyoYoyaku td a {
display: block;
padding: 1em 1em;
white-space: nowrap;
overflow: hidden; 
text-overflow : ellipsis;
}
table.fixTableBase td {
word-break: break-all;
}

.outline{
border: 2px solid #a3a3a3 !important;
border-right-style: hidden !important;
}
.bottomhidden{
border-bottom-style: hidden !important;
}
main .form-inner .toiawase-tbl table{
border: 0px;
}
main .form-inner .toiawase-tbl table td{
border: 0px;
padding: 0px;
text-align: left;
vertical-align: top;
font-size: 12px;
}
main .form-inner .toiawase-tbl table a{
color: #0000EE;;
text-decoration: underline;
}
main .form-inner .toiawase-tbl table a:visited {
color:#551A8B;
}
.toiawase-ichiran-tbl .sorter-false {
    background-image: none;
}
.oshirase .oshirase-body dl {
    text-align: left;
    padding: 10px 10px 0px 10px;
}
.oshirase .oshirase-body dd {
    margin-bottom: 10px;
    padding-bottom: 5px;
    box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.2);
    word-break: break-all;
}
main .oshirase {
	background-color: #fff;
	box-shadow: 0 0 8px 0 rgba(0,0,0,0.2);
	border-radius: 5px;
}
main .oshirase .oshirase-header {
	background-color: #6892ff;
	padding: 5px;
	border-radius: 5px 5px 0 0;
	color: #fff;
}
main .oshirase .oshirase-body {
	padding: 10px 10px;
	min-height:  50px;
	max-height: 400px;
}
main .oshirase h2 {
	font-family: "Meiryo UI", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif", sans-serif;
	font-size: 1.0rem;
	margin: auto;
}

/* サブメニュー */
main .submenu-row {
    width: 100%;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
}
main .submenu-row-col1 {
    width: 60%;
    margin-left: 20%;
    margin-right: 20%;
}
main .submenu-row-col2 {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
}
main .submenu-row .col {
    width: 260px;
    margin-bottom: 20px;
    margin-left: 20px;
    margin-right: 20px;
}
main .submenu2-row {
    width: 100%;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
}
main .submenu2-row-col1 {
    width: 50%;
    margin-left: 25%;
    margin-right: 25%;
}
main .submenu2-row .col {
    width: 385px;
    margin-bottom: 20px;
    margin-left: 20px;
    margin-right: 20px;
}
main .btn-submenu-nml {
    line-height: 24px !important;
    padding-top: 7px;
    padding-bottom: 7px;
}
main .btn-submenu-nml span {
    padding-right: 20px;
}
main.contents .form-inner input.btn-submenu-lrg {
    white-space: pre-wrap;
    height: auto;
    min-height: 50px;
}
/* 個別認証 */
.floatL{
  float:left;
  margin:0 5px 5px 0;
}

.ninshoTable th,
.ninshoTable td{
  padding:10px;
  border:1px solid #fff;
  font-size:87.5%;
}

.ninshoTable{
  border:none;
  margin:25px auto 25px;
}

.ninshoTable th{
  width:35%;
  border:none;
  border-top:2px solid #fff;
  background-color: #fff;
  color: #000;
  text-align: right;
  font-weight: bold;
}

.ninshoTable td{
  border:none;
  border-top:2px solid #fff;
  text-align: left;
}
th.selectColum{
  width: 30px;
  padding : 3px;
}
td.breakAll{
  word-break : break-all;
}
.tableStyle01{
  width:100%;
  margin:0 auto 25px;
  border:none;
}

.tableStyle01 th,
.tableStyle01 td{
  padding:10px;
  border:1px solid #fff;
  font-size:87.5%;
}

.tableStyle01 th{
  background:#bdd7ee;
  color: #000;
  vertical-align: middle;
}

.tableStyle01 td{
  background:#ecf3fb;
}

.tableStyle01 td p:last-child{
  margin-bottom:0;
}

.tableStyle02 {
	text-align: left;
	position: relative;
	border-collapse: collapse;
}
.tableStyle02 thead {
	position: sticky;
	top: 0;
}

main.contents .form-inner .display_none{
  display: none;
}
main.contents .form-inner .col2-toroku-lease dt {
    width: 110px;
    margin-right: 8px;
    text-align: right;
}
main.contents .form-inner .col2-toroku-lease dd select {
    padding: 5px 8px;
    border: 1px solid #000;
    border-radius: 5px;
}
main.contents .form-inner .col2-toroku-sharyo dt {
    width: 135px;
    margin-right: 8px;
    text-align: right;
}
main.contents .form-inner .col2-toroku-sharyo dd select {
    padding: 5px 8px;
    border: 1px solid #000;
    border-radius: 5px;
}
main.contents .form-inner .col2-toroku-card dt {
    width: 103px;
    margin-right: 8px;
    text-align: right;
}
main.contents .form-inner .col2-toroku-card dd select {
    padding: 5px 8px;
    border: 1px solid #000;
    border-radius: 5px;
}
main.contents .form-inner .col2-toroku-card .option {
    padding-left: 0px;
    padding-top: 7px;
}
main.contents .form-inner .toroku-readonly-bgcolor +  label:before,
main.contents .form-inner .toroku-readonly-bgcolor +  label:after,
main.contents .form-inner .toroku-readonly-bgcolor {
    background-color: #E2E8E7 !important;
}
.inputNum {
    text-align:right;
}

main.contents .form-inner .col_alcoholCheck {
    width: 485px;
}
main.contents .form-inner .col_alcoholCheck dt {
    width: 10rem;
    margin-right: 8px;
}
main.contents .form-inner .col_alcoholCheck dd input[type='time'].hei15 {
    height: 15px;
}
main.contents .form-inner .col_alcoholCheck dd select {
    width: 246px;
    padding: 5px 8px;
    border: 1px solid #000;
    border-radius: 5px;
}
main.contents .form-inner .col1-sabusuku {
    width: 700px;
    text-align: center;
}
main.contents .form-inner .col1-sabusuku dt {
    margin-right: 8px;
    text-align:right;
    width: 300px;
}
main.contents .form-inner .col1-sabusuku dd{
    line-height: 25px;
    border-bottom: solid 1px;
    width: 258px;
}
.sabusukuTable td:empty {
  background-image: linear-gradient(to top right,
  transparent, transparent 49%,
     #a3a3a3 49%,
     #a3a3a3 30%,
    transparent 51%, transparent);
}

.dcShinsei-note {
    margin-top: 10px;
    margin-right: auto;
    margin-bottom: 10px;
    margin-left: auto;
}

.dcShinsei-note li{
    list-style-type: none;
    padding: 3px 3px;
}

/*for print*/
@media print{
	h1,h2,h3,body,td,th,dt,dd,div,span,p,a,li,input,select,label{
		color:#000000 !important;
	}
}