.listB ul, .listP ul, .listG ul, .listY ul{
	overflow: hidden;
	margin: 10 10px 10px -40px;
	padding: 5px 0;
	border-bottom: 1px solid #fff;
	list-style: none;
}
.listB ul{
	background: #0000ff !important;
}
.listP ul{
	background: hotpink !important;
}
.listG ul{
	background: green !important;
}
.listY ul{
	background: orange !important;
}
.listB li, .listP li, .listG li, .listY li{
	margin: 0;
	padding: 0.5em 1em;
	border-top-color: transparent;
	background: #FFFFFF;
	box-shadow: 0 1px 6px rgba(0, 0, 0, .4);
	text-shadow: 0 1px 1px #fff;
}

ul.postitB, ul.postitP, ul.postitG, ul.postitY {
  padding: 0;
}
ul.postitB li, ol.postitB li,ul.postitP li, ol.postitP li, ul.postitG li, ol.postitG li, ul.postitY li, ol.postitY li {
  color: #404040;

  border-bottom: solid 2px #dadada;/*下に灰色線*/
  background: ivory;
  margin-bottom: 5px;/*下のバーとの余白*/
  line-height: 1.5;
  padding: 0.5em;
  list-style-type: none!important;/*ポチ消す*/
  font-weight: normal;
}
ul.postitB li, ol.postitB li {
  border-left: solid 6px blue;/*左側の線*/
}
ul.postitP li, ol.postitP li {
  border-left: solid 6px mediumvioletred;/*左側の線*/
}
ul.postitG li, ol.postitG li {
  border-left: solid 6px darkgreen;/*左側の線*/
}
ul.postitY li, ol.postitY li {
  border-left: solid 6px orange;/*左側の線*/
}


/* 番号付きリスト  */
.counterB ol, .counterP ol, .counterG ol, .counterY ol{
    counter-reset:item;
    list-style-type:none;
    margin : 0.5em !important;
}
.counterB li:before, .counterP li:before, .counterG li:before, .counterY li:before{
    counter-increment:item;
    content:counters(item, "-")". ";
    font-weight:bold;
}
.counterB li:before{
    color:mediumblue;/*項目番号の色の指定*/
}
.counterP li:before{
    color:mediumvioletred;/*項目番号の色の指定*/
}
.counterG li:before{
    color:mediumseagreen;/*項目番号の色の指定*/
}
.counterY li:before{
    color:darkorange;/*項目番号の色の指定*/
}
.counterB ol ol, .counterP ol ol, .counterG ol ol, .counterY ol ol{
    text-indent:30px;
}
.counterB ol ol ol, .counterP ol ol ol, .counterG ol ol ol, .counterY ol ol ol{
    text-indent:60px;
}
ol, ul{
  margin-top:10px;
  margin-bottom:10px;
  padding-left:10px;
}
ol li,ul li{
  position: relative;
  line-height: 1.2em;
  margin-left:0;
}
ol li::before,ul li::before{
  width:0px;
  height:0px;
}
ol li::marker,ul li::before{
  width:0px;
  height:0px;
}

ul, ul.disk{
  list-style-type: disc;
}
ul.circle{
  list-style-type: circle;
}
ul.thumbsUp{
  list-style-type: "\1F44D"; /* thumbs up sign*/
}
ol.Latin{
  list-style-type: upper-latin;
}
ol.latin{
  list-style-type: lower-latin;
}
ol.decimal{
  font-size:100%;
  list-style-type: decimal;
}
ol.decimal li{
  position: relative;
  line-height: 1.2em;
  margin-left:0;
  padding-left:0.7em!important;
}
ol.decimal li::before{
  /* 親のbefore要素を継承しないための設定*/
  width:0px;
  height:0px;
}
ol.Alpha{
  list-style-type: upper-alpha;
}
ol.alpha{
  list-style-type: lower-alpha;
}
ol.Roman{
  list-style-type: upper-roman;
}
ol.roman{
  list-style-type: lower-roman;
}
ol.greek{
  list-style-type: lower-greek;
}
ol.hiragana{
  list-style-type: hiragana;
}
ol.hiraganaIroha{
  list-style-type: hiragana-iroha;
}
ol.katakana{
  list-style-type: katakana;
}
ol.katakanaIroha{
  list-style-type: katakana-iroha;
}

