@charset "utf-8";

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

	Others CSS

 -----------------------------------------
	INDEX
 -----------------------------------------
 	1.StepNavi
	2.toPageTop
	3.text-indent
	4.list Styles
	5.otherカテゴリ Styles
	6.見学リスト Styles
	7.動画一覧 Styles
	8.活動推進委員会 Styles
	9.sitemap Styles
	10.お知らせ Styles
	11.利用規約 Styles
	12.セミナーお知らせStyles

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


body.sitemap #contents #mainContents{
	width:898px;
	float:none;
	display:block;
}



/* 1.StepNavi
========================================== */
#mainContents p#stepNavi {
	padding:10px 10px 15px;
	text-align:right;
	font-size:84%;
	color:#2b2b2a;
}
#mainContents p#stepNavi a {
	color:#7a6f03;
}

#mainContents p#stepNavi a:hover {
	opacity: 0.6;
}



/* 2.Page Top
========================================== */
#mainContents .toTopSet {
	text-align:right;
	margin:10px 0 50px 0;
	height:25px;
	clear:both;
}
#mainContents .toTopSet a {
	display:block;
	text-align:left;
	padding-left:18px;
	float:right;
	font-size:84%;
	color:var(--vk-color-primary);
}

#mainContents .toTopSet a:before{
	content: '▶';
	display: inline;
    margin-right: 5px;
	color: var(--vk-color-primary);
}

#mainContents .toTopSet a:hover {
	opacity: 0.7;
}

/* 3.text-indent
========================================== */

#mainContents .lead {
	margin:15px 30px 15px 50px;
}


/* 4.List Styles
========================================== */

/* ■アイコン*/
#mainContents ul.type-square {
	list-style-image: url(../../images/common/icn_list_sqare.gif);
	margin-left:40px;
}
/* ●アイコン*/
#mainContents ul.type-circle {
	list-style-image: url(../../images/common/icn_list_circle.gif);
	margin-left:40px;
}
#mainContents ul li,
#mainContents ol li {
	display:list-item;
}
#mainContents ol {
	margin-left:40px;
	list-style-type: decimal; 
}
#mainContents dl {
	margin-left:40px;
}



/* 5.研修施設一覧 Styles
========================================== */
/*人材派遣企業一覧リスト*/
body.other#haken #mainContents table.haken_table td.corp_name span{
	font-size:77%;
	line-height:1.1;
}

/* 人材派遣事業一覧　リンクなし会社名*/
body.other#haken  #mainContents table.haken_table td.corp_name p.nolink {
	padding:5px 5px 5px 15px;
	display:block;
	color:#2b2b2a;
	font-weight:bold;
	background:url(../../images/common/icn_nittei_month.gif) no-repeat left top;
}

/*研修施設一覧リスト*/
body.other#kenshu #mainContents table.kenshu_table {
	margin:20px 20px 20px 40px;
	border:none;
	border-bottom:1px solid #9a9a9a;
}
body.other#kenshu #mainContents table.kenshu_table th {
	width:250px;
	border-bottom:1px dotted #c1c1c1;
	padding-top:20px;
	padding-bottom:10px;
}
body.other#kenshu #mainContents table.kenshu_table td {
	border-bottom:1px dotted #c1c1c1;
	padding-top:20px;
	padding-bottom:10px;
	width:400px;
}

/*人材派遣企業一覧リスト*/
body.other#haken #mainContents table.haken_table {
	margin:20px 10px 60px 40px;
	border-top:1px solid #c1c1c1;
	border-left:1px solid #c1c1c1;
	border-collapse:collapse;
}
body.other#haken #mainContents table.haken_table caption {
	margin:0 ;
	color:#2b2b2a;
	font-weight:bold;
	border-bottom:double 3px #494949;
	padding-bottom:0px;
	padding-left:10px;
}
body.other#haken #mainContents table.haken_table th {
	color:#2b2b2a;
	background-color:#f0f0f0;
	text-align:center;
	border-bottom:1px solid #c1c1c1;
	border-right:1px solid #c1c1c1;
	padding:3px;
}
body.other#haken #mainContents table.haken_table .corp_name {
	width:250px;
}
body.other#haken #mainContents table.haken_table .naiyo {
	width:200px;
}
body.other#haken #mainContents table.haken_table .contact {
}

