@charset "UTF-8";

#main_area .table_box_free th
{
	width: 100px;
}

/*--------------------
  丸数字のリスト 赤
--------------------*/
div.koko ol{
   margin:2em 0.5em;
   list-style:none;
   counter-reset:count;
}

div.koko ol li{
    counter-increment:count;
	margin-bottom: 0.5em;
}

div.koko ol li:before{
    content:counter(count);
    margin-right:10px;        /*丸数字右側の余白*/
/*以下 丸の設定*/
    display:inline-block;
    width:22px;
    height: 22px;
    height:22px;
    background:#d61418;         /*丸の色*/
    color:white;             /*数字の色*/
    border-radius:50%;
    line-height:22px;        /*行の高さ(heightと同じにしてください)*/
    text-align:center;
}

/*--------------------
  丸数字のリスト 黄土色
--------------------*/
div.ijin ol{
   margin:2em 0.5em;
   list-style:none;
   counter-reset:count;
}

div.ijin ol li{
    counter-increment:count;
	margin-bottom: 0.5em;
}

div.ijin ol li:before{
    content:counter(count);
    margin-right:10px;        /*丸数字右側の余白*/
/*以下 丸の設定*/
    display:inline-block;
    width:22px;
    height: 22px;
    height:22px;
    background:#a68a51;         /*丸の色*/
    color:white;             /*数字の色*/
    border-radius:50%;
    line-height:22px;        /*行の高さ(heightと同じにしてください)*/
    text-align:center;
}

/*--------------------
  丸数字のリスト 緑
--------------------*/
div.mhm ol{
   margin:2em 0.5em;
   list-style:none;
   counter-reset:count;
}

div.mhm ol li{
    counter-increment:count;
	margin-bottom: 0.5em;
}

div.mhm ol li:before{
    content:counter(count);
    margin-right:10px;        /*丸数字右側の余白*/
/*以下 丸の設定*/
    display:inline-block;
    width:22px;
    height: 22px;
    height:22px;
    background:#028a00;         /*丸の色*/
    color:white;             /*数字の色*/
    border-radius:50%;
    line-height:22px;        /*行の高さ(heightと同じにしてください)*/
    text-align:center;
}

/*--------------------
  丸数字のリスト 青緑
--------------------*/
div.gn ol{
   margin:2em 0.5em;
   list-style:none;
   counter-reset:count;
}

div.gn ol li{
    counter-increment:count;
	margin-bottom: 0.5em;
}

div.gn ol li:before{
    content:counter(count);
    margin-right:10px;        /*丸数字右側の余白*/
/*以下 丸の設定*/
    display:inline-block;
    width:22px;
    height: 22px;
    height:22px;
    background:#007580;         /*丸の色*/
    color:white;             /*数字の色*/
    border-radius:50%;
    line-height:22px;        /*行の高さ(heightと同じにしてください)*/
    text-align:center;
}

p.gn_bg{
	background-color:#cee8e2;
	padding:10px;}
	
/*--------------------
  丸数字のリスト 水色
--------------------*/
div.lb ol{
   margin:2em 0.5em;
   list-style:none;
   counter-reset:count;
}

div.lb ol li{
    counter-increment:count;
	margin-bottom: 0.5em;
}

div.lb ol li:before{
    content:counter(count);
    margin-right:10px;        /*丸数字右側の余白*/
/*以下 丸の設定*/
    display:inline-block;
    width:22px;
    height: 22px;
    height:22px;
    background:#7d98cf;         /*丸の色*/
    color:white;             /*数字の色*/
    border-radius:50%;
    line-height:22px;        /*行の高さ(heightと同じにしてください)*/
    text-align:center;
}

p.lb_bg{
	background-color:#fcfbf3;
	padding:10px;}