/**
 * 共通スタイルシート
 * 修正したらversionも更新して下さい。
 * includeHead.jsp内のversionも同一値に更新して下さい。
 * 
 * @version 1.0.5
 * @author creation date : 2013/11/18 by T.Yoshioka 
 * @author last modified : 2023/11/16 by S.Mimura
 */

@charset "UTF-8";

/* 全ての要素(BorderやPaddingで画面が崩れないようにする設定) */
* {
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -moz-counter-reset:-html-counter0;
    word-break:break-all;
}

/* 背景画像の設定 */
body {
    height:99%;
    text-align:center;
    padding-bottom:10px;
    background-image:url(../images/bg.jpg);
    background-repeat:repeat;
    background-attachment:fixed;
}

/* 一番外枠 */
.contents {
    width:74em;
    min-height:100%;
    text-align:left;
    padding-bottom:60px;
    margin-top:10px;
    margin-right:auto;
    margin-left:auto;
    border-top-width:3px;
    border-top-style:solid ;
    border-right-style:solid;
    border-right-width:3px;
    border-bottom-width:0px;
    border-left-style:solid;
    border-left-width:3px;
    background-image:url(../images/contents.png);
    -webkit-border-radius:10px 10px 0 0;
    -moz-border-radius:10px 10px 0 0;
    -o-border-radius:10px 10px 0 0;
    border-radius:10px 10px 0 0;
}

/* 一番外枠(子画面用) */
.contents2 {
    width:74em;
    height:99%;
    text-align:left;
    padding-bottom:60px;
    margin-top:10px;
    margin-right:auto;
    margin-left:auto;
    border-top-width:3px;
    border-top-style:solid ;
    border-right-style:solid;
    border-right-width:3px;
    border-bottom-style:solid;
    border-bottom-width:3px;
    border-left-style:solid;
    border-left-width:3px;
    background-image:url(../images/contents.png);
    -webkit-border-radius:10px 10px 10px 10px;
    -moz-border-radius:10px 10px 10px 10px;
    -o-border-radius:10px 10px 10px 10px;
    border-radius:10px 10px 10px 10px;
}

/* ヘッダー枠、画像設定 */
.header {
    width:69em;
    height:68px;
    background-image:url(../images/title.png);
    background-repeat:no-repeat;
    background-position:left top;
}

/* ヘッダー枠、画像設定 */
.header_smnr {
    width:69em;
    height:68px;
    background-image:url(../images/title_smnr.png);
    background-repeat:no-repeat;
    background-position:left top;
}

/* ヘッダー右枠内 */
.header_link {
    text-align:right;
}

/* ドキュメント枠内 */
.document {
    padding-right:5px;
    padding-bottom:5px;
    padding-left:30px;
    margin-top:10px;
}

/* タイトル枠 */
.fname {
    height:1.6em;
    vertical-align:middle;
    font-size:150%;
    font-weight:bold;
    padding-top:4px;
    padding-right:10px;
    padding-bottom:4px;
    padding-left:10px;
    margin-top:10px;
    margin-right:40px;
    margin-bottom:10px;
    border-style:solid;
    border-width:1px;
    border-left-style:solid;
    border-left-width:20px;
    background-image:url(../images/title_bg.jpg);
    background-repeat:repeat-x;
}

/* 未訪問のリンク */
a:link {
    text-decoration:underline;
}

/* 訪問後のリンク */
a:visited {
    text-decoration:underline;
}

/* マウスを乗せた時 */
a:hover {
    text-decoration:underline;
}

/* メニューボタン */
a.menu_on {
    font-size:10pt;
    font-weight:bold;
    padding-top:4px;
    padding-right:10px;
    padding-bottom:4px;
    padding-left:10px;
    margin-right:5px;
    margin-left:5px;
    text-decoration:none;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
    _display:inline-block;
}

/* メニューボタン */
a.menu_off {
    font-size:10pt;
    font-weight:bold;
    padding-top:4px;
    padding-right:10px;
    padding-bottom:4px;
    padding-left:10px;
    margin-right:5px;
    margin-left:5px;
    text-decoration:none;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
    _display:inline-block;
}

/* メニューボタン */
a.menu_on a.menu_off:visited {
}

/* メニューボタン */
a.menu_off:hover {
}

/* 申込ステップ */
.step {
    width:80em;
    height:32px;
    font-size:85%;
    padding-top:10px;
    padding-right:auto;
    padding-bottom:10px;
    padding-left:auto;
    border-style:solid;
    border-width:1px;
    border-collapse:collapse;
}

/* 申込ステップ(済) */
td.step_after {
    text-align:center;
    background-image:url(../images/space_left.png);
    background-repeat:no-repeat;
    background-position:right center;
}

/* 申込ステップ(済)2 */
td.step_after2 {
    text-align:center;
    background-image:url(../images/arrow_left.png);
    background-repeat:no-repeat;
    background-position:right center;
}

/* 申込ステップ(未) */
td.step_before {
    text-align:center;
    background-image:url(../images/space_right.png);
    background-repeat:no-repeat;
    background-position:left center;
}

/* 申込ステップ(未)2 */
td.step_before2 {
    text-align:center;
    background-image:url(../images/arrow_right.png);
    background-repeat:no-repeat;
    background-position:left center;
}

/* 申込ステップ(自身) */
td.step_now {
    text-align:center;
    font-weight:bold;
}

/* 見出しタイトル */
.midashi {
    padding-top:5px;
    padding-right:5px;
    padding-bottom:5px;
    padding-left:35px;
    margin-top:10px;
    margin-right:40px;
    background-image:url(../images/tri3white.png);
    background-repeat:no-repeat;
    background-position:left;
}

/* 見出し説明文欄 */
.msg {
    line-height:1.6em;
    padding-top:10px;
    padding-right:20px;
    padding-bottom:10px;
    padding-left:20px;
    margin-right:40px;
    border-style:dotted;
    border-width:1px;
}

/* 見出し説明文欄にボタンが入る場合の設定（この設定をmsgの後ろに付ける） */
.msg_btn {
    padding-top:15px;
    padding-bottom:15px;
}

/* カード型のタイトル */
.card_title {
    text-align:center;
    font-size:120%;
    font-weight:bold;
    padding-top:6px;
    padding-right:10px;
    padding-bottom:6px;
    padding-left:10px;
}

/* カード型の設定 */
div.card {
    margin-right:40px;
}

/* カード型のテーブル */
.tbl_card {
    width:100%;
    padding-top:2px;
    padding-bottom:2px;
    padding-left:4px;
    margin-top:10px;
    border-style:solid;
    border-width:1px;
    border-collapse:collapse;
}

