/*************************************/
/*                                     */
/*    共通CSS - 整理版                 */
/*    作成日: 2025-11-19               */
/*                                     */
/*************************************/

@charset 'utf-8';
@import url("//netdna.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.css");


/* ============================================
   1. リセットCSS
   ブラウザのデフォルトスタイルをリセットし、
   すべてのブラウザで一貫した表示を実現します。
   ============================================ */

/* reset css */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,select,p,blockquote,th,td,button{
    margin:0;
    padding:0;
    font-family : 'メイリオ';
    font-family : 'メイリオ','ＭＳ Ｐゴシック', Arial, sans-serif;

}

table{
    border-collapse:collapse;
    border-spacing:0;
}

ol,ul{list-style:none;}

h1,h2,h3,h4,h5,h6{
    font-size:100%;
    font-size:14px;
    font-weight:normal;
}

q:before,q:after{content:'';}

abbr,acronym{border:0;}

/* 検索テーブル */
#search_frame table{
    background-color:#efefef;
    border-collapse:separate;
    border-spacing:4px;
    border:0;
/*
    border-radius:6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
*/
}

.list table{
    table-layout:fixed;
    border-collapse:collapse;
    color:#000000;
    border:1px solid #c0c0c0;
}

.entry table{
    width: 100%;
    clear:both;
    table-layout:fixed;
    border-collapse:collapse;
    color:#000000;
    font-size:small;
    font-size:13px;
    border:1px solid #c0c0c0;
}

.cal table{
    clear:both;
    border-collapse:collapse;
    color:#000000;
    font-size:small;
    border:1px #c0c0c0 solid;
    width:100%;
}

.list1 table{
/*  width:個別指定 */
    /* overflow-y:hidden;   help表示の為、解除 20161108 */

    margin-left:0;
}

.list2 table{
/*  width:個別指定 */
    overflow-y:scroll;
    margin-left:0;
}

/* ============================================
   2. 基本要素 (html, body, textarea, div)
   html, body, textarea, divなどの基本的な要素のスタイルを定義します。
   フォントファミリー、サイズ、色などの基本設定を含みます。
   ============================================ */

body{
    -webkit-text-size-adjust: 100%;
    font-size:10.5pt;
    font-size:14px;
    color:#333333;
    width:98%;
    width:100%;

    text-align:center;
    font-family: 'ＭＳ Ｐゴシック',sans-serif;
    font-family: 'メイリオ',arial,sans-serif;
}

textarea{
    font-family: 'ＭＳ ゴシック',sans-serif;
    font-family: 'メイリオ',arial,sans-serif;

    width:99%;
    max-width:99%;
}

div{
    text-align:left;
}

/* ============================================
   3. リンク (a)
   リンク要素(a)のスタイルを定義します。
   link, visited, active, hoverの各状態のスタイルを含みます。
   ============================================ */

/* リンク */
a:link{
    color:#00E;
    text-decoration:underline;
}

a:visited{
    color:#00E;
    text-decoration:underline;
}

a:active{
    color:#ff0000;
    text-decoration:underline;
}

a:hover{
    color:#ff0000;
    text-decoration:underline;
}

.hd_command a:link,
.hd_command a:visited,
.hd_command a:active,
.hd_command a:hover{
    color:#ffffff;
    text-decoration:none;
}

.hd_command a:hover{
    text-decoration:underline;
}

.hd_command .hd_help a:hover{
    background-color:#fff;
}

.hd_command .hd_help a:hover div{
    text-decoration:underline;
}

.hd_command_item a:link, .hd_command_item a:visited{
    color:#808080;
    text-decoration:none;
}

.hd_command_item a:active{
    color:#000000;
    text-decoration:none;
}

.hd_command_item a:hover{
    color:#000000;
}

.page_sublink .link a:hover{
    text-decoration:underline;
}

.page_sublink .link2 a:hover{
    color:#FF6600;
    color:#fff;
    text-decoration:underline;
}

/* リストのリンク */
.list a:link{
    color:#0066CC;
    color:#000099;
    text-decoration:underline;
}

.list a:visited{
    color:#800080;
    text-decoration:underline;
}

.list a:active{
    color:#ff0000;
    text-decoration:underline;
}

.list a:hover{
    color:#ff0000;
    text-decoration:underline;
}

.tab_menu .tab_item a:hover{
    text-decoration:underline;
/*    color:#FF6600;
*/
}

div.list_link a,
div.list_link a:visited,
div.list_link a:link,
a.nondecoration,
a.nondecoration:visited,
a.nondecoration:link
{
    text-decoration: none;
    color: #333;
 }

/* ============================================
   4. ユーティリティクラス
   汎用的に使用できるユーティリティクラスを定義します。
   span要素のスタイル、fix_box、float_clearなどを含みます。
   ============================================ */

span.font_s{
    font-size: 12px;
}

span.point_o{
    color: #FF9800;
}

span.agree{
    color: #12B32D;
    font-weight: bold;
}

/* 性別テキストカラー */
span.man{
    color: #285ced;
    font-weight: bold;
}

span.woman{
    color:#f63876;
    font-weight: bold;
}

/* 一覧等での幅高さ固定表示用。widthとheightは仮。  */
.fix_box{
    word-wrap:normal;
    overflow:hidden;
    box-sizing: border-box;
    height:1.3em;
    padding:0;
    margin:0;
    width:100%;

}

/*--------------------------*/
/* 回り込み解除用            */
/*--------------------------*/
.float_clear{
    clear:both;
    border:0px solid #ffffff;
    padding:0px;
    margin:1px;
    margin:0;
    font-size:1px;
    height:0;
}

p.item_title span.att{
	font-size: 13px;
}

/* ============================================
   5. 無効・読み取り専用状態
   フォーム要素の無効状態(disabled)および
   読み取り専用状態(readonly)のスタイルを定義します。
   ============================================ */

/*--------------------------*/
/* 無効状態                 */
/*--------------------------*/

/* 無効状態のselect */
input.custom-combobox-input[disabled],
select[disabled] {
    background-color:rgb(238,238,238) !important;

}

/* 無効状態のラジオとチェックボックス */
input[type="checkbox"][disabled] + label,
input[type="radio"][disabled] + label
{
    color:#999;
}

input[type="checkbox"][disabled]:checked + label,
input[type="radio"][disabled]:checked + label
{
    color:#00a532;
}

/*--------------------------*/
/* 読み取り専用             */
/*--------------------------*/
/* input */
input[readonly]{
    background-color:rgb(235,235,228) !important;
    border:1px solid rgb(169, 169, 169);
    padding: 1px;   /* 入力可能時の高さを合わせるため */
    padding-left: 4px;   /* 入力可能時の高さを合わせるため */
}

/* ============================================
   6. レイアウト
   ページ全体のレイアウトを制御するクラスを定義します。
   .mframe, .frame_flexなどのコンテナ要素のスタイルを含みます。
   ============================================ */

/*--------------------------*/
/* 外枠                     */
/*--------------------------*/
.mframe{
    width:100%;
    min-height: 100%;
    height: auto;
}

div.frame_flex{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    flex-wrap: wrap;
}

/* ============================================
   7. ポップアップ
   Magnific Popupライブラリを使用したポップアップ表示の
   アニメーション効果を定義します。
   ============================================ */

/*------------------------------*/
/* Magnific Popup アニメーション*/
/*------------------------------*/
/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}

/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}

/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}

/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}

/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

/* ============================================
   8. ヘッダー
   ページヘッダー部分のスタイルを定義します。
   .header, .hd_titleなどのヘッダー関連要素を含みます。
   ============================================ */

/*--------------------------*/
/* ヘッダー                 */
/*--------------------------*/
.header{
    position: relative;

    width:100%;
    height:44px;
    margin-bottom:4px;
    margin-bottom:0px;
    background-size:auto 36px;

    background-color:#37b44a;
    text-align: center;

    color:#fff;
}

.hd_title{
    display:block;
    height:44px;
    font-size:21px;
    text-align: center;
/*     padding:3px 0px 0px 3px; */
    padding:3px 0px 0px 22px;
    line-height: 1.8;
}

.hd_title .hd_version{
    font-size:10.5px;
    color:#fff;
    position: absolute;
    left:90px;
    top:51px;
}

.hd_title .hd_version.logout{
    left:146px;
    top:26px;
}

.hd_description{
    text-align:center;
    width:360px;
    height:26px;
    float:left;
    margin:14px 0px 0px 50px;
    padding:0px 0px 0px 0px;
    color:#333333;
    color:#ffffff;
    font-weight:normal;
}

.hd_description .disp{
    font-size:10pt;
    font-size:14px;
}

.hd_command{
    float:right;
    width:auto;
    height:20px;
    padding:1px 8px 0px 3px; /* aaaaa */
    padding:10px 8px 0px 3px;
    box-sizing:border-box;
    text-align:right;
}

.hd_command a{
    height:13px;
    font-size:9pt;
    font-size:12px;
    font-weight:bold;
    text-align:center;
}

.hd_command div{
    text-align:right;
}

.hd_command .hd_help{
    font-size:11px;
    margin:1px 0 0 0;
}

