@charset "utf-8";

/* -------------------------------------------- */
/* 保存ボタン（予約詳細ページ等で使用）2020-12-19
/* -------------------------------------------- */
.submit_btn {
    text-align: center;
    margin-bottom: 2em;
}

.submit_btn [type=submit] {
    padding: 15px;
    min-width: 300px;
    background: #333;
    color: #fff;
    font-size: 1.5em;
    border: 0;
    cursor: pointer;
    border-radius: 5px;
}

.submit_btn [type=submit]:hover {
    background: #555;
}


/* -------------------------------------------- */
/* 汎用見出し（予約詳細ページ等で使用）2020-07-06
/* -------------------------------------------- */
h3.cmn_ttl {
    font-size: 16px;
    margin-bottom: .5em;
}

* + h3.cmn_ttl {
    margin-top: 1.5em;
}

h3.cmn_ttl::before {
    content: '●';
}

h3.cmn_ttl [type=button] {
    margin-left: 1em;
    padding: 0 .5em;
}


/* -------------------------------------------- */
/* 予約詳細ページ　＞　書類印刷用情報　アコーディオン// 追加(2019-11) */
/* -------------------------------------------- */

dl.js_cmn_acc.henshu {
    border: 1px solid #ddd;
}

dl.js_cmn_acc.henshu dt {
    padding: 15px;
    position: relative;
}

dl.js_cmn_acc.henshu h2 {
    border-left: none!important;
    padding-left: 0!important;
    margin-bottom: 0!important;
}

dl.js_cmn_acc.henshu h2 [type=button] {
	margin-left:1em;
}

/*
dl.js_cmn_acc.henshu dt .arrow {
    position: absolute;
    right: 15px;
    top: 20px;
}

dl.js_cmn_acc.henshu dt .arrow::before {
    font-size: 16px;
    line-height: 1;
    content: '▼編集する';
    color: #06f;
    cursor: pointer;
}

dl.js_cmn_acc.henshu dt.open .arrow::before {
    content: '▲閉じる';
}
*/

dl.js_cmn_acc.henshu dd {
    padding: 15px;
    border-top: 1px solid #ddd;
}


/* -------------------------------------------- */
/* 汎用的なセクション区切り// 追加(2019-09) */
/* -------------------------------------------- */
*+.section_kugiri {
    margin-top: 3em;
}

/* -------------------------------------------- */
/* 車両ページ　売上計算// 追加(2019-09) */
/* -------------------------------------------- */
.no_entry_wrap {
    background: #fdd;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* margin-bottom: 2em; */
}

/* -------------------------------------------- */
/* 車両ページ　コスト計算// 追加(2019-09) */
/* -------------------------------------------- */
div#calc_cost {
    /* padding: 15px; */
    /* margin-bottom: 15px; */
}
div#calc_cost,
div#calc_cost table {
    /* background: #fedddd; */
}
div#calc_cost td {
    background: #ffF;
}
div#calc_cost td.result {
    color: red;
    font-weight: bold;
}

/* -------------------------------------------- */
/* 非プリンタ用CSS */
/* -------------------------------------------- */
.screen_hide {
    display: none;
}

/* -------------------------------------------- */
/* 整備記録表示テーブル */
/* -------------------------------------------- */
.car_records_area .table_wrap{
	max-height:400px;
	overflow-y:scroll;
	margin:0 0 15px;
}

/* -------------------------------------------- */
/* 汎用タグ装飾 */
/* -------------------------------------------- */
span.common_tag {
    background: #eee;
    padding: 2px 10px;
    display: inline-block;
    margin-bottom: 3px;
}

/* -------------------------------------------- */
/* 公式HPへのリンクバナー */
/* -------------------------------------------- */
p.hp_bnr_login {
    margin-top: 30px;
    text-align: right;
}
.btn_base .bnr_hp a {
    padding: 0;
    margin: 0 5px;
}

/* -------------------------------------------- */
/* カレンダーの日付部分ヘッダー固定 */
/* -------------------------------------------- */
div#hdfreezeheader {
    z-index: 50;
}

