@charset "utf-8";

/***********************************************************/
/*リンクのスタイル（共通）*/
/***********************************************************/

a:link {color: #3366CC; }
a:visited {color: #1144aa;}
a:hover {color: #3366CC;text-decoration:underline}
a:active {color: #5588ee;text-decoration:none}

/***********************************************************/
/*レイアウトのスタイル（共通）*/
/***********************************************************/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form,
fieldset, input, textarea, p, blockquote, th, td{
    margin: 0;
    padding: 0;
}
html{
    overflow-y: scroll;
}
h1, h2, h3, h4, h5, h6{
    font-size: 100%;
    font-weight: normal;
}
ol, ul{
    list-style:none;
}
fieldset, img{
     border:0;
}
table{
    border-collapse: collapse;
    border-spacing:0;
}
caption, th{
    text-align: left;
}
address, caption, cite, code, dfn, em, th, var{
    font-style: normal;
    font-weight: normal;
}

body {
    font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
    color:#333333;
    font-size    : 13px;
    line-height    : 120%;
    background:url(../img/admin/body_bg.png) repeat-x;
}
body.fixed {
	height: 100vh;
	left: 0;
/*	overflow-y: hidden;*/
	position: fixed;
	width: 100vw;
}

/*.input{font-size: 12px;padding:3px 0;}*/
input[type="text"],input[type="password"],input[type="file"],textarea, select, option {
    font-family:"ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
    font-size:1em;
    padding:3px 2px;
    line-height:1.1em;
    margin-bottom:1px;
}
input[type="text"] { padding:5px 3px 4px;}
select { padding:2px;}
input[type="submit"], input[type="button"], button {
    font-family:"ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
    font-size:1em;
    padding-left: 10px;
    padding-right:10px;
}
input[disabled], select[disabled], textarea[disabled]{
    background-color:#EFEFEF;
    border:1px solid #CCC;
    color:#EFEFEF;
}

input[readonly] {
    background-color:#EFEFEF;
    border:1px solid #CCC;
    /*color:#999;*/
    color:#EFEFEF;
}

/***********************************************************/
/*レイアウトのスタイル（共通）*/
/***********************************************************/

#wrapper {
    width: 980px;
    background-color:white;
    border: solid #888;
    border-width: 0 1px 0 1px;
    margin:0 auto;
    text-align:left;
    position:relative;
    box-shadow: 0 0 9px rgba(0,0,0,0.5);
}

#header{
    background : no-repeat 10px 9px;
    min-height : 88px;
}
.agent #header { background-image : url(../img/admin/head_logo_agent.png);}
.munic #header { background-image:url(../img/admin/head_logo_munic.png);}
.admin #header { background-image:url(../img/admin/head_logo_admin.png);}
.secretariat #header { background-image:url(../img/admin/head_logo_secretariat.png);}
.corp #header { background-image : url(../img/admin/head_logo_corp.png);}

/* ログイン情報 */
#header p {
    text-align : right;
    padding : 15px;
    line-height : 20px;
    vertical-align : middle;
}
#header p a {
    text-decoration: underline;
}
#header_agent_information {
    font-size : 20px;
}
#header_agent_information_apart_name {
    display : inline-block;
    text-align : left;
    vertical-align : top;
}
#footer {
    clear:both;
    padding:20px 10px;
    background-color:#EFEFEF;
    margin-top:30px;
    text-align:right;
    color:#666666;
    font-size:90%;
}
#contents{
    padding: 16px 32px 32px 32px;
}
#pankuzu{
    color: #666666;
    background-color: #EDEDDA;
    font-size: 90%;
    padding-left: 16px;
    padding: 4px 16px;
}
#pankuzu a{
    color:#36C;
    text-decoration: underline
}
#contents_title{
    background-color:#EFEFEF;
    padding-left:16px;
    border: solid #DDD;
    border-width:0 0 1px 0;
}
h2{
    font-weight: bold;
    font-size: 18px;
    line-height: 40px;
    color: #444;
}

p {
    line-height:140%;
}

/*
.tbl_form,
.tbl_search,
.tbl_list{
    margin: 8px 0;
}
.tbl_list{margin-top:4px;}
*/
.message{
    text-align: center;
}
h3{margin-top:12px;font-size:16px;}
h4{color:#777;margin-top:8px;clear:both;}
ul{margin-left:32px;}
li{margin:4px 0;}


/*小見出し*/
h5.mrg_tit{
    margin: 5px 0 10px;
    font-weight:bold;
    font-size:120%;
    color:000;
}

h5.mrg_tit_sp{
    margin: 40px 0 8px 0;
    font-weight:bold;
    font-size:120%;
    color:000;
}

/*必須テキスト*/
/*#contents th span {
    color: #FF9900;
    font-size: 11px;
    padding-left: 2px;
    vertical-align: top;
}*/

/* 登録情報から引用表示されている項目用 */
.op_quotation_box {
    border: 1px solid #777;
    padding: 2px;
}

/*********************************************************************/
/* レイアウトのスタイル（複数アカウントが存在しHOME画面がタブ表示の場合）*/
/*********************************************************************/
.tab_content #header {
    background: no-repeat 10px 9px;
    min-height: 88px;
}

.font_bold {
    font-weight: bold;
}

/* ログイン情報(ヘッダー部分) */
#header p#header_agent_information_tab {
    padding: 0px 15px 0;
    line-height: 28px;
}
#header_agent_information_tab {
    font-size: 1.25rem;
}
#header_agent_information_tab img {
    vertical-align:text-bottom;
}
#header_agent_information_tab a {
    text-decoration: underline;
}
.edit_status {
    width: 6.5em;
    text-align: center;
}
.highlight_change {
    background: linear-gradient(transparent 0%, #ffd966 0%);
    display: inline-block;
}
.highlight_renew {
    background: linear-gradient(transparent 0%, #ed7d31 0%);
    display: inline-block;
}

/* インフォメーションバー */
.fas.fa-info-circle {
    font-size: 1.5rem;
    margin-right: 0.5rem;
}
.alert-primary span {
    vertical-align: super;
}

/*===================================
    ステータスバー
===================================*/
#status_bar,
#follow_status_bar {
    line-height : 140%;
    font-size : 18px;
}
#follow_status_bar {
    position : fixed;
    top : 0px;
    left : 0px;
    width : 100%;
    z-index : 10000;
    box-shadow : 0px 4px 7px -3px rgba(109, 109, 100, 0.87);
    -moz-box-shadow : 0px 4px 7px -3px rgba(109, 109, 100, 0.87);
    -webkit-box-shadow : 0px 4px 7px -3px rgba(109, 109, 100, 0.87);
}
#status_bar {
    padding : 5px;
}
#follow_status_bar .inner {
    width : 980px;
    margin: 5px auto;
    letter-spacing : -0.4em;
}
#follow_status_bar .inner div {
    display : inline-block;
    letter-spacing : normal;
}
#follow_status_bar .status_area {
    width : 30%;
    vertical-align : middle;
}
#follow_status_bar .apart_name_area {
    width : 70%;
    vertical-align : middle;
    text-align : right;
}
#follow_status_bar .status_bar_apart_name {
    display : inline-block;
    text-align : left;
    vertical-align : top;
}
.status_bar_color_1 {
    background-color : #cc99ff;
}
.status_bar_color_2 {
    background-color : #4472c4;
    color : #FFF;
}
.status_bar_color_3 {
    background-color : #ffd966;
}
.status_bar_color_4 {
    background-color : #ed7d31;
}
/* bar_color_2と統一したため不使用
.status_bar_color_5 {
    background-color : #4472c4;
    color : #FFF;
}*/
/* bar_color_3と統一したため不使用
.status_bar_color_6 {
    background-color : #bdd7ee;
} */
.status_bar_color_7 {
    background-color : #777777;
    color : #FFF;
}
.status_bar_color_8 {
    background-color : #444444;
    color : #FFF;
}