body.other#haken #mainContents table.haken_table td {
	border-bottom:1px solid #c1c1c1;
	border-right:1px solid #c1c1c1;
	padding:3px;
	vertical-align:middle;
}


/* 研修施設一覧　リンク*/
body.other  #mainContents table.kenshu_table th a {
	text-decoration:none;
	/*border:1px solid #fff;*/
	padding:5px 5px 5px 15px;
	/*display:block;*/
	display:inline-block;
	color:#7c6f03;
	font-weight:bold;
	background:url(../../images/common/icn_nittei_month.gif) no-repeat left 3px;
}

body.other  #mainContents table.kenshu_table th a:hover {
	text-decoration:underline;
	opacity: 0.6;
}
/*body.other  #mainContents table.kenshu_table th a img {
  float: right;
}*/

/* 人材派遣事業一覧　リンク*/
body.other  #mainContents table.haken_table td.corp_name a {
	text-decoration:none;
	border:1px solid #fff;
	padding:5px 5px 5px 15px;
	display:block;
	color:#7c6f03;
	font-weight:bold;
	background:url(../../images/common/icn_nittei_month.gif) no-repeat left 3px;
}

body.other  #mainContents table.haken_table td.corp_name a:hover {
	text-decoration:underline;
	opacity: 0.6;
}


/* 研修会議施設一覧 手順*/
body.other #mainContents ol.kenshu_notes {
	margin:10px 50px 60px 60px;
	padding:10px 30px;
	background-color:#e9f5d8;
	line-height:1.3;
}

body.other #mainContents ol.kenshu_notes li{
	margin-left:20px;
}


/* 研修施設一覧　連絡先情報*/
body.other  #mainContents table.kenshu_table td dl {
	margin:0 10px;
	width:400px;
}

body.other  #mainContents table.kenshu_table td dl dt {
	float:left;
	width:70px;
}

body.other  #mainContents table.kenshu_table td dl dd {
	padding-left:70px;
}
* html body.other  #mainContents table.kenshu_table td dl dd {
	padding-left:70px;
	position:relative;
}

/* 人材派遣事業一覧　naiyou*/
body.other #mainContents table.haken_table td.naiyo ul {
	margin:0 10px 0 20px;
	line-height:1.1;
}
body.other #mainContents table.haken_table td.naiyo ul li{
	margin-left:10px;
	line-height:1.1;
	font-size:84%;
}


/* 人材派遣事業一覧　連絡先情報*/
body.other #mainContents table.haken_table td.contact dl {
	margin:0 10px;
	width:150px;
	font-size:92%;
}

body.other  #mainContents table.haken_table td.contact dl dt {
	float:left;
	width:40px;
}

body.other #mainContents table.haken_table td.contact dl dd {
	padding-left:40px;
	line-height:1.2;
}
* html body.other #mainContents table.haken_table td.contact dl dd {
	padding-left:40px;
	position:relative;
}

/* 6.見学リスト Styles
========================================== */

/*　見学リスト　期表示リンク*/
#mainContents ul.kengaku-month {
	margin: 0 0 30px 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
#mainContents ul.kengaku-month li {
	list-style-type:none;
	margin: 0;
}
@media (max-width: 991px) {
	#mainContents ul.kengaku-month li {
		width: calc(33.3% - 14px);
		display: flex;
		justify-content: center;
		white-space: nowrap;
	}
}
#mainContents ul.kengaku-month li.active {
	border:1px solid var(--vk-color-primary);
	padding:8px 25px;
	color:var(--vk-color-primary);
	font-weight:bold;
}

