@charset "utf-8";
/* CSS Document */
/*-----------共通-----------*/
#wrapper {
    width: 94%;
    margin: 0 3%;
    background-color: #fff;
    font-size: 12px;
    border-left: solid 1px #999;
    border-right: solid 1px #999;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body {
    min-width: 980px;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    background-image: url(../img/background.png);
    background-repeat: repeat;
}
input, select, textarea {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 100%;
}
input, select {
    vertical-align: baseline;
}
p {
    line-height: 1.5em;
}

/**************** フロート ****************/
/* 左寄せ */
.float_left {
    float: left;
}
/* 右寄せ */
.float_right {
    float: right;
}
/* 解除 */
.clear {
    clear: both;
}
/* 文字：左寄せ */
.align_left {
    text-align: left;
}
.align_right {
    text-align: right;
}
.align_center {
    text-align: center;
}
/* 20210119 No.3-2 文言追加変更(申込ボタン押し忘れ対応) furuya add START */
/* PCとスマホで共有 */
.align_pc_sp {
    text-align: center;
}
/* 20210119 No.3-2 文言追加変更(申込ボタン押し忘れ対応) furuya add END */

/**************** 汎用ツール ****************/
/* 20210119 No.3-2 文言追加変更(申込ボタン押し忘れ対応) furuya add START */
/* PCとスマホで共有 */
.attention_message_font-size_pc_sp {
    font-size: 14px;
}
/* 20210119 No.3-2 文言追加変更(申込ボタン押し忘れ対応) furuya add END */

/* 20210309 No.3-3 個人情報を入力する前に「ありません」と表示する furuya add START */
/* PCとスマホで共有 */
.no_task_message_style_pc_sp {
    border: solid 1px #f00;
    width: 68%;
}
/* 20210309 No.3-3 個人情報を入力する前に「ありません」と表示する furuya add END */

/* 20210310 No.3-4 事前確認WEB実施 thirithein add START */
/* PCとスマホで共有 */
.float_pc_sp {
    float: none;
}
/* PCとスマホで共有 */
.overflow_pc_sp {
    overflow: hidden;
}
/* 20210310 No.3-4 事前確認WEB実施 thirithein add END */

/* PCとスマホで共有 */
.title_font-size_pc_sp {
    font-size: 16px;
}

/* 20230401 約款修正 yoshii add START */
/* PCとスマホで共有2 */
.title_font-size_pc_sp2 {
    font-size: 14px;
}
/* 20230401 約款修正 yoshii add END */

/* 20250401 約款改定 ohashi add START */
/* PCとスマホで共有3 */
.title_font-size_pc_sp3 {
    font-size: 14px;
}
/* 20250401 約款改定 ohashi add END */

/* 必須マーク */
.required {
    color: #f00;
}
/* 注意事項 */
.attention_message {
    color: #f00;
}
/* 登録成功カラー */
.success {
/*	color: #38a750;*/
}
/* コンテンツメッセージ表示エリア */
.contents_message_area {
    margin-bottom: 20px;
    width: 100%;
}
/* 入力フォーム(two_col_table)向けメッセージ表示エリア */
.form_message_area {
    margin: 0 auto;
    width: 90%;
}

/* PCのみblockで表示（スマホでは非表示） */
.display_pc {
    display: block !important;
}
/* PCのみinline-blockで表示（スマホでは非表示） */
.display_inline_pc {
    display: inline-block !important;
}
/* スマホのみblockで表示（PCでは非表示） */
.display_sp {
    display: none !important;
}
/* スマホのみinline-block, inlineで表示（PCでは非表示） */
.display_inline_sp, .display_inline_element_sp {
    display: none !important;
}
/* PCではinline-block（スマホではblock） */
.switch_inline_block {
    display: inline-block !important;
}

/*半角英数字*/
.abc123 {
    ime-mode: disabled;
}

/*半角英数字(切替可能)*/
.abc123active {
    ime-mode: inactive;
}

/*全角*/
.fullkana {
    ime-mode: active;
}

/* 条件によってテーブルの列表示/非表示 */
.invisible_table {
    display: none !important;
}

/* 20211019 No.13 試験監督ランクの変更 furuya add START */
/* ポインターイベント対象外*/
.pointer_invalid {
    pointer-events: none;
}
/* 20211019 No.13 試験監督ランクの変更 furuya add END */

/* NEWアイコン */
.new_icon {
    color: #B50004;
    height: 12px;
    line-height: 12px;
    margin: 0 10px;
    font-weight: bold;
}
/* ページ内リンク */
.page_link {
    margin-top: 7px;
    margin-bottom: 7px;
}
.page_link a {
    background-image: url(../img/accordion_arrow_d.png);
    background-repeat: no-repeat;
    background-size: 22px;
    padding-top: 3px;
    padding-left: 20px;
}

/*ページの上部へ*/
.page_upper {
    width: 100%;
    height: 30px;
}
.page_upper a {
    display: block;
    border: solid 1px #999999;
    text-decoration: none;
    float: right;
    width: 120px;
    height: 30px;
    line-height: 30px;
    background-color: #fff;
    text-align: center;
    margin: 10px auto;
}