/******************************
    入力フォーム （table）
*******************************/

.tbl_basic,
.tbl_basic2{
    border: solid #BBB;
    border-width:1px 0 0 1px;
    border-collapse:separate;
    margin:auto;
    }
.tbl_basic th,
.tbl_basic td,
.tbl_basic2 th,
.tbl_basic2 td{
    border-style: solid;
    border-color: #BBB;
    border-width: 0 1px 1px 0;
}

.tbl_basic th,
.tbl_basic td,
.tbl_basic2 th,
.tbl_basic2 td
{
    padding: 5px;
    line-height: 140% !important;
    font-weight: normal;
}
.tbl_basic th {
    padding: 3px 5px;
    font-weight: normal;
    background-color: #C4E1FF;
    background-repeat: no-repeat;
    background-position: right center;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    /*text-shadow:1px 1px 0 rgba(255,255,255,0.85);*/
    color:#333;
}

/*グレーバージョン*/
.tbl_basic2 th {
    padding: 3px 5px;
    font-weight: normal;
    background-color: #ccc;
    background-repeat: no-repeat;
    background-position: right center;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    /*text-shadow:1px 1px 0 rgba(255,255,255,0.85);*/
    color: #333;
}

.tbl_basic th * {text-shadow:none;}
.tbl_basic th.child { background-color:#D7EBFF;} /* 親子構成になっている子の見出し */
.tbl_basic2 th.child { background-color:#efefef;} /* グレーバージョンになっている子の見出し */
.tbl_basic th.child2 { background-color:#ECF5FF;}
.tbl_basic th.hissu { background-image:url(../img/admin/icon_hissu.png); padding-right:35px;}
.tbl_basic th.hissu2 { background-image:url(../img/admin/icon_hissu_2.png); padding-right:45px;}
.tbl_basic th.ninni { background-image:url(../img/admin/icon_ninni.png); padding-right:10px;}
.tbl_basic th small { font-weight:normal; line-height:130%;}

/* 平成27年様式・令和元年様式・令和4年様式 */
body.fver2 .tbl_basic th,
body.fver3 .tbl_basic th,
body.fver4 .tbl_basic th { background-color:#D1F3D1 }
body.fver2 .tbl_basic th.child,
body.fver3 .tbl_basic th.child,
body.fver4 .tbl_basic th.child { background-color:#ECFDEC;}
body.fver2 .tbl_basic th.child2,
body.fver3 .tbl_basic th.child2,
body.fver4 .tbl_basic th.child2 { background-color:#F7FFF7;}
body.fver2 .tbl_basic thead td,
body.fver2 .tbl_basic .headline,
body.fver2 .tbl_basic td.thead,
body.fver3 .tbl_basic thead td,
body.fver3 .tbl_basic .headline,
body.fver3 .tbl_basic td.thead,
body.fver4 .tbl_basic thead td,
body.fver4 .tbl_basic .headline,
body.fver4 .tbl_basic td.thead { background-color:#D1F3D1 }

#op_entry .tbl_basic th.hissu,
#op_account_edit .tbl_basic th.hissu,
#op_edit_a .tbl_basic th.hissu,
#op_edit_b .tbl_basic th.hissu,
#op_edit_c .tbl_basic th.hissu,
#op_edit_c .tbl_basic2 th.hissu,
#op_edit_d .tbl_basic th.hissu,
#op_edit_e .tbl_basic th.hissu
{ background-image:url(../img/admin/icon_hissu_2.png); padding-right:40px;}
#op_edit_a .tbl_basic th.hissu.sentaku{ background-image:url(../img/admin/icon_sentaku.png); padding-right:40px;}

/* 文字制限 */
.tbl_basic th span.input_limit,
.tbl_basic2 th span.input_limit{
    font-weight:normal;
    background-color:#FFE2A6;
    border:1px solid #AAA;
    color:#555;
    padding:2px;
    font-size:85%;
    line-height:100%;
    display:inline-block;
    margin-top:1px;
}
.tbl_basic td span.input_limit,
.tbl_basic2 td span.input_limit{
    font-size:90%;
    color:#888;
    /*background-color:#D0E8FF;
    border:1px solid #999;
    padding:2px;*/
}

span.input_limit_nm {
    font-size:90%;
    color:#888;
    font-weight: normal;
}

/* 注意事項 */
.caut_org {
    font-size:90%;
    color:#AF6010;
}
th .caut_org {
    font-size:100%;
    color:#AF6010;
    font-weight:normal;
}

.tbl_basic thead td, .tbl_basic .headline,.tbl_basic td.thead{
    background-color:#336699;
    font-weight:bold;
    font-size:120%;
    color:white;
}

/*グレーバージョン*/
.tbl_basic2 thead td, .tbl_basic2 .headline,.tbl_basic2 td.thead{
    background-color:#666;
    font-weight:bold;
    font-size:120%;
    color:white;
}

/* 平成27年様式・令和元年様式・令和4年様式 */
body.fver2 .tbl_basic thead td,
body.fver2 .tbl_basic .headline,
body.fver2 .tbl_basic td.thead,
body.fver3 .tbl_basic thead td,
body.fver3 .tbl_basic .headline,
body.fver3 .tbl_basic td.thead,
body.fver4 .tbl_basic thead td,
body.fver4 .tbl_basic .headline,
body.fver4 .tbl_basic td.thead { background-color:#4E7D48; }

.tbl_basic tr.ta_center th { text-align:center;}
.tbl_basic caption{
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 8px;
    overflow: visible;
}
.tbl_basic.bdr2px { border-width:2px 1px 1px 2px;}

.tbl_basic td.btm2px, .tbl_basic th.btm2px { border-bottom-width:2px;}
.tbl_basic td.btmdotted, .tbl_basic th.btmdotted { border-bottom-style:dashed;}
.tbl_basic th.child_dotted { border-top:1px dashed #BBB; border-left:1px dashed #BBB;}
.tbl_basic th.no_border_btm { border-bottom:none;}
.tbl_basic th.no_border_right { border-right:none;}

/*縦書き時のスタイル*/
.tbl_basic .ver_line{
    text-align:center;
    font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}

/*チェック項目用のスタイル*/
.tbl_basic.tbl_check td.thead {
    background-color: #69c;
    font-size: 100%;
    padding: 2px 3px;
}
.tbl_basic.tbl_check td.thead { font-size:100%; background-color:#69C; padding:2px 3px; }
.tbl_basic.tbl_check td { font-size:105%;}
/*label { display:inline-block; margin-top:10px; margin-left:8px;}*/

/*判断基準*/
.tbl_basic td.head_eval{ background:#CCC; text-align:center; font-size:90%;}
.tbl_basic td.body_eval{ background:#f0f0f0; color:#666; font-size:90%; }
.cell_ra label {margin:3px;}


/******************************
    一覧表 （table）
*******************************/

.tbl_list {
    border: solid #BBB;
    border-width:1px 0 0 1px;
    border-collapse:separate;
    margin:auto;
    }
.tbl_list th,
.tbl_list td{
    border-style: solid;
    border-color: #BBB;
    border-width: 0 1px 1px 0;
    padding: 5px;
    line-height: 140% !important;
    font-weight: normal;
}
.tbl_list th img,
.tbl_list td img {
    vertical-align:middle;
    margin-bottom:2px;
}
.tbl_list th{
    padding: 8px 5px;
    font-weight: normal;
    background-color: #C4E1FF;
    background-repeat: no-repeat;
    background-position: right center;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}

/* 変更に係る事項 項目幅 */
.tbl_list td div.change_col_w {
    width: 15rem;
    word-wrap: break-word;
}

.edited {
    text-align: center;
    color: #666;
}

/* 登録済情報一覧閲覧 */
.tbl_list .house_id {
    width: 90px;
}
.tbl_list .apart_code {
    width: 125px;
}
.tbl_list .charge_city_name {
    width: 70px;
}
.tbl_list .apart_name {
    width: 260px;
}
.tbl_list .munic_reg_date {
    width: 95px;
}
.tbl_list .apply_status {
    width: 95px;
}
.tbl_list .admin_memo {
    width: 100px;
}

/* 平成27年様式・令和元年様式・令和4年様式 */
body.fver2 .tbl_list th,
body.fver3 .tbl_list th,
body.fver4 .tbl_list th { background-color:#D1F3D1 }

.tbl_list .foreachelse {
    padding:25px;
    text-align:center;
}
.tbl_list caption{
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 8px;
    overflow: visible;
}

.tbl_list.bdr2px { border:2px;}

/* エラー表示 */
#error_message {
    padding:10px;
    border:2px solid red;
    background-color:#FEE;
    margin-top:10px;
    margin-bottom:10px;
    color:red;
}
.error_message_color_black {
    color : black;
}
#error_message ul { list-style:disc; font-weight:bold;}

/* IME */
input.ime-on { ime-mode:active;} /* 日本語入力 */
input.ime-off { ime-mode:inactive;} /* 英数字入力 */
input.ime-dis { ime-mode:disabled;} /* 英数字入力　変更不可 */

.table_space {
    margin-bottom: 20px;
}

/*　運営情報TOPのエラーメッセージ */
.op_top {
    width:78%;
    margin:10px 89px;
}

/*===================================
    ボタン類
===================================*/
/* http://particletree.com/features/rediscovering-the-button-element/ */

/* ボタン配置用ブロック */
.button_wrap {
    position:relative;
    height:30px;}
.buttons {
    margin:20px auto;
    position:relative;
    left:50%;
    float:left;
    }
.buttons.no_margin { margin:5px auto !important; }

/* BUTTONS */
.buttons a, .buttons button{
    position:relative;
    left:-50%;
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #CECECE;
    border-top:1px solid #D2D2D2;
    border-left:1px solid #D2D2D2;
    /*font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;*/
    font-size:108%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:8px 14px 9px 11px; /* Links */
    border-radius:5px;
}
.buttons .btnPositioning{
    position:absolute;
    left:-318px;
    /left:-318px;/* IE7 */
    white-space: nowrap;
}
.buttons .btnPositioningRight{
    position:absolute;
    left:375px;
    /left:375px;/* IE7 */
    white-space: nowrap;
}
.buttons button{
    width:auto;
    overflow:visible;
    font-size:14px;
    padding:8px 14px 9px 11px; /* IE6 */
    background: -moz-linear-gradient(top, #fff, #F1F1F1 1%, #F1F1F1 60%, #DFDFDF 99%, #ccc);
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #F1F1F1), color-stop(0.5, #F1F1F1), color-stop(0.99, #DFDFDF), to(#ccc));
}
.buttons button[type]{
    padding:7px 13px 8px 10px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:7px 13px 8px 10px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
    vertical-align: baseline !important;
}
/* STANDARD */
.buttons button:hover, .buttons a:hover{
    /*background-color:#dff4ff;*/
    opacity:0.8;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}
/* POSITIVE */
button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}
/* NEGATIVE */
.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

.buttons button[disabled]{
    color:#999999;
}
.buttons button[disabled]:hover {
    background:#F5F5F5 !important; cursor:default; }

button.size-l{
    width: 200px;
}
button.size-m{
    width: 150px;
}

/* 一覧ページのボタン */

.list_button {
    display:inline-block;
    /*padding:5px; */
    padding:7px 13px 6px 10px;
    border:1px solid #AAA;
    border-radius:5px;
    background-color:#EFEFEF;
    background: -moz-linear-gradient(top, #fff, #F1F1F1 1%, #F1F1F1 60%, #DFDFDF 99%, #ccc);
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #F1F1F1), color-stop(0.5, #F1F1F1), color-stop(0.99, #DFDFDF), to(#ccc));
    vertical-align: middle;
    text-decoration:none;
    color:#333 !important;
    cursor:pointer;
    line-height:14px;
    font-size:14px;
}
a.list_button { line-height:1em;}

.change_top {
    padding-right: 45px;
    padding-left:40px;
    margin-right:90px;
}

.list_button:hover {
    /*background-color:#DEDEDE;
    background: -moz-linear-gradient(top, #fff, #e1e1e1 1%, #e1e1e1 50%, #cfcfcf 99%, #ccc);
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #e1e1e1), color-stop(0.5, #e1e1e1), color-stop(0.99, #cfcfcf), to(#ccc));*/
    opacity:0.8;
    text-decoration:none;
}

.list_button:active { color:white;}

.list_button * {vertical-align: middle;}
.list_button img {vertical-align:top; margin-right:3px;}
.list_button[disabled] { color:#999999 !important; background:#EFEFEF !important; cursor:default; }

/* 別添4-1 常駐する日のラジオボタンチェック外し用ボタン(任意の事業者アカウントのみ表示) */
.radio_no_check {
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #F1F1F1), color-stop(0.5, #F1F1F1), color-stop(0.99, #DFDFDF), to(#ccc));

    position: relative;
    bottom: 2.3rem;

    background-color: #f5f5f5;
    border: 1px solid #CECECE;
    border-top: 1px solid #D2D2D2;
    border-left: 1px solid #D2D2D2;
    font-size: 108%;
    line-height: 130%;
    text-decoration: none;
    font-weight: bold;
    color: #565656;
    cursor: pointer;
    padding: 5px 10px 5px 10px;
    border-radius: 5px;
}

.radio_no_check img {
    margin: 0 3px -3px 0 !important;
    padding: 0;
    border: none;
    width: 16px;
    height: 16px;
    vertical-align: baseline !important;
}

/* BUTTONSと併用する個別指定 */
.buttons.loose {
    float: none;
    left: 0;
    margin: 0.5rem 0 1.5rem 0;
}
.buttons.loose button {
    float: none;
    left: 0;
    width: 11rem;
}

.buttons.justify {
    float: none;
    left: 0;
    margin: 1rem 0 1rem 0;
    display: flex;
    justify-content: space-between;
}
.buttons.justify button {
    float: none;
    left: 0;
    width: 11rem;
}

.buttons.evenly {
    float: none;
    left: 0;
    margin: 1rem 0 1rem 0;
    display: flex;
    justify-content: space-evenly;
}
.buttons.evenly button {
    float: none;
    left: 0;
    width: 11rem;
}

.buttons.center {
    float: none;
    left: 0;
    margin: 1rem 0 1rem 0;
    display: flex;
    justify-content: center;
}
.buttons.center button {
    float: none;
    left: 0;
    margin: 0 2rem;
    width: 11rem;
}

/**********************/
/*ページ送り（一覧）*/
/**********************/
.skip_box{
    text-align: right;
    /*margin: 8px 0;*/
}
.skip_box A:link {text-decoration:underline}
.skip_box A:visited {text-decoration:underline}
.skip_box A:hover {text-decoration:underline}
.skip_box A:active {text-decoration:underline}
.skip_box a, .skip_box .cur{/*
    font-family:Arial, Helvetica, sans-serif;*/
    font-size: 14px;
    line-height: 18px;
    padding: 0 4px;
    /*margin: 0 4px;*/
}
.skip_box strong{
    /*font-family:Arial, Helvetica, sans-serif;*/
    font-size: 16px;
    line-height: 18px;
    padding: 0 4px;
}
.skip_box span,
.skip_box span a{
    font-family:"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka;
    /*font-size: 12px;*/
    /*margin: 0 4px;*/
}
.skip_box .cur { font-weight:bold; color:#333;}

.wordBreak { word-break: break-all; display:block;}

.confirm .btnGetAddress { display:none;}

.fadeout { color:red;}
.tac { text-align:center;}
.tal { text-align:left;}
.tar { text-align:right;}

.vat { vertical-align:top;}
.vam { vertical-align:middle;}
.vab { vertical-align:bottom;}

.sortBox {
    margin: 10px 0 5px 0;
}

/* システムエラー発生の表示 */
#query_error {
    display:none;
    color:#900;
    font-size:120%;
    line-height:130%;
    border:2px solid red;
    background-color:#FFFF99;
    padding:10px;
    margin:15px 0;
}

.btnDelTag {
    vertical-align:middle;
    margin-left:3px;
}
.btnDelTag img { vertical-align:text-bottom; border:0;}



/* ヘルプ表示 */
.help{
    color:#FFF;
    font-weight:bold;
    background:#F96;
    cursor:pointer;
    display:inline-block;
    width:1.5em;
    height:1.5em;
    line-height:1.5em;
    text-align:center;
    margin:0 5px;
    border-radius: 50%;
    float:right;
}
/* ツールチップヘルプアイコン */
.tooltip_help {
    color : #FFF;
    font-weight : bold;
    background : #2055D9;
    cursor : pointer;
    display : inline-block;
    width : 1.5em;
    height : 1.5em;
    line-height : 1.5em;
    text-align : center;
    margin : 0 5px;
    border-radius : 50%;
}

.tooltio_help_message {
    width: 500px;
}

.cond_help {
    color : #FFF;
    font-weight : bold;
    background : #2055D9;
    cursor : pointer;
    display : inline-block;
    width : 1.5em;
    height : 1.5em;
    line-height : 1.5em;
    text-align : center;
    margin : 0 5px;
    border-radius : 50%;
}

/* 入力検証エラー */
.error_form { background-color:#FFE8E8;}
.error_form input, .error_form select, .error_form textarea { border:1px solid #F00; }

label.disabled { color:#999999;}
label.checked { 
    background-color:#CCFF99;
    display: inline;
}
tr.checked { background-color:#E8FFE8}

.btnAddRow {
    display:inline-block;
    padding-left:18px;
    background:url(../img/icons/area_add.png) no-repeat 0px 2px;
    margin:2px;
    text-decoration:underline;
    color:#0000CC;
    cursor:pointer;
}
.confirm .btnAddRow { display:none;}

.btnDelRow {
    display:block;
    height:10px;
    width:2px;
    padding:10px 10px;
    background:url(../img/icons/area_close.png) no-repeat 50%;
    cursor:pointer;
}

.btnDelRow2 {
    display:block;
    height:16px;
    width:16px;
    padding:10px 10px;
    background:url(../img/admin/deleate_btn.png) no-repeat 50%;
    cursor:pointer;
}

.btnDelRow:hover .btnDelRow2:hover { opacity:0.8;}
.confirm .btnDelRow, .confirm .btnDelRow2 { display:none;}

/* 完了メッセージ */
#abs_result {
    width:400px;
    font-size:14px;
    background-color:#DFFFDF;
    border:1px solid #090;
    border-radius:4px;
    filter:alpha(opacity=97);
    -moz-opacity:0.97;
    -khtml-opacity: 0.97;
    opacity:0.97;
    position:absolute;
    top:92px;
    right:5px;
    margin:0;
    padding:6px;
    text-align:center;
    color:black;
    font-weight:bold;
    box-shadow:0 2px 4px rgba(0, 0, 0, 0.2);
    text-align:left;
}

#finished_msg {
    width:80%;
    background-color:#DFFFDF;
    border:1px solid #090;
    margin-top:6px;
    padding:6px;
    font-weight:bold;
    text-align:left;
}


/*===================================
    タブ
===================================*/

.tab_area {
    clear: both;
    border-bottom:#CCC 1px solid;
}

ul.tabNav.type2 {
    margin-left:23px;
    height:34px;
    list-style:none;
    font-size:110%;
    font-weight:bold;
}
/* 令和4年様式用 */
ul.tabNav.type2.tabNav_center {
    text-align: center;
    margin: 0;
}

ul.tabNav.type2 li {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    /*background: none repeat scroll 0 0 #F3F3F3;*/
    border-color:#BBBBBB;
    border-color: #BBBBBB #BBBBBB -moz-use-text-color;
    border-image: none;
    border-radius: 5px 5px 0 0;
    border-style: solid solid none;
    border-width: 1px 1px medium;
    background:#E9E9E9;
    color: #666;
    cursor: pointer;
    display: inline-block;
    /*padding: 3px 20px;
    text-decoration:none;
    height:27px;*/
    height:34px;
    margin:0;
}

ul.tabNav.type2 li a {
    display:block;
    padding:3px 15px;
    height:27px;
    line-height:28px;
    text-shadow:1px 1px 0 white;
    text-decoration:none;
    color:#003;
}

.tabNav.type2 li.active, .tab li:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ffffff), color-stop(0.00, #F3F3F3));
    background: -webkit-linear-gradient(top, #F3F3F3 0%, #ffffff 100%);
    background: -moz-linear-gradient(top, #F3F3F3 0%, #ffffff 100%);
    background: -o-linear-gradient(top, #F3F3F3 0%, #ffffff 100%);
    background: -ms-linear-gradient(top, #F3F3F3 0%, #ffffff 100%);
    background: linear-gradient(top, #F3F3F3 0%, #ffffff 100%);
    color:#333;
    cursor: pointer;
    text-decoration:none;
    height:35px;
}

ul.tabNav.type2 li span { }
.tab-box {
    display: none;
    padding:20px 0 0 0;
}

.attention_admin_01{
    border:solid 3px #002060;
    padding:3px;
    line-height:170%;
    text-align: center;
    color:red;
}

.attention_munic_01{
    padding : 10px;
    margin-bottom : 10px;
    border : 5px double #e05858;
    border-radius : 10px;
    background-color : #f5c8c2;
}

.image_migrated_exclamation {
    margin-top: 12px;
    float: right;
}
.image_migrated_text { color:RED; float:right;}

.image_pre_open {
    float: right;
}

.image_award {
    float: right;
    width: 23px;
    min-width: 23px;
    margin: 0 2px;
}

.op_name {
    float: left;
}

.op_d_label_grayout { color:GRAY;}
.op_e_label_grayout { color:GRAY;}

.executive_list_controll {
    margin-top : 5px;
    text-align : center;
    float : right;
    width : 14%;
    margin-bottom : 48px;
}
.executive_list_controll_header {
    text-align : center;
    margin : 5px 0 22px 0;
}
.executive_list_controll_item button {
    margin : 3px;
    width : 100px;
}
.executive_list {
    width : 85%;
    margin-bottom : 15px;
}

.expiration_date_alert { background-color : #FFB0B0; }

.expiration_date_alert_button {
    border-color: #F00;
    background-color: #FFB0B0;
    background: -moz-linear-gradient(top, #FFB0B0, #F1A6A6 1%, #F1A6A6 60%, #DF9A9A 99%, #cc8d8d);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFB0B0), color-stop(0.01, #F1A6A6), color-stop(0.5, #F1A6A6), color-stop(0.99, #DF9A9A), to(#cc8d8d));
}

/* 運営情報入力値警告 */
.tbl_basic th.data_exclamation {
    position: relative;
}
.tbl_basic th.data_exclamation::after {
    content: url(../img/icons/exclamation.png);
    padding: 5px 10px;
    position: absolute;
    right: 0;
    bottom: 0;
}

/*----------------------------------------------------
        モーダルウィンドウ総合テンプレート
-----------------------------------------------------*/

#confirm_modal_box,
#confirm_modal_box_provider,
#confirm_modal_box_office,
#confirm_modal_box_executive,
#corporation_modal_box,
#group_modal_box,
#group_assignment_modal_box,
#compare_modal_box,
#confirm_cond_name_modal_box,
#add_house_modal_box {
    max-width : 980px;
    position : fixed;
    display : none;
    z-index : 100001;
    overflow : auto;
    background : #fff;
    border : 2px solid #A0A0A0;
}

#confirm_modal_box .box_head,
#confirm_modal_box_provider .box_head,
#confirm_modal_box_office .box_head,
#confirm_modal_box_executive .box_head,
#corporation_modal_box .box_head,
#group_modal_box .box_head,
#group_assignment_modal_box .box_head,
#compare_modal_box .box_head,
#confirm_cond_name_modal_box .box_head,
#add_house_modal_box .box_head {
    color : #FFF;
    font-size : 16px;
    background : #808080;
    padding : 8px;
    margin : 0;
    border-bottom : 2px solid #A0A0A0;
    font-weight : bold;

}

#confirm_modal_box .box_inner,
#confirm_modal_box_provider .box_inner,
#confirm_modal_box_office .box_inner,
#confirm_modal_box_executive .box_inner,
#corporation_modal_box .box_inner,
#group_modal_box .box_inner,
#group_assignment_modal_box .box_inner,
#compare_modal_box .box_inner,
#confirm_cond_name_modal_box .box_inner,
#add_house_modal_box .box_inner {
    height : 630px;
    background : #FFF;
    padding : 20px;
    overflow : auto;
}

#overlay,
#group_overlay,
#mail_overlay {
    display : none;
    background : #000000;
    opacity : 0.5;
    position : fixed;
    top : 0px;
    left : 0px;
    min-width : 100%;
    min-height : 100%;
    z-index : 100000;
}

.modal_confirm_button {
    width : 80px;
    text-align : center;
}
.modal_confirm_button_with_cancel {
    width : 115px;
    text-align : center;
}

.modal_button_s {
    width: 80px;
    text-align: center;
}
.modal_button_sm {
    width: 6rem;
    text-align: center;
}
.modal_button_m {
    width: 155px;
    text-align: center;
}
.modal_button_l {
    width: 150px;
    text-align: center;
}

.modal_17instructions_button[disabled]:active, .modal_17instructions_button[disabled]:hover  {
    border: 1px solid #CECECE;
}
.modal_renew_pre_data_delete_confirm_button {
    width : 100px;
    height : 40px;
    text-align : center;
}
.modal_renew_pre_data_delete_confirm_button.single_row_list_button {
    line-height : 270%;
}

.box_head a {
    width: 21px;
    height: 21px;
    display: block;
    float: right;
    position: relative;
    top: -3px;
}
.cancelIcon {
    background: url(../img/ap/btn_close.png) center no-repeat;
    width: 21px;
    height: 21px;
    float: right;
}
.cancelIcon2 {
    background: url(../img/ap/btn_close02.png) center no-repeat;
    width: 21px;
    height: 21px;
    float: right;
}


#compare_modal_box table {
    width: 100%;
/*	margin-bottom: 25px;*/
}
#compare_modal_box th,
#compare_modal_box td {
    border: solid 1px #BAB6AB;
    padding: 0.5rem 0.5rem;
}
#compare_modal_box th {
    background: #a3a3e0;
    color: #fff;
    text-align: center;
}


#compare_modal_box .col {
    width: 20rem;
}
#compare_modal_box .compare {
    color: #f00;
    font-size: 1.2rem;
    text-align: center;
    width: 3rem;
}
#compare_modal_box .compare.mark {
    font-weight: bold;
}

#compare_modal_box .mark {
    color: #f00;
}


#compare_modal_box .box_foot {
    background: #EEE9D6;
    text-align: center;
    padding: 20px 0;
    border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
}

#compare_modal_box .box_foot .btn {
    display: inline-block;
    border: 2px solid #868487;
    background: #FFF url(../img/op/btn_close02.png) 10% center no-repeat;
    padding: 6px 10px 5px 33px;
    font-size: 16px;
    font-weight: bold;
    box-shadow: 4px 4px 6px -1px #d6dad2;
    -moz-box-shadow: 4px 4px 6px -1px #d6dad2;
    -webkit-box-shadow: 4px 4px 6px -1px #d6dad2;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    color: #5d5d5d!important;
}


/*----------------------------------------------------
        運営情報（登録画面）
-----------------------------------------------------*/
.op_time_error {
    display: inline-block;
    width: 22em;
}
.op_time_error_detail {
    display: inline-block;
    width: 13.5em;
}

/*----------------------------------------------------
        法人番号領域
-----------------------------------------------------*/
.tbl_corporation {
    width : 100%;
    border : solid 1px;
    border-color : #FB0;
    border-width : 1px 0 0 1px;
    border-collapse : separate;
    margin : auto;
    margin-bottom : 20px;
}
.tbl_corporation th,
.tbl_corporation td {
    border-style : solid;
    border-color : #FB0;
    border-width : 0 1px 1px 0;
    padding : 5px;
    line-height : 140% !important;
    font-weight : normal;
}
.tbl_corporation th {
    width : 30%;
    text-align : center;
    background-color : #FDA;
}
.tbl_corporation .no_border {
    border-width : 0;
}
.tbl_corporation .no_border_bottom {
    border-width : 0 0 1px 0;
}
.tbl_corporation .no_border_right {
    border-width : 0 1px 0 0;
}
.tbl_corporation .no_border_right_bottom {
    border-width : 0 1px 1px 0;
}
.tbl_corporation .button_item {
    padding : 20px;
    text-align : center;
}
.tbl_corporation .button_item_right {
    width : 30%;
    text-align : right;
}

.tbl_corporation .corporation_information {
    width : 35%;
    padding : 15px 5px;
}
.corporation_information_number,
.corporation_information_name {
    display : inline-block;
    width : 4.5em;
}

.tbl_corporation.bdr2px {
    border-width : 2px 1px 1px 2px;
}
.tbl_corporation .corporation_1.noprint,
.tbl_corporation .corporation_2.noprint,
.tbl_corporation .no_corporation_1.noprint,
.tbl_corporation .no_corporation_2.noprint {
    display : none;
}
.tbl_corporation .no_tbl_content {
    padding : 0;
}
/*----------------------------------------------------
        法人番号モーダル要素
-----------------------------------------------------*/
#corporation_modal_box {
    width : 560px;
}
#corporation_modal_box input[type="text"] {
    width : 60%;
}
#corporation_modal_input_area {
    background-color : #d9d9d9;
    padding : 10px;
    margin : 15px;
}
.corporation_modal_default_noprint {
    display : none;
}
.modal_hidden {
    display : none;
}

/*----------------------------------------------------
        同一法人一覧
-----------------------------------------------------*/

.tbl_corporation_list {
    width : 100%;
    border : solid 1px;
    border : solid #BBB;
    border-width : 1px 0 0 1px;
    border-collapse : separate;
    margin : auto;
    font-size : 12px;
    margin-bottom : 20px;
}
.tbl_corporation_list th,
.tbl_corporation_list td {
    border-style : solid;
    border-color : #BBB;
    border-width : 0 1px 1px 0;
}

.tbl_corporation_list th,
.tbl_corporation_list td {
    padding : 5px;
    line-height : 140% !important;
    font-weight : normal;
}
.tbl_corporation_list th {
    padding : 3px 5px;
    font-weight : normal;
    background-color : #C4E1FF;
    background-repeat : no-repeat;
    background-position : right center;
    font-size : 12px;
    font-weight : bold;
    text-align : center;
    color : #333;
}
.tbl_corporation_list.bdr2px {
    border-width : 2px 1px 1px 2px;
}
.tbl_corporation_list .noprint {
    display : none;
}
/*----------------------------------------------------
        同一法人一覧のボタン
-----------------------------------------------------*/
.list_button_corporation {
    display : inline-block;
    padding : 15px;
    border : 1px solid #AAA;
    border-radius : 5px;
    vertical-align : middle;
    text-decoration : none;
    color : #FFF !important;
    font-weight : bold;
    cursor : pointer;
    line-height : 14px;
    font-size : 14px;
}

.list_button_corporation:hover {
    opacity : 0.8;
    text-decoration : none;
}

.list_button_corporation.detail_button {
    background : -moz-linear-gradient(top, #3689F0, #3381E3 1%, #3381E3 60%, #327EDD 99%, #2F77D1);
    background : -webkit-gradient(linear, left top, left bottom, from(#3689F0), color-stop(0.01, #3381E3), color-stop(0.5, #3381E3), color-stop(0.99, #327EDD), to(#2F77D1));
    background-color : #3689F0;
}

.list_button_corporation.citation_button {
    background : -moz-linear-gradient(top, #FF6600, #F16100 1%, #F16100 60%, #DF5E00 99%, #CC5900);
    background : -webkit-gradient(linear, left top, left bottom, from(#FF6600), color-stop(0.01, #F16100), color-stop(0.5, #F16100), color-stop(0.99, #DF5E00), to(#CC5900));
    background-color : #FF6600;
}

.corporation_list_item_center {
    text-align : center;
}
/*----------------------------------------------------
        法人番号案内通知バナー要素
-----------------------------------------------------*/

#corporation_banner_box {
    border : solid 5px;
    border-color : #A00;
    margin-bottom : 10px;
}

#corporation_banner_box .box_header {
    text-align : center;
    background-color : #A00;
    color : #FFF;
    font-weight : bold;
    font-size : 130%;
    padding : 5px;
}

.tbl_banner td {
    padding : 5px 15px;
}

.corporation_banner_default_border_area {
    border : solid 5px;
    border-color : #A00;
    padding : 10px;
    display : inline-block;
}

/*----------------------------------------------------
        引用選択画面
-----------------------------------------------------*/

.tbl_citation {
    width : 100%;
    border : 0px;
    border-collapse : separate;
    margin : auto;
    margin-bottom : 20px;
}
.tbl_citation td {
    width : 50%;
    padding : 5px 20px;
}
.tbl_citation .only_item_caption {
    width : 50%;
    margin : auto;
}

.citation_button_link {
    float : right;
    padding : 0 10px;
    font-weight : bold;
}

/*----------------------------------------------------
        法人番号検索一覧画面
-----------------------------------------------------*/

.corporation_long_form {
    width : 350px;
}

/* 公開情報に関するボタン用クラス */
.opendata_command {
    height:35px;
    }
.opendata_command .buttons {
    margin:0px auto;
    }
.opendata_text{
    height:40px;
    position:relative;
}
.opendata_text .content{
    position:absolute;
    left:472px;
    margin-top: 4px;
    text-decoration:underline;
    color:red;
}

.confirm_alert_text{
    height:70px;
    position:relative;
}

.confirm_alert_text .content{
    position:absolute;
    left:160px;
    margin-top: 4px;
}

.bold_button {
    border:2px solid #AAA;
    }

.stand_button {
    border: 2.5px solid #ff6161;
    box-shadow: 2px 1px 1px #FF6928;
    }

.list_question {
    display:inline-block;
    vertical-align: middle;
    font-size:14px;
    position:relative;
    left:-50%;
    margin:8px -20px 0 -9px;
}

.cond_question {
    display:inline-block;
    vertical-align: middle;
    font-size:14px;
    position:relative;
}

.policy_scroll {
    height:150px;
    margin-top:10px;
    overflow:auto;
    padding:5px 25px 16px 25px;
    border:1px solid #ccc;
    border-radius:6px;
}

.policy_title {
    font-weight:bold;
    font-size:112%;
    margin:5px;
}

.attention_agent_01{
    padding : 10px;
    margin-bottom : 10px;
/*     border : 5px double #e05858; */
    border-radius : 10px;
    background-color : #f5c8c2;
    margin-bottom:15px;
}

.status_box {
    float: left;
    margin-right: 15px;
}

.control_box {
    float: left;
    width: 4.5rem;
    line-height: 25px;
}

.fs95 {
    font-size:95%;
}

/*----------------------------------------------------
        モーダル内グループ表
-----------------------------------------------------*/

.tbl_group {
    width : 100%;
}
.tbl_group_assignment {
    width : 50%;
}

.tbl_group th, .tbl_group td,
.tbl_group_assignment th, .tbl_group_assignment td {
    padding : 5px;
}
.tbl_group_assignment th {
    text-align: center;
}
.tbl_group_assignment th.abbreviation {
    text-align: left;
    padding-left: 5px;
}

/* グループ削除ボタン */
.group_delete_button {
    width: 6.5rem;
    text-align: center;
}
a.group_delete_button {
    line-height: 14px;
}

/* グループアイコン */
div.group_icon {
    display: inline-block;
    line-height: 1.1rem;
    padding: 0 0.4rem;
    margin-right: 3px;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    border-radius: 10px;
}
div.group_icon.group_color_0 {
    background-color: #03AF7A;
    color: white;
}
div.group_icon.group_color_1 {
    background-color: #005AFF;
    color: white;
}
div.group_icon.group_color_2 {
    background-color: #4DC4FF;
    color: white;
}
div.group_icon.group_color_3 {
    background-color: #FF8082;
    color: white;
}
div.group_icon.group_color_4 {
    background-color: #F6AA00;
    color: white;
}


/* 導線用メニューページのスタイル */
#index_menu {
    width: 800px;
    height: 300px;
    margin: 30px auto 15px auto;
}

#index_menu .fleft {
}

#index_menu a {
    color: #333333;
    text-decoration: none;
    display: block;
    padding: 15px;
    height: 277px;
    border-radius: 10px;
}

#index_menu .blank_box {
    padding: 15px;
    height: 250px;
}

#index_menu .menu_box {
    display: block;
    float: left;
    padding: 0px;
    width: 360px;
    height: 280px;
    border-top: 0px solid #dcdcdc;
    border-left: 0px solid #dcdcdc;
    border-right: 0px solid #aaa;
    border-bottom: 0px solid #aaa;
    background: #C0C0C0;
    border-radius: 10px;
    box-shadow: 2px 2px 4px gray;
}

#index_menu .rdiv {
	margin-right: 25px;
}

#index_menu .title {
    height: 35px;
    line-height: 35px;
    font-size: 2em;
    font-weight: bold;
    text-align: center;
    margin: 20px 50px 20px 50px;
}

#index_menu .description {
    height: 60px;
    padding: 5px 10px;
}

#index_menu .status {
    height: 35px;
    line-height: 35px;
    font-size: 1.5em;
    text-align: center;
    margin: 0px 0px 30px 0px;
}

#index_menu .status_caption, .attention {
    font-weight: bold;
}

#index_menu .status_uline {
    width: 80%;
    margin-top: 0px;
}
#index_menu .status_uline.hr1 {
    border-color: #78B251;
    border-top: 1px solid #78B251;
    border-bottom: 1px solid #BCDAA9;
}
#index_menu .status_uline.hr2 {
    border-color: #64A1D7;
    border-top: 1px solid #64A1D7;
    border-bottom: 1px solid #B2D0EC;
}

