@charset "utf-8";

div{
    background-color: #0bd;
    /* margin-top: 30px;上30Px、左100PXの余白設定
    margin-left: 100px; */

    /* margin: 30px 0 0 100px;同じ余白設定（marginプロパティ） */

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

.pdng{
    padding: 40px;
    border: solid 1px;
}





.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;
}

.bs-i{
    border-width: 4px;
    border-style: double dotted solid ridge;
}




.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;
}

.brbr-b{
    border: 5px dotted tomato;
}



ul{
    /* list-style-type: square; */   /* 黒四角 */
    /* list-style-position: outside; */   /* ボックスの外 */
    /* list-style-image: url(../images/star.png); */   /* 画像指定 */
    list-style: square url(../images/star.png);   /* 同じ設定（画像が優先される） */
}

ol{
    list-style-type: hiragana;   /* ひらがな */
    list-style-position: inside;   /* ボックスの内 */
}





/*  */