/*--☆CSS☆--*/

#box-all{
    width:820px;
}

#box-head{}

#box-menu{
    float:left;
    width:200px;
}

#box-main{
    float:right;
    width:620px;
}

#box-foot{
    clear:both;
    width:820px;
}

h4.01{                                 /* オレンジのボックス形式見出し(大) */
    border-right:solid 2px #ff9900;    /* 右の罫線を引く */
    border-bottom:solid 2px #ff9900;   /* 下の罫線を引く */
    background-color:#ffcc66;          /* 背景色を設定 */
    padding-top:3px;                   /* 上部と文字までの間隔 */
    padding-left:3px;                  /* 左部と文字までの間隔 */
    width:300px;                       /* 全体の幅 */
    display:inline;                    /* 見出しを使っても改行させない(段落内では無効) */
}

h4.02{                                 /* オレンジのボックス形式見出し(小) */
    border-right:solid 2px #ff9900;    /* 右の罫線を引く */
    border-bottom:solid 2px #ff9900;   /* 下の罫線を引く */
    background-color:#ffcc66;          /* 背景色を設定 */
    padding-top:3px;                   /* 上部と文字までの間隔 */
    padding-left:3px;                  /* 左部と文字までの間隔 */
    width:140px;                       /* 全体の幅 */
    display:inline;                    /* 見出しを使っても改行させない(段落内では無効) */
}

h4.03{                                 /* 左側が太い線、下側に細い線の形の見出し */
    border-left:solid 10px #ff9900;    /* 左の罫線を引く */
    border-bottom:solid 1px #ff9900;   /* 下の罫線を引く */
    padding-top:3px;                   /* 上部と文字までの間隔 */
    padding-left:3px;                  /* 左部と文字までの間隔 */
    width:300px;                       /* 全体の幅 */
    display:inline;                    /* 見出しを使っても改行させない(段落内では無効) */
}

h4.04{                                 /* 左側に■、下側に細い線の形の見出し */
    border-bottom:solid 2px #ffcc66;   /* 下の罫線を引く */
    padding-top:3px;                   /* 上部と文字までの間隔 */
    padding-left:3px;                  /* 左部と文字までの間隔 */
    width:300px;                       /* 全体の幅 */
    display:inline;                    /* 見出しを使っても改行させない(段落内では無効) */
}

h5{                                    /* 左側が太い線、下側に細い線の形の見出し */
    display:inline;                    /* 見出しを使っても改行させない(段落内では無効) */
}

h5.01{                                 /* 左側に太い線だけの見出し */
    border-left:solid 10px #ff9900;    /* 左の罫線を引く */
    padding-top:2px;                   /* 上部と文字までの間隔 */
    padding-left:5px;                  /* 左部と文字までの間隔 */
    width:300px;                       /* 全体の幅 */
    display:inline;                    /* 見出しを使っても改行させない(段落内では無効) */
}

span.icon{
    color:#ffcc66
}

span.icon-white{
    color:#ffffff
}

span.text{
    border-bottom:solid 1px #ffcc66;   /* 下の罫線を引く */
    padding-top:1px;                   /* 上部と文字までの間隔 */
    padding-left:3px;                  /* 左部と文字までの間隔 */
    background-color:#ffcc66;          /* 背景の色 */
    width:300px;                       /* 全体の幅 */
    display:inline;                    /* 見出しを使っても改行させない(段落内では無効) */
}

span.pink{
    color:#ff66ff;
}

ul.example{
    margin: 0001em;
    padding: 0;
    line-height:1.2em;
}