#index_menu .msg {
    height: 20px;
    text-align: center;
}

#index_menu .type1 {
    border-top: 1px solid #78B251;
    border-left: 1px solid #78B251;
    border-right: 1px solid #78B251;
    border-bottom: 2px solid #78B251;
    background: #E2F0D9;
}
#index_menu .type1 a:hover {
/*
    border-top: 1px solid #78B251;
    border-left: 1px solid #78B251;
    border-right: 1px solid #78B251;
    border-bottom: 2px solid #78B251;
*/
    background:#CCFFCC;
}

#index_menu .type2 {
    border-top: 1px solid #64A1D7;
    border-left: 1px solid #64A1D7;
    border-right: 1px solid #64A1D7;
    border-bottom: 2px solid #64A1D7;
    background: #DEEBF7;
}
#index_menu .type2 a:hover {
/*
    border-top: 1px solid #64A1D7;
    border-left: 1px solid #64A1D7;
    border-right: 1px solid #64A1D7;
    border-bottom: 2px solid #64A1D7;
*/
    background:#CCFFFF;
}

.btn_op_search {
    width: 150px;
    letter-spacing: 0.5em;
    font-weight: bold;
}

.chkbox {
    margin: 0 0 0px 20px;
}
.chkbox label {
    padding-left: 26px;
    font-size: 20px;
    line-height: 20px;
    display: inline-block;
    cursor: pointer;
    position: relative;
}
.chkbox label:before {
    content: '';
    width: 20px;
    height: 20px;
    display: inline-block;
    position: absolute;
    left: 0;
    background-color: #dedede;
    box-shadow: inset 1px 2px 3px 0px #a6a6a6;
    border-radius: 3px 3px 3px 3px;
}
.chkbox input[type=checkbox] {
    display: none;
}
.chkbox input[type=checkbox]:checked + label:before {
    content: '\2713';
    font-size: 22px;
    color: #fff;
    background-color: #06f;
}

