@charset "utf-8";

/* -■■■■■■■ 詳細設定 CSS ■■■■■■■■■■■■■■- */


/* ============ Egeでのテーブルの幅の表示を修正するタグ========= */
/* == 2018年12月25日 追加=== */

.tbl-haba {
    display: table;
    table-layout: fixed;
}
.child {
    display: table-cell;
}
.child img {
    max-width: 100%;
    height: auto;
}


/* =========== ここで教えてもらった  ======= */
/* == https://designsupply-web.com/knowledgeside/2136/ == */
/* =========== これを読み込まさないと表示がテーブルの幅がズレることがある= */



/* ========= Border Color Blue1======OUT LINEのみ=========== */

.bd-out-blue1 {
border-style: solid;
border-width:   2px;
border-color: #B0D0FF;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */






/* ========= Border Color Blue1_R10_all ======OUT LINEのみ【4角R10付き】=========== */

.bd-out-blue1_R10_all {
border-style: solid;
border-width:   2px;
border-color: #B0D0FF;
border-radius:  10px 10px 10px 10px;  /* =====  角を丸くする======= */
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* ========= Border Color Blue1_R5_all ======OUT LINEのみ【4角R5付き】=========== */

.bd-out-blue1_R5_all {
border-style: solid;
border-width:   2px;
border-color: #B0D0FF;
border-radius:  5px 5px 5px 5px;  /* =====  角を丸くする======= */
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */






/* ========= Border Color Blue2======OUT LINEのみ=========== */

.bd-out-blue2 {
border-style: solid;
border-width:   2px;
border-color: #CCCCCC;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */






/* ========= Border Color Blue2======OUT LINEのみ【角R10付き】=========== */

.bd-out-blue2_R10_all {
border-style: solid;
border-width:   2px;
border-color: #CCCCCC;
border-radius:  10px 10px 10px 10px;  /* =====  角を丸くする======= */
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* ========= Border Color Blue2======OUT LINEのみ【角R5付き】=========== */

.bd-out-blue2_R5_all {
border-style: solid;
border-width:   2px;
border-color: #CCCCCC;
border-radius:  5px 5px 5px 5px;  /* =====  角を丸くする======= */
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */




/* ========= Border Color Blue3======OUT LINEのみ=========== */

.bd-out-blue3 {
border-style: solid;
border-width:   2px;
border-color: #E6E6FF;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */





/* ========= Border Color Blue3_R10_all======OUT LINEのみ【4角R10付き】=========== */

.bd-out-blue3_R10_all {
border-style: solid;
border-width:   2px;
border-color: #E6E6FF;
border-radius:  10px 10px 10px 10px;  /* =====  角を丸くする======= */
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* ========= Border Color Blue3_R5_all======OUT LINEのみ【4角R5付き】=========== */

.bd-out-blue3_R5_all {
border-style: solid;
border-width:   2px;
border-color: #E6E6FF;
border-radius:  5px 5px 5px 5px;  /* =====  角を丸くする======= */
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */




/* ========= Border Color Blue3_R10_ONLY_UP======OUT LINEのみ【UP2角R10付き】=========== */

.bd-out-blue3_R10_ONLY_UP {
border-style: solid;
border-width:   2px;
border-color: #E6E6FF;
border-radius:  10px 10px 0px 0px;  /* =====  角を丸くする======= */
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* ========= Border Color Blue3_R5_ONLY_UP======OUT LINEのみ【UP2角R5付き】=========== */

.bd-out-blue3_R5_ONLY_UP {
border-style: solid;
border-width:   2px;
border-color: #E6E6FF;
border-radius:  5px 5px 0px 0px;  /* =====  角を丸くする======= */
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */




/* ========= Border Color Blue3_R10_ONLY_Down======OUT LINEのみ【UP2角R10付き】=========== */

.bd-out-blue3_R10_ONLY_Down {
border-style: solid;
border-width:   2px;
border-color: #E6E6FF;
border-radius:  0px 0px 10px 10px;  /* =====  角を丸くする======= */
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* ========= Border Color Blue3_R5_ONLY_Down======OUT LINEのみ【UP2角R5付き】=========== */

.bd-out-blue3_R5_ONLY_Down {
border-style: solid;
border-width:   2px;
border-color: #E6E6FF;
border-radius:  0px 0px 5px 5px;  /* =====  角を丸くする======= */
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */




/* ========= out-ONLY_R10_all======OUT LINEのみ【角R10付き】=========== */

.out-ONLY_R10_all {
border-radius:  10px 10px 10px 10px;  /* =====  角を丸くする======= */
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* ========= out-ONLY_R5_all======OUT LINEのみ【角R5付き】=========== */

.out-ONLY_R5_all {
border-radius:  5px 5px 5px 5px;  /* =====  角を丸くする======= */
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */





/* ========= out-ONLY_R10_UpSide======OUT LINEのみ【角R10付き】=========== */

.out-ONLY_R10_UP {
border-radius:  10px 10px 0px 0px;  /* =====  角を丸くする======= */
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */




/* ========= out-ONLY_R5_UpSide======OUT LINEのみ【角R5付き】=========== */

.out-ONLY_R5_UP {
border-radius:  5px 5px 0px 0px;  /* =====  角を丸くする======= */
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */





/* ========= out-ONLY_R10_DownSide======OUT LINEのみ【角R10付き】=========== */

.out-ONLY_R10_Down {
border-radius:  0px 0px 10px 10px;  /* =====  角を丸くする======= */
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ 



/* ========= out-ONLY_R5_DownSide======OUT LINEのみ【角R5付き】=========== */

.out-ONLY_R5_Down {
border-radius:  0px 0px 5px 5px;  /* =====  角を丸くする======= */
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ 




/* ======== Border Color Blue2=========縦、横、上、下======== */
/* ============================= <table class="bd-bule2"> == */

.bd-blue2 {
border-top: #CCCCCC solid  2px;
border-right: #CCCCCC solid 2px;
}
.bd-blue2 th {
border-bottom: #CCCCCC solid  2px;
border-left: #CCCCCC solid  2px;
}
.bd-blue2 td {
border-bottom: #CCCCCC solid  2px;
border-left: #CCCCCC solid  2px;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* ======== Border Color Blue3=========縦、横、上、下======== */
/* ============================= <table class="bd-bule2"> == */

.bd-blue3 {
border-top: #E4E3F1 solid  2px;
border-right: #E4E3F1 solid 2px;
}
.bd-blue3 th {
border-bottom: #E4E3F1 solid  2px;
border-left: #E4E3F1 solid  2px;
}
.bd-blue3 td {
border-bottom: #E4E3F1 solid  2px;
border-left: #E4E3F1 solid  2px;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */




/* ======== 文字の上下位置設定 ========================= */

.top_set_1 { vertical-align:top;padding:5px;text-align: right;}
.middle_set_1 { vertical-align:middle;padding:5px;text-align: right;}


/* --- 下に表示 ＋ 右に表示 ＋ 余白8PX ＋ 文字 12px --- */
.bottom_set_1 { vertical-align:bottom;text-align: right;padding:8px;font-size: 12px;}


/* -----下記の用に使用する(tableの場合)------------
<table border="1">
<tr>
<td height="200" class="top_set_1">上に置いたテキスト</td>
<td height="200" class="middle_set_1">中央に置いたテキスト</td>
<td height="200" class="bottom_set_1">下に置いたテキスト</td>
</tr>
</table>
------------------------------------------------- */

/* ========================================END======== */






/*========List 表示 A の設定=============START=========*/


/*========IEで番号を表示しないのを直す=========*/

ol,li,ul{
	zoom : normal;
}


.list_A_ {
	zoom : normal;
}


/*=============================================*/



.list_A_ {
	width:650px;  /* ボックス幅を指定 */
}


.list_A_ ul{
	margin: 0;	
	padding: 0;

}


.list_A_ li{
	list-style-position:outoside;	/* "inside"にすると右に少しズレる */
	list-style-type: decimal;	/* LISTマーカーを数字で表示 */
	font-size: 13px; /*--- 文字の大きさの設定 ---*/
   /*	float: left;                  これを使うと横に並ぶ   */
	margin: 0;	
	padding-top: 7px;


}


/* ========================================END======== */