/* カード型の項目名欄 */
.tbl_card_th {
    width:15.5em;
    height:2.4em;
    font-size:90%;
    font-weight:bold;
    padding-top:2px;
    padding-right:10px;
    padding-bottom:2px;
    padding-left:10px;
    border-style:solid;
    border-width:1px;
}

/* カード型の項目名欄(結合) */
.tbl_card_th_comb {
    width:6.1em;
    font-size:90%;
    padding-top:2px;
    padding-right:10px;
    padding-bottom:2px;
    padding-left:10px;
    border-style:solid;
    border-width:1px;
}

/* カード型の入力欄 */
.tbl_card_td {
    width:44em;
    vertical-align:middle;
    font-size:90%;
    padding-top:2px;
    padding-right:10px;
    padding-bottom:2px;
    padding-left:10px;
    border-style:solid;
    border-width:1px;
}

/* カード型のタイトル(検索画面) */
.card_title_search {
    text-align:center;
    font-size:120%;
    font-weight:bold;
    padding-top:6px;
    padding-right:10px;
    padding-bottom:6px;
    padding-left:10px;
}

/* カード型のテーブル(検索画面) */
.tbl_card_search {
    width:100%;
    padding-top:2px;
    padding-bottom:2px;
    padding-left:4px;
    margin-top:10px;
    border-style:solid;
    border-width:1px;
    border-collapse:collapse;
}

/* カード型の項目名欄(検索画面) */
.tbl_card_th_search {
    width:15.5em;
    height:2.4em;
    font-size:90%;
    font-weight:bold;
    padding-top:2px;
    padding-right:10px;
    padding-bottom:2px;
    padding-left:10px;
    border-style:solid;
    border-width:1px;
}

/* カード型の項目名欄(結合)(検索画面) */
.tbl_card_th_comb_search {
    width:6.1em;
    font-size:90%;
    padding-top:2px;
    padding-right:10px;
    padding-bottom:2px;
    padding-left:10px;
    border-style:solid;
    border-width:1px;
}

/* カード型の入力欄(検索画面) */
.tbl_card_td_search {
    width:44em;
    vertical-align:middle;
    font-size:90%;
    padding-top:2px;
    padding-right:10px;
    padding-bottom:2px;
    padding-left:10px;
    border-style:solid;
    border-width:1px;
}

/* 「必須」イメージ */
.ids {
    background-image:url(../images/ids.png);
    background-repeat:no-repeat;
    background-position:right center;
}

/* エラー文字 */
.error {
    font-weight:bold;
    margin-bottom:4px;
}

/* 一覧の設定 */
div.list {
    margin-right:40px;
}

/* 一覧型のテーブル(tbl01) */
.tbl_list {
    width:100%;
    margin-top:5px;
    border-style:solid;
    border-width:1px;
    table-layout:fixed;
}

/* 一覧の背景設定(ヘッダー)(trで設定) */
.tbl_list_row_hd01 {
    height:2.6em;
    text-align:center;
    vertical-align:middle;
    border-style:solid;
    border-width:1px;
}

/* 一覧の背景設定(ヘッダー[明細1行用])(trで設定) */
.tbl_list_row_hd11 {
    height:1.8em;
    text-align:center;
    vertical-align:middle;
    border-style:solid;
    border-width:1px;
}

/* 一覧の背景設定(奇数行)(trで設定) */
.tbl_list_row_dtl01 {
    height:2.6em;
    text-align:left;
    vertical-align:middle;
    border-style:solid;
    border-width:1px;
}

/* 一覧の背景設定(偶数行)(trで設定) */
.tbl_list_row_dtl02 {
    height:2.6em;
    text-align:left;
    vertical-align:middle;
    border-style:solid;
    border-width:1px;
}

/* 一覧の背景設定(奇数行[明細1行用])(trで設定) */
.tbl_list_row_dtl11 {
    height:1.8em;
    text-align:left;
    vertical-align:middle;
    border-style:solid;
    border-width:1px;
}

/* 一覧の背景設定(偶数行[明細1行用])(trで設定) */
.tbl_list_row_dtl12 {
    height:1.8em;
    text-align:left;
    vertical-align:middle;
    border-style:solid;
    border-width:1px;
}

/* 一覧の列設定(ヘッダー)(tdで設定) */
.tbl_list_col_hd {
    padding-right:3px;
    padding-left:3px;
    border-style:solid;
    border-width:1px;
}

/* 一覧の列設定(明細)(tdで設定) */
.tbl_list_col_dtl {
    padding-right:3px;
    padding-left:3px;
    border-style:solid;
    border-width:1px;
}

/* 一覧の背景色(ヘッダー)(IEでtrで指定しても色がつかないため) */
tr.tbl_list_row_hd01 td {
}

/* 一覧の背景色(ヘッダー)(IEでtrで指定しても色がつかないため) */
tr.tbl_list_row_hd11 td {
}

/* 一覧の背景色(奇数行)(IEでtrで指定しても色がつかないため) */
tr.tbl_list_row_dtl01 td {
}

/* 一覧の背景色(偶数行)(IEでtrで指定しても色がつかないため) */
tr.tbl_list_row_dtl02 td {
}

/* 一覧の背景色(奇数行)(IEでtrで指定しても色がつかないため) */
tr.tbl_list_row_dtl11 td {
}

/* 一覧の背景色(偶数行)(IEでtrで指定しても色がつかないため) */
tr.tbl_list_row_dtl12 td {
}

/* ボタンの設定(通常) */
.btn01 {
    height:3em;
    text-align:center;
    font-size:15px;
    font-weight:bold;
    padding-top:10px;
    padding-right:10px;
    padding-bottom:10px;
    padding-left:10px;
    border-style:solid;
    border-width:1px;
    background-image:-o-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image:-moz-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image:-webkit-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image:-ms-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image:linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image:-webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(44,160,202)), color-stop(1, rgb(62,184,229)));
    text-decoration:none;
    position:relative;
    cursor:pointer;
    -webkit-box-shadow:inset 0px 1px 0px rgb(127,210,241), 0px 3px 0px rgb(21,103,133);
    -moz-box-shadow:inset 0px 1px 0px rgb(127,210,241), 0px 3px 0px rgb(21,103,133);
    -o-box-shadow:inset 0px 1px 0px rgb(127,210,241), 0px 3px 0px rgb(21,103,133);
    box-shadow:inset 0px 1px 0px rgb(127,210,241), 0px 3px 0px rgb(21,103,133);
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
    -pie-background:linear-gradient(rgb(44,160,202), rgb(62,184,229));
    display:block;
}