.mail_group_chkbox input[type=checkbox] {
    height: 1.2rem;
    width: 1.2rem;
}
.group_select .mail_group_chkbox input[type=checkbox] {
    position:relative;
    top: 5px;
}
.group_select label, .expiration_select label {
    margin-right: 15px;
}

.op_memo_box {
    position: relative;
}

.op_memo {
    width: 480px;
    height: 3em;
}

.op_btn {
    position: absolute;
    bottom: 30px;
    left: 510px;
}

.op-mt {
    margin-top:40px;
}
.op-mb {
    margin-bottom:20px;
}
.op-p-1 {
    font-size:110%;
    margin:25px 0 0;
}
.op-p-2 {
    font-size:110%;
    margin:50px 0 0;
}

.memo_tips {
	z-index: 10;
}
.memo_tips:hover {
	position: relative;
	z-index: 100;
}
.memo_tips span {
	display: none;
}
.memo_tips:hover span {
	display: block;
	position: absolute;
	float: left;
	white-space: nowrap;
	top: -2.2em;
	left: 0.5em;
	background: #fffcd1;
	border: 1px solid #444;
	color: #444;
	padding: 1px 5px;
	z-index: 10;
}

.btn_area_left,
.btn_area_right{
padding:20px;
margin-bottom:20px;
}
.btn_area_left{
border:2px solid #90ee90;
background:#e0ffe6;
}
.btn_area_right{
border:2px solid #ffb6c1;
background:#ffeaf0;
}
.btn_area_left a,
.btn_area_right a{
margin:10px 0;
text-align:center;
}