/* -------------------------------------------- */
/* 汎用クラス */
/* -------------------------------------------- */

/* 子要素をインラインブロック化する2024-04-02mk */
.ib_wrap > * {
    display: inline-block;
}

/* 顧客IDと紐付いている場合は、顧客名の編集不可にするための仕様(2021-10-22)mk */
.readonly{
	background:#ccc;
	border: 1px solid #767676;
}


/* 全ての数値フィールドを右揃えにする(2020-11-28) */
/* １の位が中途半端な位置に表示され、入力間違いを起こすと相談を受けて一旦廃止に(2021-02-04) */
[type=number] {
    /* text-align: right; */
}

.wsnw{
    white-space: nowrap;
}

.w_auto{width:auto;}

/* trタグのマウスオーバー時に付与されるクラス */
.hv th,
.hv td{background: #FFC!important;}

.float_l {float:left;}
.float_r {float:right;}
.hdn{overflow:hidden;}

.w25{width:25px;}
.w30{width:30px;}
.w50{width:50px;}
.w70{width:70px;}
.w80{width:80px;}
.w100{width:100px;}
.w150{width:150px;}
.w200{width:200px;}
.w300{width:300px;}
.w350{width:350px;}


.max_w25{max-width:25px;}
.max_w35{max-width:35px;}
.max_w50{max-width:50px;}
.max_w75{max-width:75px;}
.max_w100{max-width:100px;}
.max_w150{max-width:150px;}
.max_w200{max-width:200px;}
.max_w300{max-width:300px;}
.max_w350{max-width:350px;}

.c999{color:#999;}

.error,
.red_b{color:red;font-weight:bold;}

.align_l{text-align:left;}
.align_r{text-align:right;}
.align_c{text-align:center;}
.m_btm10{margin-bottom:10px;}
.m_btm15{margin-bottom:15px;}
.m_btm20{margin-bottom:20px;}
.m_btm30{margin-bottom:30px;}

.basic_table{
	background: #fff;
}
.basic_table th{
	background: #f5f5f5;
	white-space: nowrap;
}
.basic_table.mikeijo th{/* 売上管理画面の未計上テーブル */
	background: #ffc0cb;
}

.btn_base {
	overflow:hidden;
}
.btn_base li{
	float:left;
}

.btn_base a{
    text-decoration:none;
    padding:5px 10px;
    margin:0 3px;
    border-radius:3px;
    display: block;
}
.btn01 a{
    color:#fff;
    background:#000;
}
.btn01 a:hover{
    color:#fff;
    background:#333;
}
.btn02 a{
    color:#000;
    background:#ddd;
}

ul.f_list {
    overflow: hidden;
}
ul.f_list>li {
    float:left;
    background: #f5f5f5;
    margin: 5px;
    padding: 5px;
    border: 1px solid #ccc;
}

/* -------------------------------------------- */
/* 表のアレンジ */
/* -------------------------------------------- */
.no_addup {
    background: pink;
}
.disable {
    background: #999;
}

.blacklist th,
 .blacklist td {
	background:yellow;
}
.blacklist td:first-child:after {
    content: '\e812';
    font-family: "fontello";
    display: block;
    text-align: center;
    font-size: 1.3em;
}

/* -------------------------------------------- */
/* ライトボックス */
/* [.lb]...削除時に要素を抹消するバージョン */
/* [.lb2]...削除時に要素を抹消しないバージョン */
/* -------------------------------------------- */
.lb_bg2,
.lb2{display:none;}
.lb2 form{
	width:60%;
}
.lb2 label{
    display:inline-block;
    padding:5px;
    background:#eee;
    margin:5px 10px 5px 0px;
    vertical-align:middle;
}
.lb2 input{
    vertical-align:middle;
}
.lb2 input[type="submit"]{
	display:block;
	margin-top:10px;
}

.lb_bg,
.lb_bg2 {
    background: #000;
    background: rgba(0,0,0,.8);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 51;
}
.lb,
.lb2 {
    width:1000px;
    background:#fff;
    /* position:absolute; */
    position:fixed;
    top:100px;
    left:50%;
    margin-left:-500px;
    z-index: 52;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0px 0px 10px 5px #000;
    height: calc(100% - 200px);
}
/* [.lb2]は、マスター権限の「事業所選択」ボタン押下時のポップアップにつくクラス */
.lb2 {
    overflow-y: auto;
}
.lb2 form {
	width:100%;
}
.lb_inner {
	height: 100%;
	overflow-y: scroll;
}
p.close_btn {
    position: absolute;
    top: -20px;
    right: -20px;
    font-size: 20px;
    line-height: 28px;
    width: 28px;
    height: 28px;
    cursor: pointer;
    text-align: center!important;
    border: 2px solid #fff;
    padding: 5px;
    background: #000;
    border-radius: 50%;
    color: #fff;
}

/* -------------------------------------------- */
/* 初期スタイルのリセット */
/* -------------------------------------------- */
body{
    margin:0;
    font-size: 62.5%;/* ベースの初期化→必須 */
    font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "Osaka", "MS Pゴシック", "MSゴシック", Helvetica, verdana, sans-serif;
    line-height: 1.4;
    overflow: scroll;
}
h1,h2,h3,h4,h5{
    font-size: 100%;/* ベースの初期化→必須 */
    font-weight:normal;
    margin:0;
    line-height:1.2;
}
table {
    /* border-collapse: collapse; */
    border-spacing: 0;
}
caption {
    text-align: left;
}
dl{margin:0;}
dd{margin-left:0;}
ul {
    margin: 0;
    padding: 0;
}
ul,li{list-style-type: none;}
p{
    margin:0;
    font-size: 100%;
}
input[type="text"],
textarea {
    width: 95%;
}
textarea {
    /* min-height: 50px; */
    min-height: 2em;
}
textarea.em3 {
    min-height: 3em;
}
textarea.em4 {
    min-height: 4em;
}
a img{border:0;}/* for IE */
img,
input[type="image"]{
	max-width:100%;/* ←常識じゃね？ */
}
th,strong {font-weight: normal;}
em {font-style: normal;}

/* ラベルテキストに対して上下中央揃えが良いと思い追加(2020-04-07)mk */
input[type=checkbox] {vertical-align: middle;}

/* -------------------------------------------- */
/* 要素への直接指定 */
/* -------------------------------------------- */
body{
    font-size:12px;
}
table {
    width: 100%;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
th,td {
    padding:5px;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
}
th:first-child,
td:first-child {
    /*border-left: 1px solid #ccc;*/
}
a {
    color: #06f;
}
a:hover {
    color: #f55;
}

/* -------------------------------------------- */
/* 構造体 */
/* -------------------------------------------- */

/* グローバルナビ */
/* -------------------------------------------- */
ul#gNavi li{
    margin: 0 0 5px;
}
ul#gNavi .icon {
display: block;
text-align: center;
font-size: 1.5em;
}
ul#gNavi a.now{
    color: #f55;
}
ul#gNavi a.logout{
    color: #fff;
	background: green;
}
ul#gNavi a.hokokusho{
    color: #fff;
	background: #f55;
}