#mainContents ul.kengaku-month li.active::before {
	content:"▶";
	color: var(--vk-color-primary);
	width:16px;
	height:16px;
	display:inline-block;
	margin-right:4px;
}

#mainContents ul.kengaku-month li.last {
	float:left;
	clear:right;
}
#mainContents ul.kengaku-month li a {
	text-decoration:none;
	border:1px solid #fff;
	padding:8px 25px;
	display:block;
	color:var(--vk-color-primary);
	font-weight:bold;
}

#mainContents ul.kengaku-month li a::before {
	content:"▶";
	color: var(--vk-color-primary);
	width:16px;
	height:16px;
	display:inline-block;
	margin-right:4px;
}

#mainContents ul.kengaku-month li a:hover {
	text-decoration:none;
	border:1px solid var(--vk-color-primary);
	padding:8px 25px;
	display:block;
	color:var(--vk-color-primary);
	font-weight:bold;
}

#mainContents ul.kengaku-month li.nolink {
	border:1px solid #fff;
	padding:5px 22px 5px 30px;
	font-weight:bold;
	display:block;
}

#mainContents ul.kengaku-month li.nolink::before {
	content:"▶";
	color: var(--vk-color-primary);
	width:16px;
	height:16px;
	display:inline-block;
	margin-right:4px;
}


/*　見学リスト　テーブル*/
#mainContents table.kengaku_table {
    margin: 0 0 30px 0;
}

#mainContents table.kengaku_table th#date,
#mainContents table.kengaku_table td.date {
	width: 7%;
	white-space: nowrap;
	text-align:center;
}
#mainContents table.kengaku_table th#organize {
	width: 25%;
}
#mainContents table.kengaku_table th#iinkai {
	width: 25%;
}

#mainContents table.kengaku_table td {
    font-size: 84%;
    line-height: 1.1;
}

/* 8.活動推進委員会 Styles
========================================== */


/* 活動推進委員会　インデックスリンク*/
body.iinkai #mainContents ul.type-square {
	margin:0 10px 50px 100px;
	line-height:1.1;
}
body.iinkai #mainContents ul.type-square li{
	line-height:1.1;
	margin-bottom:30px;
	list-style-type:none;
}

/* 活動推進委員会　報告内番号リスト*/
body.iinkai #mainContents ul.type-h4 {
	margin:0 10px 30px 130px;
}

/* 活動推進委員会　報告内番号リスト*/
body.iinkai #mainContents ol.type-h5 {
	margin:0 10px 30px 180px;
}
/* 活動推進委員会　報告内添付資料リスト*/
body.iinkai #mainContents ul.type-temp {
	margin:0 5px 30px 120px;
}


/* 活動推進委員会　次回開催予告*/
body.iinkai #mainContents p.next {
	margin:50px 20px;
	text-align:right;
}
body.iinkai #mainContents p.next.tL {
	text-align: left;
}

/* 活動推進委員会　右寄せ*/
body.iinkai #mainContents p.over {
	margin:30px 20px;
	text-align:right;
}

/* 活動推進委員会　中央*/
body.iinkai #mainContents p.unei-center {
	margin:30px 20px;
	text-align:center;
}

/* 活動推進委員会　インデント*/
body.iinkai #mainContents p.sublead {
	margin-left: 150px;
}
body.iinkai #mainContents .text-indent10 {
	padding-left: 10em;
  text-indent: -10em;
}
/* 活動推進委員会　添付資料インデント*/
body.iinkai #mainContents p.templead {
	margin-left: 90px;
	font-weight:bold;
}

/* 活動推進委員会　運営委員会インデックス*/
body.iinkai #mainContents .unei ul.type-square {
	margin:30px 10px 30px 100px;
	line-height:1.1;
}
	

/* 活動推進委員会　資料ダウンロード送付先*/
body.iinkai #mainContents .contact {
	padding:15px 30px;
	margin:40px 120px;
	background-color:#e9f5d8;
}
body.iinkai #mainContents .contact span{
	padding-left:4em;
}

