﻿*{
}
ul.items01 {
    list-style-image: url('/SBJ1/images/p_002_r.gif');
}
ul.items01 li {
    padding-bottom:5px;
}
ul.itemsMail {
    list-style-image: url('/SBJ1/images/icon/email.png');
}
ul.itemsPW {
    list-style-image: url('/SBJ1/images/icon/textfield_key.png');
}
ul.itemsI {
    list-style-image: url('/SBJ1/images/point_i.gif');
}

.YellowShikaku {
    border: 1px solid #B8860B;
    background-color: #FFFFE0;
    margin-bottom: 20px;
    padding: 20px;
}

.HyouSoku {
    border-bottom: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
    padding: 0 0.5rem 0 0.5rem;
    background-color: #F0FFF0;
    color: #006400;
}

.HyouSoku2 {
    border-bottom: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
    padding: 0 0.5rem 0 0.5rem;
    background-color: #F0F8FF;
    color: #000080;
}

.HyouSoku3 {
    border-bottom: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
    padding: 0 0.5rem 0 0.5rem;
    background-color: #fdeff2;
    color: #dc143c;
}

.HyouSoku4 {
    border-bottom: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
    padding: 0 0.5rem 0 0.5rem;
    background-color: #ffeddb;
}

.HyouHon {
    border-bottom: 1px solid #dee2e6;
    padding: 0.5rem;
}

input.watermark, textarea.watermark {
    color: #6495ed;
    font-size: 12px;
}

.ValidatorBox {
    display: block;
    color: #FFFFFF;
    background-color: #DC143C;
    font-size: 12px;
}

.bg-image {
    width: 100%;
    height: 75px;
    border-radius: 0.25rem;
}

