@charset "utf-8";




.articleClass {
    margin: 30px 10px;

    /*    padding: 20px;*/
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 40px;

    font-family: 'BIZ UDゴシック','メイリオ',Meiryo,'Segoe UI',Calibri,Arial,Sans-Serif;

    background-color: #fcffff;

    -moz-border-radius: 10px;/*for Firefox*/
    -webkit-border-radius: 10px;/*for Safari and chrome*/
    border-radius: 10px;
    behavior: url(../itemCss/border-radius.htc);/*for IE*/

/*
    -moz-clip-path: polygon(0 30px, 100% 0, 100% 100%, 0 100%);
    -webkit-clip-path: polygon(0 30px, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 30px, 100% 0, 100% 100%, 0 100%);
*/
}

#mainId {
    background-color: #558BB2;
/*
    background: -webkit-linear-gradient(#558BB2, #55F7F0);
    background: linear-gradient(#558BB2, #55F7F0);
*/

}

#mainOnePage {
    background-color: #558BB2;
/*
    background: -webkit-linear-gradient(#558BB2, #55F7F0);
    background: linear-gradient(#558BB2, #55F7F0);
*/
}

.h1-first {

    margin-top: 20px;
    margin-right: 30px;
    margin-bottom: 5px;
    margin-left: -20px;
    padding: 10px 20px;


    font-size: 1.3em;

    color: #E8FFFF;
    background: -webkit-linear-gradient(#0F3EC1, #0FC1C1);
    background: linear-gradient(#0F3EC1 , #0FC1C1);

    border-style: solid;
    border-width: 3px;
    border-color: #0F276C;

    -moz-border-radius: 10px;/*for Firefox*/
    -webkit-border-radius: 10px;/*for Safari and chrome*/
    border-radius: 10px;
    behavior: url(../itemCss/border-radius.htc);/*for IE*/

}

.nav-side{
    font-size: 14px;
}

.side-title{
    margin: 40px 10px 20px;
    font-size: 14px;

    text-align: center;
    line-height: 150%;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    behavior: url(../itemCss/border-radius.htc);

    background: -webkit-linear-gradient(#0F3EC1, #0FC1C1);
    background: linear-gradient(#0F3EC1 , #0FC1C1);
    border-style: solid;
    border-width: 2px;
    border-color: #0F276C;
}

.side-title>a{
    display: block;
    padding: 0.3em 0;
    color: #ffffff;
    text-decoration: none;
}

.side-title>a:hover{
    /* var(--bu-link-focus) */
    color: #F90;
}

.current-side-title{
    display: block;
    padding: 0.3em 0;
    color: #E0F77C;
}

ul.ul-side-genre{
    padding-left: 0.8em;
    padding-right: 0.8em;
}

ul.ul-side-genre>li{
    margin: 7px 0;
}

ul.ul-side-genre>li a{
    display: block;
    margin: 0;
    padding-left: 10px;
    text-decoration: none;
    color: #666;

    background-color: #F5FFFF;
    border-style: solid;
    border-width: 1px;
    border-color: #8091FF;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    behavior: url(../itemCss/border-radius.htc);


    /*  あふれたら ...で */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

ul.ul-side-genre>li a:hover{
    color: #02C;
    background: -webkit-linear-gradient(top, #F0FFF0 0%, #64AAFF 100%);
    background: linear-gradient(180deg, #F0FFF0, #64AAFF);
}

.current-side-genre{
    display: block;
    margin: 0;
    padding-left: 10px;
    text-decoration: none;
    color: #fff;

    background-color: #466CD8;
    border-style: solid;
    border-width: 1px;
    border-color: #270F8B;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    behavior: url(../itemCss/border-radius.htc);


    /*  あふれたら ...で */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#softTopPage-foot{
    width: 13em;

    text-align: center;
    border-style: solid;
    border-width: 2px;
    border-color: #0F276C;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    behavior: url(../itemCss/border-radius.htc);

    background: -webkit-linear-gradient(#0F3EC1, #0FC1C1);
    background: linear-gradient(#0F3EC1 , #0FC1C1);

}

#softTopPage-foot>a{
    display: block;
    padding: 0.1em 0;
    color: #fff;
    font-size: 0.9em;
    font-weight: bold;
    text-decoration: none;
}

#softTopPage-foot>a:hover{
    /* var(--bu-link-focus) */
    color: #f90;
}

span.pickup-easy-r,
span.pickup-easy-2-r{
    padding-top: 5px;
    padding-bottom: 5px;
}

span.pickup-easy-s,
span.pickup-easy-2-s{
    padding-top: 5px;
    padding-bottom: 5px;
}

span.filePath-pickup-bu-s{
    padding-top: 5px;
    padding-bottom: 5px;
}

span.filePath-pickup-bu-r{
    padding-top: 5px;
    padding-bottom: 5px;
}

.blank-siteword{
    padding-top: 5px;
    padding-bottom: 5px;
}

.bg-time1{
    background: url("../../../image/timer/backGround/back1.png") no-repeat;

}

.bg-time2{
    background: url("../../../image/timer/backGround/back2.png") no-repeat;
}

.bg-time3{
    background: url("../../../image/timer/backGround/back3.png") no-repeat;

}

.bg-time4{
    background: url("../../../image/timer/backGround/back4.png") no-repeat;
}

.bg-time5{
    background: url("../../../image/timer/backGround/back5.png") no-repeat;

}

#miniOptionimg{
    width: 350px;
}

#softimg{
    width: 280px;
}

#optionimg{
    width: 280px;
}

#alarmimg{
    width: 350px;
}

#savelistimg{
    width: 280px;
}