/* ヘッダー */
/* -------------------------------------------- */
div#headerArea {
	margin:15px auto;
	overflow: hidden;
	/*max-width:1000px;*/
	max-width:970px;
	padding:0 15px;
}
div#headerArea .areaA {
    float: left;
    /*max-width: 400px;*/
    /* width: 360px; */
    width: 340px;
}
div#headerArea .areaA .now_target {
    margin-top: 5px;
    padding: 5px;
    background: #c8daea;
}

div#headerArea .areaA .now_target span{
	font-weight:bold;
	display:block;
}

div#headerArea .areaB {
    float: right;
    /* max-width: 600px; */
    max-width: 620px;
}
div#headerArea h1 [src*="logo"] {
	margin-bottom:10px
}
div#headerArea h1 a{
    color:#000;
    text-decoration:none;
}
div#headerArea h1 img{
    /*width:200px;*/
    /*margin-right:5px;*/
    /*vertical-align: -13px;*/
    display:block;
    margin-bottom:5px;
}
div#headerArea h1 .agent {
    font-size: 2em;
    display: inline-block;
    vertical-align: middle;
}
div#headerArea h1 input {
	margin-left:10px;
}

/* 貸出率 */
#kashiritu span {
font-size: 2em;
font-weight: bold;
margin: 0 5px;
}