.hd_command .hd_help a{
    display:inline-block;
    width:auto;
    height:auto;
    padding:3px 8px 2px 6px;
    background-color:#fff;
    background-color:#eee;
    border-radius:3px;
    margin:30px 8px 0 0;
    margin:0px 8px 0 0;
    color:#000;
    font-size:11px;
    font-size:12px;
    font-weight:normal;
    text-decoration:none;
    line-height:1.1;
}

.hd_command .hd_help a img{
    float:left;
    width:14px;
    height:14px;
}

.hd_command .hd_help a div{
    float:right;
    margin:1px 0 0 6px;
}

.hd_command .hd_user_block{
    margin:3px 0 0 0;
    margin:8px 0 0 0;   /*aaaaa*/
    font-size:13px;
    line-height:1.9;
    display:flex;
}

.hd_command .hd_user_block .hd_user:before{
    content:"";
    display:inline-block;
    width:18px;
    height:18px;
    vertical-align:middle;
    background-image:url('../images/ico_user.png');
    background-potision:0px -1px;
    background-size:16px 18px;
    background-repeat:no-repeat;
}

/* stop
.hd_command .logout:before{
    content:"";
    display:inline-block;
    width:18px;
    height:19px;
    vertical-align:middle;
    background-image:url('../images/ico_logout.png');
    background-size:15px 19px;
    background-repeat:no-repeat;
}

.hd_command .logout{
    float:right;
    width:126px;
    margin:4px 0 0 0;
    margin:1px 0 0 0;
    padding:0 20px;
    box-sizing:border-box;
    background-color:#aaa;
    border:1px solid #aaa;
    border-radius:20px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
}

*/
.hd_command .hd_user_block .hd_logout{
    margin:0 0 0 6px;
    min-width:23px;
    min-height:23px;
    text-align:center;
    padding:2px 0 0 1px;
    box-sizing:border-box;
    color:#fff;
    background-color:#aaa;
    border:1px solid #aaa;
    border-radius:50px;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
}

.hd_command .hd_user_block .hd_logout img{
    width:14px;
    height:auto;
}

.hd_command_sep{
    float:right;
    padding-left:3px;
    padding-right:3px;
}

.hd_command_item{
    float:right;
}

.hd_command_item a{
    display:block;
    height:13px;
    font-size:9pt;
    font-size:12px;
    font-weight:bold;
    text-align:center;
}

.hd_site_name{
    color: red;
    float: right;
    font-weight: bold;
    margin: 0px 18px 0px 0;
    font-size: 22px;
}

/*--------------------------*/
/* mmenu                    */
/*--------------------------*/
#header a,
.header a
{
    background: center center no-repeat transparent;
    background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );

    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
/*     left: 10px; */
	left: 3px;
}

/* ============================================
   9. メニュー
   サイドメニューのスタイルを定義します。
   #menuおよび関連要素のスタイルを含みます。
   ============================================ */

#menu .mm-divider{
    height: 2px;
    min-height: 5px;
    padding: 0;
/*    margin-bottom: 5px; */
}

#menu .mm-divider:before{
    height: 3px;
    background-color:#dadada;
}

#menu{
    display:none;
}

#menu .menu_login_name{
  padding:8px 8px 8px 20px;
  color:rgba(0, 0, 0, 0.3);

}

/* ============================================
   11. フッター
   ページフッター部分のスタイルを定義します。
   .footer, 著作権表示などを含みます。
   ============================================ */

/*--------------------------*/
/* フッター                 */
/*--------------------------*/
.footer{
    clear:both;
    width:100%;
    height:23px;
    margin-top:10px;
    border-style:solid;
    border-color:#37b44a;
    border-width:3px 0px 0px 0px;
    background-color:#f0f0f0;
    text-align:center;
    font-size:small;
    font-size:13px;

    /* フッター最下部固定 */
    position: absolute;
    bottom: 0;
    left: 0;
}

.ft_link{
    padding:3px;
    text-align:center;
    width:100%;
}

.copyright{
    text-align:center;
    padding-top:2px;
    height:10px;
    color:#606060;
}

/* ============================================
   12. ページタイトル
   各ページのタイトル部分のスタイルを定義します。
   .page_titleおよび関連要素のスタイルを含みます。
   ============================================ */

/*--------------------------*/
/*     ページタイトル         */
/*--------------------------*/
.page_title{
    clear:both;
    margin:0;

    width:auto;
    width:100%;
    height:22px;
    height:auto;
    line-height:22px;

    font-size:102%;
    font-weight:bold;

    display: flex;
}

.page_title.list_page{
    background:url('../images/ico_title.png') no-repeat;
    background-size: 16px auto;
    background-position: 3px 20px;
    background-position: 2px 13px;

    padding:13px 2px 21px 0;
    padding: 6px 2px 16px 0;
    box-sizing:border-box;
}

.page_title.edit{
    background:url('../images/ico_title2.png') no-repeat;
    background-size: 17px auto;
    background-position: 16px 20px;

    padding:13px 2px 8px 16px;
    box-sizing:border-box;
}

.page_title.login{
    background:url('../images/ico_title_login.png') no-repeat;
    background-size: 16px auto;
    background-position: 3px 20px;

    padding:13px 2px 8px 3px;
    box-sizing:border-box;
}

.title_text{
    float:left;
    margin-left:12px;
    font-weight:bold;
    font-size:20px;
    margin-top:6px;
    margin-bottom:0px;
    margin-left: 19px;
    margin-right: 55px;
/*     min-width: 126px; */
    white-space: nowrap;
    margin-bottom: 20px;
}

.page_title{
    flex-wrap: wrap;
}

.title_text_btn{
    float:left;
    margin-top:10px;
    font-weight:bold;


}

.title_command{
    float:left;
    margin-left:20px;
    margin-bottom:3px;
    margin-top: -7px;
}

.page_title .title_command,
.page_title .title_command a,
.page_title .title_command a button{
    margin-left: 0;
}

/* OCR一覧ページ */
.title_command {
    display: flex;
    gap: 10px;
}

/* ============================================
   14. リスト
   一覧表示用のリスト要素のスタイルを定義します。
   .listクラスおよび関連要素を含みます。
   ============================================ */

.list_sort{
    display: flex;
    height: fit-content!important;
}

.list_sort div.input_select{
    min-width: 150px;
    min-width: 130px;
    min-width: 126px;
}

.list_sort div.input_select.mini{
    min-width: unset;
    max-width:80px;
}

.list_sort div.input_select.mini select{
    width: 100%;
    min-width: unset;
}

/*--------------------------*/
/*    一覧                    */
/*--------------------------*/
.list{
    clear:both;
}

.list th{
    padding:3px;
    box-sizing:border-box;
    border:1px solid #c0c0c0;
    color:#000000;
    font-weight:normal;
    background-color:#e1efe3;   /* ★テーマカラー 緑系01 */

}

.list td{
    border:1px solid #c0c0c0;
/*     border-bottom: 2px solid #a9a9a9; */
    color:#000000;
    padding:6px 3px;
    box-sizing:border-box;
    word-break:break-all;
    font-size: 15px;
    font-size: 14px;
}

/*
.list tr{
    border-bottom: 2px solid #a9a9a9;
}

*/
.list tr:last-child{
/*     border-bottom: 1px solid #c0c0c0 !important; */
}

/* 操作 */
.list a.ico_del:hover,
.list a .ico_edit:hover{
    cursor:pointer;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}

/* 操作：削除 */
.list a.ico_del{
    display:block;
}

.list .ico_del{
    width:16px;
    height:18px;
    background:url("../images/ico_list_del.png") no-repeat;
    background-size:16px 18px;
    background-position:center;
    margin:0 auto;
}

.list div.ico_del{
    opacity: 0.5;
    filter: alpha(opacity=50);
    -ms-filter: "alpha(opacity=50)";
}

/* 操作：編集 */
.list a .ico_edit{
}

.list .ico_edit{
    width:16px;
    height:18px;
    background:url("../images/ico_list_hen.png") no-repeat;
    background-size:16px 18px;
    background-position:center;
    margin:0 auto;
}

/* 操作：参照 */
.list .ico_ref{
    width:16px;
    height:18px;
    background:url("../images/ico_list_hen.png") no-repeat; /* 仮 */
    background-size:16px 18px;
    background-position:center;
    margin:0 auto;

    /* 仮(とりあえず、分かりやすくする為） */
    opacity: 0.5;
    filter: alpha(opacity=50);
    -ms-filter: "alpha(opacity=50)";
}

/* リストに表示するサブ的に表示する会員IDなど  */
.list td .sub_info{
    font-size: 9px;
    font-weight: normal;
    color: #808080;
    white-space: nowrap;

}

/* 選択リストの行選択状態 */
#list_data tr.list_hover{
    background-color:#3366ff;
}

#list_data tr.list_hover td{
    color:#fff;
}

/* コンテンツブロック */

.list{
	margin-bottom: 30px;
}

.list:last-child{
	margin-bottom: 80px;
}

/* テーブル */
.list table th{
	width: 33%;
}

.list table th,
.list table td{
/*  padding: 5px 0 5px 5px;*/
    padding: 4px;
	box-sizing: border-box;
}

/* テーブル：縦配置 */
.list .block tr{
	border: 1px solid #ccc;
}