/* 単語の途中で改行可能にする */
.word_break {
    word-wrap: break-word;
}

/* エラーメッセージ */
.error {
    color: #f00;
    margin-bottom: 10px;
    line-height: 1.5em;
}
/* リンク */
a:active {
    color: -webkit-link;
}

/* 20241113 RFC違反メールアドレス対応 ohashi add START */
.paragraph_adjustment {
    padding-left: 1em;
    text-indent: -1em;
    line-height: 2em;
}

.paragraph_adjustment2 {
    padding-left: 1em;
    text-indent: -1em;
    line-height: 1.5em;
}
/* 20241113 RFC違反メールアドレス対応 ohashi add END */

/**************** メインコンテンツ ****************/
#main {
    min-height: 480px; /*********　あとで消す!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! ****************/
    margin: 0px;
    text-align: left;
    padding: 10px 4% 0;
    clear: both;
    background-color: #eceff6;
    overflow: hidden;
}
/* コンテンツボックス */
.contents_box {
    background-color: #fff;
    padding: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    min-height: 300px;
    word-wrap: break-word;
}

/**************** ヘッダー ****************/
header {
    border-bottom: 3px solid #2f649b;
}
.header_notlogin {
    border-bottom: 0px;
}
/* ロゴ */
#logo {
    float: left;
    width: 175px;
    height: 40px;
    background-image: url("../img/top_logo.png");
    background-repeat: no-repeat;
    background-size: contain;
    margin: 20px 10px 10px 10px;
}
/* 環境ロゴ */
#enviroment_logo {
    float: left;
    width: 100px;
    height: 50px;
    background-repeat: no-repeat;
    background-size: contain;
}
/* テストセンター電話番号 */
#header_left{
    display: block;
    float: left;
    margin: 12px 0 0 8px;
    text-align: left;
    line-height: 1.4;
}

#header_left dd {
  font-size: 120%;
  padding-left: 10px;
}

/* 人事部電話番号 */
#header_left2{
    display: block;
    float: left;
    margin: 12px 0 0 30px;
    text-align: left;
    line-height: 1.4;
}

#header_left2 dd {
  font-size: 120%;
  padding-left: 10px;
  /* テストセンターの電話番号と高さを合わせる */
  margin-top: 4px;
}

/* ログイン名、ログアウトボタンエリア */
#header_right {
    float: right;
}
#header_right li {
    list-style: none;
    float: left;
}
/* ログイン名 */
#loginname {
    height: 30px;
    line-height: 30px;
    margin: 10px;
}
/* ログアウト */
#logoutarea {
    background-image: url(../img/logout.png);
    background-repeat: no-repeat;
    width: 110px;
    height: 33px;
    line-height: 33px;
    display: block;
    color: #000;
    text-decoration: none;
    margin: 8px;
    padding-left: 5px;
}
#logoutarea:hover {
    background-image: url(../img/h_logout.png);
}
/* スマフォ用ログアウト */
#s_logout {
    display: none;
}
/* ログアウトダイアログ */
#logout_dialog {
    display: none;
}
#logout_dialog a.blue_button_l {
    display: block;
    cursor: pointer;
    width: 179px;
    height: 43px;
    line-height: 43px;
    text-align: center;
    background-image: url(../img/button_blue_l.gif);
    background-repeat: no-repeat;
    color: #fff;
    margin: 10px auto;
    font-size: 130%;
    border: 0;
    text-decoration: none;
    background-color: transparent;
}

/**************** ポップアップウィンドウ ****************/
.ui-dialog {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  word-wrap: break-word;
}
.ui-dialog .ui-dialog-buttonpane button {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.ui-widget input {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: none!important;
    text-align: center;
}
.ui-widget-content {
    border: 0px!important;
}
.ui-widget {
    font-size: 0.9em!important;
}
.ui-widget p {
    margin: 10px auto;
    margin: 0 auto\9;
    text-align: left;
}
.ui-dialog .ui-dialog-content {
    padding: 1em 0.6em!important;
}
.ui-widget-header {
    background: none!important;
    background-color: #2f649b!important;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    color: #2f649b!important;
}
.ui-dialog .ui-dialog-buttonpane {
    margin-top: 3%!important;
    margin-top: 1%\9!important;
}
.ui-widget-header {
    background: none!important;
    background-color: #2f649b!important;
}
.ui-dialog .ui-dialog-titlebar {
    height: 35px;
    line-height: 35px;
}
#confirmDialog .confirmDialogMsg {
  margin: 0 auto;
  padding-bottom: 0;
  text-align: left;
  line-height: 1.4;
}
#confirmDialog.ui-dialog-content {
    padding: 1em 0.6em 0.4em!important;
}

/*ポップアップ閉じるボタン*/
/* 閉じるボタン */
.popup_close_button {
    background-image: url(../img/close_button.gif);
    background-repeat: no-repeat;
    width: 61px;
}
.ui-dialog .ui-dialog-titlebar-close span {
    margin: 9px!important;
}
.ui-dialog .ui-dialog-titlebar-close {
    top: 35%!important;
    width: 35px!important;
    height: 35px!important;
}
.ui-dialog .ui-dialog-titlebar {
    height: 35px;
    line-height: 35px;
}