/* ボタンの設定(通常) */
.btn01::before {
    width:100%;
    height:100%;
    left:-2px;
    top:5px;
    padding-right:2px;
    padding-bottom:4px;
    padding-left:2px;
    position:absolute;
    -webkit-box-shadow:0px 1px 0px rgb(255,255,255);
    -moz-box-shadow:0px 1px 0px rgb(255,255,255);
    -o-box-shadow:0px 1px 0px rgb(255,255,255);
    box-shadow:0px 1px 0px rgb(255,255,255);
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    -o-border-radius:6px;
    border-radius:6px;
    content:"";
    display:block;
    z-index:-1;
}

/* ボタンの設定(通常) */
.btn01:active {
    top:3px;
    background-image:-o-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image:-moz-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image:-webkit-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image:-ms-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image:linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image:-webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(44,160,202)), color-stop(1, rgb(62,184,229)));
    -webkit-box-shadow:inset 0px 1px 0px rgb(127,210,241), inset 0px -1px 0px rgb(21,103,133);;
    -moz-box-shadow:inset 0px 1px 0px rgb(127,210,241), inset 0px -1px 0px rgb(21,103,133);;
    -o-box-shadow:inset 0px 1px 0px rgb(127,210,241), inset 0px -1px 0px rgb(21,103,133);;
    box-shadow:inset 0px 1px 0px rgb(127,210,241), inset 0px -1px 0px rgb(21,103,133);;
    -pie-background:linear-gradient(rgb(44,160,202), rgb(62,184,229));
    text-shadow:0px 1px 1px rgba(255,255,255,0.3);
}

/* ボタンの設定(通常) */
.btn01:active::before {
    top:-2px;
}

/* ボタンの設定(ログアウト、キャンセル等) */
.btn02 {
    height:2.0em;
    text-align:center;
    font-size:12px;
    font-weight:bold;
    padding-right:5px;
    padding-left:5px;
    border-style:solid;
    border-width:1px;
    text-decoration:none;
    position:relative;
    cursor:pointer;
    -webkit-box-shadow:inset 0px 1px 0px rgb(192,192,192), 0px 2px 0px rgb(105,105,105);
    -moz-box-shadow:inset 0px 1px 0px rgb(192,192,192), 0px 2px 0px rgb(105,105,105);
    -o-box-shadow:inset 0px 1px 0px rgb(192,192,192), 0px 2px 0px rgb(105,105,105);
    box-shadow:inset 0px 1px 0px rgb(192,192,192), 0px 2px 0px rgb(105,105,105);
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
    display:block;
}

/* ボタンの設定(ログアウト、キャンセル等) */
.btn02::before {
    width:100%;
    height:100%;
    left:-2px;
    top:5px;
    padding-right:2px;
    padding-bottom:4px;
    padding-left:2px;
    position:absolute;
    -webkit-box-shadow:0px 1px 0px rgb(255,255,255);
    -moz-box-shadow:0px 1px 0px rgb(255,255,255);
    -o-box-shadow:0px 1px 0px rgb(255,255,255);
    box-shadow:0px 1px 0px rgb(255,255,255);
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    -o-border-radius:6px;
    border-radius:6px;
    content:"";
    display:block;
    z-index:-1;
}

/* ボタンの設定(ログアウト、キャンセル等) */
.btn02:active {
    top:2px;
    -webkit-box-shadow:inset 0px 1px 0px rgb(192,192,192), 0px 2px 0px rgb(105,105,105);
    -moz-box-shadow:inset 0px 1px 0px rgb(192,192,192), 0px 2px 0px rgb(105,105,105);
    -o-box-shadow:inset 0px 1px 0px rgb(192,192,192), 0px 2px 0px rgb(105,105,105);
    box-shadow:inset 0px 1px 0px rgb(192,192,192), 0px 2px 0px rgb(105,105,105);
    text-shadow:0px 1px 1px rgba(255,255,255,0.3);
}

/* ボタンの設定(ログアウト、キャンセル等) */
.btn02:active::before {
    top:-2px;
}

/* ボタンの設定(不活性用) */
.btn22 {
    height:2.0em;
    text-align:center;
    font-size:12px;
    font-weight:bold;
    padding-right:5px;
    padding-left:5px;
    border-style:solid;
    border-width:1px;
    text-decoration:none;
    position:relative;
    -webkit-box-shadow:inset 0px 1px 0px rgb(192,192,192), 0px 2px 0px rgb(105,105,105);
    -moz-box-shadow:inset 0px 1px 0px rgb(192,192,192), 0px 2px 0px rgb(105,105,105);
    -o-box-shadow:inset 0px 1px 0px rgb(192,192,192), 0px 2px 0px rgb(105,105,105);
    box-shadow:inset 0px 1px 0px rgb(192,192,192), 0px 2px 0px rgb(105,105,105);
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
    display:block;
}

/* ボタンの設定(削除等) */
.btn03 {
    height:3em;
    text-align:center;
    font-size:15px;
    font-weight:bold;
    padding-top:10px;
    padding-right:10px;
    padding-bottom:10px;
    padding-left:10px;
    border-style:solid;
    border-width:1px;
    background-image:-o-linear-gradient(bottom, rgb(210,210,100) 0%, rgb(228,228,118) 100%);
    background-image:-moz-linear-gradient(bottom, rgb(210,210,100) 0%, rgb(228,228,118) 100%);
    background-image:-webkit-linear-gradient(bottom, rgb(210,210,100) 0%, rgb(228,228,118) 100%);
    background-image:-ms-linear-gradient(bottom, rgb(210,210,100) 0%, rgb(228,228,118) 100%);
    background-image:linear-gradient(bottom, rgb(210,210,100) 0%, rgb(228,228,118) 100%);
    background-image:-webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(210,210,100)), color-stop(1, rgb(228,228,118)));
    text-decoration:none;
    position:relative;
    cursor:pointer;
    -webkit-box-shadow:inset 0px 1px 0px rgb(250,250,200), 0px 3px 0px rgb(110,110,0);
    -moz-box-shadow:inset 0px 1px 0px rgb(250,250,200), 0px 3px 0px rgb(110,110,0);
    -o-box-shadow:inset 0px 1px 0px rgb(250,250,200), 0px 3px 0px rgb(110,110,0);
    box-shadow:inset 0px 1px 0px rgb(250,250,200), 0px 3px 0px rgb(110,110,0);
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
    -pie-background:linear-gradient(rgb(210,210,100), rgb(228,228,118));;
    display:block;
}

/* ボタンの設定(削除等) */
.btn03::before {
    width:100%;
    height:100%;
    left:-2px;
    top:5px;
    padding-right:2px;
    padding-bottom:4px;
    padding-left:2px;
    position:absolute;
    -webkit-box-shadow:0px 1px 0px rgb(255,255,255);
    -moz-box-shadow:0px 1px 0px rgb(255,255,255);
    -o-box-shadow:0px 1px 0px rgb(255,255,255);
    box-shadow:0px 1px 0px rgb(255,255,255);
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    -o-border-radius:6px;
    border-radius:6px;
    content:"";
    display:block;
    z-index:-1;
}