.list .block tr:last-child{
/* 	border: none; */
}

.list table.block th{
	width: 100%;
	margin-bottom: 2px;
}

.list table.block td{
	margin-bottom: 10px;
}

/*--------------------------*/
/* リストページャ            */
/*--------------------------*/
.listpager{
/*
    float:right;
*/
    margin:3px 6px 3px 6px;
    text-align:right;
    font-size:105%;
    width:1000px;
}

.listpager .current{
    color:#cc0000;
    font-weight:bold;
    padding-left:2px;
    padding-right:2px;
}

.listpager .rest{
    padding-left:3px;
    padding-right:3px;
}

.list_sort div.input_select{
    margin-right: 4px;
}

.list1,
.list2{
    float:left;
    display:inline-block;
    background-color:#ffffff;
}

.list1{
    border-right:1px solid #828282;    /* 左右区切り線 */
}

.list2{
/*  min-width:個別指定 */
/*  min-height:個別指定 */
}

/*-------------------------------------*/
div.list_tbl{
    width: 100%;
    overflow:scroll;
}

.list_tbl tbody tr:nth-child(2n+2) {
    background: #f0f0f0;
}

/* 温度感名 */
.table_frame .heat div,
.list td .visitor_info_heat{
    width: fit-content;
    min-width: 80px;
    text-align: center;
    margin-bottom: 5px;

    border-radius: 3px;
    padding:0 4px;
    box-sizing: border-box;
/*     font-weight: bold; */
    background-color: #fff;
    background-color: unset;
    color: #fff;

    border-width: 2px;
    border-style: solid;

    font-size: 12px;
    line-height: 1.5;

    font-size: 14px;
    border-radius: 4px;
    border-width: 1px;
    padding: 2px 4px;

}

/* ============================================
   15. フォーム
   フォーム全体(.entry)のスタイルを定義します。
   入力フォーム、登録フォームなどのコンテナスタイルを含みます。
   ============================================ */

#search_frame .entry{
    background:#efefef;
    margin:0;
    padding:0;
}

#search_frame .entry td button:first-child{
    margin-left :0;
}

#search_frame .entry .search_btns .subbtn.btn_search{
    margin-right: 33px;
    margin-right: 10px;
}

#search_frame .entry .search_btns .subbtn.btn_clear{
    margin-right: 60px;
    margin-right: 30px;
    margin-left: 0;
}

#search_frame .entry .search_btns .subbtn.btn_csv{
    margin-left: 0;
}

/*--------------------------*/
/* 入力フォーム             */
/*--------------------------*/
.entry{
    margin-top:8px;
    margin-left:6px;
    margin-bottom:17px;
}

.entry ul{
    padding:0px;
    margin-left:16px;
    margin-bottom:8px;
    font-size:90%;
    font-size:12px;
    font-weight:normal;
}

/* 縦並びフォーム時 */
.entry .vertical th{
    text-align:right;
}

/* 横並びフォーム時 */
.entry .side th{
    text-align:center;
    padding: 6px 10px 6px 10px;
}

.entry th{
    height:20px;
    border:1px solid #c0c0c0;
    color:#000000;
    background-color:#d7e7f3;   /* ★テーマカラー 青系01 */
    background-color:#e1efe3;   /* ★テーマカラー 赤系01 */
    padding:2px 3px 2px 3px;
    font-weight:normal;
}

.entry tr{
}

.entry tr.div_row th,
.entry tr.div_row td{
    border-top-width: 3px;
    border-top-color: #b7b7b7;
}

.entry td{
    height:23px;
    border:1px solid #c0c0c0;
    color:#000000;
    background-color:#fff;
    background-color:#F5FCFE;
    background-color:#f6f6f6;   /* ★テーマカラー に合わせて */
/*     padding:3px; */
    padding: 6px 6px 6px 3px;
    line-height:100%;
}

.entry .multi-line{
    line-height:140%;
}

/*
.entry td label{
        line-height:140%;
        padding-right:10px;
        padding-left:2px;
}

*/
.entry .attention{
    font-size:9pt;
    font-size:12px;
    padding-left:8px;
}

.entry .divline{
    border-top-width:2.5px;
}

.entry input{
    margin:2px;
}

.entry .check_block{
	margin-right: 13px;
	margin-bottom: 14px;
	min-width: 137px;
	font-size: 15px;
	min-height: 40px;
}

.entry input[type="checkbox"]{
	min-height: auto;
}

.entry select{
    margin:2px;
    min-width: 100px;
    padding-left: 10px;
    box-sizing: border-box;
    padding-right: 36px;
}

.entry textarea{
    margin:0;
}

.entry .entry_cont{
    margin-bottom: 12px;
}

.entry .entry_cont tr{
    border-width: 2px;
}

/* フォーム内の見出し */
.entry .subtitle_text{
    font-weight:normal;
    font-size:16px;
    vertical-align:top;
}

.entry .subtitle_text:before{
    content:"";
    display:inline-block;
    width:18px;
    height:19px;
    vertical-align:middle;
    background-image:url('../images/ico_subtitle.png');
    background-size:auto 17px;
    background-repeat:no-repeat;
}

.entry .subtitle_text .ex{
    font-weight:normal;
    font-size:12px;
    vertical-align:text-bottom;
}

.entry .search_table td {
    padding: 6px 20px 6px 3px;
}

/* ============================================
   16. インプット要素
   テキスト入力フィールド(input)のスタイルを定義します。
   各種input要素、プレースホルダーなどを含みます。
   ============================================ */

input,select{
    font-family: 'メイリオ',arial,sans-serif;
}

.radio-inline__input:focus + .radio-inline__label {
    outline-color: #4D90FE;
    outline-offset: -2px;
    outline-style: auto;
    outline-width: 5px;
}

/* テキストのプレースホルダー８の色 */
input::-webkit-input-placeholder{
    color:#999;

}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{
    font-family: 'メイリオ',arial,sans-serif !important;
}

#search_frame input,
#search_frame select{
    margin:0;
}

#search_frame td.sch_mem_sex input + label{
    margin-right: 24px;
    margin-right: 13px;

}

button.command,
input.command{
    height:48px;
    padding-left:30px;
    padding-right:10px;
    font-size:110%;
    font-size:14.3px;
    font-size: 18px;
    width: 100%;

    /* 20230626追記 */
    height: 44px;
}

#search_frame select,
#search_frame input{
    margin: 0;
    width: 100%;
}

#search_frame input[type="date"]{
    width: auto;
}

input[type="text"],
table.block textarea,
input[type="tel"],
input[type="mail"],
input[type="password"],
select{
    font-size:15px !important; /*bbbbbb*/
	border: 2px solid #bbb;
    border-radius: 2px;
    padding-left: 6px;
    border:2px solid #bbbbbb;
    width: 99%;
    background-color: #fff;
    line-height:1.2;

    /* iphone対応 */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

input[type="text"]:focus,
input[type="password"]:focus{
	outline: 2px solid #37b44a;
}

/* ------------------------------------------input の余白 */
div.input_frame{
    margin-bottom: 18px;
    margin-top: 20px;
    margin-left: 16px;
/*     margin-right: 6px; */
    width:93%;
}

div.input_radio{
    min-width: 118px;
    margin-bottom: 12px;
    margin-bottom: 22px;
}

div.input_check{
    margin-right: 9px;
    margin-bottom: 16px;
}

div.input_select select
{
    background: #fff !important;
/*  padding: 6px 40px 6px 8px !important;*/
    padding: 6px 30px 6px 8px !important;
    box-sizing: border-box !important;
/*    font-size: 17px !important;*/
    font-size: 15px !important; /* bbbbbbbbb */
    min-width: 75px !important;
/*  width: auto !important; */

    -webkit-appearance:none !important;
    border: 2px solid #bbb !important;
}

.custom-combobox-input{
    background: #fff !important;
    padding: 3px !important;
    box-sizing: border-box !important;
/*  font-size: 17px !important; */
    font-size: 15px !important; /* bbbbbbbbb */
    min-width: 75px !important;
    width: 100% !important;
/*     max-width: 315px; */
    max-width: calc(100% - 43px);
    margin-left: 0;

    border-top: 2px solid #bbb !important;
    border-bottom: 2px solid #bbb !important;
    border-left: 2px solid #bbb !important;
    border-right: none !important;
}

div.input_select{
    position: relative;
}

div.input_select::after{
    position: absolute;
/*     top: 35%; */
/*     right: 9%; */
    top: 15px;
    right: 15px!important;
/*     margin-top: -8px; */
    content: "";
    background-image: url('../images/ico_arrow_bottom.svg');
    background-repeat: no-repeat;
    background-size: 13px 13px;
/*     color: #333; */
    pointer-events: none;
    width: 13px;
    height: 13px;

}

input[type="text"]:disabled{
	background-color: #f9f9f9;
}

input.error{
    border: 2px solid red;
    background-color: #FFE9E4;
}

/* ============================================
   17. セレクト要素
   セレクトボックス(select)のスタイルを定義します。
   ============================================ */

select,button{
    color: #000;
}

select:disabled,button:disabled{
    color: #1010104d;

}

select{
	appearance: auto;
}

/* ------------------------------------------selectの装飾 */
select{
    background-color: #fff;
}

/* ============================================
   18. ラジオボタン・チェックボックス
   ラジオボタンおよびチェックボックスのスタイルを定義します。
   カスタムスタイルを含みます。
   ============================================ */

/* ラジオボタンをボックス風に */
/* 登録画面のラジオボタンのみ！！ */
.radio_box {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
}

.radio_box_label {
    display: inline-block;
    padding: 10px 10px 8px 9px !important;
    margin-right: 18px;
    border-radius: 3px;
    font-size: 14px;
}

.radio_box:checked + .radio_box_label {
    background: #B54A4A;
    color: #fff;
    text-shadow: 0 0 1px rgba(0,0,0,.7);
}

.radio_btn{
  margin-top: 15px;
}

.radio_btn label{
  font-size: 16px;
  font-weight: normal;
  margin-right: 30px;
  margin-right: 19px;
  margin-bottom: 15px;
  display: inline-block;
  min-width: 80px;
  white-space: nowrap;
}

/* ============================================
   19. テーブル (共通)
   テーブル要素の共通スタイルを定義します。
   基本的なテーブルレイアウト、ボーダーなどを含みます。
   ============================================ */

#search_frame table th,
#search_frame table td{
    height:28px;
    height:24px;
    background-color:#efefef;
    border-width:0 1px 0 0;
    border-width:0;
}