/* 活動推進委員会　主要会議議事スケジュール*/
.w40{width: 40px!important;}
.w75{width: 75px!important;}

body.iinkai #mainContents table.schedule_table {
	margin:20px 10px 30px 60px;
	border:none;
	width:630px;
	vertical-align: middle;
}
body.iinkai #mainContents table.schedule_table th {
	padding:3px 3px;
	border:none;
	border-right:1px solid #9a9a9a;
	border-bottom:1px solid #9a9a9a;
	background-color:#e6e6e6;
	color:#2b2b2a;
	text-align:center;
	font-weight:bold;
	font-size:77%;
}
body.iinkai #mainContents table.schedule_table td {
	padding:3px 3px;
	border-right:1px solid #9a9a9a;
	border-bottom:1px solid #9a9a9a;
	color:#2b2b2a;
	font-size:77%;
	line-height:1.1;
	vertical-align: middle;
}

body.iinkai #mainContents table.schedule_table th.month,
body.iinkai #mainContents table.schedule_table td.month {
	width:30px;
	text-align:center;
	vertical-align: middle;
}
body.iinkai #mainContents table.schedule_table td.hold {
	vertical-align:bottom;
	text-align:center;
	border:none;
	border-bottom:1px solid #9a9a9a;
	font-size:60%;
}
body.iinkai #mainContents table.schedule_table td.kyukai{
	font-size:84%;
	width:30px;
	text-align:center;
	vertical-align: middle;
	background-color:#d6d6d6;
	color:#2b2b2a;
}
body.iinkai #mainContents table.schedule_table td.chuukan{
	font-size:66%;
	width:30px;
	text-align:center;
	vertical-align: middle;
	background-color:#F2F2F2;
	color:#2b2b2a;
}

body.iinkai #mainContents table.schedule_table td.naiyo {
	font-size:66%;
	width:30px;
	text-align:center;
}
body.iinkai #mainContents table.schedule_table td.kikan {
	text-align:center;
}
body.iinkai #mainContents table.schedule_table th.bukai,
body.iinkai #mainContents table.schedule_table td.bukai_kikan,
body.iinkai #mainContents table.schedule_table td.bukai{
	border-bottom:0px solid #9a9a9a;
	border-left:1px solid #9a9a9a;
	background-color:#e2efe7;
	color:#2b2b2a;
}
body.iinkai #mainContents table.schedule_table th.bukai{
	/*border-right:0px solid #9a9a9a;*/
	border-left:1px solid #9a9a9a;
	border-bottom:0px solid #9a9a9a;
	background-color:#e2efe7;
	color:#2b2b2a;
}
body.iinkai #mainContents table.schedule_table td.thleft{
	border-left:1px solid #9a9a9a;
}

body.iinkai #mainContents table.schedule_table td.thleft_bottom{
	border-left:1px solid #9a9a9a;
	border-bottom: none;
}

body.iinkai #mainContents table.schedule_table td.bukai_thleft{
	border-left:1px solid #9a9a9a;
	background-color:#e2efe7;
	color:#2b2b2a;
	width:10px;
	margin:0;
	padding:0;
	font-size:0;
}
body.iinkai #mainContents table.schedule_table td.bukai{
	text-align:center;
	width:30px;
}
body.iinkai #mainContents table.schedule_table td.bukai_last{
	border-right:1px solid #9a9a9a;
	border-bottom:0px solid #9a9a9a;
	background-color:#e2efe7;
	color:#2b2b2a;
	text-align:center;
	width:30px;
}
body.iinkai #mainContents table.schedule_table td.bukaibtm_iinkai{
	border-top:1px solid #9a9a9a;
}
body.iinkai #mainContents table.schedule_table td.bukaibtm{
	border-top:1px solid #9a9a9a;
	text-align:center;
	width:30px;
}
body.iinkai #mainContents table.schedule_table td.bukaibtm_kikan{
	border-top:1px solid #9a9a9a;
	text-align:center;
}
body.iinkai #mainContents table.schedule_table td.bukaibtm_last{
	border-top:1px solid #9a9a9a;
	border-right:1px solid #9a9a9a;
	border-bottom:1px solid #9a9a9a;
	text-align:center;
	width:30px;
}