/**************** メニュー ****************/
/* スマフォ用メニュはPCでは非表示 */
.smartphone_menu_contents {
    display: none;
}
/* グローバルメニュー */
#global_nav {
    clear: both;
    width: 100%;
    height: 35px;
    line-height: 35px;
    background: #ffffff; /* Old browsers */
    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 */
    background-image: -ms-filter(bottom, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
    zoom: 1;
}
#global_nav ul {
    min-width: 800px;
    padding: 0;
    box-shadow: 0;
    margin: 0;
}
#global_nav ul li {
    height: 35px;
    display: block;
    float: left;
    border-right: solid 1px #c9c9c9;
    margin: 0;
    font-size: 14px;
    background: #ffffff; /* Old browsers */
    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 */
    background-image: -ms-filter(bottom, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
    zoom: 1;
}
#global_nav ul li a {
    height: 35px;
    display: block;
    padding: 0 18px;
    text-decoration: none;
    color: #2b2b2b;
    border: 0;
    cursor: pointer;
}
#global_nav li a:hover {
    background-color: #d0dcff;
    border: 0;
}

#global_nav .sub_menu {
    margin: 0;
    min-width: 0;
}

#global_nav .sub_menu li {
    clear: left;
    width: 180px;
    border: 5px #88b1db solid;
    border-bottom: 0;
}

#global_nav .sub_menu li:last-child {
    border-bottom: 5px #88b1db solid;
}

#global_nav .sub_menu li a {
  padding: 0 5px;
}

.sf-arrows .sf-with-ul::after {
  border-color: #fff transparent transparent;
  right: 0.3em;
}
.sf-arrows .sf-with-ul:not(.now)::after {
  border-color: #2f649b transparent transparent;
  right: 0.3em;
}
.sf-arrows > li > .sf-with-ul:focus::after, .sf-arrows > li:hover > .sf-with-ul::after, .sf-arrows > .sfHover > .sf-with-ul::after {
  border-color: #fff transparent transparent;
}
.sf-arrows > li > .sf-with-ul:focus:not(.now)::after, .sf-arrows > li:hover > .sf-with-ul:not(.now)::after, .sf-arrows > .sfHover > .sf-with-ul:not(.now)::after {
  border-color: #2f649b transparent transparent;
}

/* メニューの現在位置 */
.now {
    background-color: #2f649b;
    font-weight: bold;
    color: #fff!important;
}

.now:hover {
    background-color: #2f649b!important;
}

/**************** メイン ****************/
/* パン屑 */
#pankuzu {
    height: 30px;
    line-height: 30px;
    padding: 0 0 10px;
}
/* TOPへパンくずアイコン */
.home_icon {
    background-image: url(../img/home_icon.png);
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 25px;
}
/**************** 完了画面 ****************/
.completed {
    margin-top: 30px;
}
/* トップへ戻る */
.to_top {
    margin-top: 70px;
}
/**************** 注意書きコンテンツ ****************/
.attention_contents {
	background-color: #C8DEF0;
	overflow: hidden;
	margin: 20px auto;
	padding: 10px;
}
.attention_contents p.attention_title {
	background-image: url(../img/attention.png);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 40px;
	font-size: 16px;
}
.attention_contents p {
  line-height: 2;
  padding: 5px 0;
  text-align: left;
}
/* 20250303 No45 身だしなみ固定文言の変更 ohashi add START */
.inquiry_area {
  line-height: 2;
  text-align: left;
}
/* 20250303 No45 身だしなみ固定文言の変更 ohashi add END */

/**************** フッター ****************/
footer {

    padding: 10px;
    background-color: #2f649b;
    text-align: center;
    font-size: 13px;
}
/* フッターリンク */
#footer_menu {
    margin: 0;
    overflow: hidden;
    font-size: 13px;
    margin-bottom: 10px;
    width: 100%;
}
#footer_menu ul {
    width: 100%;
}
#footer_menu li {
    height: 25px;
    line-height: 25px;
    display: inline-block;
    border-left: solid 1px #fff;
    margin: 0;
}
#footer_menu li a {
    height: 35px;
    display: block;
    padding-right: 10px;
    padding-left: 10px;
    color: #fff;
}
.link_first {
    border-left: none !important;
}
/* コピーライト */
.copyright {
    margin-top: 10px;
    clear: both;
    color: #fff;
}