#search_frame table th{
/*    border-width:0 0 0 1px;
*/
    text-align:center;
    box-sizing: border-box;

    background-color:#dfdfdf;
    border-radius:3px 3px 3px 3px;
    -webkit-border-radius:3px 3px 3px 3px;
    -moz-border-radius:3px 3px 3px 3px;

}

#search_frame table th:first-child{
    border-width:0;
}

#search_frame table th:nth-last-of-type(0),
#search_frame table td:nth-last-of-type(0){
    border-width:0;
        text-align: center;
}

#search_frame table td{
    box-sizing: border-box;
/*     text-align: center; */
}

/* テーブルの余白を小さくする entryと一緒に指定 */
.tiny table td{
    padding:0px;
    padding:0px 2px 0px 2px;
    height:22px;
}

.tiny table th{
    padding:0px 0px 0px 2px;
    height:22px;
}

/*                        */
/*    日付入力用            */
/*    カレンダー            */
div.cal table td{
    border:0px solid #ffffff;
}

#tbl_data1 table tr{
    background-color:#ffffff;
}

#tbl_data1 table td{
}

#tbl_data2 table tr{
    background-color:#ffffff;
}

/* 区切り線を太くする為の処置 */
#tbl_hd1 table tbody tr,
#tbl_hd2 table tbody tr{
    border-bottom:2px solid #c0c0c0;    /* 上下区切り線 */
}

#tbl_data1 table tbody tr,
#tbl_data2 table tbody tr,
#tbl_data1 th,
#tbl_data2 th,
#tbl_data1 td,
#tbl_data2 td{
    border-top:0;
}

/* 左右区切り線対応 */
#tbl_hd2 table tr,
#tbl_hd2 th,
#tbl_hd2 td,
#tbl_data2 table tr,
#tbl_data2 th,
#tbl_data2 td{
    border-left:0;
}

/* ------------------------
修正登録画面　共通
--------------------------*/
.table_frame{
/*     overflow-x: scroll; */
    scroll-behavior: smooth;
/*     height: auto; */
    overscroll-behavior: none;
}

/* -------------------------------------------垂直方向のテーブル */
table.block{
    table-layout: unset;
    margin-bottom: 15px;

}

table.block,
table.block tr{
    border: none;

}

table.block th, table.block td{
    display: block;
}

table.block th{
    height: auto;

    background: none;
    border: none;
    text-align: left;
/*     padding: 10px 3px 0 0; */
    font-size: 100%;

    font-size: 14px;
    font-weight: bold;
    background: #e1efe3;
    padding: 3px 0 3px 13px;

    margin-bottom: 10px;

    /* 1202追記 */
    /* border-left: 4px solid #B31812;
    border-bottom: 1px solid #B31812;
    margin: 10px; */
}

table.block td{
    height: auto;
/*     margin-bottom: 10px; */
    margin-bottom: 0;
    border: none;
    background: none;
    padding: 0;
}

/* ------------------------------------------入力箇所の調整 */
table.block td .item_fram{
     display: flex;
     line-height: 3;
}

/* ------------------------------------------テーブルタイトル */

div.table_title{
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    background-color: #37b44a;
    padding: 2px 0 2px 10px;
    box-sizing: border-box;
}

/**********************
   温度感
***********************/
/* 枠 */
.table_frame .heat{
    box-sizing: border-box;
    color: #fff;
/*     line-height: 24px; */
}

/* キューテーブル */
.queue_table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
}

.queue_table thead tr {
    background-color: #e9ecef;
}

.queue_table th,
.queue_table td {
    padding: 8px;
    border: 1px solid #ddd;
}

.queue_table th {
    font-weight: bold;
    text-align: left;
}

.queue_table td {
    text-align: left;
}

/* ============================================
   21. テーブル (.search_table)
   検索条件用のテーブルスタイルを定義します。
   .search_tableクラスのテーブルを含みます。
   ============================================ */

.search_table {
    width: auto !important;
}

/* ============================================
   23. 検索フレーム
   検索条件入力フレームのスタイルを定義します。
   #search_frameおよび関連要素のスタイルを含みます。
   ============================================ */

/*--------------------------*/
/*  開閉検索フレーム        */
/*--------------------------*/
/*-- 検索条件 --*/
#search_frame{
/*     margin:0 5px ; */
}

#search_frame h3:before{
    content:"";
    display:inline-block;
    width:18px;
    height:18px;
    vertical-align:middle;
    background-image:url('../images/ico_search.png');
    background-size:18px 18px;
    background-repeat:no-repeat;
    margin-right:4px;
}

#search_frame td.sch_mem_sex,
#search_frame td.sch_mem_state{
    text-align: left;
    padding: 11px 0;
    box-sizing: border-box;
}

#search_frame td.sch_mem_state{
    display: flex;
    flex-wrap: wrap;
    height: auto;
}

#search_frame  td.search_btns{
	text-align: center;
    text-align: left;
}

#search_frame .btn_download{
    float:right;
}

/* ============================================
   25. ボタン (.command)
   コマンドボタン(.command)のスタイルを定義します。
   主要なアクションボタンのスタイルを含みます。
   ============================================ */

.command_frame{
    clear:both;
/*     width:98%; */
    height:48px;
/*     margin-left:16px; */
/*     margin-right: 10px; */
    margin-top:12px;
    margin-bottom:10px;
    display: flex;
    justify-content: center;
}

.button_container .command {
    width: auto !important;
    min-width: auto !important;
    max-width: none !important;
    white-space: nowrap !important;
    padding: 10px 20px !important;
    font-size: 15px !important;
    height: auto !important;
    line-height: normal !important;
    overflow: visible !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    border: 1px solid #ccc !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    background-image: none !important;
    padding-left: 20px !important;
}

/* ボタン内のアイコン共通スタイル */
.button_container .command .btn_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center;
    flex-shrink: 0;
}

/* ページ下部のボタン位置 */
/* 右側 */
.command_frame_r{
    float:left;
/*     width:200px; */
    width: 134px;
}

/* 中央 */
.command_frame_c{
    text-align: center;
}

/* 左側 */
.command_frame_l{
    float:left;
    width: 134px;
    margin-right: 71px;
}

.command_frame div:last-child{
    margin-right: 0;
}

/* ============================================
   26. ボタン (.subbtn)
   サブボタン(.subbtn)のスタイルを定義します。
   補助的なアクションボタンのスタイルを含みます。
   ============================================ */

/* サブボタン */
.subbtn{
    padding:3px 8px 2px 8px !important;
    box-sizing:border-box;
    margin-left:10px;
    margin-left:0;
    text-align:center;
    font-size:10.5pt;
    font-size:14px;
    line-height:normal;

    height: 40px;

    overflow:visible;   /* ボタン内help表示用 */
}

.subbtn_mini{
    appearance: none;
    -webkit-appearance: none;
    background-color: rgba(239, 239, 239);
    border-color: rgba(118, 118, 118, 0.3);
    border-width: 1px;
    color: #000;
    border-radius: 4px;

    padding:2px 6px 1px 6px;
    box-sizing:border-box;
    margin-left:4px;
    text-align:center;
    font-size:9pt;
    font-size:12px;
    line-height:normal;

    overflow:visible;   /* ボタン内help表示用 */
/*    width: 50px;
    height: 20px;
*/
    min-width: 44px;
}

.subbtn,
.subbtn_mini{
    cursor:pointer;
}

/* 最左端ボタンの余白０ */
.subbtn.firbtn{
    margin-left: 0;
}

/* ボタンの角丸、最小幅 */
.btn_clear,
.btn_add,
.btn_entry,
.btn_cancel,
.btn_base,
.btn_download,
.btn_search,
.btn_import,
.subbtn.btn_csv{
    appearance: none;
    -webkit-appearance: none;
    border-radius:25px;
    -webkit-border-radius:25px;
    -moz-border-radius:25px;
    /* 20230626追記 */
    border-radius: 8px;
    min-width: 120px;

    font-size: 16px !important;
    /* border-width: 0; */
    border: 2px solid #0000002f;
}