/* 様式切り替えボタン */
.format_txt {
	margin-right: 0px;
}
.format_convert_btn {
	padding: 7px 10px 6px 10px;
}
.format_convert_btn[disabled] {
	color:#333 !important;
	background:#9F9F9F !important;
	cursor:default;
}

/* 地公体＿過去のお知らせ（アコーディオン） */
.past-article-title {
  display: block;
  position: relative;
  cursor: pointer;
  margin-bottom:30px;
  line-height:130%;
  width:150px;
  font-weight:bold;
}
.past-article-title:after {
  content: "";
  position: absolute;
  right: -9px;
  top: 0%;
  transition: all 0.2s ease-in-out;
  display: block;
  width: 8px;
  height: 8px;
  border-top: solid 2px #000000;
  border-right: solid 2px #000000;
  transform: rotate(135deg);
}
.past-article-title.open:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 45%;
}
.past-article-content {
  display: none;
  padding-left: 1em;
  line-height: 1.2rem;
}

/* 地公体＿お知らせ（アコーディオン） */
.article-title {
    position: relative;
    cursor: pointer;
    width: 100%;
    font-weight:bold;
}
.article-title:after {
  content: "";
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
  transition: all 0.2s ease-in-out;
  display: block;
  width: 8px;
  height: 8px;
  border-top: solid 2px #000000;
  border-right: solid 2px #000000;
  transform: rotate(135deg);
}
.article-title.open:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 45%;
}
.article-title div {
  display: inline-block;
  position: relative;
  top: -0.2rem;
}
.article-box {
    margin-bottom: 0.5rem;
}
.article-content{
    display: none;
    padding : 0.5rem 2rem 0.25rem 2rem;
    line-height: 1.2rem;
}