/**************** Hタグ ****************/
h1 {
    margin-bottom: 10px;
    font-size: 16px;
    height: 35px;
    line-height: 35px;
    color: #fff;
    background-color: #2f649b;
    padding-left: 45px;
}
/* ユーザ情報タイトル */
h1.user_info {
    background-image: url(../img/user_icon.png);
    background-repeat: no-repeat;
}
/* 詳細タイトル */
h1.detail {
    background-image: url(../img/detail_icon.png);
    background-repeat: no-repeat;
}
h1.weekly {
    background-image: url(../img/schedule_icon.png);
    background-repeat: no-repeat;
}
h1.apply {
    background-image: url(../img/write_icon.png);
    background-repeat: no-repeat;
}
h1.check {
    background-image: url(../img/check_icon.png);
    background-repeat: no-repeat;
}
h1.event {
    background-image: url(../img/event_icon.png);
    background-repeat: no-repeat;
}
h1.timetable {
    background-image: url(../img/coma_icon.png);
    background-repeat: no-repeat;
}
h1.school {
    background-image: url(../img/school_icon.png);
    background-repeat: no-repeat;
}
h1.business {
    background-image: url(../img/business_icon.png);
    background-repeat: no-repeat;
}
h1.report {
    background-image: url(../img/test_icon.png);
    background-repeat: no-repeat;
}
h1.download {
    background-image: url(../img/dl_icon.png);
    background-repeat: no-repeat;
}
h1.information {
    background-image: url(../img/infotitlebar.png);
    background-repeat: no-repeat;
}
/* NISCO 追加 */
h1.staff {
    background-image: url(../img/staff_icon.png);
    background-repeat: no-repeat;
}

/* コンテンツ内タイトル */
h2 {
    background-image: url(../img/h2_icon.gif);
    background-repeat: no-repeat;
    height: 33px;
    line-height: 33px;
    padding-left: 20px;
    font-size: 14px;
    text-align: left;
}

h2.regist {
    background-image: url(../img/regist.png);
    background-repeat: no-repeat;
    padding-left: 60px;
    padding-bottom:30px;
}

h3 {
    background-image: url('../img/orange_circle.png');
    background-repeat: no-repeat;
    background-position: left center;
    height: 25px;
    line-height: 25px;
    padding-left: 25px;
    margin-left: 2px;
    text-align: left;
}
/**************** ボタン ****************/
/* ボタン領域 */
.button_area {
    margin: 20px auto;
    /* width: 400px; */
    text-align: center;
}
.button_area_single {
    margin: 20px auto;
    width: 200px;
}
.button_area a, .button_area input,.button_area button {
    margin: 0 10px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
    display:inline-block;
    vertical-align: middle;
}