/* CSVボタン */
.subbtn.btn_csv{
    padding-left: 24px;
}

.subbtn.btn_csv:before{
    content: '';
    background-image: url('../images/icon_download.svg');
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: sub;
    margin-right: 4px;
}

/* ============================================
   27. ボタン (その他)
   その他の特定用途のボタンスタイルを定義します。
   .btn_entry, .btn_cancel, .btn_batchなどを含みます。
   ============================================ */

/* 各ボタンのアイコン */
.btn_back .btn_icon,
.btn_cancel .btn_icon {
    background-image: url('../images/ico_back.png');
}

.btn_entry .btn_icon {
    background-image: url('../images/ico_entry.png');
}

.btn_clear .btn_icon {
    background-image: url('../images/ico_back.png');
}

.btn_add .btn_icon {
    background-image: url('../images/ico_entry.png');
}

/* 処理開始ボタン固有のスタイル */
.button_container .btn_start {
    background-color: #FF9800 !important;
    color: #fff !important;
    border-color: #FF9800 !important;
}

/* キュー一覧ボタン固有のスタイル */
.button_container .btn_clear {
    gap: 0 !important;
}

/* 新規追加 */
.btn_add,
.btn_entry{
    border-width:1px;
    background-color:#05500e;    /* グリーン系01 */
    background-color: #FF9800;  /* オレンジ系01 */
    color:#fff;
    padding:3px 14px 3px 30px !important;
    padding:3px 14px 3px 36px !important;

    background-image:url('../images/ico_entry.png');
    background-size:20px 20px;
    background-repeat:no-repeat;
    background-position:4px 13px;

    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;

    height: 48px;

    /* 20230627追記 */
    /* border-radius: 0px; */
   height: 44px;


}

.btn_add{
        background-position:11px 13px;
        background-position:11px center;
}

.btn_entry{
        background-position:21px 13px;
        background-position: 20px center;
}

/* 基本的なボタン（登録以外 等） ：★テーマカラー */
.btn_base,
.btn_download,
.btn_search,
.btn_import{

    border-width:1px;
    background-color:#37b44a;  /* ★テーマカラー 緑 */
    color:#fff;
}

/* 検索 */
.btn_search{
/*     float:right; */
    padding:4px 14px 3px 28px !important;

    background-image:url('../images/ico_search_w.png');
    background-size:18px 18px;
    background-repeat:no-repeat;
    background-position:6px 4px;
    background-position:22px 11px;
    background-position:22px center;
    height: 40px;
    width: 111px;
}

/* ダウンロード */
.btn_download{
    padding:4px 14px 3px 28px !important;
    background-image:url('../images/ico_dl2.png');

    background-size:14px 14px;
    background-repeat:no-repeat;
    background-position:8px 5px;
}

/* インポート */
.btn_import{
    padding:4px 14px 3px 28px !important;
    background-image:url('../images/ico_ip.png');

    background-size:16px 16px;
    background-repeat:no-repeat;
    background-position:7px 5px;
}

/* 基本的なボタン（検索条件クリア、戻る、キャンセル 等） ：グレー系 */
.btn_clear,
.btn_cancel{
/*    border:1px solid #A5A5A5;
*/
    border-width:1px;
    background-color:#A5A5A5;
    color:#fff;

    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
}

/* 戻る */
.btn_back,
.btn_back_mini{
    background-image:url('../images/ico_back.png');
    background-size:20px 20px;
    background-repeat:no-repeat;
    background-position:21px 13px;
    background-position:10px center;
}

/* 更新 */
.btn_reload{
    background-image:url('../images/ico_reload.png');
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: 21px 13px;
}

/* 検索条件クリア */
.btn_clear{
/*     float:right; */
    padding:4px 14px 3px 14px !important;
    height: 40px;
}

/* 送信ボタン */
.btn_send{
    border-radius: 4px;
    margin-bottom: 10px;
    padding: 8px;
    box-sizing: border-box;
    font-size: 15px;
    font-weight: bold;
    background: #12b32d;
    background: #ff8000;
    color: #fff;
    border-bottom: #757575 2px solid;
    border-right: 0;
    border-left: 0;
    border-top: 0;
}

.btn_entry,
.btn_cancel{
    font-size: 18px;
}

.btn_clear:active,
.btn_add:active,
.btn_entry:active,
.btn_cancel:active,
.btn_base:active,
.btn_download:active,
.btn_search:active{
/*
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2);
    transition-delay: 0s;
*/
}

/* ボタンがdisabled時のデザイン */
.btn_base:disabled, .btn_download:disabled{
    background-color:#ccc;
    border-color:#999;
    color:#666;
}

/* ============================================
   29. アイコン
   各種アイコンのスタイルを定義します。
   結果アイコン、操作アイコンなどを含みます。
   ============================================ */

/* 処理結果アイコン */
.result_icon_success {
    color: #28a745;
}

.result_icon_error {
    color: #dc3545;
}

/* ============================================
   30. 説明
   説明文、注釈などのスタイルを定義します。
   ============================================ */

/*--------------------------*/
/* 説明文                     */
/*--------------------------*/
.explanation{
    margin:3px 0 0 0;
    font-size: 13px;
    line-height: normal;
    padding: 3px 0px 13px 5px;
}

/* ============================================
   31. エラーメッセージ
   エラーメッセージ表示用のスタイルを定義します。
   ============================================ */

/*--------------------------*/
/* エラーメッセージ            */
/*--------------------------*/
.error{
    color:#ff0000;
    font-weight:bold;
}

/* ============================================
   32. タブ
   タブ切り替え要素のスタイルを定義します。
   ============================================ */

/*--------------------------*/
/* タブ関係                 */
/*--------------------------*/
/* タブメニュー 2016/06/27 add */
.tab_menu{
    margin:0 0 0 10px !important;
    margin:0 !important;
    font-size:0 !important;
}

.tab_menu .tab_item{
    display:inline-block;
    border:1px solid #ddd;
    border:1px solid #A2A7AB;
    border-bottom:0;
    background-color:#ddd;
    background-color:#A2A7AB;
    padding:4px 10px;
    padding:4px 10px 4px 28px;
    box-sizing:border-box;
    letter-spacing:1px;
    font-size:13px;
    font-weight:normal;
    letter-spacing:1px;
    margin-right:4px;
    margin-bottom:-1px;

    background-image:url("../images/ico_tab_kihon.png");
    background-repeat:no-repeat;
    background-size:auto 18px;
    background-position:left 6px center;

    -webkit-border-top-left-radius:6px;
    -webkit-border-top-right-radius:6px;
    -moz-border-radius-topleft:6px;
    -moz-border-radius-topright:6px;
}

.tab_menu .tab_item a{
    text-decoration:none;
    color:#000;
    color:#35479D;
    color:#fff;
}

.tab_menu .tab_item.sel{
    background-color:#f9f9f9;
    background-color:#3F6AAB;       /* ★とりあえず、テーマカラー選択（以下で指定） */
    border:1px solid #3F6AAB;
}

.tab_menu .tab_item.sel a{
    color:#FF6600;
    color:#fff;
}

/* タブブロック */
.tab_block{
    width:1120px;
    padding:4px;
    box-sizing:border-box;
    border:1px solid #ddd;
    border-top:10px solid #3F6AAB;      /* ★とりあえず、テーマカラー選択（以下で指定） */
    border-left:5px solid #3F6AAB;     /* ★とりあえず、テーマカラー選択（以下で指定） */
    background-color:#f9f9f9;
    background-color:#fcfcfc;

}

/* オーダー */
.tab_menu.order .tab_item.sel{
    background-color:#4DA735;
    border:1px solid #4DA735;
}

.tab_block.order{
    border-top:10px solid #4DA735;
    border-left:5px solid #4DA735;
}

/* マスタ */
.tab_menu.master .tab_item.sel{
    background-color:#418DC6;
    border:1px solid #418DC6;
}

.tab_block.master{
    border-top:10px solid #418DC6;
    border-left:5px solid #418DC6;
}

/**/
.tab_disp{
    display:block;
}

.tab_nodisp{
    display:none;
}

/* ============================================
   34. メディアクエリ
   レスポンシブデザイン用のメディアクエリを定義します。
   画面サイズに応じたスタイル調整を含みます。
   ============================================ */

@media screen and (max-width: 484px) {
    .date_of_visit span{
        margin: 0 4px;
    }
    .entry .search_btns .subbtn.btn_csv{
        margin-top: 16px;
    }
}

@media screen and (max-width:480px) {
	.radio_btn label{
		min-width: 133px;
	}
}

/* ============================================
   35. その他
   上記のカテゴリに属さないその他のスタイルを定義します。
   ============================================ */

url("//netdna.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.css");


*{
    margin:0px;
    padding:0px;

}

fieldset,img{border:0;}

address,caption,cite,code,dfn,em,strong,th,var{
    font-style:normal;
    font-weight:normal;
}

caption,th{text-align:left;}

/* reset css end */


html{
    width:100%;
    min-width:780px;
}