.bg-image-program {
    background: linear-gradient(90deg, #f0f6f2, #f0f6f2, rgba(255, 255, 255, 0.01)),url(/SBJ1/images/ban_pagetitle-program.png); /* BOXのグラデーション */
    background-position: right;
    background-repeat: no-repeat;
}

.bg-image-KoshiThema {
    background: linear-gradient(90deg, #f0f6f2, #f0f6f2, rgba(255, 255, 255, 0.01)),url(/SBJ1/images/ban_pagetitle-KoshiThema.png); /* BOXのグラデーション */
    background-position: right;
    background-repeat: no-repeat;
}

.bg-image-Thisterm_R {
    background: linear-gradient(90deg, #f0f6f2, #f0f6f2, rgba(255, 255, 255, 0.01)),url(/SBJ1/images/ban_pagetitle-Thisterm_R.png); /* BOXのグラデーション */
    background-position: right;
    background-repeat: no-repeat;
}

.bg-image-Thisterm_A {
    background: linear-gradient(90deg, #f0f6f2, #f0f6f2, rgba(255, 255, 255, 0.01)),url(/SBJ1/images/ban_pagetitle-Thisterm_A.png); /* BOXのグラデーション */
    background-position: right;
    background-repeat: no-repeat;
}

.bg-image-Thisterm_Y {
    background: linear-gradient(90deg, #f0f6f2, #f0f6f2, rgba(255, 255, 255, 0.01)),url(/SBJ1/images/ban_pagetitle-Thisterm_Y.png); /* BOXのグラデーション */
    background-position: right;
    background-repeat: no-repeat;
}

.bg-image-Thisterm_N {
    background: linear-gradient(90deg, #f0f6f2, #f0f6f2, rgba(255, 255, 255, 0.01)),url(/SBJ1/images/ban_pagetitle-Thisterm_N.png); /* BOXのグラデーション */
    background-position: right;
    background-repeat: no-repeat;
}

.bg-image-Thisterm_S {
    background: linear-gradient(90deg, #f0f6f2, #f0f6f2, rgba(255, 255, 255, 0.01)),url(/SBJ1/images/ban_pagetitle-Thisterm_S.png); /* BOXのグラデーション */
    background-position: right;
    background-repeat: no-repeat;
}

.bg-image-Thisterm_D {
    background: linear-gradient(90deg, #f0f6f2, #f0f6f2, rgba(255, 255, 255, 0.01)),url(/SBJ1/images/ban_pagetitle-Thisterm_D.png); /* BOXのグラデーション */
    background-position: right;
    background-repeat: no-repeat;
}

.bg-image-Profile {
    background: linear-gradient(90deg, #f0f6f2, #f0f6f2, rgba(255, 255, 255, 0.01)),url(/SBJ1/images/ban_pagetitle-Profile.png); /* BOXのグラデーション */
    background-position: right;
    background-repeat: no-repeat;
}

.bg-image-Profile {
    background: linear-gradient(90deg, #f0f6f2, #f0f6f2, rgba(255, 255, 255, 0.01)),url(/SBJ1/images/ban_pagetitle-Profile.png); /* BOXのグラデーション */
    background-position: right;
    background-repeat: no-repeat;
}

.bg-image-book {
    background: linear-gradient(90deg, #f0f6f2, #f0f6f2, rgba(255, 255, 255, 0.01)),url(/SBJ1/images/ban_pagetitle-book.png); /* BOXのグラデーション */
    background-position: right;
    background-repeat: no-repeat;
}

/* --- 入力テーブル ---*/
.RFV {
    font-size: 12px;
    color: #DC143C;
    font-weight: bold;
}

.REV {
    font-size: 12px;
    color: #FFFFFF;
    font-weight: bold;
}
        
/* --- input関連 ---*/
.input_button 
{   border:0px;
    cursor:pointer;
    }
.navyw400
{
    width:400px;
    height:40px;
    background-image:url("/SBJ1/images/btn_navy.gif");
    font-size:16px;
    font-weight:bold;
    color:#ffffff;
    }
.redw400 {
    width: 400px;
    height: 40px;
    background-image: url("/SBJ1/images/btn_red.gif");
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
}
.navyw300 {
    width: 300px;
    height: 40px;
    background-image: url("/SBJ1/images/btn_navy_300.png");
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
}

.redw300 {
    width: 300px;
    height: 40px;
    background-image: url("/SBJ1/images/btn_red_300.png");
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
}
.grayw200 {
    width: 200px;
    height: 40px;
    background-image: url("/SBJ1/images/btn_gray_200.gif");
    font-size: 14px;
    font-weight: bold;
    color: #000000;
}

.grayw120 {
    width: 120px;
    height: 26px;
    background-image: url("/SBJ1/images/btn_gray_120.gif");
    font-size: 14px;
    font-weight: bold;
    color: #000000;
}

.chumon {
    width: 170px;
    height: 100px;
    background-image: url("/SBJ1/images/btn_chumon.png");
    font-size: 12px;
    color: #FFFFFF;
    padding: 50px 5px 0px 5px;
    white-space: normal;
}

.chumon_kanbai {
    width: 170px;
    height: 100px;
    background-image: url("/SBJ1/images/btn_chumon_kanbai.png");
    font-size: 12px;
    color: #FFFFFF;
    padding: 50px 5px 0px 5px;
}

.moushikomi2 {
    width: 170px;
    height: 100px;
    background-image: url("/SBJ1/images/btn_moushikomi2.png");
    font-size: 12px;
    color: #FFFFFF;
    padding: 50px 5px 0px 5px;
    white-space: normal;
}

.moushikomi2_kanbai {
    width: 170px;
    height: 100px;
    background-image: url("/SBJ1/images/btn_moushikomi2_kanbai.png");
    font-size: 12px;
    color: #FFFFFF;
    padding: 50px 5px 0px 5px;
}
        
.h40:hover{background-position:0px -40px;}
.h40:active{background-position:0px -80px;}

.h26:hover{background-position:0px -26px;}
.h26:active{background-position:0px -52px;}
        
.chumon:hover{background-position:0px -100px;}
.chumon:active{background-position:0px -200px;}
        
.moushikomi2:hover{background-position:0px -100px;}
.moushikomi2:active{background-position:0px -200px;}

#btnShukketsu a,
#btnShukketsu_ina a {
    display: block;
    text-indent: -9999px;
    width: 170px;
    height: 100px;
    background-image: url("/SBJ1/images/btn_shukketsu.gif");
    margin-top: 15px;
}

    #btnShukketsu a:hover,
    #btnShukketsu_ina a:hover {
        background-position: 0px -100px;
    }

    #btnShukketsu a:active,
    #btnShukketsu_ina a:active {
        background-position: 0px -200px;
    }