/*ボタン（青、大）*/
.blue_button_l {
    display: block;
    cursor: pointer;
    width: 178px;
    height: 43px;
    line-height: 43px;
    text-align: center;
    background-image: url(../img/button_blue_l.gif);
    background-repeat: no-repeat;
    color: #fff;
    margin: 3px auto;
    font-size: 130%;
    border: 0;
    text-decoration: none;
    background-color: transparent;
    padding: 0;
}
.blue_button_l:hover {
    background-image: url(../img/h_button_blue_l.gif);
}
/*ボタン（青、中）*/
.blue_button_m {
    display: block;
    cursor: pointer;
    width: 118px;
    height: 29px;
    line-height: 29px;
    background-image: url(../img/button_blue_m.gif);
    background-repeat: no-repeat;
    color: #fff;
    border: 0;
    margin: 3px auto;
    text-align: center;
    text-decoration: none;
    background-color: transparent;
    padding: 0;
}
.blue_button_m:hover {
    background-image: url(../img/h_button_blue_m.gif);
}
/*ボタン（青、小）*/
.blue_button_s {
    background-image: url(../img/button_blue_s.gif);
    display: block;
    cursor: pointer;
    width: 80px;
    height: 30px;
    line-height: 30px;
    background-repeat: no-repeat;
    color: #fff;
    border: 0;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    background-color: transparent;
    padding: 0;
}
.blue_button_s:hover {
    background-image: url(../img/h_button_blue_s.gif);
}
/*ボタン（オレンジ、大）*/
.orange_button_l {
    display: block;
    cursor: pointer;
    width: 178px;
    height: 43px;
    line-height: 43px;
    background-image: url(../img/orange_button_l.gif);
    background-repeat: no-repeat;
    color: #111;
    border: 0;
    text-align: center;
    margin: 3px auto;
    text-decoration: none;
    font-size: 130%;
    background-color: transparent;
    padding: 0;
}
.orange_button_l:hover {
    background-image: url(../img/h_orange_button_l.gif);
}
/*ボタン（オレンジ、中）*/
.orange_button_m {
    display: block;
    cursor: pointer;
    width: 118px;
    height: 29px;
    line-height: 29px;
    background-image: url(../img/orange_button_m.gif);
    background-repeat: no-repeat;
    color: #111;
    border: 0;
    text-align: center;
    margin: 3px auto;
    text-decoration: none;
    background-color: transparent;
    padding: 0;
}
.orange_button_m:hover {
    background-image: url(../img/h_orange_button_m.gif);
}
/*ボタン（オレンジ、小）*/
.orange_button_s {
    display: block;
    cursor: pointer;
    width: 80px;
    height: 30px;
    line-height: 30px;
    background-image: url(../img/orange_button_s.gif);
    background-repeat: no-repeat;
    color: #111;
    border: 0;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    background-color: transparent;
    padding: 0;
}
.orange_button_s:hover {
    background-image: url(../img/h_orange_button_s.gif);
}
/*ボタン（グレー、大）*/
.gray_button_l {
    display: block;
    cursor: pointer;
    width: 178px;
    height: 43px;
    line-height: 43px;
    background-image: url(../img/gray_button_l.gif);
    background-repeat: no-repeat;
    color: #111;
    border: 0;
    text-align: center;
    margin: 3px auto;
    text-decoration: none;
    font-size: 130%;
    background-color: transparent;
    padding: 0;
}
.gray_button_l:hover {
    background-image: url(../img/h_gray_button_l.gif);
}
.gray_button_l span {
    width: 75%;
}
/*inputの場合のボタン（グレー、大）*/
input.gray_button_l {
    background-image: url(../img/arrow_gray_button_l.gif);
}
input.gray_button_l:hover {
    background-image: url(../img/h_arrow_gray_button_l.gif);
}
.gray_button_l span {
    width: 75%;
}
/*ボタン（グレー、中）*/
.gray_button_m {
    display: block;
    cursor: pointer;
    width: 118px;
    height: 29px;
    line-height: 29px;
    background-image: url(../img/gray_button_m.gif);
    background-repeat: no-repeat;
    color: #111;
    border: 0;
    text-align: center;
    margin: 3px auto;
    text-decoration: none;
    background-color: transparent;
    padding: 0;
}
.gray_button_m:hover {
    background-image: url(../img/h_gray_button_m.gif);
}
/*ボタン（グレー、小）*/
.gray_button_s {
    display: block;
    cursor: pointer;
    width: 80px;
    height: 30px;
    line-height: 30px;
    background-image: url(../img/gray_button_s.gif);
    background-repeat: no-repeat;
    color: #111;
    border: 0;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    background-color: transparent;
    padding: 0;
}
.gray_button_s:hover {
    background-image: url(../img/h_gray_button_s.gif);
}
/*ボタン（グレー、最小）*/
.gray_button_ss {
    display: block;
    cursor: pointer;
    width: 60px;
    height: 30px;
    line-height: 30px;
    background-image: url(../img/gray_button_2s.gif);
    background-repeat: no-repeat;
    color: #111;
    border: 0;
    text-align: center;
    margin: 5px auto;
    text-decoration: none;
    font-size: 11px;
    background-color: transparent;
    line-height: 18px;
    font-size:13px;
    font-weight:bold;
    padding: 0;
}
.gray_button_ss:hover {
    background-image: url(../img/h_gray_button_2s.gif);
}
/*ボタン（ディスエーブル、大）*/
.disable_button_l {
    display: block;
    cursor: default;
    width: 178px;
    height: 43px;
    line-height: 43px;
    text-align: center;
    background-image: url(../img/disable_button_l.gif);
    background-repeat: no-repeat;
    color: #A1A1A1;
    margin: 3px auto;
    font-size: 130%;
    border: 0;
    text-decoration: none;
    background-color: transparent;
    padding: 0;
}
.disable_button_l:hover {
    background-image: url(../img/disable_button_l.gif);
}
/*ボタン（ディスエーブル、中）*/
.disable_button_m {
    display: block;
    cursor: default;
    width: 118px;
    height: 29px;
    line-height: 29px;
    background-image: url(../img/disable_button_m.gif);
    background-repeat: no-repeat;
    color: #A1A1A1;
    border: 0;
    text-align: center;
    margin: 3px auto;
    text-decoration: none;
    background-color: transparent;
    padding: 0;
}
.disable_button_m:hover {
    background-image: url(../img/disable_button_m.gif);
}
/*ボタン（ディスエーブル、小）*/
.disable_button_s {
    display: block;
    cursor: default;
    width: 80px;
    height: 30px;
    line-height: 30px;
    background-image: url(../img/disable_button_s.gif);
    background-repeat: no-repeat;
    color: #A1A1A1;
    border: 0;
    text-align: center;
    margin: 3px auto;
    text-decoration: none;
    background-color: transparent;
    padding: 0;
}
.disable_button_s:hover {
    background-image: url(../img/disable_button_s.gif);
}
.download img {
    height: 18px;
    margin-right: 3px;
    vertical-align: middle;
    width: 18px;
}
.arrow_left {
    float: left;
    margin-left: 5px;
    margin-right: -10px;
}
.arrow_left_l {
    float: left;
    margin-left: 5px;
    margin-right: -10px;
    margin-top: 6px;
}
.arrow_right {
    float: right;
    margin-right: 5px;
    margin-left: -10px;
}
/* 複数・単一選択ボタン */
input[type=radio].select_btn, input[type=checkbox].select_btn{
    opacity: 0;
    width: 0;
  　margin: 0;
    display:none;
}
input[type=radio].select_btn + label, input[type=checkbox].select_btn + label {
    display: inline-block;
    cursor: pointer;
    width: 118px;
    height: 42px;
    line-height: 42px;
    background-image: url(../img/gray_button_hm.png);
    background-repeat: no-repeat;
    color: #111;
    border: 0;
    text-align: center;
    margin: 3px auto;
    text-decoration: none;
    background-color: transparent;
    padding: 0;
}
input[type=radio].select_btn + label:hover, input[type=checkbox].select_btn + label:hover {
    background-image: url(../img/h_gray_button_hm.png);
}
input[type=radio]:checked.select_btn + label, input[type=checkbox]:checked.select_btn + label {
    display: inline-block;
    cursor: pointer;
    width: 118px;
    height: 42px;
    line-height: 42px;
    background-image: url(../img/blue_button_hm.png);
    background-repeat: no-repeat;
    color: #111;
    border: 0;
    text-align: center;
    margin: 3px auto;
    text-decoration: none;
    background-color: transparent;
    padding: 0;
}
input[type=radio]:checked.select_btn + label:hover, input[type=checkbox]:checked.select_btn + label:hover {
    background-image: url(../img/h_blue_button_hm.png);
}