#btn_hd_redisp{
    padding:1px 20px;
    padding: 4px 40px 4px 40px;
}

/*--------------------------*/
/* メイン                     */
/*--------------------------*/
.main{
    padding:8px 3px 3px 8px;
    padding:2px 3px 3px 0;
    padding:0 10px 30px 10px;
    width:98%;
    width:auto; /* xxxx */
    font-size:small;
    font-size:13px;
    background-color:#F9F9F9;
    background-color:#fff;

    /* フッター最下部固定 */
    min-height: calc(100vh - 100px);
    /* padding: 30px; */

/*     max-width: 1000px; */
/*     margin: 0 auto; */

    /* ヘッダー分の上padding */
    padding-top: 20px;

}

.main.edit{
    padding: 0 0 30px 0;
}

/*--------------------------*/
/*     ページサブタイトル     */
/*--------------------------*/
.page_subtitle{
    margin:3px 0px 3px 0px;
}

.subtitle_text{
    font-weight:bold;
}

/*--------------------------*/
/*  画面遷移リンク          */
/*--------------------------*/
.page_sublink{
    float:left;
    margin:8px 0 0 40px;
    font-weight:normal;
}

.page_sublink .link{
    float:left;
    margin-right:10px;
    font-weight:bold;
    color:#3F6AAB;
    padding:2px 10px 0 10px;
    background-color:#D7E7F3;
/*
    background-color:#F9FBFD;
    border:2px solid #D7E7F3;
*/

    border-radius:20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}

.page_sublink .link:hover{
    background-color:#D7E7F3;
}

.page_sublink .link a{
    color:#3F6AAB;
    text-decoration:none;
}

.page_sublink .link a:before{
    content:"";
    display:inline-block;
    width:14px;
    height:15px;
    vertical-align:middle;
    background-image:url('../images/ico_sublink1.gif');
    background-size:auto 13px;
    background-repeat:no-repeat;
    margin-right:1px;
}

.page_sublink .link a[target="_blank"]{
    margin-left:10px;
}

.page_sublink .link a[target="_blank"]:before{
    content:"";
    display:inline-block;
    width:20px;
    height:15px;
    vertical-align:middle;
    background-image:url('../images/ico_sublink2.gif');
    background-size:auto 14px;
    background-repeat:no-repeat;
    margin-right:4px;
}

.page_sublink .link a[target="_blank"]:hover:before{
    background-image:url('../images/ico_sublink2_hv.gif');
}

/*-- 前のデザイン -- */
.page_sublink .link2{
    float:left;
    margin-right:10px;
    font-weight:bold;
    padding:4px 10px;
    background-color:#f0f0f0;
    background-color:#3F6AAB;   /* ★テーマカラー 青系 */

    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.page_sublink .link2 a{
    color:#35479D;
    color:#fff;
    text-decoration:none;
}

.page_sublink .link2 a:before{
    content:'\f0c1';
    margin: 0 3px 0 0;
    font-family: FontAwesome;
    vertical-align: middle;
    font-size:12px;
}

.page_sublink .link2 a[target="_blank"]{
    margin-left:10px;
}

.page_sublink .link2 a[target="_blank"]:before{
    content:'\f08e';
    margin: 0 3px;
    font-family: FontAwesome;
    vertical-align: middle;
    font-size:100%;
    font-size:14px;
}

/* 検索BOX 上書きCSS*/
.ui-accordion .ui-accordion-header {
    padding:4px 0 4px 2.2em !important;
    background:#efefef;
}

.ui-accordion .ui-accordion-content{
    padding:10px 0 10px 16px !important;
    padding:4px 0 0 4px !important;
    background: #efefef;
}

.ui-widget-content a{
    color:#00e !important;

    color:#000 !important;
    text-align:left;


}

/*--------------------------*/
/*    検索ボックス枠          */
/*--------------------------*/
.searchbox{
    width:1012px;
    margin-bottom:10px;
    padding:0px;
    border:1px solid #999999;
}

.searchbox ul{
    padding:0px;
    margin:6px 0px 6px 24px;
    line-height:130%;
    list-style-type:disc;
}

/*--------------------------*/
/* 検索結果                 */
/*--------------------------*/
.search_summary{
    width:98%;
    width:1000px;
    margin:5px 0px 5px 0px;
    padding:6px;
    background-color:#e7ebf8;
    line-height:120%;
}

.search_summary_caption{
    font-weight:normal;
}

.search_summary_value{
    font-weight:bold;
    font-size: 15px;
}

/* リストの奇数行 */]
.row_odd{
    background-color:#ffffff;
}

/* リストの偶数行 */
.row_even{
    background-color:#f3f3f3;
    background-color:#f6f6f6;
}

/* リストの選択行 */
.row_highlight,
.row_highlight_hv{
    background-color: #D7EAF9 !important;
}

.row_highlight td,
.row_highlight_hv td{
    background-color: #D7EAF9 !important;
    color:#000 !important;
}

.row_highlight td a,
.row_highlight_hv td a{
    color:#fff !important;
}

/* 一覧の復旧リンク */
.rest_link{
    font-weight:bold;
}

p.item_title{
	font-size: 18px;
}

/* 曜日：色 */
.weekdate_0{
	color: red;
}

.weekdate_6{
	color: blue;
}

/* for mysql */
.weekdate2_1{
    color: red;
}

.weekdate2_7{
    color: blue;
}

/*--------------------------*/
/*  新規作成/最終更新 表示  */
/*--------------------------*/
/* 入力画面用 */
.page_update_disp{
    font-weight:normal;
    font-size:11px;
    color:#888;
    margin-bottom: 5px;
}

.page_update_disp div{
    text-align: right;
}

/* 一覧画面用 */
td.update_disp{
    line-height:1.3;
    font-size:11px;
    word-break:break-word;
}

td.update_disp span{
    color:#666;
    font-size:10px;
    word-break:break-all;
}

/*--------------------------*/
/*   登録                   */
/*--------------------------*/
.main_info{
    background: #ebebeb;
    padding: 2px 8px;
    box-sizing: border-box;
    border: 1px solid #ebebeb;
    border-radius: 4px;
    margin: 8px 9px;
}

.main_info span{
    font-weight:bold;
}

/*--------------------------*/
/* 1行データ                */
/*--------------------------*/
.line_data{
    padding:6px 0px 6px 8px;
    margin:3px 3px 0px 3px;
    line-height:120%;
}

/* スマホ対応で2行目に改ページボタンの場合 */
.line_data .submit_mini_box{
    margin-top: 5px;
}

/*--------------------------*/
/* 注意文                     */
/*--------------------------*/
.caution{
    color:#ff0000 !important;
}

/*--------------------------*/
/* 補足文                     */
/*--------------------------*/
.sup{
    font-size:x-small;
    font-size:11px;
    font-weight:normal;
}

/*--------------------------*/
/* 横線                     */
/*--------------------------*/
.hline{
    height:8px;
    color:#9999ff;
}

/*     必須     */
.nece{
    color:#ff0000;
    font-size:90%;
    font-size:12px;
    font-weight:normal;
}

/* カラーピッカーテーブルの高さが変わってしまうので */
.evo-palette td{
    height:auto !important;

}

/*--------------------------*/
/* 主要なボタン                */
/*--------------------------*/

/* CSV出力や、新規登録ボタン配置の枠 */
form button{
    /* ボタンリセット */
	/* background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none; */
}

/* ボタンコンテナ */
.button_container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin: 20px 0;
}

.button_container a {
    text-decoration: none;
}

/*--------------------------*/
/* 入力コントロール            */
/*--------------------------*/

/* 入力コントロール共通 */
.io_item{
/*    behavior: url("css/io_item.htc");
*/
    padding-left:3px;
    ime-mode:active;
}

/* ラジオボタン */
.io_radio{
    margin-right:3px;
}

/* ボタン */
.io_btn{
}

.io_submit{
}

/* 数字入力 */
.txt_num{
    text-align:right;
    padding-right:3px;
    box-sizing:border-box;
    ime-mode:disabled;
}

/* 数字入力 */
.ime_off{
    ime-mode:disabled;
}

/* テキスト中央揃え */
.txt_c{
    text-aling: center;
}

/* テキスト　右揃え */
.txt_r{
    text-aling: right;
}

/* ----------------------------- */

.grid_reset{
    margin-top:5px;
    margin-left:100px;
    float:left;
    font-size:75%;
}

/*--------------------------*/
/* カレンダー                */
/*--------------------------*/
.cal{
}

.cal th{
    height:23px;
    border:1px #c0c0c0 solid;
    color:#000000;
    background-color:#ffffcc;
    padding:2px 2px 2px 5px;
    font-weight:normal;
    text-align:left;
}

.cal tr{
}

.cal td{
    height:23px;
    border:1px #c0c0c0 solid;
    color:#000000;
    padding:3px;
    line-height:100%;
}

/* 本日リンク */
.today_link{
    font-size:x-small;
    color:blue;
}

/*--------------------------*/
/* ラベル                    */
/*--------------------------*/
/* ラベル 2文字*/
.label_str2{
    display:block;
    float:left;
    line-height:140%;
    padding-left:2px;
    width:60px;
}