/* 各ログイン画面（事業者、地公体、事業者マスタ）お知らせ */
/* 各TOP画面（事業者、事業者マスタ）お知らせ */
.notice-title {
  position: relative;
  cursor: pointer;
  margin-bottom: 0.5rem;
  width: 100%;
}
.notice-title div.title {
  display: inline-block;
  font-size: 1rem;
  font-weight:bold;
  position: relative;
  top: -0.2rem;
}
.notice-title div.contents {
  font-weight: normal;
  margin-top: 0.5rem;
  margin-left: 2rem;
}



/* 地公体トグルスイッチ */
.toggle.ios, .toggle-on.ios, .toggle-off.ios {
    border-radius: 20rem;
}
.toggle.ios .toggle-handle {
    border-radius: 20rem;
    width: 40px;
}
.toggle.sml-hdl, .toggle-on.sml-hdl, .toggle-off.sml-hdl {
    border-radius: 20rem;
    border-width: 2px;
}
.toggle.sml-hdl .toggle-handle {
    border-radius: 20rem;
    width: 40px;
}
.btn-orange {
    color: #fff;
    background-color: #e87625;
    border-color: #e87625;
}
.btn-orange, .btn-orange:hover, .btn-orange:active{
    background-color: #dd6b17;
    border-color: #dd6b17;
}
.agent_available_label{
    color: #e87625;
    font-weight: bold;
    border-bottom: solid 3px #e87625;
}
.toggle-marker{
    background: linear-gradient(transparent 0%, #ffd699 0%);
    display:inline;
}
/* bootstrapのcssの影響を調整するクラス */
.mnc-caption{
    padding-top: 0px;
    padding-bottom: 0px;
    color: #333333;
    caption-side: top;
}
.mnc_modal{
    box-sizing: content-box;
}

/* 誓約事項 */
li.pledge_type_pr {
    padding-left:1.5em;
    text-indent:-1.5em;
}
li.pledge_type_srv {
    padding-left:1.5em;
    text-indent:-1.5em;
}

.hide {
    display : none;
}

td.check_label {
    background-color: #ffc690;
}

.comp_msg_box {
    width:920px;
    margin:30px auto;
    text-align: center;
}
.comp_msg {
    font-weight:bold;
    margin: 0px 240px;
    height: 18px;
}
.comp_sub_msg {
    font-weight:bold;
}
.next_op_msg {
    display: inline;
}

.msg_c1 {
    background: linear-gradient(transparent 75%,#ff9393 75%);
}
.msg_c2 {
    background: linear-gradient(transparent 75%,rgb(220, 93, 20) 80%);
}
.fs_l {
    font-size: large;
}
.fc_gray {
    color: dimgray;
}

.btn-square {
    display: inline-block;
    width: 300px;
    height: 30px;
    padding-top: 1em;
    text-align: center;
    text-decoration: none;
    background: #049437;
    font-size: 18px;
    font-weight:bold;
    color: #FFF !important;
    border-bottom: solid 3px #3E6032;
    border-right: solid 2px #3E6032;
    border-radius: 3px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.op_warning {
    border:2px solid #FFDD66;
    background:#FFFFCC;
    margin: 10px;
    padding: 10px 10px;
}
.op_warning ul {
    text-align: left;
    margin: 0 auto;
    display: inline-block;
}
.op_warning .b {
    font-weight:bold;
}
.op_warning ul.shortMsg {
    list-style: disc;
    margin-left: 32px;
}

.op_alert {
    float: right;
    position: relative;
    top: -45px;
    height: 0px;
    color: #f00;
    font-weight: bold;
}
.op_alert p {
    float: right;
    padding: 10px;
    text-decoration: underline;
}

.link_mail_edit {
    width: 25px;
    margin:auto 0;
}

/* 王冠マーク関連スタイル */
.history_cmd_box label {
    display: inline-block;
    width: 40%;
}
.history_cmd_box div {
    display: inline-block;
}
.history_link {
    margin-left: 20px;
}
.switch_btn[disabled] {
	color:#333 !important;
	background:#9F9F9F !important;
	cursor:default;
}

/*----------------------------------------------------
        様式切替に伴うインフォメーションバー
-----------------------------------------------------*/
#style_switch_info {
    position: relative;
    padding: .75rem 1.25rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;

    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

#style_switch_info i {
    font-size: 1.5rem;
    margin-right: 0.5rem;
    color: #856404;

    top: .2rem;
    position: relative;
}

#style_extend_info {
    position: relative;
    padding: .75rem 1.25rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;

    color: #084298;
    background-color: #cfe2ff;
    border-color: #b6d4fe;
}

#style_extend_info i {
    font-size: 1.5rem;
    margin-right: 0.5rem;
    color: #084298;

    top: .2rem;
    position: relative;
}
#style_extend_info span {
    display: inline-block;
    margin-bottom: 1rem;
}
#style_extend_info label {
    margin-left: 2.5rem;
}

