@charset "UTF-8";
/* CSS Document */


/*	bodyを　左右の影付BG　をやめる　bodywakuで影付けする	*/



body {
	font-family: "Meiryo", "MS PGothic", sans-serif;
	font-size:10pt;
	color:#000;
	background-color:#ffffff;
	width: 100%;
	height: 100vh;
	background-image: url('img/user_BG_blue_repeat.jpg');

/*	background:#fff url('img/back.gif');	*/

	background-position: center;
	background-repeat: repeat-y;
	margin:0;
	padding:0;
}



textarea {
	font-family: "Meiryo", "MS PGothic", sans-serif;
	font-size:9pt;
}
input, select {
	font-family: Meiryo, "MS PGothic", sans-serif;
	font-size:9pt;
}
a {
	text-decoration:none;
}
td {
	font-size:10pt;
	text-align:left;
}
img {
	vertical-align:bottom;
}



/*	bodywakuの中身を修正　TOPから離して　枠付にする	*/

.bodywaku {
/*			width: 900px;	*/

		border:1px solid #e5e3df;
		border-radius:10px;

			margin:0 auto;

		margin-top:15px;
		margin-bottom:15px;
		padding-top:0px;
		padding-bottom:4px;
		box-shadow: 0 3px 12px 0 rgba(0, 0, 0, .4);
		
	
		width: 95%;
	background:#fff;
	
	min-width:905px;
	
}




.header {
	background:url(img/head.jpg);
	background-repeat:no-repeat;
	width:890px;	/* 900 - 10 */
	height:59px;	/* 99 - 40 */
	text-align: right;
	padding-top:40px;
	padding-right:10px;
}





.header_yokoso {
/*	background:url(img/head01_back.gif);	*/
/*	background-repeat:repeat-x;				*/
	background-color:#00527d;
	width:calc(100% - 20px);
	height:29px;	
	padding: 8px 10px 2px 10px;
	color:#ffffff;
	font-size:12pt;
	font-weight:bold;
	text-align:center;
	border-bottom:6px solid #bfe0dc;
}




.header_marquee {
	width:900px;
	padding: 4px 0px;
	font-size:12pt;
	border-bottom: solid 1px #888;
}




/* フロート配置をやめてflexにする */
.menu_content_set {
display:flex;
}
/* フロート配置をやめてflexにする */



.menu {
/*	float: left;	*/
	text-align:left;
	width:270px;
	margin:0px 15px 0px 0px;

	background:url('img/n_side_menubtmbg.gif');
	background-repeat:repeat-y;

/*	border:1px solid #ff0000;	*/
	
/*	background: url('img/circle_line.gif');		*/
/*	background-position: right top;		*/
/*	background-repeat:repeat-y;		*/
}



/*	コンテンツエリアをピクセルで指定している　calcで相対表示する	*/


.contents {
	float: left;
	text-align:left;
	margin:15px 0px;
	
		width:calc(100% - 300px);
/*		width: 605px;	*/


}




/*	トップページの一覧テーブルに影を配置して　くっきり見えやすく	*/


.top_ichiran {
	width:100%;
	border-collapse:collapse;
	margin-top:5px;
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, .4);
	
}



table.top_ichiran tr:hover {
background-color: #fbfcae;
}


/*	トップページの一覧テーブルに影を配置して　くっきり見えやすく	*/



.top_ic_syuryo {
display:inline-block;

padding:2px 10px;
margin:5px;
font-size:10pt;
color:#ff0000;
font-weight:bold;
border:1px solid #ff0000;
border-radius:5px;
background-color:#ffffff;
				box-shadow: 0 0 3px 0 rgba(0, 0, 0, .4);
white-space:nowrap;
}


.top_ic_bosyuchu {
display:inline-block;

padding:2px 10px;
margin:5px;
font-size:10pt;
color:#040498;
font-weight:bold;
border:1px solid #040498;
border-radius:5px;
background-color:#ffffff;
				box-shadow: 0 0 3px 0 rgba(0, 0, 0, .4);
white-space:nowrap;
}



.top_icran_kaisaidate {
font-weight:normal;
font-size:10pt;
line-height:11pt;

}

.top_icn_bikou {
font-weight:normal;
font-size:10pt;
line-height:11pt;

}



.top_icran_title {
font-weight:normal;
font-size:13pt;
line-height:15pt;

}

.top_icr_number {
display:inline-block;

font-size:11pt;

text-align:center;

color:#062f4f;
color:#3d3d3d;

}




.top_icn_dl {
}




.top_icn_shosai {

}




.cellcenter {
text-align:center;
}