body.iinkai #mainContents table.schedule_table th.kengaku {
	border-top:3px double #9a9a9a;
	border-left:1px solid #9a9a9a;
	vertical-align: middle;
	background-color:#e2efe7;
	color:#2b2b2a;
}
body.iinkai #mainContents table.schedule_table td.kengaku {
	border-top:3px double #9a9a9a;
	text-align:center;
	vertical-align: middle;
	background-color:#e2efe7;
	color:#2b2b2a;
}
body.iinkai #mainContents table.schedule_table2 {
	margin:20px 10px 5px 60px;
	border:none;
	border-top:1px solid #9a9a9a;
	width:630px;
	vertical-align: middle;
}
body.iinkai #mainContents table.schedule_table2 th {
	padding:3px 3px;
	border:none;
	border-right:1px solid #9a9a9a;
	border-bottom:1px solid #9a9a9a;
	background-color:#e6e6e6;
	color:#2b2b2a;
	text-align:center;
	font-weight:bold;
	font-size:77%;
}
body.iinkai #mainContents table.schedule_table2 td {
	padding:3px 3px;
	border-right:1px solid #9a9a9a;
	border-bottom:1px solid #9a9a9a;
	color:#2b2b2a;
	font-size:77%;
	line-height:1.1;
	text-align:center;
	vertical-align: middle;
	min-width:30px;
}

body.iinkai #mainContents table.schedule_table2 th.sub {
	border-left:1px solid #9a9a9a;
	vertical-align: middle;
	background-color:#fff;
	text-align:left;
  width: 100px;
}
body.iinkai #mainContents table.schedule_table2 th.other {
	border-top:3px double #9a9a9a;
	border-left:1px solid #9a9a9a;
	vertical-align: middle;
	background-color:#fff;
	text-align:left;
}
body.iinkai #mainContents table.schedule_table2 td.other {
	border-top:3px double #9a9a9a;
	text-align:center;
	vertical-align: middle;
	/*width:30px;*/
}
body.iinkai #mainContents p.notes {
	margin-left:80px;
	margin-right:30px;
	font-size:84%;
}

body.iinkai #mainContents ol.notes {
	margin-left:110px;
	margin-right:30px;
	font-size:84%;
}

body.iinkai #mainContents ul.notes {
	margin-left:110px;
	margin-right:30px;
	font-size:84%;
}

/* 活動推進委員会　主要会議日程*/

body.iinkai #mainContents table.kaigi_table {
	margin:20px 10px 30px 60px;
	border-left:1px solid #9a9a9a;
	border-top:1px solid #9a9a9a;
	width:630px;
}
body.iinkai #mainContents table.kaigi_table th {
	padding:3px 3px;
	border-right:1px solid #9a9a9a;
	border-bottom:1px solid #9a9a9a;
	background-color:#e6e6e6;
	color:#2b2b2a;
	text-align:center;
	font-weight:bold;
	font-size:77%;
}
body.iinkai #mainContents table.kaigi_table td {
	padding:3px 3px;
	border-right:1px solid #9a9a9a;
	border-bottom:1px solid #9a9a9a;
	color:#2b2b2a;
	font-size:77%;
	line-height:1.1;
	vertical-align: top;
}
body.iinkai #mainContents table.kaigi_table td.date {
	text-align:center;
}
body.iinkai #mainContents table.kaigi_table td.end {
	background-color:#e2efe7;
	color:#2b2b2a;
}
body.iinkai #mainContents table.kaigi_table td.date_end {
	text-align:center;
	background-color:#e2efe7;
	color:#2b2b2a;
}

/* 活動推進委員会　主要会議日程*/