ol.decimal2{
   counter-reset: section;
   /* ol 要素に、 sectionカウンターの新しいインスタンスを生成 */
  list-style-type: none;
}
.decimal2 li::before{
  counter-increment: section;
  /* section カウンターのこのインスタンスのみを加算 */
  /*content: counters(section, ".") " ";*/
  content: counter(section, decimal) ". ";
  /* section カウンターのすべてのインスタンスの値の後ろにピリオドをつける */
}
ol.decimal2x{
   counter-reset: section;
   /* ol 要素に、 sectionカウンターの新しいインスタンスを生成 */
  list-style-type: none;
}
.decimal2x li::before{
  counter-increment: section;
  /* section カウンターのこのインスタンスのみを加算 */
  /*content: counters(section, ".") " ";*/
  content: "\1f385" counter(section, decimal) ". ";
  /* section カウンターのすべてのインスタンスの値の後ろにピリオドをつける */
}
.decimal2y{
   counter-reset: section;
   /* ol 要素に、 sectionカウンターの新しいインスタンスを生成 */
  list-style-type: none;
}
.decimal2y li{
  position: relative;
  padding: 0 0 0 3em;
  margin: 0;
}
.decimal2y li::before{
  counter-increment: section;

  /* section カウンターのこのインスタンスのみを加算 */
  /*content: counters(section, ".") " ";*/
  content: counter(section, decimal) "." "\0f0f4" ;
 /*content "\0xxxx" Font Awsomeでコピーした4桁のコードをxxxxに入れる

  /* section カウンターのすべてのインスタンスの値の後ろにピリオドをつける */
  position: absolute;
  left: 0;
  font-family: 'FontAwesome';
  /*display: inline-block;*/
  width: 1em;
  color: mediumvioletred;
}

.boxlistB ol, .boxlistP ol, .boxlistG ol, .boxlistY ol{
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding: 0.3em 0.8em;
}
.boxlistB ol{
  border: solid 2px mediumblue;
}
.boxlistP ol{
  border: solid 2px mediumvioletred;
}
.boxlistG ol{
  border: solid 2px mediumseagreen;
}
.boxlistY ol{
  border: solid 2px orange;
}
.boxlistB ol li,.boxlistP ol li, .boxlistG ol li, .boxlistY ol li{
  position: relative;
  /*padding: 0.5em 0.5em 0.5em 30px;*/
  padding: 0.5em 0.2em 0.2em 35px;
  line-height: 1.2em;
}
.boxlistB ol li{
  border-bottom: dashed 1px mediumblue;
}
.boxlistP ol li{
  border-bottom: dashed 1px mediumvioletred;
}
.boxlistG ol li{
  border-bottom: dashed 1px mediumseagreen;
}
.boxlistY ol li{
  border-bottom: dashed 1px orange;
}

.boxlistB ol li:before, .boxlistP ol li:before, .boxlistG ol li:before, .boxlistY ol li:before{
  /* 以下数字をつける */
  position: absolute;
  display:inline-block;
  counter-increment: number;
  content: counter(number);
  /*content: counter(number,lower-alpha);*/
/*
circle（白丸）
cjk-ideographic（漢数字）
decimal（算用数字 。olデフォルト値）
decimal-leading-zero（先頭に0をつけた算用数字で、01, 02, 03, 等）
georgian（グルジア数字）
hebrew（ヘブライ数字）
hiragana（ひらがな – あいうえお順）
hiragana-iroha（ひらがな – いろは順）
inherit listStyleType（プロパティの値は親要素から継承することを指定する）
katakana（カタカナ – アイウエオ順）
katakana-iroha（カタカナ – イロハ順）
lower-alpha（小文字のアルファベットで、a, b, c, d, e 等）
lower-greek（小文字のギリシャ文字）
lower-latin（小文字のアルファベットで、a, b, c, d, e 等）
lower-roman（T小文字のローマ数字で、i, ii, iii, iv, v 等）
upper-alpha（大文字のアルファベットで、A, B, C, D, E 等）
upper-latin（大文字のアルファベットで、A, B, C, D, E 等）
upper-roman（大文字のローマ数字で、I, II, III, IV, V 等）
*/


  /*数字のデザイン変える*/
  display:inline-block;
 margin-top:-4px;
  margin-left:0px;
  margin-right:7px;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 15px;
  border-radius: 50%;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align:center;
  /*以下 上下中央寄せのため*/
  top:20px; /*50%;*/
  -moz-transform: translateY(-50%);
  	-webkit-transform: translateY(-50%);
  	-o-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
}
.boxlistB ol li:last-of-type, .boxlistP ol li:last-of-type, .boxlistG ol li:last-of-type, .boxlistY ol li:last-of-type{
  border-bottom: none; /*最後のliの線だけ消す*/
}
.boxlistB ol li:before{
  background: mediumblue;
}
.boxlistP ol li:before{
  background: mediumvioletred;
}
.boxlistG ol li:before{
  background: mediumseagreen;
}
.boxlistY ol li:before{
  background: orange;
} 

ol.book li{
  line-height:1.5;
  position: relative;
  padding: 0 0 0 1em;/*　前に何文字分空けるか？ ここでは1em */
  margin: 0;
}
ol.book li::before{
  position: absolute;
  left: -17px;
  counter-increment: section;
  /* section カウンターのこのインスタンスのみを加算 */
  content: counter(section, decimal) "."  ;
  /* section カウンターのすべてのインスタンスの値の後ろにピリオドをつける */
  display: inline-block;
  width: 2em;
  z-index:2;
}
ol.book li::marker{
  position:absolute;
  counter-increment: section;
  content: "\1F406" ;
  font-size:1.5em;
  z-index:1;
}