/* ラベル 3文字*/
.label_str3{
    display:block;
    float:left;
    line-height:140%;
    padding-left:2px;
    width:76px;
}

/* ラベル 4文字*/
.label_str4{
    display:block;
    float:left;
    line-height:140%;
    padding-left:2px;
    width:80px;
}

/* ラベル 5文字*/
.label_str5{
    display:block;
    float:left;
    line-height:140%;
    padding-left:2px;
    width:90px;
}

/* ラベル ラジオボタン*/
.label_radio{
    display:block;
    float:left;
    padding-left:2px;
    padding-right:10px;
}

/* ラベル チェックボックス(縦)*/
.label_chk{
    display:block;
    line-height:140%;
    padding-left:2px;
    padding-right:10px;
}

/****************************************/
/*                                        */
/*    画面個別                            */
/*                                        */
/****************************************/
/* 非表示 */
.dsp_none{
    display: none;
}

/* 表示位置 */
.dsp_l{
    text-align:left;
    margin-left:3px;
}

.dsp_r{
    text-align:right;
    margin-right:3px;
}

.dsp_c{
    text-align:center;
}

/* メールアドレス状態 */
.mail_no{
    color:red;
    line-height:140%;
}

.mail_ok{
    color:green;
    line-height:140%;
}

/* 土曜日 */
.day_sat{
    color:#3366cc !important;
}

/* 日曜日 */
.day_sun{
    color:#cc0000 !important;
}

/* 退職データ */
.txt_retire td{
    color:#999 !important;
}

//////////////
/*赤太字 */
.txt_attention{
    font-weight:bold;
    color:#ff0000;
}

/* メールテンプレート選択 */
.link_cate{
    clear:both;
    font-weight:normal;
    margin-top:8px;
    margin-bottom:8px;
    padding:1px 1px 1px 3px;
    background-color:#e7ebf8;
}

.link_item_frame{
    clear:both;
    margin-left:20px;
}

/* IE6にだけ適用 */
* html .link_item{
    width:280px;
}

.link_item{
    height:20px;
    min-width:280px;

    margin-left:8px;
    padding:0px 1px 0px 3px;
    margin:0px 1px 0px 8px;
    float:left;
    word-wrap:normal;
    word-break:keep-all;
    white-space: nowrap;
}

/* スケジュール画面　表下部のサイズ変更バー */


#schedule_order .ui-resizable-s,
#schedule_staff .ui-resizable-s{
    bottom: 0px !important;
    left: 0;
    background-color: #ccc;
    border: 1px solid #999;

    background: #ffffff; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2UxZTFlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-8 */

}

/* 右下のリサイズハンドル非表示 */
#schedule_order ..ui-resizable-se,
#schedule_staff ..ui-resizable-se
{
    display:none !important;
}

/*  ------------------------------------------ */
/*-- ヘルプツールチップ  --*/
/* タイトル部ヘルプ */
.help.title{
    /* float:left; */
/*     margin:15px 0 0 10px; */
    margin: 5px 0 0 10px;
    vertical-align: middle;
}

/* 項目ヘルプ */
.help:before{
    content:"";
    display:inline-block;
    width:24px;
    height:24px;
    vertical-align:middle;
    background-image:url('../images/ico_help.png');
    background-size:24px 24px;
    background-repeat:no-repeat;
}

.help{
    position:relative;
    font-weight:normal;

    /* 米谷追記 */
    width: 24px;
}

.help:hover{
    cursor:pointer;

    -webkit-transition: opacity 0.5s ease-out;
    -moz-transition: opacity 0.5s ease-out;
    -ms-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out;
}

.help div{
    display:none;
}

/* 基本は右下に配置（吹き出しは左上） */
/* 新規登録・修正画面などのタイトル「？」に使用 */
.help:hover div{
    display:block;
    position:absolute;
    top:38px;
    right: -84px;
    background-color: #51A2C1;
    background-color: orange;
    background-color:#fff;
    color:#000;
    padding: 10px;
    box-sizing:border-box;
    border:2px solid #3F6AAB;
    border-radius:3px;
    z-index:100;
    line-height:1.3;
    font-size:13px;

    display: inline-block;
    position: fixed;
    top: 106px;
    left: 13px;
    right: 76px;

    /* 米谷追記 */



/* スマホ幅 */
    min-width: 268px;
    min-width: 320px;

}

/* 左下に配置（吹き出しは右上） */
.help.bottom_l:hover div{
    right:-20px;
    left:auto;
}

/* 左上に配置（吹き出しは右下） */
.help.top_l:hover div{
    top:-58px;
    top:auto;
    bottom:36px;
    right:-20px;
    left:auto;
}

/* 右上に配置（吹き出しは左下） */
.help.top_r:hover div{
    top:-58px;
    top:auto;
    bottom:36px;
    right:auto;
    left:-20px;
}

/* 右横に配置（吹き出しは左横） */
.help.right:hover div{
    top:-10px;
    bottom:auto;
    left:30px;
    right:auto    ;
}

/* フキダシ部分を作成 */
.help:hover div:before{
    content:'';
    display:block;
    position:absolute;
    height:0;
    width:0;
    top:-45px;
/*     right: 79px; */
    left: 31px;

    border:1px solid transparent;
    border-width:22px 8px;
    border-bottom-color:#3F6AAB;

    z-index:100;

    /* 1201追記 */
    width: 500px;
  opacity: 0;

}

.help:hover div:after{
    content:'';
    display:block;
    position:absolute;
    height:0;
    width:0;
    top:-38px;
/*     right: 79px; */
    left:31px;

    border:1px solid transparent;
    border-width:22px 8px;
    border-bottom-color:#fff;

    z-index:100;

    /* 1201追記 */
    opacity: 0;
}

/* フキダシ部分を作成：左下に配置 */
.help.bottom_l:hover div:before{
    left:auto;
    right:13px;
}

.help.bottom_l:hover div:after{
    left:auto;
    right:13px;
}

/* フキダシ部分を作成：左上に配置 */
.help.top_l:hover div:before{
    top:37px;
    top:auto;
    bottom:-22px;
    left:auto;
    right:15px;
    border-top-color:#3F6AAB;
    border-bottom:0;
}

.help.top_l:hover div:after{
    top:31px;
    top:auto;
    bottom:-16px;
    left:auto;
    right:15px;
    border-top-color:#fff;
    border-bottom:0;
}

/* フキダシ部分を作成：右上に配置 */
.help.top_r:hover div:before{
    top:37px;
    top:auto;
    bottom:-22px;
    left:20px;
    right:auto;
    border-top-color:#3F6AAB;
    border-bottom:0;
}

.help.top_r:hover div:after{
    top:31px;
    top:auto;
    bottom:-16px;
    left:20px;
    right:auto;
    border-top-color:#fff;
    border-bottom:0;
}

/* フキダシ部分を作成：右横に配置 */
.help.right:hover div:before{
    top:auto;
    bottom:6px;
    left:-20px;
    right:auto;
    border-top-color:#3F6AAB;
    border-bottom:0;
    transform:rotate(90deg);
}

.help.right:hover div:after{
    top:auto;
    bottom:6px;
    left:-15px;
    right:auto;
    border-top-color:#fff;
    border-bottom:0;
    transform:rotate(90deg);
}

/* 1201追記　吹き出し(使用しない) */
.tips{
 position: relative;
 margin-left: 10px;

 /* 位置テスト */
 /* margin-left: 100px; */
 z-index: 102;
}

.tips .tips_icon{
  display:inline-block;
  width:24px;
  height:24px;
  vertical-align:middle;
  background-image:url('../images/ico_help.png');
  background-size:24px 24px;
  background-repeat:no-repeat;
  margin-top: 3px;
  margin-left: 0px;
}

.tips .tips_text{
  display: none;
}

.tips .tips_text{
  display:block;
  position:absolute;
  top:48px;
  right: -84px;
  background-color: #51A2C1;
  background-color: orange;
  background-color:#fff;
  color:#000;
  padding: 10px;
  box-sizing:border-box;
  border:2px solid #3F6AAB;
  border-radius:3px;
  z-index:100;
  line-height:1.3;
  font-size:13px;

  display: inline-block;
  position: relative;
  top: 20px;
  left: 7px;
  right: 76px;
}

/* 吹き出しさんかく */
.tips_icon:before{
    content:'';
    display:block;
    position:absolute;
    height:0;
    width:0;
    top: 3px;
    left: 4px;
/*     right: 79px; */


    border:1px solid transparent;
    border-width:22px 8px;
    border-bottom-color:#3F6AAB;

    z-index:100;

}

.tips_icon:after{
    content:'';
    display:block;
    position:absolute;
    height:0;
    width:0;
    top: 9px;
    left: 4px;

    border:1px solid transparent;
    border-width:22px 8px;
    border-bottom-color:#fff;

    z-index:101;
}

/* ------------------------------------------------*/
/* メールポップアップ */

.icon_mail{
    display:inline-block;
    width:18px;
    height:16px;
    vertical-align:middle;
    background-image:url('../images/ico_mail.png');
    background-size:18px 14px;
    background-repeat:no-repeat;
}