body.action #mainContents table.kaigi_table {
	margin:20px 10px 30px 90px;
	border-left:1px solid #9a9a9a;
	border-top:1px solid #9a9a9a;
	width:600px;
}
body.action #mainContents table.kaigi_table th {
	padding:3px 3px;
	border-right:1px solid #9a9a9a;
	border-bottom:1px solid #9a9a9a;
	background-color:#e6e6e6;
	color:#2b2b2a;
	text-align:center;
	font-weight:bold;
	font-size:77%;
}
body.action #mainContents table.kaigi_table td {
	padding:3px 3px;
	border-right:1px solid #9a9a9a;
	border-bottom:1px solid #9a9a9a;
	color:#2b2b2a;
	font-size:77%;
	line-height:1.1;
	vertical-align: top;
}
body.action #mainContents table.kaigi_table td.date {
	text-align:center;
}
body.action #mainContents table.kaigi_table td.end {
	background-color:#e2efe7;
	color:#2b2b2a;
}
body.action #mainContents table.kaigi_table td.date_end {
	text-align:center;
	background-color:#e2efe7;
	color:#2b2b2a;
}

.temp_subtit {
	font-size:84%;
	font-style:italic;
}

/**主要会議日程　次年度リンク（2011.12 追加）**/
.navlink {
	text-align:right;
	margin-right:40px;
}


/**議事次第（2013.9 追加）**/
#mainContents p.midashi {
	color:#2b2b2a;
	font-size:110%;
	margin-left:80px;
	}

/**活動推進委員会　インデックスリンク（2015.7 追加）**/
body.iinkai #mainContents ul ul.type-circle li{
	line-height:1.1;
	margin-bottom:5px;
	margin-left:-30px;
	list-style-type:none;
}


/* 9.sitemap Styles
========================================== */

body.page-sitemap ul {
	list-style-type:none;
}

/* 10.お知らせ Styles
========================================== */
body.info #mainContents .lead {
	margin:40px 50px 15px 70px;
}

body.info #mainContents .accent {
	text-align:center;
	margin:30px 200px;
	border:1px solid #eeeeee;
	background-color:#e9f5d8;
	padding:10px;
}
body.info #mainContents .contact {
	margin:40px 50px 15px 50px;
		text-align:center;

}


/* 11.利用規約 Styles
========================================== */

body.sitemap p.terms-lead{
	margin:20px 40px;
}
body.sitemap p.terms-lv1{
	margin:20px 40px 20px 60px;
}
body.sitemap ol.terms-lv1{
	margin:20px 40px 20px 100px !important;
}
body.sitemap p.terms-note1{
	margin:5px 40px 5px 120px;
	padding-left:2.5em;
	text-indent:-2.5em;
}

/* 12.セミナーお知らせStyles
========================================== */
.guidance-style{
	margin: 10px 30px 10px 70px;
}
.guidance-style .ta-r{
	text-align: right;
}
.guidance-style .ta-c{
	text-align: center;
}
.guidance-style .fw-b{
	font-weight: bold;
}
#mainContents .guidance-style .fs-ll{
	font-size: 20px;
}
#mainContents .guidance-style .fs-l{
	font-size: 18px;
}
#mainContents .guidance-style .fs-m{
	font-size: 16px;
}
#mainContents .guidance-style .col-b{
	color: #1f4e79;
}


.guidance-style span.ta-r{
	display: block;
}
#mainContents .guidance-style dl{
	margin-left: 0;
}
.guidance-style dl dt{
	width: 95px;
	float: left;
}
.guidance-style dl dd{
	padding-left: 95px;
}
.guidance-style .title-image{
	background-color: #f2f2f2;
	padding: 10px;
	border: 1px solid #000;
}
#mainContents .guidance-style .title-image p{
	line-height: 1.8;
}
.guidance-style .qrcode div{
	width: 49.5%;
	display: inline-block;
}
.guidance-style .qrcode div a{
	word-wrap:break-word;
}