@charset "UTF-8";
/*
 * style.css
 * 下層ページ（共通）
 */

/* !section
---------------------------------------------------------- */
.section_basic01 {
	margin: 32px 0 32px 0;
	clear: both;
}
	.section_basic01 p {
	margin-bottom: 0.5em;
	text-indent: 1em;
	margin-top: 0.5em;
	}
	.section_basic01 a {
		color:#3498db;
		text-decoration:underline;
	}
		.section_basic01 a:visited {
			color:#3498db !important;
			text-decoration:none;
		}
		.section_basic01 a:hover {
			color:#3498db;
			text-decoration:none;
		}


/* !H(n)eading
---------------------------------------------------------- */
#h1Wrap01 { background: #F5F5F5; }
#h1_basic01 {
	color: #FFF;
	font-size: 200%;
	font-weight: 400;
	height: 166px;
	line-height: 166px;
	text-align: left;
	background: url(../images/information/mainImage01.jpg) no-repeat top center;
	height: 166px;
	width: 980px;
	margin: 0 auto;
	padding-left: 40px;
}
#h1_basic02 {
	color: #FFF;
	font-size: 200%;
	font-weight: 400;
	height: 166px;
	line-height: 166px;
	text-align: left;
	background: url(../images/information/mainImage01.jpg) no-repeat top center;
	height: 166px;
	width: 980px;
	margin: 0 auto;
	padding-left: 40px;
	text-shadow: 2px 3px 3px #808080;
}
#h1_basic03 {
	color: #FFF;
	font-size: 200%;
	font-weight: 400;
	height: 166px;
	line-height: 166px;
	text-align: left;
	background: url(../images/information/mainImage01.jpg) no-repeat top center;
	height: 166px;
	width: 980px;
	margin: 0 auto;
	padding-left: 40px;
	text-shadow: 2px 3px 3px #808080;
}
.h2_basic01 {
	color: #0078BF;
	font-size: 180%;
	font-weight: 400;
	border-left: 8px solid #0078BF;
	padding-left: 15px;
}
.h3_basic01 {
	padding: .75em 1em;
	border: 1px solid #ccc;
	border-top: 2px solid #3498db;
	background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
	background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
	font-size: 120%;
	margin-bottom: 1em;
}

.h3_basic02 {
	clear: both;
	height: 3em;
	margin-bottom: 15px;
}
	.h3_basic02 span.col01 {
	background: #3498db;
	color: #FFF;
	padding: 10px;
	width: 36%;
	display: block;
	float: left;
	text-align: center;
}
	.h3_basic02 span.col02 {
	background: #F5F5F5;
	padding: 10px;
	display: block;
	float: left;
	width: 64%;
}
.h3_basic04 {
	color: #0078BF;
	font-size: 160%;
	font-weight: 200;
	//border-left: 8px solid #0078BF;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	padding-left: 15px;
}
.h4_basic01 {
	border-left: 5px solid #3498db;
	padding-left: 10px;
	color: #3498db;
	font-size: 110%;
	font-weight: 600;
}
.h4_basic02 {
	background-color: #3498db;
	padding: 6px 10px;
	color: #FFF;
	font-size: 110%;
	font-weight: 600;
}
	.h4_basic02.col_Orange01 { background-color: #FE970C !important; 
	}
	.h4_basic02 a:link {
		color: #FFF;
	}
	.h4_basic02 a:visited {
		color: #FFF !important; 
	}
	.h4_basic02 a:hover {
		color: #FFF;
	}

.h4_basic03 {
	background-color: #3498db;
	padding: 6px 10px;
	color: #FFF;
	font-size: 110%;
	font-weight: 600;
}

.h4_basic04 {
	background-color: #0168B6;
	padding: 6px 10px;
	color: #FFF;
	font-size: 110%;
	font-weight: 600;
}

.h4_basic05 {
	color: #e75480;
	font-size: 110%;
	font-weight: 600;
}

.h5_basic01 {
	background-color: #3498db;
	padding: 6px 10px;
	color: #FFF;
	font-size: 105%;
	font-weight: 600;
}
.h5_basic02 {
	border: 1px solid #3498db;
	padding: 6px;
	line-height:1.1;
	font-size: 105%;
}

.h6_basic01 {
	background-color: #3498db;
	//background-color: #0168B5;
	padding: 6px 10px;
	color: #FFF;
	font-size: 100%;
	font-weight: 600;
}

.img_basic01 {
	//border: 2px solid red;
	border: none;
	width: 670px;
}

.img_basic02 {
	//border: 2px solid red;
	border: none;
	width: 670px;
}