.icon_mail:hover{
    cursor:pointer;

    -webkit-transition: opacity 0.5s ease-out;
    -moz-transition: opacity 0.5s ease-out;
    -ms-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out;

}

/* 項目ヘルプ */
/*
.mail_popup:before{
    content:"";
    display:inline-block;
    width:18px;
    height:16px;
    vertical-align:middle;
    background-image:url('../images/ico_mail.png');
    background-size:18px 14px;
    background-repeat:no-repeat;
}

*/
.mail_popup{
    position: absolute;
    font-weight: normal;
/*     width:200px;
    height:200px;
 */}

/*
.mail_popup  .outside{
    display:none;
}

*/

.mail_popup  .outside{
    display:block;
}

/*
.mail_popup  .outside .frame{
    display:none;
}

*/

/* 基本は右下に配置（吹き出しは左上） */
.mail_popup .outside{
    display:block;
    position:absolute;
    top:8px;
    left:1px;
    height:20px;
    width:270px;
}

.mail_popup .outside .frame{
    display:block;
    position:absolute;
    top:38px;
    top:20px;
    left:-20px;
    background-color: #51A2C1;
    background-color: orange;
    background-color:#fff;
    color:#000;
    padding: 10px;
    box-sizing:border-box;
    border:2px solid #3F6AAB;
    border-radius:3px;
    z-index:100;
    line-height:1.3;
    font-size:13px;

    /* 幅はコンテンツ依存 */
    width:auto;
    white-space: nowrap;
}

/* 左下に配置（吹き出しは右上） */
.mail_popup.bottom_l .outside{
    right:7px;
    left:auto;
    bottom:auto;
}

.mail_popup.bottom_l .outside .frame{
    right:-20px;
    left:auto;
}

/* 左上に配置（吹き出しは右下） */
.mail_popup.top_l .outside{
    top:-15px;
    right:1px;
    left:auto;
}

.mail_popup.top_l .outside .frame{
    top:-58px;
    top:auto;
    bottom:36px;
    bottom:20px;
    right:-16px;
    left:auto;
}

/* 右上に配置（吹き出しは左下） */
.mail_popup.top_r .outside{
    top:-15px;
    right:auto;
    left:1px;
}

.mail_popup.top_r .outside .frame{
    top:-58px;
    top:auto;
    bottom:36px;
    bottom:20px;
    right:auto;
    left:-20px;
}

/* フキダシ部分を作成 */
.mail_popup .outside .frame:before{
    content:'';
    display:block;
    position:absolute;
    height:0;
    width:0;
    top:-45px;
    top:-30px;
    left:20px;

    border:1px solid transparent;
    border-width:22px 8px;
    border-width:14px 6px;
    border-bottom-color:#3F6AAB;

    z-index:100;

/*matsumoto
    top: -45px;
    left: 20px;
    border: 1px solid transparent;
    border-width: 14px 7px;
*/
}

.mail_popup .outside .frame:after{
    content:'';
    display:block;
    position:absolute;
    height:0;
    width:0;
    top:-38px;
    top:-25px;
    left:20px;

    border:1px solid transparent;
    border-width:22px 8px;
    border-width:14px 6px;
    border-bottom-color:#fff;

    z-index:100;
}

/* フキダシ部分を作成：左下に配置 */
.mail_popup.bottom_l .outside .frame:before{
    left:auto;
    right:13px;
}

.mail_popup.bottom_l .outside .frame:after{
    left:auto;
    right:13px;
}

/* フキダシ部分を作成：左上に配置 */
.mail_popup.top_l .outside .frame:before{
    top:37px;
    top:auto;
    bottom:-22px;
    bottom:-16px;
    left:auto;
    right:15px;
    border-top-color:#3F6AAB;
    border-bottom:0;

/*matsumoto
    bottom: -14px;
    left: auto;
    right: 16px;
*/
}

.mail_popup.top_l .outside .frame:after{
    top:31px;
    top:auto;
    bottom:-16px;
    bottom:-12px;
    left:auto;
    right:15px;
    border-top-color:#fff;
    border-bottom:0;

/*matsumoto
    bottom: -10px;
*/
}

/* フキダシ部分を作成：右上に配置 */
.mail_popup.top_r .outside .frame:before{
    top:37px;
    top:auto;
    bottom:-22px;
    bottom:-16px;
    left:20px;
    right:auto;
    border-top-color:#3F6AAB;
    border-bottom:0;
}

.mail_popup.top_r .outside .frame:after{
    top:31px;
    top:auto;
    bottom:-16px;
    bottom:-12px;
    left:20px;
    right:auto;
    border-top-color:#fff;
    border-bottom:0;
}

/* メールリスト */
.mail_popup  .outside .frame ul li:before{
    content:"・";
    margin-left:8px;
    line-height:1.5;
}

/*  ------------------------------------------ */
/* コードから取得した名称等の表示欄 */
div.disp_box{

    line-height: 26px;
    background: #e6e6e6;
    padding: 0px 4px;
    min-height:24px;

}

/*----------------------------------*/
/*  一覧スクロールテーブル（4分割） */
/*----------------------------------*/
.all_list{
    width:100%;
    max-width:100%;
    min-width:1280px;
    display:inline-block;
}

#list2{
/* 幅自動調整の為だけ用意 */
}

#tbl_hd1{
/*  width:個別指定 */
    margin-left:6px;
    /* overflow:hidden; help表示の為、解除 20161108 */
}

#tbl_data1{
/*    margin-top:-1px;  区切り線対応*/
    margin-top:0px;
    margin-left:6px;
/*  width:個別指定 */
    height:100%;
    max-height:100%;
    min-height:80px;
    overflow-y:hidden;
    overflow-x:scroll;
}

#tbl_hd2{
/*  width:個別指定 */
/*  min-width:個別指定 */
    overflow:hidden;
}

#tbl_data2{
/*    margin-top:-1px;  区切り線対応*/
    margin-top:0px;

/*  width:個別指定 */
/*  min-width:個別指定 */

    height:100%;
    max-height:100%;
    min-height:80px;
    overflow-y:scroll;
    overflow-x:scroll;
}

div.sub_item{
    margin-bottom: 0;
    font-size:14px;
    width: 97%;

/*     background-color: #e1e1e1; */
    padding: 7px 0 6px 26px;
    box-sizing: border-box;
    font-weight: bold;
}

div.item_frame{
    display: flex;
    margin-bottom: 18px;
}

div.item_frame.wrap{
    flex-wrap: wrap;
}

/* jQuery autocomplate コンボボックス */
.custom-combobox-toggle{
    padding: 11px 0px 14px !important;
    margin-top: -3px !important;
    border: 2px solid #bbb !important;
}

/* ------------------------------------------注釈 */
.notes{
    font-size: 12px;
}

/* -------------------------------------幅指定 */
.io_max{
    width:97%;
}

.io_xxs{
    width:50px !important;
}

.io_xs{
    width:120px;
}

.io_s{
    width:150px;
}

.io_m{
    width:260px;
}

.io_l{
    width:400px;
}

.io_xl{
    width:500px;
}

.io_xxl{
    width:900px;
}

/* 幅指定：郵便番号*/
.io_post{
    width:70px;
}

/* 幅指定：日付*/
.io_date{
    width:86px;
}

/* 幅指定：金額（99,999）*/
.io_money5{
    width:58px;
}

/* 幅指定：金額（999,999）*/
.io_money6{
    width:70px;
}

/* 幅指定：金額（9,999,999）*/
.io_money7{
    width:79px;
}

/* 幅指定：金額（99,999,999）*/
.io_money8{
    width:87px;
}

/* 内容表示領域 */
.span_bg{
    background-color:#eee;
    padding:0 4px;
}

#datepicker,
.ui-datepicker,
.ui-datepicker-header,
.ui-datepicker-calendar {
     width: 333px;
}

.ui-datepicker{
    width: 335px !important;
}

.ui-datepicker-header {
     text-align: center;
     color: #fff;
     background: #000;
}

.ui-datepicker td a{
    height: 40px;
    text-align: center !important;
    line-height: 40px;
    font-size: 20px;
}

td.ui-datepicker-current-day .ui-state-active{
    border: 2px solid #00a532 ;
    border: 2px solid #FF9800 !important;
}

.ui-datepicker-prev {
     float: left;
}

.ui-datepicker-next {
     float: right;
}

.anchor{
    display: block;
    padding-top: 70px;
    margin-top: -70px;
}

.disp_none{
    display: none !important;
}

.link_arrow{
	position: relative;
  	display: inline-block;
  	padding: 10px;
}

.link_arrow::before {
  content: '';
  width: 10px;
  height: 10px;
  border-top: solid 2px #37b44a;
  border-right: solid 2px #37b44a;
  position: absolute;
  left: 7px;
  top: 7px;
}

.link_arrow.right::before {
  transform: rotate(45deg);
}

/*
  申込一覧
*/
.camp_name {
    text-align: center;
    font-size: 26px;
    color: #37b44a;
    font-weight: bold;
    margin: 10px 0 20px;
    border-bottom: #ccc 4px dotted;
    padding-bottom: 12px;
}

.queue_detail_row {
    display: none;
}

.queue_detail_cell {
    background-color: #f8f9fa;
    padding: 15px;
}