/* 保有車両数(2022-06-08) */
#hoyusharyosu {
    background: #ffeac2;
    padding: 5px;
    font-size:11px;
}

/* コンテンツエリア */
/* -------------------------------------------- */
#contentsArea{
    margin: 10px auto;
    /*max-width: 1000px;*/
    max-width: 970px;
    padding:0 15px;
}
/* 何故子セレクタに限定したのか？ */
#contentsArea > h1,
#contentsArea h1.cmn_h1{
	font-size:2em;
	margin-bottom:10px;
	background: #FFFFcc;
	padding: 5px;
}
#contentsArea h2 {
    font-size: 20px;
    margin-bottom: 5px;
    border-left: 5px solid #f90;
    padding-left: 10px;
}

/* サマリーコンテナ */
/* -------------------------------------------- */
div#summary_container {
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 10px;
}
div#summary_container span{
    font-size:1.5em;
}

/* ログインフォーム */
/* -------------------------------------------- */
.login_btn {
    padding: 10px 20px;
}

/* 検索フォーム */
/* -------------------------------------------- */
.searchBox {/* 同一ページ内で複数回使用するためにIDからCLASSに変更(2017-02-04) */
    background: #ddd;
    padding: 5px 10px;
    border-radius: 3px;
    position: relative;
}

.searchBox .all_keijo_select_label {
    position:absolute;
    right:0;
    bottom:0;
    background:#ccc;
    padding:5px;
}

.searchBox input[type="submit"]{
	padding:3px 30px;
}
#searchRange{
	font-size:2em;
	margin: 0 5px;
}

/* カレンダー */
/* -------------------------------------------- */
p.icon {
    background: #ccc;
    margin: 3px 10px;
    border-radius: 3px;
    padding: 2px;
    font-size:10px;
    word-break:keep-all;
}
p.etc {background: #fcc;}
p.navi {background: #cfc;}
p.studless {background: #CCF;}
p.isofix {background: #fcf;}
p.bm {background: #b0eaff;}
p.bt {background: #ffee9e;}
p.displayaudio {background: #9eb7ff;}
a.plus {
    color: #CCC;
    padding: 10px;
}
.hit {
    background: #f5f5f5;
    position: relative;
    padding-top: 10px;
    z-index:0;
    /*border: 1px solid #CCC;*/
}
.entry_type3 {
    /*background: pink;*/
}
.alert {
    background: pink!important;
    color:red;
    font-weight:bold;
}
.oil_exchange {
    background: #527ac5!important;
}

.filter_exchange {
    background: orange!important;
}
.hit:before {
    content: '';
    display: block;

    position: absolute;
    top: 3px;
    left: 0;
    width: 100%;
    box-sizing: border-box;
}
.entry_type1:before {
    border-bottom: 5px solid #09f;
}
.entry_type2:before {
    border-bottom: 5px solid #60BB60;
}
.entry_type3:before {
    border-bottom: 5px solid #FF7979;
}
.start:before {
    border-left: 5px solid transparent;
}
.end:before {
    border-right: 5px solid transparent;
}
#scheduleTable {
    margin: 10px auto;
    max-width: 1800px;
    padding: 0 10px;
}
.m table th.name {}
.w table th.name {}

#scheduleTable>div{
	margin:0 auto;
}
#scheduleTable th {
	background: #F5F5F5;
}
#scheduleTable th.today {
    background: #FFDC9B!important;
}
#scheduleTable td.today {
    background: #ffeac2;
}
#scheduleTable th.sat {
    background: #DAF5FF;
}
#scheduleTable th.sun {
    background: #FFF2F4;
}
/* ★★★修正(2014-06-24) */
#scheduleTable tr{border-bottom:2px solid #fc5;}
#scheduleTable tr.multi_row{border-bottom:0px;}
/* ★★★修正(2014-06-24) */