.select_btn_two_line {
    line-height: 17px !important;
    padding-top: 3px !important;
    vertical-align: top;
}

/**************** テーブル（標準） ****************/
.normal_table {
    border: solid 1px #808080;
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 5px;
    margin-top: 5px;
    width: 100%;
}
.normal_table th {
    border: solid 1px #333;
    border-collapse: collapse;
    background-color: #4f8cca;
    color: #fff;
    text-align: center;
    font-weight: normal;
    vertical-align: middle;
    padding: 7px;
    line-height: 1.2;
}
.normal_table td {
    border: solid 1px gray;
    border-collapse: collapse;
    padding: 7px;
    vertical-align: middle;
    min-height: 24px;
    line-height: 1.2;
}
.normal_table p {
    margin-top: 5px;
    margin-bottom: 5px;
}

/* 検索結果件数、表示件数 */
.table_info_area {
    position: relative;
    margin-bottom: 5px;
}

.table_info_area > dl {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
}

.table_info_area dt, .table_info_area dd {
  display: inline-block;
}

.table_info_area h3 .hit_counter {
  padding-left: 10px;
}



/* 2列テーブル */
table.two_col_table {
    border: solid 1px #888;
    margin: 10px auto;
    margin-bottom: 20px;
    width: 90%;
    font-size: 12px;
}
table.two_col_table tr {
    border: solid 1px #888;
    height: 35px;
    line-height: 1.5;
}
table.two_col_table th {
    text-align: right;
    background-color: #2f649b;
    color: #fff;
    font-weight: normal;
    vertical-align: middle;
    width: 27%;
    padding: 5px 10px;
    -webkit-box-sizing:border-box; /* Chrome10+,Safari5.1+ */
    -o-box-sizing:border-box; /* Opera 11.10+ */
    -ms-box-sizing:border-box; /* IE10+ */
    box-sizing:border-box;
}
table.two_col_table td {
    border: solid 1px #888;
    border-collapse: collapse;
    padding: 5px 10px;
    vertical-align: middle;
    width: 73%;
    -webkit-box-sizing:border-box; /* Chrome10+,Safari5.1+ */
    -o-box-sizing:border-box; /* Opera 11.10+ */
    -ms-box-sizing:border-box; /* IE10+ */
    box-sizing:border-box;
}

/* 20190902 No.4_個人情報編集にてエントリーシートの取込を行いたい furuya add START */
/* 2列テーブル(ネスト用) */
table.two_col_nest_table {
    border: none;
    width: auto;
}
table.two_col_nest_table tr {
    border: none;
}
table.two_col_nest_table td {
    border: none;
    padding: 0;
    width: auto;
}
/* 20190902 No.4_個人情報編集にてエントリーシートの取込を行いたい furuya add END */

/* 2列テーブル(WYSIWYGエディタプレビュー向け、全タグに指定必要) */
.two_col_table_body {
    border: solid 1px #888;
    margin: 10px auto;
    margin-bottom: 20px;
    width: 90%;
    font-size: 12px;
}
.two_col_table_tr {
    border: solid 1px #888;
    height: 35px;
    line-height: 1.5;
}
.two_col_table_th {
    text-align: right;
    background-color: #2f649b;
    color: #fff;
    font-weight: normal;
    vertical-align: middle;
    width: 27%;
    padding: 5px 10px;
    -webkit-box-sizing:border-box; /* Chrome10+,Safari5.1+ */
    -o-box-sizing:border-box; /* Opera 11.10+ */
    -ms-box-sizing:border-box; /* IE10+ */
    box-sizing:border-box;
}
.two_col_table_td {
    border-collapse: collapse;
    padding: 5px 10px;
    vertical-align: middle;
    width: 73%;
    -webkit-box-sizing:border-box; /* Chrome10+,Safari5.1+ */
    -o-box-sizing:border-box; /* Opera 11.10+ */
    -ms-box-sizing:border-box; /* IE10+ */
    box-sizing:border-box;
}