/* ボタンの設定(削除等) */
.btn03:active {
    top:3px;
    background-image:-o-linear-gradient(bottom, rgb(210,210,100) 0%, rgb(228,228,118) 100%);
    background-image:-moz-linear-gradient(bottom, rgb(210,210,100) 0%, rgb(228,228,118) 100%);
    background-image:-webkit-linear-gradient(bottom, rgb(210,210,100) 0%, rgb(228,228,118) 100%);
    background-image:-ms-linear-gradient(bottom, rgb(210,210,100) 0%, rgb(228,228,118) 100%);
    background-image:linear-gradient(bottom, rgb(210,210,100) 0%, rgb(228,228,118) 100%);
    background-image:-webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(210,210,100)), color-stop(1, rgb(228,228,118)));
    -webkit-box-shadow:inset 0px 1px 0px rgb(250,250,200), inset 0px -1px 0px rgb(110,110,0);
    -moz-box-shadow:inset 0px 1px 0px rgb(250,250,200), inset 0px -1px 0px rgb(110,110,0);
    -o-box-shadow:inset 0px 1px 0px rgb(250,250,200), inset 0px -1px 0px rgb(110,110,0);
    box-shadow:inset 0px 1px 0px rgb(250,250,200), inset 0px -1px 0px rgb(110,110,0);
    -pie-background:linear-gradient(rgb(44,160,202), rgb(62,184,229));
    text-shadow:0px 1px 1px rgba(255,255,255,0.3);
}

/* ボタンの設定(削除等) */
.btn03:active::before {
    top:-2px;
}

/* ボタンの設定(通常の押したまま状態) */
.btn31 {
    height:3em;
    text-align:center;
    top:3px;
    font-size:15px;
    font-weight:bold;
    padding-top:10px;
    padding-right:10px;
    padding-bottom:10px;
    padding-left:10px;
    border-style:solid;
    border-width:1px;
    background-image:-o-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image:-moz-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image:-webkit-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image:-ms-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image:linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image:-webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(44,160,202)), color-stop(1, rgb(62,184,229)));
    text-decoration:none;
    position:relative;
    -webkit-box-shadow:inset 0px 1px 0px rgb(127,210,241), inset 0px -1px 0px rgb(21,103,133);;
    -moz-box-shadow:inset 0px 1px 0px rgb(127,210,241), inset 0px -1px 0px rgb(21,103,133);;
    -o-box-shadow:inset 0px 1px 0px rgb(127,210,241), inset 0px -1px 0px rgb(21,103,133);;
    box-shadow:inset 0px 1px 0px rgb(127,210,241), inset 0px -1px 0px rgb(21,103,133);;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
    -pie-background:linear-gradient(rgb(44,160,202), rgb(62,184,229));
    display:block;
    text-shadow:0px 1px 1px rgba(255,255,255,0.3);
}

/* ボタンの設定(削除等の押したまま状態) */
.btn32 {
    height:3em;
    text-align:center;
    top:3px;
    font-size:15px;
    font-weight:bold;
    padding-top:10px;
    padding-right:10px;
    padding-bottom:10px;
    padding-left:10px;
    border-style:solid;
    border-width:1px;
    text-decoration:none;
    position:relative;
    -webkit-box-shadow:inset 0px 1px 0px rgb(192,192,192), 0px 2px 0px rgb(105,105,105);
    -moz-box-shadow:inset 0px 1px 0px rgb(192,192,192), 0px 2px 0px rgb(105,105,105);
    -o-box-shadow:inset 0px 1px 0px rgb(192,192,192), 0px 2px 0px rgb(105,105,105);
    box-shadow:inset 0px 1px 0px rgb(192,192,192), 0px 2px 0px rgb(105,105,105);
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
    display:block;
    text-shadow:0px 1px 1px rgba(255,255,255,0.3);
}

/* ボタンの設定(戻る等) */
.btn04 {
    height:3em;
    text-align:center;
    font-size:15px;
    font-weight:bold;
    padding-top:10px;
    padding-right:10px;
    padding-bottom:10px;
    padding-left:10px;
    border-style:solid;
    border-width:1px;
    background-image:-o-linear-gradient(bottom, rgb(141,141,141) 0%, rgb(179,179,179) 100%);
    background-image:-moz-linear-gradient(bottom, rgb(141,141,141) 0%, rgb(179,179,179) 100%);
    background-image:-webkit-linear-gradient(bottom, rgb(141,141,141) 0%, rgb(179,179,179) 100%);
    background-image:-ms-linear-gradient(bottom, rgb(141,141,141) 0%, rgb(179,179,179) 100%);
    background-image:linear-gradient(bottom, rgb(141,141,141) 0%, rgb(179,179,179) 100%);
    background-image:-webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(141,141,141)), color-stop(1, rgb(179,179,179)));
    text-decoration:none;
    position:relative;
    cursor:pointer;
    -webkit-box-shadow:inset 0px 1px 0px rgb(238,238,238), 0px 3px 0px rgb(68,68,68);
    -moz-box-shadow:inset 0px 1px 0px rgb(238,238,238), 0px 3px 0px rgb(68,68,68);
    -o-box-shadow:inset 0px 1px 0px rgb(250,250,200), 0px 3px 0px rgb(68,68,68);
    box-shadow:inset 0px 1px 0px rgb(238,238,238), 0px 3px 0px rgb(68,68,68);
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
    -pie-background:linear-gradient(rgb(141,141,141), rgb(179,179,179));;
    display:block;
}

/* ボタンの設定(戻る等) */
.btn04::before {
    width:100%;
    height:100%;
    left:-2px;
    top:5px;
    padding-right:2px;
    padding-bottom:4px;
    padding-left:2px;
    position:absolute;
    -webkit-box-shadow:0px 1px 0px rgb(255,255,255);
    -moz-box-shadow:0px 1px 0px rgb(255,255,255);
    -o-box-shadow:0px 1px 0px rgb(255,255,255);
    box-shadow:0px 1px 0px rgb(255,255,255);
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    -o-border-radius:6px;
    border-radius:6px;
    content:"";
    display:block;
    z-index:-1;
}