.tx_catch {
	color: #0078BF;
	font-size: 110%;
	font-weight: 600;
	margin: 10px 0 !important;
	text-indent: 0em !important;
	padding: 8px 16px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
.tx_catch2 {
	color: #000000;
	font-size: 110%;
	font-weight: 600;
	margin: 10px 0 !important;
	text-indent: 0em !important;
	padding: 8px 16px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
.tx_catch3 {
	color: #0078BF;
	font-size: 150%;
	font-weight: bold;
	margin: 10px 0 !important;
	text-indent: 0em !important;
	padding: 8px 16px;
	border-top: none;
	border-bottom: none;
}
.tx_catch4 {
	color: #000000;
	margin: 10px 0 !important;
	text-indent: 0em !important;
	padding: 8px 16px;
	border-top: none;
	border-bottom: none;
}

.tx_catch5 {
	color: #0078BF;
	font-size: 125%;
	font-weight: bold;
	margin: 10px 0 !important;
	text-indent: 0em !important;
	padding: 8px 16px;
	border-top: none;
	border-bottom: none;
}

.tx_date {
	font-style: italic;
	color: #666;
	text-align: right;
	margin-bottom: 20px !important;
}

/* 導入事例<div>タグ */
.csdiv {
	font-size: 120%;
	font-weight: 600;
	color: #666;
}

/* 導入事例<div>タグ */
.csdiv01 {
	font-size: 110%;
	font-weight: 600;
	color: #666;
	margin-bottom: 10px;
}

/* 導入事例<div>タグ */
.csdiv02 {
	font-size: 100%;
	vertical-align: middle;
	color: #000000;
	margin-left: 65px;
}

/* 導入事例<div>タグ */
.csdiv03 {
	display: table;
}

.csdiv05{
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 52px;
}

.csdiv06{
  display: table-cell;
	font-family:  "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
	font-size: 24px;
	font-weight: 600;
	vertical-align: middle;
	color: #8EC31E;
}

.csflL    { display: inline; float: left;}
.csflC    { display: inline; float: center;}
.csflR    { display: inline; float: right;}

/* 導入事例のロゴ */
/* --- 外枠の定義 ---------------------------------------------*/
.boxlogo {
	margin      : auto;                 /* サンプル用 中央寄せ */
	box-sizing  : border-box;           /* 罫線も含む長さ      */
  width       : 670px;                /* BOXの幅             */
  max-height  : 80px;                /* BOXの高さ           */

  /* ▼ FlexBoxの定義 */
  display     : flex;                 /* FlexBox定義         */
  flex-wrap   : wrap;                 /* 折り返し定義        */
}

/* --- 個別のBOXの定義 --------------------------------------- */
.boxlogo div {
	text-align     : center;
	vertical-align : middle;
	box-sizing     : border-box;           /* 罫線も含む長さ      */
  width          : 30px;                 /* サンプルBOXの幅     */
  height         : 80px;                 /* サンプルBOXの幅     */
  margin         : 2px;                  /* サンプルBOXの間     */

  /* ▼ FlexBoxの各ボックス均等自動幅 */
  flex-grow      : 1;                    /* 各BOXを均等に割当て */
}

/* !contents
---------------------------------------------------------- */
#contents {
	padding-top:0;
}
	#main-wrap {
	margin: 0 auto;
	width: 980px;
	background-color: #FFF;
	padding: 30px;
	}
		#main {
	float: right;
	width: 670px;
	padding-top: 0px;
		}
		#sub {
	float: left;
	width: 212px;
		}

/* !Box
---------------------------------------------------------- */
.bdrB01 {
	border: 1px solid #CCC;
	padding: 10px;
	width: 92%;
	margin: 15px auto;
}
.bdrA01 {
	border: 1px solid #CCC;
	padding: 10px;
}

/* !Food Digest Carender
---------------------------------------------------------- */
.tbl_Calendar01 {
	margin: 20px auto;
	border: 1px solid #CCC;
	border-collapse:collapse;
}
	.tbl_Calendar01 th {
	padding: 12px;
	background-color: #E0E0E0;
	text-align: center;
	border: 1px solid #CCC;
	border-collapse:collapse;
	}
	.tbl_Calendar01 th.sun {
	background-color: #F56B6B;
	color: #FFF;
	}
	.tbl_Calendar01 th.sat {
	background-color: #59CBBF;
	color: #FFF;
	}
	.tbl_Calendar01 td {
	padding: 20px;
	text-align: center;
	border: 1px solid #CCC;
	border-collapse: collapse;
	font-size: 120%;
	}
#form_calendar01 {
}
	#form_calendar01 select { padding: 6px; 
	}
	#form_calendar01 label {
		margin-right:1em;
	}

span.strongb{
	color: #1C0494;
	font-weight: bold;
}
span.strongr{
	color: red;
	font-weight: bold;
}
span.normalr{
	color: red;
}
.float_r {
	margin-bottom: 10px;
	margin-left: 10px;
	float: right;
}
.clear_r{
	clear: right;
}

/* 20211227新役員組織体制
----------------------------------------------------------- */
.h2_basic01_211227 {
	color: #0078BF;
	font-size: 170%;
	font-weight: 400;
	border-top: 1px solid silver;
	border-bottom: 1px solid silver;
	-border-left: 8px solid #0078BF;
	padding-left: 15px;
}

.table_line_211227 {
	font-size: 11pt;
	display: table;
	-border: solid 1px #999;
	-width: 1400px;
}

.block1_211227 {
	display: table-cell;
	-border: solid 1px #999;
	width: 130px;
	text-align-last: justify;
}
.block2_211227 {
	display: table-cell;
	-border: solid 1px #999;
	width: 92px;
	text-align: center;
	font-size: 10pt;
}
.block3_211227 {
	display: table-cell;
	-border: solid 1px #999;
	width: 95px;
	text-align-last: justify;
}
.block4_211227 {
	display: table-cell;
	-border: solid 1px #999;
	width: 5px;
	text-align: center;
}
.block5_211227 {
	display: table-cell;
	-border: solid 1px #999;
	width: 355px;
	-text-align-last: justify;
}

.li_211227 {
	font-size: 90%;
}

.timelydivh2p0{
	display: flex;
	width: 100%;
}

.timelydivh2c1{
	width: calc(100% - 279px);
	box-sizing: border-box;
	padding: 0px;
}

.timelydivh2c2{
	width: 279px;
	box-sizing: border-box;
	padding: 0px;
}

.list_none{
	list-style: none;
	margin: 0;
	padding: 0;
}