.pink_line {background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #FFDFEF 0%) repeat scroll 0 0;font-weight: 700;}
.blue_line{background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #cce5ff 0%) repeat scroll 0 0;font-weight: 700;}
.yellow_line {background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffffbc 0%) repeat scroll 0 0;font-weight: 700;}
.pink_line_narrow{background:rgba(0, 0, 0, 0) linear-gradient(transparent 80%, #ffb2d8 0%) repeat scroll 0 0;font-weight: 700;}
.blue_line_narrow {background:rgba(0, 0, 0, 0) linear-gradient(transparent 80%, #add6ff 0%) repeat scroll 0 0;font-weight: 700;}
.yellow_line_narrow{background:rgba(0, 0, 0, 0) linear-gradient(transparent 80%, #ffff7f 0%) repeat scroll 0 0;font-weight: 700;}


/* 目立たせる　I（em）に適用 */
em {
    color: #cf4a23;/* 赤太字 */
    font-style: normal;/* 斜体ではなく通常のスタイルに変更 */
	font-weight: bold;
}

/* 目立たせる　B（strong）に適用 */
strong {
    background: linear-gradient(transparent 60%, #ffffbc 0%) repeat scroll 0 0;/* 黄色マーカー */
    font-weight: bold;/* 太字 */
}

/* センタリング */
.aligncenter {
	text-align: center;
}


/* リスト型ボックスの定義 */
/* 見出し付きボックスの中 */
.kajo, .num {
    /* max-width: 90%; */
    margin: 1em 10px;
    background: #ffffff; /* #f8f4e6; アイボリー ボックス背景色*/
    border: 2px solid #7cb342;
}
.kajo .box_title, .num .box_title {
    font-size: 1.1em;
    background: #ffffff; /* #f8f4e6; アイボリー ボックス背景色*/
    padding: 4px;
    text-align: center;
    color: #7cb342;/*見出しテキストカラー*/
    font-weight: bold;
    letter-spacing: 0.03em;
}
.kajo p, .num p {
    padding: 15px 20px;
    margin: 0;
}
.kajo ul, .num ol {
    padding: 0.5em 0.5em 0.5em 2em;/*ボックス内の余白*/
    position: relative;
}
/*チェックマーク*/
.free-inbox ul li, .kajo ul li {
    line-height: 1.5em; /*文の行高*/
    padding: 0.5em 0.5em; /*前後の文との余白*/
    list-style-type: none!important;/*ポチ消す*/
}
.free-inbox ul li:before, .kajo ul li:before {/*疑似要素*/
    font-family: FontAwesome;
    content: "\f00c";
    position: absolute;
    left : 1em; /*左端からアイコンまで*/
    color: #7cb342; /*アイコン色*/
}
/*ナンバリング*/
.num ol {
    counter-reset: number; /*数字をリセット*/
    list-style-type: none!important; /*数字を一旦消す*/
    padding: 0.5em;
}
.num ol li {
    position: relative;
    padding-left: 30px;
    line-height: 1.5em;
    padding: 0.5em 0.5em 0.5em 30px;
}
.num ol li:before {
    /* 以下数字をつける */
    position: absolute;
    counter-increment: number;
    content: counter(number);
    /*以下数字のデザイン変える*/
    display: inline-block;
    background: #7cb342;
    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: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}


/*文中コラムボックス */
.column_box {
    position: relative;
    margin: 2em 10px;
    padding: 1.0em;
    background: #f9f9f9;
    border: 1px solid #e9eaeb;
    border-radius: 8px;
}
.column_box .box_title {
    font-size: 1.1em;
    background: #f9f9f9; /* #f8f4e6; アイボリー ボックス背景色*/
    margin-bottom: 1.0em;
    text-align: center;
    color: #444444;/*見出しテキストカラー*/
    font-weight: bold;
    letter-spacing: 0.03em;
}
.column_box .column_title {
    padding-left: 0.5em;
}

/* テーブル　先頭セルの文字を改行させたくない用 */
.mytable /*th中央寄せテーブル*/,
.basic_table /*th左寄せテーブル*/{
    /* table-layout: fixed;*/
    width: 99%;
    max-width: 99%;
    margin: 1.5em auto;
    border-collapse: collapse;
}
/* テーブル　先頭セル幅の固定 */
.mytable th:first-of-type/*th中央寄せテーブル*/,
.basic_table th:first-of-type/*th左寄せテーブル*/ {
    width: 1px;
    white-space: nowrap;
}
/* テーブル　ヘッダーセルの背景色とテキストカラー */
.mytable th/*th中央寄せテーブル*/,
.basic_table th/*th左寄せテーブル*/ {
	background: #f0f7e9;
	color: #000000;
}
/* テーブル　キャプションの定義 */
.kihon {
    caption-side: top;
    text-align: left;
    font-size: 1.0em;
    font-weight: bold;
	color: #7cb342;
}

/* 2列リスト */

ul.list100 {
    width: 100%;
}
li.list50 {
    float: left;
    width: 50%;
	list-style-type: square;
}