@charset "utf-8";
div {
     background-color: #0bd;
    /*上左余白*/
    /*margin-top: 30px;
    margin-left: 100px;*/

    /*一括余白指定*/
    /* margin: 30px 0 0 100px;*/

    /*中央寄せ*/
    margin: 0 auto;
    width: 300px;
    height: 200px;
}

.pdng{
    border: solid 1px;
    padding: 40px;
}
.bw-a{
    border-width: 1px;
    border-style: solid;
}
.bw-b{
    border-width: thick;
    border-style: solid;
}
.bw-c{
    border-width: 1px 4px 8px 12px;
    border-style: solid;
}
.bs-a{
    border-width: 4px;
    border-style: solid;
}
.bs-b{
    border-width: 4px;
    border-style: double;
}
.bs-c{
    border-width: 4px;
    border-style: dashed;
}
.bs-d{
    border-width: 4px;
    border-style: dotted;
}
.bs-e{
    border-width: 4px;
    border-style: groove;
}
.bs-f{
    border-width: 4px;
    border-style: ridge;
}
.bs-g{
    border-width: 4px;
    border-style: inset;
}
.bs-h{
    border-width: 4px;
    border-style: outset;
}
.bc-a{
    border-style: solid;
    border-color: #0bd;
}
.bc-b{
    border-style: solid;
    border-color: tomato;
}
.bc-c{
    border-style: solid;
    border-color: tan #0bd tomato #000;
}
.brbr-a{
    border-bottom: 2px solid #0bd;
    padding-bottom: 5px;
}
.brbr-b{
    border: 5px dotted tomato;
    padding: 15px 15px 15px 15px;
}
ul{
    /* list-style-type: square; */
    /* list-style-image: url(../images/star.png); */
    list-style: square url(../images/star.png) outside;
}
ol{
    list-style-type: hiragana;
    list-style-position: inside;
}