/* ボタンの設定(戻る等) */
.btn04:active {
    top:3px;
    background-image:-o-linear-gradient(bottom, rgb(141,141,141) 0%, rgb(179,179,179) 100%);
    background-image:-moz-linear-gradient(bottom, rgb(141,141,141) 0%, rgb(179,179,179) 100%);
    background-image:-webkit-linear-gradient(bottom, rgb(141,141,141) 0%, rgb(179,179,179) 100%);
    background-image:-ms-linear-gradient(bottom, rgb(141,141,141) 0%, rgb(179,179,179) 100%);
    background-image:linear-gradient(bottom, rgb(141,141,141) 0%, rgb(179,179,179) 100%);
    background-image:-webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(141,141,141)), color-stop(1, rgb(179,179,179)));
    -webkit-box-shadow:inset 0px 1px 0px rgb(238,238,238), inset 0px -1px 0px rgb(68,68,68);
    -moz-box-shadow:inset 0px 1px 0px rgb(238,238,238), inset 0px -1px 0px rgb(68,68,68);
    -o-box-shadow:inset 0px 1px 0px rgb(250,250,200), inset 0px -1px 0px rgb(68,68,68);
    box-shadow:inset 0px 1px 0px rgb(238,238,238), inset 0px -1px 0px rgb(68,68,68);
    -pie-background:linear-gradient(rgb(44,160,202), rgb(62,184,229));
    text-shadow:0px 1px 1px rgba(255,255,255,0.3);
}

/* ボタンの設定(戻る等) */
.btn04:active::before {
    top:-2px;
}

/* ボタンの設定(WEB講習) */
.btn05 {
    height:3em;
    text-align:center;
    font-size:15px;
    font-weight:bold;
    padding-top:10px;
    padding-bottom:10px;
    border-style:solid;
    border-width:1px;
    background-image:-o-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image:-moz-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image:-webkit-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image:-ms-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image:linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image:-webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(44,160,202)), color-stop(1, rgb(62,184,229)));
    text-decoration:none;
    position:relative;
    cursor:pointer;
    -webkit-box-shadow:inset 0px 1px 0px rgb(127,210,241), 0px 3px 0px rgb(21,103,133);
    -moz-box-shadow:inset 0px 1px 0px rgb(127,210,241), 0px 3px 0px rgb(21,103,133);
    -o-box-shadow:inset 0px 1px 0px rgb(127,210,241), 0px 3px 0px rgb(21,103,133);
    box-shadow:inset 0px 1px 0px rgb(127,210,241), 0px 3px 0px rgb(21,103,133);
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
    -pie-background:linear-gradient(rgb(44,160,202), rgb(62,184,229));
    display:block;
}

/* ボタンの設定(WEB講習) */
.btn05::before {
    width:100%;
    height:100%;
    left:-2px;
    top:5px;
    padding-right:2px;
    padding-bottom:4px;
    padding-left:2px;
    position:absolute;
    -webkit-box-shadow:0px 1px 0px rgb(255,255,255);
    -moz-box-shadow:0px 1px 0px rgb(255,255,255);
    -o-box-shadow:0px 1px 0px rgb(255,255,255);
    box-shadow:0px 1px 0px rgb(255,255,255);
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    -o-border-radius:6px;
    border-radius:6px;
    content:"";
    display:block;
    z-index:-1;
}

/* ボタンの設定(WEB講習) */
.btn05:active {
    top:3px;
    background-image:-o-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image:-moz-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image:-webkit-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image:-ms-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image:linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image:-webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(44,160,202)), color-stop(1, rgb(62,184,229)));
    -webkit-box-shadow:inset 0px 1px 0px rgb(127,210,241), inset 0px -1px 0px rgb(21,103,133);;
    -moz-box-shadow:inset 0px 1px 0px rgb(127,210,241), inset 0px -1px 0px rgb(21,103,133);;
    -o-box-shadow:inset 0px 1px 0px rgb(127,210,241), inset 0px -1px 0px rgb(21,103,133);;
    box-shadow:inset 0px 1px 0px rgb(127,210,241), inset 0px -1px 0px rgb(21,103,133);;
    -pie-background:linear-gradient(rgb(44,160,202), rgb(62,184,229));
    text-shadow:0px 1px 1px rgba(255,255,255,0.3);
}

/* ボタンの設定(WEB講習) */
.btn05:active::before {
    top:-2px;
}

/* 複数ボタンが並ぶ時に感覚を空けるための枠 */
.button_space {
    text-align:center;
    margin-top:20px;
    margin-right:auto;
    margin-bottom:10px;
    margin-left:auto;
}

/* ページ下部のリンク設定（フォントサイズ変更の為px管理） */
.bottom_link {
    width:985px;
    text-align:right;
    font-size:14px;
    font-weight:bold;
    padding-top:10px;
    padding-right:4px;
    padding-bottom:7px;
    padding-left:4px;
    margin-right:auto;
    margin-left:auto;
}

/* リンクの文字色 */
.bottom_link a {
    padding-top:9px;
    padding-right:15px;
    padding-bottom:7px;
    padding-left:15px;
    margin-left:2px;
    border-style:solid;
    border-width:1px;
}

/* リンクの文字色 */
.bottom_link a:visited {
}

/* リンクの文字色 */
.bottom_link a:hover {
}

/* ページ下部のリンク設定(左側) */
.bottom_link2 {
    width:74em;
    text-align:right;
    padding-top:4px;
    padding-right:4px;
    padding-bottom:4px;
    padding-left:4px;
    margin-right:auto;
    margin-left:auto;
}

/* リンクの文字色 */
.bottom_link2 a {
}

/* リンクの文字色 */
.bottom_link2 a:visited {
}

/* リンクの文字色 */
.bottom_link2 a:hover {
}

/* フッター枠 */
.footer {
    width:74em;
    text-align:center;
    padding-top:5px;
    padding-bottom:5px;
    margin-right:auto;
    margin-left:auto;
}

/* フッター枠リンクの文字色 */
.footer a {
}

/* フッター枠リンクの文字色 */
.footer a:visited {
}

/* フッター枠リンクの文字色 */
.footer a:hover {
}

/* 枠線の設定 */
div.cate {
    padding-top:10px;
    padding-right:10px;
    padding-bottom:10px;
    padding-left:10px;
    margin-top:10px;
    margin-bottom:10px;
    border-style:solid;
    border-width:1px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
}

/* 一覧の列設定(チェック) */
.col_check {
    width:3em;
    text-align:center;
}

/* 一覧の列設定(会社名等) */
.col_cmpname {
    width:20em;
}

/* 一覧の列設定(CPD単位) */
.col_cpdunit {
    width:4em;
}

/* 一覧の列設定(yyyy/mm/dd(www)) */
.col_date {
    width:8em;
}

/* 一覧の列設定(yyyy/mm) */
.col_ym {
    width:7em;
}

/* 一覧の列設定(mm/dd) */
.col_md {
    width:5em;
}

/* 一覧の列設定(プログラム名等) */
.col_prgname {
    width:22em;
}

/* 一覧の列設定(プログラム名等) */
.col_prgname2 {
    width:30em;
}