/* 検索条件用2列,4列テーブル */
table.search_conf_table,
table.search_conf_two_col_table {
    border: solid 1px #888;
    margin: 10px auto;
    margin-bottom: 20px;
    width: 100%;
    font-size: 12px;
}
table.search_conf_table tr,
table.search_conf_two_col_table tr {
    border: solid 1px #888;
    height: 35px;
    line-height: 1.5;
}
table.search_conf_table th,
table.search_conf_two_col_table th {
    text-align: right;
    background-color: #2f649b;
    color: #fff;
    font-weight: normal;
    vertical-align: middle;
    padding: 5px 10px;
    -webkit-box-sizing:border-box; /* Chrome10+,Safari5.1+ */
    -o-box-sizing:border-box; /* Opera 11.10+ */
    -ms-box-sizing:border-box; /* IE10+ */
    box-sizing:border-box;
}
table.search_conf_table td,
table.search_conf_two_col_table td {
    border: solid 1px #888;
    border-collapse: collapse;
    padding: 5px 10px;
    vertical-align: middle;
    -webkit-box-sizing:border-box; /* Chrome10+,Safari5.1+ */
    -o-box-sizing:border-box; /* Opera 11.10+ */
    -ms-box-sizing:border-box; /* IE10+ */
    box-sizing:border-box;
}
table.search_conf_table th {
    width: 20%;
}
table.search_conf_table td {
    width: 30%;
}
table.search_conf_table td[colspan="3"] {
    width: 80%;
}
table.search_conf_two_col_table th {
    width: 20%
}
table.search_conf_two_col_table td {
    width: 80%
}



/* テーブル内ボタンのマージン設定 */
table td .blue_button_l,
table td .blue_button_m,
table td .blue_button_s,
table td .orange_button_l,
table td .orange_button_m,
table td .orange_button_s,
table td .gray_button_l,
table td .gray_button_m,
table td .gray_button_s,
table td .disable_button_l,
table td .disable_button_m,
table td .disable_button_s {
    margin: 1px auto;
}


/* テーブル内にDIVを配置する場合に用いるスタイル */
table .div {
  padding: 0;
  box-sizing: border-box;
}
.inner_row {
    display: table;
    width: 100%;
}
.td,.th {
    border-right: solid 1px #808080;
    padding: 7px;
    text-align: center;
    word-break: break-all;
    display: table-cell;
    float: none;
    vertical-align: middle;
    line-height: 1.2;
    height: 48px;
    box-sizing: border-box;
}
.th {
    border-right: solid 1px #333;
    border-top: none;
    border-bottom: none;
    background-color: #4f8cca;
    color: #fff;
    text-align: center;
}

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

div.vertical_middle {
	display:table-cell;
	width:100%;
}

/* テーブル内行選択用のスタイル */
.check_col {
   text-align: center !important;
}

/*** テキストフィールドの幅指定 ***/
/* 長幅 */
input.long {
    width:100%;
    max-width:650px;
    -webkit-box-sizing:border-box; /* Chrome10+,Safari5.1+ */
    -o-box-sizing:border-box; /* Opera 11.10+ */
    -ms-box-sizing:border-box; /* IE10+ */
    box-sizing:border-box;
}
/* 中幅 */
input.middle {
    width:160px;
}
/* 短幅 */
input.short {
    width:40px;
}
/* 電話番号4桁区切り1つ分 */
input.tel {
    width:4em;
}
/* 郵便番号頭3桁 */
input.first_post {
    width:3em;
}
/* 郵便番号下4桁 */
input.last_post {
    width:4em;
}
/* 年月日 yyyy/MM/dd */
input.date {
    width:10em;
}
input.date {
  margin: 2px 0;
}
/* テキストエリア */
textarea {
    width:100%;
    max-width:650px;
    -webkit-box-sizing:border-box; /* Chrome10+,Safari5.1+ */
    -o-box-sizing:border-box; /* Opera 11.10+ */
    -ms-box-sizing:border-box; /* IE10+ */
    box-sizing:border-box;
    resize: vertical;
    vertical-align: middle;
}

/* 複数選択select */
select[multiple] {
    width:100%;
    max-width:650px;
    -webkit-box-sizing:border-box; /* Chrome10+,Safari5.1+ */
    -o-box-sizing:border-box; /* Opera 11.10+ */
    -ms-box-sizing:border-box; /* IE10+ */
    box-sizing:border-box;
    vertical-align: middle;
}

/* カレンダ-*/
img.ui-datepicker-trigger {
    vertical-align: middle;
    margin-left: 5px;
    cursor: pointer;
}
.ui-datepicker table {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 40%;
}

.tilde {
  margin-left: 8px;
  margin-right: 4px;
}

/* 偶数列、行 */
.even_row, .even_column {
    background-color: #f6faff;
}
/* 奇数列、行 */
.odd_row, .odd_column {
    background-color: #fff;
}
/* 注目行 */
.attention_row {
    background-color: #F7D5C0;
}

/* 改行 */
.line_break {
  display: block;
}

/* インライン化 */
.inline {
  display: inline-block;
}

/*ページング*/
.pagination {
    background-color: #CCC;
    text-align: center;
    border: 1px solid #999;
    margin-top: -6px;
    margin-bottom: 20px;
    height: 30px;
    line-height: 30px;
    box-sizing: border-box;
    width: 100%
}
div.pagination a, div.pagination span {
    vertical-align: top;
    margin: 0 10px;
    font-size: 130%;
}
div.pagination img {
    margin: 5px 0;
}

/*ヘッダーバナー*/
.header_banner {
    max-width: 100px;
    height: auto;
    float: left;
}

/*システムエラー用コンテンツボックス*/
.contents_box_systemerror {
    background-color: #fff;
    padding-top: 20px;
    padding-bottom: 10px;
    padding-right: 20px;
    padding-left: 20px;
    margin-bottom: 10px;
    margin-top: 10px;
    overflow: hidden;
    min-height: 400px;
}