.sp-only { display: none !important; }

/* 完了メッセージ */
#complete_msg {
    position: relative;
    padding: .75rem 1.25rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}
#complete_msg .msg_list div {
    margin-left: 2.2rem;
    margin-top: 0.3rem;
}

#complete_msg.warn {
    color: #856404;
    background-color: #fff3cd;
}
#complete_msg.info {
    color: #0F5132;
    background-color: #d1e7dd;
}

#complete_msg i {
    font-size: 1.5rem;
    margin-right: 0.5rem;
    top: .2rem;
    position: relative;
}
#complete_msg.warn i {
    color: #856404;
}


#past_date_msg {
    position: relative;
    padding: .75rem 1.25rem 1.25rem;
    margin-top: 0.5rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    width: 85%;
}
#past_date_msg.warn {
    color: #856404;
    background-color: #fff3cd;
}
#past_date_msg i {
    font-size: 1.5rem;
    margin-right: 0.5rem;
    top: .2rem;
    position: relative;
}
#past_date_msg.warn i {
    color: #856404;
}

/*----------------------------------------------------
        一斉メール配信の注意喚起メッセージ
-----------------------------------------------------*/
#munic_mail_info {
    position: relative;
    padding: .75rem 1.25rem .75rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;

    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

#munic_mail_info i {
    font-size: 1.5rem;
    margin-right: 0.5rem;
    color: #856404;

    top: .2rem;
    position: relative;
}