.cellkaisaibi {
min-width:175px;
max-width:175px;
}


.set_top_title_haba {
min-width:100px;
max-width:320px;
}


.cellbiko {
min-width:50px;
max-width:320px;
}












/* 先にtop_ichiranテーブルの　５列目の背景に色をつける */

table.top_ichiran tr td:nth-child(5)  {
	text-align: center;
	color: #000;
	font-weight:bold;
		background:#e4e9eb;
}

/* 先にtop_ichiranテーブルの　５列目の背景に色をつける */



.top_ichiran_title {
	text-align: center;
font-size: 10pt;	
font-weight: bold;
color: #4a4a4a;

background: linear-gradient(to bottom,  #ffffff 0%,#dae3e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dae3e5',GradientType=0 ); /* IE6-9 */

	
/*	
	color: #fff;
	font-weight:bold;
		background:#006f9b;
*/
	border:inset 1px;
	border-color:#c9caca;
	border-style:solid;
	padding:3px;

}
.top_ichiran_no {
	text-align: center;
	color: #000;
	font-weight:bold;
	
		background:#e4e9eb;
		
	border:inset 1px;
	border-color:#c9caca;
	border-style:solid;
	padding:3px;
}
.top_ichiran_content {
	font-size:9pt;
	background:#fff;	
	border:inset 1px;
	border-color:#c9caca;
	border-style:solid;
		padding:5px;
word-wrap: break-word;
}




/*	研修の基本テーブルに影を配置して　くっきり見えやすく	*/

/* 研修情報 */
.kensyu_tbl {
	width:100%;
	border-collapse:collapse;
	margin-bottom:10px;
	
			box-shadow: 0 0 8px 0 rgba(0, 0, 0, .4);
	
}

/*	研修の基本テーブルに影を配置して　くっきり見えやすく	*/



.kensyu_name {

	padding:5px;
font-size: 12pt;	
font-weight: bold;

color: #4a4a4a;
text-align: left;
border-style: solid;
border-width: 1px;
border-color: #b3dae5;
border-radius: 5px;
background: #ffffff; /* Old browsers */
background: linear-gradient(to bottom,  #ffffff 0%,#dae3e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dae3e5',GradientType=0 ); /* IE6-9 */
box-sizing: border-box;
box-shadow:0 0 6px gray;

/*	text-align:left;	*/
/*	font-weight: bold;	*/
/*	padding:5px;	*/
/*	color: #1c5fd9;	*/
/*	border:inset 1px;	*/
/*	border-color:#ec9e02;	*/
/*	border-style:solid;	*/
/*	background:url(img/boxtitle_back.gif);	*/
/*	background-repeat:repeat-x;			*/

}








.kensyu_title {
	text-align:center;
	font-weight: bold;
	padding:5px;
	border:inset 1px;
		border-color: #7e9297;
/*	border-color:#ec9e02;	*/
	border-style:solid;
	background:#fefbdf;
}
.kensyu_midashi {
	font-size: 13pt;
	text-align:center;
	font-weight: bold;
	padding:3px;
	color: #0c3b6a;
	border:inset 1px;
		border-color: #7e9297;
/*	border-color:#ec9e02;	*/
	border-style:solid;
	background:url(img/boxtitle02_back.gif) #d0e7fd;
	background-repeat:repeat-x;
}
.kensyu_date {
	text-align:left;
	font-weight: bold;
	padding:5px;
	color: #fb5706;
	border:inset 1px;
		border-color: #7e9297;
/*	border-color:#ec9e02;	*/
	border-style:solid;
	background-color:#fff;
}
.kensyu_cell {
	text-align:left;
	padding:5px;
	border:inset 1px;
		border-color: #7e9297;
/*	border-color:#ec9e02;	*/
	border-style:solid;
	background-color:#fff;
}
.kensyu_cellc {
	text-align:center;
	padding:5px;
	border:inset 1px;
		border-color: #7e9297;
/*	border-color:#ec9e02;	*/
	border-style:solid;
	background-color:#fff;
}
.kensyu_button {
	text-align:right;
	padding:10px;
	border:inset 1px;
		border-color: #7e9297;
/*	border-color:#ec9e02;	*/
	border-style:solid;
	background-color:#fdf9cc;
}
.kensyu_buttonc {
	text-align:center;
	padding:10px;
	border:inset 1px;
		border-color: #7e9297;
/*	border-color:#ec9e02;	*/
	border-style:solid;
	background-color:#fdf9cc;
}
.kensyu_buttonc input[type='submit'] {
	font-weight:bold;
}
.kensyu_date2 {
	text-align:right;
	width:150px;
	padding:5px;
	color: #fb5706;
	border:inset 1px;
		border-color: #7e9297;
/*	border-color:#ec9e02;	*/
	border-style:solid;
	background:url(img/boxtitle_back.gif);
	background-repeat:repeat-x;
}
.kensyu_pagebutton {
	text-align:right;
	padding:10px;
	border:inset 1px;
		border-color: #7e9297;
/*	border-color:#ec9e02;	*/
	border-style:solid;
	background-color:#fff8c3;
}

/* 研修内スケジュール */
.kensyus_date {
	text-align:left;
	font-weight: bold;
	padding:5px;
	
		color: #275971;
/*	color: #1c5fd9;		*/
	
	border:inset 1px;
		border-color: #7e9297;
/*	border-color:#1463ad;	*/
	border-style:solid;
	
		background: #d5e6ef;
/*	background: #fffaaa;		*/

}
.kensyus_title {
	text-align:center;
	padding:5px;
	border:inset 1px;
		border-color: #7e9297;
/*	border-color:#1463ad;	*/
	border-style:solid;
	background:#fefbdf;
}
.kensyus_time {
	text-align:left;
	padding:5px;
	border:inset 1px;
		border-color: #7e9297;
/*	border-color:#1463ad;	*/
	border-style:solid;
	background-color:#eff7ff;
}
.kensyus_cell {
	text-align:left;
	padding:5px;
	border:inset 1px;
		border-color: #7e9297;
/*	border-color:#1463ad;	*/
	border-style:solid;
	background-color:#fff;
}
.kensyus_buttonc {
	text-align:center;
	padding:10px;
	border:inset 1px;
		border-color: #7e9297;
/*	border-color:#1463ad;	*/
	border-style:solid;
	background-color:#fdf9cc;
}




/*	ページタイトルに見出し帯をつけてみやすくシンプルに	*/


/* 各ページ */
.page_title {
	font-size:16pt;
	font-weight:bold;
	margin-bottom:5px;
	color:#062f4f;
	height:40px;

}



.page_title:before {
	display:inline-block;
	width:45px;
	height:30px;
	content:'';
	padding-right:5px;
	
	background-image:url('img/page_title_bg_midashi.gif');
	background-repeat:no-repeat;
	background-position: bottom;
	background-size: contain;
}


.toha_title {
	font-size:16pt;
	font-weight:bold;
	margin-bottom:5px;
	color:#062f4f;
	height:40px;

}



.toha_title:before {
	display:inline-block;
	width:30px;
	height:31px;
	content:'';
	padding-right:5px;
	
	background-image:url('img/toha_title_bg_midashi.gif');
	background-repeat:no-repeat;
	background-position: bottom;
	background-size: contain;
}


.zoom_title {
	font-size:16pt;
	font-weight:bold;
	margin-bottom:5px;
	color:#062f4f;
	height:40px;

}



.zoom_title:before {
	display:inline-block;
	width:44px;
	height:31px;
	content:'';
	padding-right:5px;
	
	background-image:url('img/zoom_title_bg_midashi.gif');
	background-repeat:no-repeat;
	background-position: bottom;
	background-size: contain;
}

/*	ページタイトルに見出し帯をつけてみやすくシンプルに	*/





table.box {margin-bottom:10px;}
table.box02 {margin-bottom:15px;}

.list_link  A:link {color:#60A4BB;text-decoration:none; font-weight:normal; text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:9pt; line-height:12pt;}
.list_link  A:visited {color:#60A4BB;text-decoration:none; font-weight:normal; text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:9pt; line-height:12pt;}
.list_link  A:hover {color:#FF6303;text-decoration:underline; font-weight:normal; text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:9pt; line-height:12pt;}

.shakyo_link  A:link {color:#0071BC;text-decoration:none; font-weight:bold; text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:11pt; line-height:12pt;}
.shakyo_link  A:visited {color:#0071BC;text-decoration:none; font-weight:bold; text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:11pt; line-height:12pt;}
.shakyo_link  A:hover {color:#717071;text-decoration:underline; font-weight:bold; text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:11pt; line-height:12pt;}

.syorui_link  A:link {color:#0071BC;text-decoration:none; font-weight:bold; text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:7pt; line-height:8pt;}
.syorui_link  A:visited {color:#0071BC;text-decoration:none; font-weight:bold; text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:7pt; line-height:8pt;}
.syorui_link  A:hover {color:#717071;text-decoration:underline; font-weight:bold; text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:7pt; line-height:8pt;}


.bt img {
		margin-bottom:3px;
/*		margin-top:7px;		*/
}




.line {background:url(img/dot.gif );background-repeat:repeat-x;height:2px;padding:0;margin-top:5px;margin-bottom:5px;}


table#set01 {background:#4D4D4D;}

table.menu_back {height:569px;background:url(images/menu_back01.jpg);background-repeat:no-repeat;}




.shop_link {font-weight:normal; text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:8pt; line-height:10pt;}
.shop_link  A:link {color:#FF9900;text-decoration:none;}
.shop_link  A:visited {color:#FFD270;text-decoration:none;}
.shop_link  A:hover {color:#FF6303;text-decoration:underline;}

.pro_td { border-style: solid; border-width: 1px; border-color: #4D4D4D;font-weight:normal; text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:8pt; line-height:10pt;}
.pro_td  A:link {color:#FFFFFF;text-decoration:none;}
.pro_td  A:visited {color:#B3B3B3;text-decoration:none;}
.pro_td  A:hover {color:#FF9408;text-decoration:underline;}



.size3p { font-weight:normal; text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:3pt; line-height:9pt;}
.size4p { font-weight:normal; text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:4pt; line-height:9pt;}
.size5p { font-weight:normal; text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:5pt; line-height:9pt;}
.size6p { font-weight:normal; text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:6pt; line-height:9pt;}
.size7p { font-weight:normal; text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:7pt; line-height:9pt;}
.size8p { font-weight:normal; text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:8pt; line-height:10pt;}
.size9p { font-weight:normal; text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:9pt; line-height:12pt;}
.size10p { font-weight:normal; text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:10pt; line-height:13pt;}
.size10 { font-weight:bold; color:#6A9A00;text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:10pt; line-height:13pt;}
.size10_2 { font-weight:bold; color:#7f6f0c;text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:10pt; line-height:13pt;}
.size10_3 { font-weight:normal; color:#000000;text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:10pt; line-height:14pt;}
.size11p { font-weight:normal; text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:11pt; line-height:14pt;}
.size11_2 { font-weight:normal; color:#ffffff;text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:11pt; line-height:14pt;}

.size12p { font-weight:normal; text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:12pt; line-height:15pt;}
.size14p { font-weight:normal; text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:14pt; line-height:18pt;}
.size17p { font-weight:normal; text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:17pt; line-height: 20pt;}

.touroku_size10 { font-weight:bold; color:#0b7983;text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:10pt; line-height:13pt;}
.touroku_size8 { font-weight:normal; color:#000000;text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:10pt; line-height:13pt;}



/*

.top_komoku {
	font-size:10pt;
	line-height:10pt;
	font-weight:bold;
	width:180px;
	height:48px;
	text-align:center;
	padding:0px 10px;
	background-image: url(img/koumoku_off.gif);
}

*/


.top_komoku {
	font-size:1.0rem;
	line-height:42px;
	font-weight:bold;
	padding:0px 10px;
	color:#ffffff;

	display:inline-block;
width:calc(30% - 5px);
height:42px;
margin:5px;
background-color:#4fc3c4;
		border:1px solid #7d92a2;
		border-radius:10px;
		box-shadow: 0 0px 6px 0 rgba(0, 0, 0, .4);
text-align:center;



}

.top_komoku:hover {
opacity:0.5;
filter:alpha(opacity=50);
-ms-filter:"alpha(opacity=50)";
cursor:pointer;
}


.topcatenameblck:before {


	display:inline-block;
	width:45px;
	height:30px;
	content:'';
	padding-right:5px;
	
	background-image:url('img/page_title_bg_midashi.gif');
	background-repeat:no-repeat;
	background-position: bottom;
	background-size: contain;
	
	

}


.plus1 { font-weight:normal; text-decoration:none;font-size:115%;}
.plus2 { font-weight:normal; text-decoration:none;font-size:130%;}





/*	最下部を10PX　下から離すことで　角Rが表示するようになる		*/

.footer {
	text-align:right;
	font-size:10pt;
	background:url('img/n_fotter.gif') #fff;
	background-repeat:repeat-x;
/*	width:844x;		*/
	height:30px;
	padding:24px 16px 5px 5px;
		border-radius:0px 0px 10px 10px;
}





/* CSS追加＿2月27日＿ヘダーチェック調整　ここから */
/* CSS追加＿ver1＿ヘダーの画像　も角R10でRADIUSする　ここから */

.header_check {
	background:url('img/n_headbg.gif');
	background-repeat:repeat-x;
	width:100%;	/* 900 - 10 */
	height:90px;	/* 99 - 40 */
	text-align: left;
/*	padding-top:20px;*/
padding-top:0px;
	padding-right:0px;
		border-radius:10px 10px 0px 0px;
}

/* CSS追加＿ver1＿ヘダーの画像　も角R10でRADIUSする　ここから */
/* CSS追加＿2月27日＿ヘダーチェック調整　ここまで */







/*css追加＿21年3月17日￥デザイン改修＿新着窓改修*/

.info_mado_title {
/*border-top:3px solid #e2e8ec;*/
height:32px;
border:2px solid #e2e8ec;
margin:0 2px 0 2px;
}

/*--トップの窓セット--*/
.info_set {
/*width:585px;*/
position:relative;
margin:0 0 0 5px;
height:250px;
overflow:auto;
text-align:left;
background:#ffffff;
margin:3px;
border:1px solid #aec9dc;
}
.infoone_set {
/*width:900px;*/
position:relative;
margin:2px;
}

.infoone_set:hover {
background-color:#e8f4fd;
}
.infoone_date {
display:block;
padding: 10px 0 0 10px;
font-size: 11pt;
line-height: 15px;
position:relative;
padding-left:30px;
color:#233558;
}

.infoone_date:before {
position:absolute;
left:0;
content:"";
display:inline-block;
width:22px;
height:22px;
background:url(img/icon_news.gif) no-repeat;
background-size:contain;
}


.infoone_summary {
font-size: 11pt;
line-height: 15px;
padding: 0 0 0 10px;
color: #696969;
/*	border:1px solid #0000ff;*/
padding-left:30px;

}
.infoone_title {
display:inline-block;
text-align: left;
padding: 0 0 0 10px;
font-size: 12pt;
line-height: 20px;
color: #2275b3;
/*	border:1px solid #0000ff;*/
padding-left:30px;

}



.infoone_title a:link {
color: #2275b3;
}
.infoone_title a:visited {
color: #233558;
}
.infoone_title a:hover {
color: #f7931e;
}


.infoone_listb {
display:inline-block;
position:absolute;
bottom:0px;
right:0px;
}

.infoone_line {
width: 97%;
border-style: dotted;
border-width: 2px 0 0 0;
border-color: #c0c0c0;
margin: 7px 10px 8px 10px;
}

/*--一覧へのボタン--*/

.infolist_line_set { 
position:relative;
height:32px;
/*width:580px;*/
}
.infolist_line { 
display:block;
position:absolute;
/*width:575px;*/
bottom:0px;
left:375px;
}


.toinfolistb {
	position:absolute;
	right:10px;
	bottom:-3px;
	z-index:100;
	width: 140px;
	height:23px;
	padding:5px 20px 5px 20px;
	text-align:center;
	font-size:10pt;
	line-height:23px;
	color:#0172b8;
	font-weight:bold;
	text-decoration:none;
	background-color:#dff1fe;
	transition: 0.5s ;
	border:1px solid #9db9cf;
	background: linear-gradient(to bottom, #dff1fe 40%, #ffffff 100%);
/*	box-shadow: -2px -2px 2px rgba(100,100,100,0.4);*/

border-radius: 10px 10px 0px 0px

}

.toinfolistb:hover {
opacity:0.5;
filter:alpha(opacity=50);
-ms-filter:"alpha(opacity=50)";
}

/*--ページ下部の共通ボタン-- */
.bt_bottom_set {
/*width: 95%;*/
width: 100%;
text-align: center;
margin: 30px 0 10px 0;
}
.btn-square_bt {
display: inline-block;
padding: 10px 25px;
margin: 0;
text-decoration: none;
color: #5e5e5e;
border-style: solid;
border-width: 2px;
border-color: #d0d0d0;
background: #f1e767;
background: linear-gradient(to bottom, #fdfbfb 0%, #ebedee 100%);
border-radius: 25px;
font-size: 12pt;
}
.btn-square_bt:link {
color: #5e5e5e;
}
.btn-square_bt:visited {
color: #5e5e5e;
}
.btn-square_bt:hover {
display: inline-block;
text-decoration: none;
border-style: solid;
border-width: 2px;
border-color: #d0d0d0;
background: #d5d5d5;
opacity:0.8;
}




.bback {
position:relative;
font-size: 12pt;
color: #5e5e5e;
line-height: 18pt;
padding-left:22px;
margin-right:10px;
}


.bback:before {
position:absolute;
left:0;
content:"";

width:20px;
height:20px;
background:url(img/icon_bback.gif) no-repeat;
background-size:contain;
}

.doubleup {
position:relative;
font-size: 12pt;
color: #5e5e5e;
line-height: 18pt;
padding-left:22px;
margin-right:5px;
}

.doubleup:before {
position:absolute;
left:0;
content:"";

width:20px;
height:20px;
background:url(img/icon_doubleup.gif) no-repeat;
background-size:contain;
}


/*--info詳細ページ-- */

.infoone_list_set {
/*width:790px;*/
position:relative;
margin:2px;
}

.info_list_set {
/*width:790px;*/
position:relative;
margin:0 0 0 25px;
margin:0 auto;
}




.info_title {
position:relative;
font-size: 13pt;
color: #000000;
line-height: 18pt;
background: #ffffff;
border-radius:5px;
padding: 15px 10px 15px 30px;
margin: 0 0 10px 0;
/*box-shadow: 0px 2px 3px rgba(0,0,0,0.4);*/
border:1px solid #c0c0c0;

margin-top:10px;
}

.info_title:before {
position:absolute;
left:5px;
content:"";

width:22px;
height:22px;
background:url(img/icon_news.gif) no-repeat;
background-size:contain;
}


.info_date {
font-size: 12pt;
color: #3a586e;
padding-left:10px;
}
.info_text2 {
font-size: 12pt;
color: #000000;
}
.info_text_naiyo {
font-size: 12pt;
color: #000000;
}

.info_dotline {
border-width: 1px 0 0 0;
border-style: dashed;
border-color: #888888;
margin: 9px 0 10px 0;
}

.info_endline {
border-width: 5px 0 0 0;
border-style: solid;
border-color: #81a1b9;
margin: 9px 0 10px 0;
}






.info_box {
text-align:left;
border:1px solid #c0c0c0;
border-radius:10px;
padding:15px;
margin-bottom:10px;
}

.info_box_center {
text-align:center;
border:1px solid #c0c0c0;
border-radius:10px;
padding:15px;
}



.info_subt {
position:relative;
color: #303030;
display:inline-block;
padding: 5px;
font-size: 12pt;
line-height: 20px;
position:relative;
padding-left:30px;


}

.info_subt:before {
position:absolute;
left:5px;
content:"";
width:22px;
height:22px;
background:url(img/icon_news.gif) no-repeat;
background-size:contain;
}


.info_photo_capt {
color: #303030;
font-size: 10pt;
line-height: 12pt;
}


.info_photo_set {
display:inline-block;
margin:5px 10px 5px 0px;
}



img.info_photo_size {
width: 270px;
height:auto;
}


.info_mousikomi_bt {
display: inline-block;
width: 250px;
height: 50px;
margin: 0 0 0 0;
text-align: center;
text-decoration: none;
background: #4ba7ba;
font-size: 1em;
line-height: 3em;
color: #ffffff;
}
.info_mousikomi_bt:link {
color: #ffffff;
}
.info_mousikomi_bt:visited {
color: #ffffff;
}
.info_mousikomi_bt:hover {
background: #d5d5d5;
color: #999999;
}

.info_ic_newmarc {
display: inline-block;
background: #e62141;
color: #ffffff;
font-size: 10pt;
line-height: 1.0em;
padding: 2px 10px;
vertical-align:top;
top:5px;
margin-left:10px;
margin-right:10px;
}

.info_temp_set{
position:relative;
display: block;
padding-left:30px;
}

.info_temp_set:before {
position:absolute;
left:5px;
content:"";
width:20px;
height:20px;
background:url(img/icon_temp.gif) no-repeat;
background-size:contain;
}


.info_temp_name{
color: #2275b3;
}

.info_temp_name:link {
color: #2275b3;
}
.info_temp_name:visited {
color: #233558;
}
.info_temp_name:hover {
color: #f7931e;
}

.info_snklink_set{
position:relative;
display: block;
padding-left:30px;
}

.info_snklink_set:before {
position:absolute;
left:5px;
content:"";
width:20px;
height:20px;
background:url(img/icon_snklink.gif) no-repeat;
background-size:contain;
}


.info_snklink_name{
color: #2275b3;
}


.info_snklink_name:link {
color: #2275b3;
}
.info_snklink_name:visited {
color: #233558;
}
.info_snklink_name:hover {
color: #f7931e;
}





/* CSS追加＿3月16日＿ヘダー調整　ここから */


.header_nv {
	background:url('/img/head.jpg');
	background-repeat:no-repeat;
	width:890px;	/* 900 - 10 */
	height:99px;	/* 99 - 40 */
	text-align: right;
	padding-top:35px;
	padding-right:10px;
}

/* CSS追加＿3月16日＿ヘダーチェック */


a:hover img.hoverImg{
opacity:0.5;
filter:alpha(opacity=50);
-ms-filter:"alpha(opacity=50)";
}





ol.marusuji  {
    position: relative;
    margin:0;
    padding:0
}
 
ol.marusuji li  {
    list-style: none;
    list-style-position:outside;
    margin:0;
    padding-left:1.25em
}
ol.marusuji li span {
    position: absolute;
    left:0;
    margin:0
}

















/* CSS追加＿ver1＿基本のCSSを調整できるか　ここから */
/* CSS追加＿ver1＿基本のCSSを調整できるか　ここから */


input[type="submit"] {
  padding: 0.8em 2em;
  border:1px solid #a0a0a0;
  border-radius:4px;

}


input[type="submit"]:hover {
  background-color: #062f4f;
  color:#ffffff;
  border:1px solid #a0a0a0;
    cursor:pointer;

}



.info_bar_toppage {
background-color:#e4ecf2;
margin:0 2px 0 2px;
border-radius:5px;
height:40px;
line-height:40px;
padding-left:20px;
border:2px solid #aec9dc;
font-weight:bold;
margin-bottom:10px;
color:#062f4f;
font-size:11pt;

}


/* CSS追加＿ver1＿基本のCSSを調整できるか　ここまで */
/* CSS追加＿ver1＿基本のCSSを調整できるか　ここまで */






/* CSS追加＿ver2＿組立＿　ここから */


/* ヘダーを新規に組立て＿　ここから */

.header_set {
	background:url('img/n_headbg.gif');
	background-repeat:repeat-x;
	width:100%;
	height:90px;
	text-align: left;
	padding-top:0px;
	padding-right:0px;
	border-radius:10px 10px 0px 0px;
	
	display: flex;
	justify-content: space-between;
}


.header_sitename {
display:inline-block;
}

.header_rightkata {
text-align:right;
display:inline-block;
}


/* 990px以下に幅がなったときに飾りを消す処理　 */

@media only screen and (max-width: 1050px){
.header_right_d {
display:none;
}
}
/* 990px以下に幅がなったときに飾りを消す処理 */


/* ヘダーを新規に組立て＿　ここまで */




/* menu内部の追加表記＿　ここから */

.side_menu_white {
background-color:#ffffff;
}
.side_menu_outside_btm {
	background:url('img/n_side_menubtmbg.gif');
	background-repeat:repeat-y;
	width:270px;
	text-align:center;
	padding-top:15px;
	padding-bottom:10px;
/*	height:100vh;	*/
}

.side_menu_outside_btm img  {
	margin-bottom:3px;
}




a:hover img.hoversidem{

/*		background-color:#cee7e4;	#def8f5	*/
background: linear-gradient(to right,  #ffffff 20%,#c4fff8 100%);
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter:"alpha(opacity=70)";
}



/* menu内部の追加表記＿　ここまで */



.n_shiborikomi_set {
width:calc(100% - 20px);
height:64px;
	display: flex;
	justify-content: space-between;
	background: linear-gradient(to bottom,  #cee7e4 0%,#e7f1f0 70%,#ffffff 100%);
	padding-left:10px;
	padding-right:10px;
}

.n_siborikomi_b {
display:block;
width:calc(50% - 10px);
height:46px;
margin:5px;
background-color:#ffffff;
		border:1px solid #7d92a2;
		border-radius:10px;
		box-shadow: 0 0px 6px 0 rgba(0, 0, 0, .4);
text-align:center;
}


.n_siborikomi_b:hover {
opacity:0.5;
filter:alpha(opacity=50);
-ms-filter:"alpha(opacity=50)";
}




/* トップの表　ダウンロードアイコンのツールチップの追加表記＿　ここから */

.dl_tooltip {
  position: relative;
}

/* Tooltip box */
.dl_tooltip:before {
  content: attr(data-tooltip); 
  position: absolute;
  width: 300px;	
  background-color: #d9f1fb;
  color: #000000;
  text-align: center;
  padding: 3px 5px;
  line-height:1.1rem;
  border-radius: 6px;
  z-index: 1;
  opacity: 0;
  transition: opacity .6s;
bottom: 240%;
  left: 50%;
  margin-left: -60px;
  font-size: 0.9rem;
  visibility: hidden;
  border:1px solid #062f4f;

}



.dl_tooltip:hover:before {
  opacity: 1;
  visibility: visible;
}

/* トップの表　ダウンロードアイコンのツールチップの追加表記＿　ここまで */






ol.suji  {
    position: relative;
    margin:0;
    padding:0
}
 
ol.suji li  {
    list-style: decimal;
    margin-left:10px;
    padding-left:1.25em
    margin-bottom:5px;
    padding-bottom:15px;
}
ol.suji li span {

}





.shosai_dl_text{
font-size:0.95rem;
line-height:50px;
vertical-align:middle;

}


.dl_tooltip_shosai {
  position: relative;
}

/* Tooltip box */
.dl_tooltip_shosai:before {

/*  content: attr(data-tooltip); 		*/
  position: absolute;
  width: 400px;	
  background-color: #d9f1fb;
  color: #000000;
  text-align: center;
  padding: 3px 5px;
  line-height:1.1rem;
  border-radius: 6px;
  z-index: 1;
  opacity: 0;
  transition: opacity .6s;
bottom: 95%;
  left: 100px;
  margin-left: -60px;
  font-size: 0.9rem;
  visibility: hidden;
  border:1px solid #062f4f;

}



.dl_tooltip_shosai:hover:before {
  opacity: 1;
  visibility: visible;
}





input.inputb_hov:hover {
opacity:0.5;
filter:alpha(opacity=50);
-ms-filter:"alpha(opacity=50)";
}





/*	コンテンツエリアをピクセルで指定している　calcで相対表示する	*/


.contents_sub {
	float: left;
	text-align:left;
	margin:15px 0px;
			width:calc(100% - 20px);
/*		width:calc(100% - 300px);	*/
/*		width: 605px;	*/
}



.acc_check_chuki {
display:block;
border:1px solid #627a8d;
padding:10px;
margin-top:20px;
}

/* CSS追加＿ver2＿組立＿　ここまで */



















.kensyu_buttonc input[type='button'] {
	font-weight:bold;
	font-size:1.0rem;
	padding:5px 15px;
	cursor:pointer;

}

.kensyu_buttonc input[type='submit'] {
	font-weight:bold;
	font-size:1.0rem;
/*	padding:3px 10px;*/
	  padding: 0.8em 2em;
  border:1px solid #a0a0a0;
  border-radius:4px;

	cursor:pointer;

}





/*


input[type="submit"]:hover {
  background-color: #062f4f;
  color:#ffffff;
  border:1px solid #a0a0a0;
    cursor:pointer;

}

*/








/* 1100px以下に幅がなったときに研修タイトルの文字を小さくすることで幅に納める処理　 */

@media only screen and (max-width: 1100px){
.top_icran_title {
font-weight:normal;
font-size:11pt;
line-height:13pt;
width:200px;
}
.set_top_title_haba {
max-width:200px;

}

}
/* 1100px以下に幅がなったときに研修タイトルの文字を小さくすることで幅に納める処理 */


















/* 　職場研修実施サポート事業ページ追加時のボタン　 */
/* 　職場研修実施サポート事業ページ追加時のボタン　 */


.link_button_blue_N {

display:inline-block;margin:3px;padding:3px 10px;color:#3a638c;font-weight:bold;border:2px solid #4fa2c4;border-radius:8px;

}

.link_button_blue_N:hover {
opacity:0.5;
filter:alpha(opacity=50);
-ms-filter:"alpha(opacity=50)";
}


.tebiki_TBL_td {
width:500px;
border:1px solid #000000;
font-size:1.0rem;
line-height:1.2rem;
}
.JSKS_tebiki_TTL {
display:inline-block;
margin-top:3px;
margin-bottom:3px;
}
.JSKS_tebiki_TTL:hover {
opacity:0.6;
filter:alpha(opacity=50);
-ms-filter:"alpha(opacity=50)";
/*
background-color:#e8f4fd;
*/
}


.JSKS_yoshiki_TTL {
display:inline-block;
margin:5px;
}

.JSKS_yoshiki_TTL:hover {
opacity:0.6;
filter:alpha(opacity=50);
-ms-filter:"alpha(opacity=50)";

/*
background-color:#e8f4fd;
*/

}


/* 　職場研修実施サポート事業ページ追加時のボタン　 */
/* 　職場研修実施サポート事業ページ追加時のボタン　 */









/* 　ZOOMの利用説明画面のモーダル処理　 */

*::backdrop {
  background-color: rgba(0, 0, 0, 0.7);
}

.open-gazo {
	cursor:pointer;
}


.zoomhoverImg:hover {
opacity:0.7;
cursor:pointer;
}

[popover]:popover-open {
  animation: appear .8s ease;
}

@keyframes appear {
  0%{
    opacity: 0;
  }
  100%{
    opacity: 1;
  }
}
/* 　ZOOMの利用説明画面のモーダル処理　 */