/* 一覧の列設定(参加時間) */
.col_prgtim {
    width:3em;
}

/* 一覧の列設定(分類形態コード) */
.col_prgfeld {
    width:4em;
}

/* 一覧の列設定(教育内容コード) */
.col_prgeducate {
    width:2.2em;
}

/* 一覧の列設定(開催場所) */
.col_prgloc {
    width:5em;
}

/* 一覧の列設定(記録単位) */
.col_recunit {
    width:3em;
}

/* 一覧の列設定(CPD登録番号) */
.col_usrcode {
    width:8em;
}

/* 一覧の列設定(CPD登録番号等) */
.col_usrcode2 {
    width:10em;
}

/* 一覧の列設定(会員種別) */
.col_usrkind {
    width:8em;
}

/* 一覧の列設定(管理者ＩＤ) */
.col_loginid {
    width:12em;
}

/* 一覧の列設定(氏名) */
.col_usrname {
    width:10em;
}

/* 一覧の列設定(リンク) */
.col_link {
    width:3em;
    text-align:center;
}

/* 一覧の列設定(カナ姓名) */
.col_kana {
    width:40em;
}

/* 一覧の列設定(教育分野名称) */
.col_feldname {
    width:18em;
}

/* テキストの位置(右詰) */
.txt_right {
    text-align:right;
}

/* テキストの位置(中央揃え) */
.txt_center {
    text-align:center;
}

/* inputタグ用 */
input {
    height:1.75em;
    text-align:left;
    vertical-align:middle;
    padding-top:2px;
    padding-right:2px;
    padding-bottom:2px;
    padding-left:2px;
    margin-top:4px;
    margin-bottom:4px;
}

/* 英数値項目用 */
input.alp {
    text-align:left;
}

/* コード用 */
input.cde {
    text-align:left;
}

/* 通常用 */
input.normal {
    text-align:left;
}

/* 日付用 */
input.date {
    width:7em;
    text-align:left;
}

/* 日用 */
input.dd {
    width:2em;
    text-align:right;
}

/* 月用 */
input.mm {
    width:2em;
    text-align:right;
}

/* 時分用 */
input.time {
    width:3.5em;
    text-align:left;
}

/* 数値項目用 */
input.num {
    text-align:right;
}

/* 数字項目用 */
input.numV {
    text-align:right;
}

/* 数値項目用(カンマ区切り制御) */
input.money {
    width:7em;
    text-align:right;
}

/* パスワード用 */
input.pwd {
    text-align:left;
    font-family:Verdana, sans-serif;
}

/* 年用 */
input.yy {
    text-align:right;
}

/* 年月日付用（yyyy/mm） */
input.yyyymm {
    width:6em;
    text-align:left;
}

/* Card型、List型以外のラベル */
.lbl01 {
    text-align:left;
    vertical-align:middle;
}

/* 中央揃え */
.middle {
    vertical-align:middle;
}

/* 文字色黒 */
.f_black {
}

/* 文字色緑 */
.f_green {
}

/* 文字色赤 */
.f_red {
}

/* ボタンを囲むdivタグに付ける */
.div_btn {
    position:relative;
}

/* 入力不可の設定 */
.rom {
}

/* textareaタグ用 */
textarea {
    width:100%;
    text-align:left;
    vertical-align:middle;
    padding-top:2px;
    padding-right:2px;
    padding-bottom:2px;
    padding-left:2px;
    margin-top:4px;
    margin-bottom:4px;
    resize:none;
}

/* メンテナンス中のバー */
.mente {
    text-align:center;
    font-size:14pt;
    font-weight:bold;
    padding-top:4px;
    padding-right:10px;
    padding-bottom:4px;
    padding-left:10px;
    margin-right:40px;
}

/* ヘッダーのリンクメニュー */
.top_menu {
    padding-right:40px;
    padding-left:180px;
}

/* 画面遷移リンクの設定 */
.doc_navi {
    text-align:Right;
    padding-right:40px;
}

/* 管理者ＴＯＰのメニュー左 */
#left {
    width:302px;
    float:left;
    border-right-style:solid;
    border-right-width:1px;
}

/* 管理者ＴＯＰのメニュー中 */
#center {
    width:302px;
    float:left;
    border-right-style:solid;
    border-right-width:1px;
}

/* 管理者ＴＯＰのメニュー右 */
#right {
    width:302px;
    float:left;
    border-right-style:solid;
    border-right-width:1px;
}

/* 管理者ＴＯＰのメニュー項目名 */
#menu h6 {
    width:100%;
    height:28px;
    padding-top:5px;
    padding-right:5px;
    padding-bottom:5px;
    padding-left:5px;
    border-bottom-style:solid;
    border-bottom-width:1px;
    background-image:url(../images/menu_icon.png);
    background-repeat:no-repeat;
    background-position:right bottom;
}

/* 管理者TOPのリンク設定 */
#menu a {
    width:100%;
    height:28px;
    padding-top:5px;
    padding-right:5px;
    padding-bottom:5px;
    padding-left:5px;
    border-bottom-style:solid;
    border-bottom-width:1px;
    background-image:url(../images/menu_bg.png);
    text-decoration:none;
    display:inline-block;
}

/* 管理者TOPのリンク（ホバー時） */
#menu a:hover {
    border-style:solid;
    border-width:1px;
    text-decoration:none;
}

/* 管理者TOPの件数表示文字設定 */
#menu p {
    float:right;
}

/* 管理者ヘッダーメニュー */
#dropmenu {
    width:68em;
    height:28px;
    margin-top:0px;
    margin-right:auto;
    margin-bottom:0px;
    margin-left:0px;
    border-bottom-style:solid;
    border-bottom-width:5px;
    border-radius:3px 3px 0 0;
}

/* 管理者ヘッダーメニュー（項目名） */
#dropmenu li {
    width:20%;
    float:left;
    position:relative;
}

/* 管理者ヘッダーメニュー（項目名） */
#dropmenu li a {
    line-height:1;
    font-size:14px;
    font-weight:bold;
    padding-top:5px;
    padding-right:5px;
    padding-bottom:5px;
    padding-left:5px;
    border-right-style:solid;
    border-right-width:1px;
    background-image:url(../images/menu_icon.png);
    background-repeat:no-repeat;
    background-position:right bottom;
    text-decoration:none;
    display:block;
}

/* 管理者ヘッダーメニュー（リスト内） */
#dropmenu li ul {
    width:100%;
    top:100%;
    position:absolute;
    border-radius:0 0 3px 3px;
}

/* 管理者ヘッダーメニュー（リスト内） */
#dropmenu li ul li {
    width:100%;
    height:0;
    overflow:hidden;
}

