@CHARSET "UTF-8";

a {
    color:#0084b2;
    text-decoration: none;
}
input[type="text"],input[type="password"] {
    font-size:18px;
    padding:5px;
    border-radius: 4px;        /* CSS3草案 */
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 4px;   /* Firefox用 */
}
textarea {
    font-size:18px;
    padding:5px;
    border-radius: 4px;        /* CSS3草案 */
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 4px;   /* Firefox用 */
}
select {
    font-size:18px;
    padding:4px;
}
.fl {
    float:left;
}
.fr {
    float:right;
}


/** material のカスタマイズ */
.mdl-textfield__label {
    color: rgba(0, 0, 0, 0.68);
}
.mdl-textfield.xxsmall {    width:40px;}
.mdl-textfield.xsmall {    width:70px;}
.mdl-textfield.small {    width:100px;}
.mdl-textfield.middle {    width:200px;}
.mdl-textfield.large {    width:300px;}
.mdl-textfield.xlarge {    width:400px;}

.w60 { width:60px;}
.w80 { width:80px;}
.w100 { width:100px;}
.w120 { width:120px;}
.w150 { width:150px;}
.w200 { width:200px;}
.w250 { width:250px;}
.w300 { width:300px;}
.w400 { width:400px;}
.w500 { width:500px;}
.w600 { width:600px;}

.wp40 { max-width:40px; min-width:20px; width:40px; }
.wp60 { max-width:60px; min-width:30px; width:60px; }
.wp80 { max-width:80px; min-width:40px; width:80px; }
.wp100 { max-width:100px; min-width:50px; width:100px; }
.wp200 { max-width:200px; min-width:100px; width:200px; }
.wp300 { max-width:300px; min-width:150px; width:90%; }
.wp400 { max-width:400px; min-width:200px; width:400px; }
.wp500 { max-width:500px; min-width:250px; }
.wp600 { max-width:600px; min-width:300px; width:90%; }
.wp700 { max-width:700px; min-width:350px; width:90%; }
.wp800 { max-width:800px; min-width:400px; width:90%; }


.ml0 { margin-left : 0px; }
.ml5 { margin-left : 5px; }
.ml10 { margin-left : 10px; }
.ml20 { margin-left : 20px; }
.ml30 { margin-left : 30px; }
.ml40 { margin-left : 40px; }
.ml50 { margin-left : 50px; }
.ml60 { margin-left : 60px; }
.ml70 { margin-left : 70px; }
.ml80 { margin-left : 80px; }
.ml90 { margin-left : 90px; }
.ml100 { margin-left : 100px; }
.ml110 { margin-left : 110px; }
.ml120 { margin-left : 120px; }
.ml130 { margin-left : 130px; }
.ml140 { margin-left : 140px; }
.ml150 { margin-left : 150px; }
.ml160 { margin-left : 160px; }
.ml170 { margin-left : 170px; }
.ml180 { margin-left : 180px; }
.ml190 { margin-left : 190px; }
.ml200 { margin-left : 200px; }
.mr0 { margin-right : 0px; }
.mr5 { margin-right : 5px; }
.mr10 { margin-right : 10px; }
.mr20 { margin-right : 20px; }
.mr30 { margin-right : 30px; }
.mr40 { margin-right : 40px; }
.mr50 { margin-right : 50px; }
.mr60 { margin-right : 60px; }
.mr70 { margin-right : 70px; }
.mr80 { margin-right : 80px; }
.mr90 { margin-right : 90px; }
.mr100 { margin-right : 100px; }
.mr110 { margin-right : 110px; }
.mr120 { margin-right : 120px; }
.mr130 { margin-right : 130px; }
.mr140 { margin-right : 140px; }
.mr150 { margin-right : 150px; }
.mr160 { margin-right : 160px; }
.mr170 { margin-right : 170px; }
.mr180 { margin-right : 180px; }
.mr190 { margin-right : 190px; }
.mr200 { margin-right : 200px; }
.mt0 { margin-top : 0px; }
.mt5 { margin-top : 5px; }
.mt10 { margin-top : 10px; }
.mt20 { margin-top : 20px; }
.mt30 { margin-top : 30px; }
.mt40 { margin-top : 40px; }
.mt50 { margin-top : 50px; }
.mt60 { margin-top : 60px; }
.mt70 { margin-top : 70px; }
.mt80 { margin-top : 80px; }
.mt90 { margin-top : 90px; }
.mt100 { margin-top : 100px; }
.mt110 { margin-top : 110px; }
.mt120 { margin-top : 120px; }
.mt130 { margin-top : 130px; }
.mt140 { margin-top : 140px; }
.mt150 { margin-top : 150px; }
.mt160 { margin-top : 160px; }
.mt170 { margin-top : 170px; }
.mt180 { margin-top : 180px; }
.mt190 { margin-top : 190px; }
.mt200 { margin-top : 200px; }
.mb0 { margin-bottom : 0px; }
.mb5 { margin-bottom : 5px; }
.mb10 { margin-bottom : 10px; }
.mb20 { margin-bottom : 20px; }
.mb30 { margin-bottom : 30px; }
.mb40 { margin-bottom : 40px; }
.mb50 { margin-bottom : 50px; }
.mb60 { margin-bottom : 60px; }
.mb70 { margin-bottom : 70px; }
.mb80 { margin-bottom : 80px; }
.mb90 { margin-bottom : 90px; }
.mb100 { margin-bottom : 100px; }
.mb110 { margin-bottom : 110px; }
.mb120 { margin-bottom : 120px; }
.mb130 { margin-bottom : 130px; }
.mb140 { margin-bottom : 140px; }
.mb150 { margin-bottom : 150px; }
.mb160 { margin-bottom : 160px; }
.mb170 { margin-bottom : 170px; }
.mb180 { margin-bottom : 180px; }
.mb190 { margin-bottom : 190px; }
.mb200 { margin-bottom : 200px; }

.icon_on,.icon_off {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    color:#fff !important;
    margin-left: 3px;
    padding:2px 2px 2px 1px;
    font-size:20px;
}
.icon_on,.icon_off {
    background-color: rgb(255, 76, 76) !important;
}
.icon_off {
    background-color: rgb(120, 144, 156) !important;
}