/* ui-dialog内スタイル */
.ui-dialog td {
    text-align: left;
}

/*ステップ*/
.step_name {
    font-size: 14px;
}
.precess_step {
    float: left;
    width: 100px;
    font-weight: bold;
    height: 50px;
    line-height: 25px;
    text-align: center;
    margin: 10px 0 20px 0;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
    border: 1px solid #528fcc;
    padding: 10px 6px;
    text-decoration: none;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(17%, #ffffff), color-stop(88%, #f6f6f6) );
    background: -moz-linear-gradient( center top, #ffffff 17%, #f6f6f6 88% );
    background: -ms-linear-gradient( top, #ffffff 17%, #f6f6f6 88% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6');
    background-color: #ffffff;
    color: #666666;
    display: inline-block;
    text-shadow: 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 0px 0px -48px #ffffff;
    -moz-box-shadow: inset 0px 0px 0px -48px #ffffff;
    box-shadow: inset 0px 0px 0px -48px #ffffff;
    zoom: 1;
}
.precess_step_now {
    color: #fff!important;
    float: left;
    width: 100px;
    height: 50px;
    line-height: 25px;
    font-weight: bold;
    text-align: center;
    margin: 10px 0 20px 0;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
    border: 1px solid #223d61;
    padding: 10px 6px;
    text-decoration: none;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(13%, #135882), color-stop(92%, #4c94) );
    background: -moz-linear-gradient( center top, #135882 13%, #4c94 92% );
    background: -ms-linear-gradient( top, #135882 13%, #4c94 92% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#135882', endColorstr='#4c94');
    background-color: #135882;
    color: #14396a;
    display: inline-block;
    text-shadow: 1px 0px 0px #000000;
    -webkit-box-shadow: inset 0px 0px 0px -48px #707070;
    -moz-box-shadow: inset 0px 0px 0px -48px #707070;
    box-shadow: inset 0px 0px 0px -48px #707070;
    zoom: 1;
}
.step_done {
    color: #CCC!important;
}
.step_arrow {
    background-image: url(../img/step_arrow.gif);
    background-repeat: no-repeat;
    float: left;
    width: 12px;
    height: 76px;
    margin: 10px 5px;
    vertical-align: middle;
}

.step_three_column {
    line-height: 19px;
}
.step_little_font {
    width: 108px;
    padding: 10px 2px;
}
.step_little_font .step_name {
    font-size:12px;
}
.step_tooltip {
    display: none;
}

/* WYSIWYGエディタ用に要素のスタイルをリセット */
.edit_content {
    font-size: small;
    line-height: normal;
}
.edit_content p, .edit_content pre, .edit_content ul, .edit_content ol {
    margin: 10px 0px;
}
.edit_content h1 {
    margin-bottom: auto;
    color: #111;
    background-color: transparent;
    padding-left: 0;
    font-size: 2em;
    height: auto;
}
.edit_content h2 {
    background-image: none;
    padding-left: 0;
    font-size: 1.5em;
    height: auto;
}
.edit_content h3 {
    background-image: none;
    padding-left: 0;
    margin-left: 0;
    font-size: 1.17em;
    height: auto;
}
.edit_content ul, .edit_content ol {
/*    margin-left: 1.5em;*/
    padding-left: 40px;
}
.edit_content hr {
    border-color: #000;
    margin: 5.5px 0px;
}
.edit_content em, div.edit_content p em {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-style : italic;
}
.edit_content i, div.edit_content p i {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-style : italic;
}

.edit_content sub {
    font-size: smaller;
    vertical-align: sub;
}
.edit_content sup {
    font-size: smaller;
    vertical-align: super;
}

/* スペース調整用クラス　*/
.data_not_found {
    border: solid 1px #808080;
    text-align: left;
}
.spacer1{
  height:20px;
}
.spacer2{
  height:40px;
}
.bottom_spacer1{
  margin-bottom:20px;
}
.bottom_spacer2{
  margin-bottom:40px;
}
.bottom_spacer3{
  margin-bottom:100px;
}
.left_space {
	padding-left: 10px;
}

/* 読取専用背景色　*/
.backgroundcolor_readonly1{
  background-color:rgb(232,232,232);
}

/* 過去の業務の背景色 */
.during_work {
    background:rgb(255,235,179);
}

/* 未来の業務の背景色 */
.reserved {
    background-color:rgb(250,250,210);
}


/* アコーディオン用ボタン　*/
.accordion_button_area:hover {
  background:#E9E9EF;
  background-image: url(../img/accordion_arrow_d.png);
  background-repeat:no-repeat;
}

.accordion_button_area {
  height:35px;
  vertical-align:middle;
  background:#E4E4EB;
  cursor: pointer;
  text-align: left;
  text-indent:40px;
  margin-top: 20px;
  line-height:37px;
  background-image: url(../img/accordion_arrow_d.png);
  background-repeat:no-repeat;
}

.accordion_button_area.open:hover {
  background-image: url(../img/accordion_arrow_u.png);
}

.accordion_button_area.open {
  background-image: url(../img/accordion_arrow_u.png);
}

.accordion_fields > table {
  margin-top: 0;
}