/* 管理者ヘッダーメニュー（リスト内リンク） */
#dropmenu li ul li a {
    text-align:left;
    font-size:12px;
    font-weight:normal;
    padding-top:8px;
    padding-right:15px;
    padding-bottom:6px;
    padding-left:15px;
    border-style:solid;
    border-width:1px;
    background-image:url(../images/menu_bg.png);
    background-repeat:repeat-y;
    background-position:right;
}

/* 管理者ヘッダーメニュー（項目名リンクhover） */
#dropmenu li:hover > a {
}

/* 管理者ヘッダーメニュー（リスト内リンクhover） */
#dropmenu li ul li a:hover {
    border-style:solid;
    border-width:1px;
}

/* 管理者ヘッダーメニュー（項目名リンクhover） */
#dropmenu > li:hover > a {
    border-radius:3px 3px 0 0;
}

/* 管理者ヘッダーメニュー（項目名hover時リスト表示） */
#dropmenu li:hover ul li {
    height:100%;
    z-index:10;
    overflow:visible;
}

/* Floatのクリア */
.clr_float {
    clear:both;
}

/* htmlタグ */
html {
    height:99%;
    overflow-y:scroll;
}

/* フッタータグ */
div#footer {
    width:100%;
    bottom:0px;
    /*position:fixed;*/
    position: relative;
}

/* コンボ用 */
select {
    height:1.75em;
    padding-top:2px;
    padding-right:2px;
    padding-bottom:2px;
    padding-left:2px;
    margin-top:4px;
    margin-right:auto;
    margin-bottom:4px;
    margin-left:auto;
}

/* フォーカス処理(入力項目、ボタン) */
input:focus {
    outline:2px orange dashed;
}

/* フォーカス処理(改行ありボタン) */
button:focus {
    outline:2px orange dashed;
}

/* フォーカス処理(テキストエリア) */
textarea:focus {
    outline:2px orange dashed;
}

/* フォーカス処理(コンボ) */
select:focus {
    outline:2px orange dashed;
}

/* フォーカス処理(リンク) */
a:focus {
    outline:2px orange dashed;
}

/* コンボ、チェックボックスの文字 */
label {
    cursor:pointer;
}

/* btn02の隣のラベルの高さ調整 */
.btn02_label {
    padding-top:8px;
}

/* 新記録CPD記録形態内容表示用 */
.ketanayo {
    text-align:center;
    font-size:120%;
    font-weight:bold;
    padding-top:6px;
    padding-right:10px;
    padding-bottom:6px;
    padding-left:10px;
    margin-top:10px;
    margin-right:40px;
    background-repeat:no-repeat;
    background-position:left;
}

/* カード内リストセル ヘッダー（tdで設定) */
.tbl_card_list_col_hd {
    padding-right:3px;
    padding-left:3px;
    border-width:1px;
    border-top-style:none;
    border-right-style:solid;
    border-bottom-style:none;
    border-left-style:solid;
}

/* カード内リスト行 ヘッダー(trで設定) */
.tbl_card_list_row_hd {
    border-bottom-style:solid;
    border-bottom-width:1px;
}

/* カード内リストセル 内容(tdで設定) */
.tbl_card_list_col_dtl {
    padding-right:3px;
    padding-left:3px;
    border-style:solid;
    border-width:1px;
}

/* カード内リスト(tableで設定) */
.tbl_card_list {
    width:100%;
    border-width:2px;
    border-top-style:none;
    border-right-style:none;
    border-bottom-style:solid;
    border-left-style:none;
    table-layout:fixed;
}

/* エビデンス一致必須項目（tdで設定） */
.evi {
    font-weight:bold;
}

/* カード内明細タイトル用(trで設定) */
.tbl_card_dtl_title {
    border-top-width:3px;
    border-top-style:solid;
}

/* 点付き箇条書きスタイル */
.uldiv>ul {
    margin-left:5px;
    list-style-type:disc;
}

/* チェックボックス、ラジオボタン */
input[type=radio],input[type=checkbox] {
    width:20px;
    height:20px;
    vertical-align:middle;
    -moz-transform-origin:left center;
    -moz-transform:scale( 1.3 , 1.3 );
}

/* チェックボックス使用不可 */
.check_dis::-ms-check {
}

/* ツールチップコメント付きの入力エリア(ツールチップの相対表示位置指定のため) */
.Ipt_Toltip{
    position: relative;
}

span.tooltip {
    position: absolute;
    background: #CEF6E3;
    font-size: 14px;
    width: 450px;
    padding: 5px 10px;
    right: 100px;
    top: -260px;
    border-radius: 5px;
    border: 1px solid #aaa;
    box-shadow: 0px 1px 2px 0 #C1BCB9;
    z-index: 10000;
    line-height: 22px;
    display:  none;
}

span.tooltip:before {
    content: '';
    position: absolute;
    top: 232px;
    left: 354px;
    width: 0;
    height: 0;
    border-top: solid 24px #aaa;;
    border-right: solid 14px transparent;
    border-left: solid 14px transparent;
}

span.tooltip:after {
    content: '';
    position: absolute;
    top: 230px;
    left: 354px;
    width: 0;
    height: 0;
    border-top: solid 24px #CEF6E3;
    border-right: solid 14px transparent;
    border-left: solid 14px transparent;
}

span.tooltip_hinin {
    position: absolute;
    background: #CEF6E3;
    font-size: 14px;
    padding: 5px 10px;
    right: -18px;
    bottom:  calc(100% + 36px);
    border-radius: 5px;
    border: 1px solid #aaa;
    box-shadow: 0px 1px 2px 0 #C1BCB9;
    z-index: 10000;
    line-height: 22px;
    display:  none;
}

span.tooltip_hinin:before {
    content: '';
    position: absolute;
    bottom: -37px;
    left: 80%;
    width: 0;
    height: 0;
    border-top: solid 37px #aaa;;
    border-right: solid 20px transparent;
    border-left: solid 20px transparent;
}

span.tooltip_hinin:after {
    content: '';
    position: absolute;
    bottom: -34px;
    left: 80%;
    width: 0;
    height: 0;
    border-top: solid 37px #CEF6E3;
    border-right: solid 20px transparent;
    border-left: solid 20px transparent;
}

/* 連番付き箇条書きスタイル */
.olnum {
    list-style-type:decimal;
}

/* 連番付き箇条書きスタイル(リスト側) */
.olnum li {
    margin-bottom:7px;
}


/* カード型見出しタイトル */
.tbl_card_midashi {
    padding-top:5px;
    padding-right:5px;
    padding-bottom:5px;
    padding-left:35px;
    margin-top:10px;
    margin-right:40px;
    border-style:solid;
    border-width:1px;
    background-image:url(../images/tri3white.png);
    background-repeat:no-repeat;
    background-position:left;
}