.messagebox {
    position: relative;
    padding: .75rem 1.25rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;

    color: #084298;
    background-color: #cfe2ff;
    border-color: #b6d4fe;
}

.messagebox i {
    font-size: 1.5rem;
    margin-right: 0.5rem;
    color: #084298;

    top: .2rem;
    position: relative;
}

.r4_additional.off {
    display: none;
}

.display-none {
	display: none !important;
}

.ap_detail .headline {
    background-color:#4E7D48;
}
.ap_detail th {
    background-color:#D1F3D1;
}

.agent_cmd_bar {
    display: flex;
    padding: 7px 12px;
    margin-bottom: 20px;
    background-color: #F0F0F0;
}
.agent_cmd_r {
    margin-left: auto;
}
.agent_cmd_r i {
    font-size: 120%;
    color: #666;
    margin-right: 2px;
}

.search_band {
    padding: 6px 6px;
    background-color:#E1F0FF;
    border-left: 1px solid #BBB;
    border-right: 1px solid #BBB;
    cursor: pointer;
}

.login_box {
	background-color: #dfefff;
	margin: 20px 0;
	width: 28rem;
}
.login_box td {
	padding: 0.2rem; 
	/* padding: 5px;  */
}
.login_box td.caption {
	text-align: right;
	font-weight: bold;
}
.login_box td.check {
	text-align: center;
}

.tooltip-anytool,
.tooltip-anytool:hover {
	color: inherit;
	text-decoration: none;
}

#ap_index_menu img {
	vertical-align: middle;
}

.uline {
	text-decoration: underline;
}

/* 事業者マスタ関連 */
#add_house_modal_input_area {
	background-color : #d9d9d9;
	padding : 1rem;
	margin-bottom: 1rem;
}

.search-help {
    color:#FFF;
    font-weight:bold;
    background:#2055D9;
    cursor:pointer;
    display:inline-block;
    width:1.3em;
    height:1.3em;
    line-height: 1.3em;
    text-align:center;
	border-radius: 50%;
	float: right;
}

.search-help.fnone {
	float: none;
}

#list_wrap a {
	text-decoration: underline;
}

.scroll_tab {
	height: 18rem;
	overflow: auto;
	border: 1px solid #bbb;
}
.scroll_tab table {
}
.scroll_tab table th {
	position: sticky;
	top: 0;
}

/* 事業者の引用上書き表示 */
.diff_tab {
	width: 100%;
	border-collapse: collapse;
}
.diff_tab tbody {
	border-top: 2px solid #999;
}
.diff_tab th.category {
	background-color: #4E7D48 !important;
	color: white;
	font-weight: bold;
	font-size: 120%;
}
.diff {
	color:red;
	background-color:rgb(255,244,244);
}

/*----------------------------------------------------
                お知らせ編集機能
-----------------------------------------------------*/

/* 一覧と詳細画面のカテゴリアイコン */
.news-category {
    border-radius: 10px;
    display:inline-block;
    padding: 0px 5px;
    color: #fff;
    font-weight: bold !important;
    font-size: 9pt;
    line-height: 1.3rem;
    text-align: center;
    width: 98px;
    margin: 3px 3px 3px 0px;
}
.news-category.cat-0 {
    background:#E564B4;
    letter-spacing: 0.2rem;
    text-indent: 0.2rem;
}
.news-category.cat-1 {
    background:#4A8B1B;
}
.news-category.cat-2 {
    background:#294A9C;
    letter-spacing: 0.2rem;
    text-indent: 0.2rem;
}
.news-category.cat-3 {
    background:#EA7E10;
    letter-spacing: 0.2rem;
    text-indent: 0.2rem;
}

/* カテゴリ（送信先）の位置調節用 */
.category_box label {
    display: block;
}
.category_box {
    height: 55px;
    width: 350px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

/* チェックボックスとラジオボタンの縦位置調節用 */
.news_search_form input[type="checkbox"],
.news_search_form input[type="radio"]{
    position:relative;
    top: 2px;
    margin-right: 5px;
}
.news_edit_form input[type="checkbox"],
.news_edit_form input[type="radio"]{
    position:relative;
    top: 2px;
    margin-right: 5px;
}