/* カード型見出し説明文欄 */
.tbl_card_msg {
    line-height:1.6em;
    padding-top:10px;
    padding-right:20px;
    padding-bottom:10px;
    padding-left:20px;
    margin-right:40px;
    border-style:solid;
    border-width:1px;
}
/* 決済代行画面タイトル枠 */
.fname_pay {
    height:1.6em;
    vertical-align:middle;
    font-size:150%;
    font-weight:bold;
    padding-top:4px;
    padding-right:10px;
    padding-bottom:4px;
    padding-left:10px;
    margin-top:10px;
    margin-right:40px;
    margin-bottom:10px;
    border-style:solid;
    border-width:1px;
    border-left-style:solid;
    border-left-width:20px;
}

/* 決済代行画面枠 */
.card_pay {
    border-style:dotted;
}


/* 決済代行カード型のテーブル */
.tbl_card_pay {
    width:100%;
    padding-top:2px;
    padding-bottom:2px;
    padding-left:4px;
    margin-top:10px;
    border-style:dotted;
    border-width:1px;
    border-collapse:collapse;
}

/* 決済代行ボタンの設定(通常) */
.btn_pay {
    width: 300px;
    height:3em;
    text-align:center;
    font-size:15px;
    font-weight:bold;
    padding-top:10px;
    padding-right:10px;
    padding-bottom:10px;
    padding-left:10px;
    border-style:solid;
    border-width:1px;
    margin-right: 10px;
    margin-bottom: 10px;
    background-image:-o-linear-gradient(bottom, rgb(0,50,255) 40%, rgb(80,180,255) 80%);
    background-image:-moz-linear-gradient(bottom, rgb(0,50,255) 40%, rgb(80,180,255) 80%);
    background-image:-webkit-linear-gradient(bottom, rgb(0,50,255) 40%, rgb(80,180,255) 80%);
    background-image:-ms-linear-gradient(bottom, rgb(0,50,255) 40%, rgb(80,180,255) 80%);
    background-image:linear-gradient(bottom, rgb(15,10,155) 40%, rgb(0,0,235) 80%);
    background-image:-webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(15,10,155)), color-stop(1, rgb(0,0,235)));
    text-decoration:none;
    position:relative;
    cursor:pointer;
    -webkit-box-shadow:inset 0px 1px 0px rgb(30,23,201), 0px 3px 0px rgb(60,45,220);
    -moz-box-shadow:inset 0px 1px 0px rgb(30,23,201), 0px 3px 0px rgb(60,45,220);
    -o-box-shadow:inset 0px 1px 0px rgb(30,23,201), 0px 3px 0px rgb(60,45,220);
    box-shadow:inset 0px 1px 0px rgb(30,23,201), 0px 3px 0px rgb(60,45,220);
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
    -pie-background:linear-gradient(rgb(30,23,201), rgb(45,33,220));
    display:block;
}

/* 決済代行ボタンの設定(通常) */
.btn_pay::before {
    width:100%;
    height:100%;
    left:-2px;
    top:5px;
    padding-right:2px;
    padding-bottom:4px;
    padding-left:2px;
    position:absolute;
    -webkit-box-shadow:0px 1px 0px rgb(255,255,255);
    -moz-box-shadow:0px 1px 0px rgb(255,255,255);
    -o-box-shadow:0px 1px 0px rgb(255,255,255);
    box-shadow:0px 1px 0px rgb(255,255,255);
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    -o-border-radius:6px;
    border-radius:6px;
    content:"";
    display:block;
    z-index:-1;
}

/* 決済代行ボタンの設定(通常) */
.btn_pay:active {
    top:3px;
    background-image:-o-linear-gradient(bottom, rgb(0,50,255) 40%, rgb(80,180,255) 80%);
    background-image:-moz-linear-gradient(bottom, rgb(0,50,255) 40%, rgb(80,180,255) 80%);
    background-image:-webkit-linear-gradient(bottom, rgb(0,50,255) 40%, rgb(80,180,255) 80%);
    background-image:-ms-linear-gradient(bottom, rgb(0,50,255) 40%, rgb(80,180,255) 80%);
    background-image:linear-gradient(bottom, rgb(15,10,155) 40%, rgb(0,0,235) 80%);
    background-image:-webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(15,10,155)), color-stop(1, rgb(0,0,235)));
    -webkit-box-shadow:inset 0px 1px 0px rgb(30,23,201), 0px 3px 0px rgb(60,45,220);
    -moz-box-shadow:inset 0px 1px 0px rgb(30,23,201), 0px 3px 0px rgb(60,45,220);
    -o-box-shadow:inset 0px 1px 0px rgb(30,23,201), 0px 3px 0px rgb(60,45,220);
    box-shadow:inset 0px 1px 0px rgb(30,23,201), 0px 3px 0px rgb(60,45,220);
    -pie-background:linear-gradient(rgb(30,23,201), rgb(45,33,220));
    text-shadow:0px 1px 1px rgba(255,255,255,0.3);
}

/* 決済代行ボタンの設定(通常) */
.btn_pay:active::before {
    top:-2px;
}
/* ボタンにdisabled付与時(active)状態維持用 */
.button_disabled {
    top:3px;
    background-image:-o-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image:-moz-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image:-webkit-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image:-ms-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image:linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image:-webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(44,160,202)), color-stop(1, rgb(62,184,229)));
    -webkit-box-shadow:inset 0px 1px 0px rgb(127,210,241), inset 0px -1px 0px rgb(21,103,133);
    -moz-box-shadow:inset 0px 1px 0px rgb(127,210,241), inset 0px -1px 0px rgb(21,103,133);
    -o-box-shadow:inset 0px 1px 0px rgb(127,210,241), inset 0px -1px 0px rgb(21,103,133);
    box-shadow:inset 0px 1px 0px rgb(127,210,241), inset 0px -1px 0px rgb(21,103,133);
    -pie-background:linear-gradient(rgb(44,160,202), rgb(62,184,229));
    text-shadow:0px 1px 1px rgba(255,255,255,0.3);
}

/* 氏名注意メッセージ背景用 */
.name_msg {
    line-height:1.6em;
    padding-top:10px;
    padding-right:20px;
    padding-bottom:10px;
    padding-left:20px;
    margin-right:40px;
    border-style:dotted;
    border-width:1px;
}

/* 一覧の背景色説明用(web講習システム講義一覧外部背景色説明用) */
.backcolor_shinki{

}

/* 一覧の背景色(web講習システム講義一覧外部背景色用) */
.tbl_list_row_dtl99 {
    height:2.6em;
    text-align:left;
    vertical-align:middle;
    border-style:solid;
    border-width:1px;
}