@charset "Shift_JIS";
/* CSS Document */

/*-------------------------------------------------------------
///////////////////////////////////////////////////////////////
reset
///////////////////////////////////////////////////////////////
--------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, /*sub, sup,*/ tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.ml10{
	margin-left:10px;
}
.ml20{
	margin-left:20px;
}

/*resetここまで*/



/*-------------------------------------------------------------
///////////////////////////////////////////////////////////////
common
///////////////////////////////////////////////////////////////
--------------------------------------------------------------*/

body {
	height:100%;
	font-family: Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;	
	color: #333333;
	font-size:87%;
	line-height:160%;
  background: url(../img/bg_x.png) top repeat-x #fff;
}

* html body {  
	font-size:87%;  
}
/**/
*:first-child+html body {  
	font-size:87%;  
}

img {
	vertical-align:bottom;
	border:none;
	display:block;
}

.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}
.fleft {float:left;	}
.fright {float:right;	}
.center00 {margin:0px auto;}
.center20 {margin:20px auto;}
.clear {clear:both;}
.clearLeft {clear:left;}
.clearRight {clear:right;}
.h10 {height:10px;}
.t1em {padding-top:1em;}
.t5 {padding-top:5px;}
.t10 {padding-top:10px;}
.t20 {padding-top:20px;}
.b10 {padding-bottom:10px;}
.b20 {padding-bottom:20px;}
.r10 {padding-right:10px;}
.l10 {padding-left:10px;}
.b {font-weight:bold;}
.underline {text-decoration:underline;}
.mt40 {margin-top:40px;	}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb40 {margin-bottom:40px;}
.mr10 {margin-right:10px;	}
.ssText {font-size:0.8em;　line-height:135%;}
.sText {font-size:0.9em;　line-height:150%;}
.lText {font-size:1.1em;}
.llText {font-size:1.2em;}
.XlText {font-size:1.3em;}
.indent1em {
	padding-left:1em;
	text-indent:-1em;
}
.color_black {color:#333;}
.color_red {color:#e50012;}
.color_darkblue {color:#004286;}
.color_green {color:#94d303;}
.color_orange {color:#EC6C00;}
.caution {color:#c50018;}

.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f17{font-size:17px;}
.f18{font-size:18px;}
.f19{font-size:19px;}
.f20{font-size:20px;}

a {
	color:#0000ff;
}
a:hover {
	color:#f03f6c;
	text-decoration:none;
}


.clearfix:after { content: ""; display: block; height: 0; visibility: hidden; clear: both; }

#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 10px;
  bottom: -50px;
  background: #ef3f98;
  opacity: 0.6;
  border-radius: 50%;
}
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f102';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -5px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}



/*common*/

.style5 {
    font-size: 1.2em;
    font-weight: bold;
}
.style6 {
    font-size: 1.1em;
}

.txt_indent1em {
	text-indent: -1em;
	padding-left: 1em;
}

.dl_style01 {
	margin: 1em 0;
}
	.dl_style01 dt {
		font-weight: bold;
		margin-top: 1em;
	}
	.dl_style01 dd {
		padding-left: 1em;
	}

.tbl_nostyle th {
	white-space: nowrap;
	padding-right: .5em;
}

.ul_btn_css {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
	.ul_btn_css li {
		font-size: 16px;
		font-weight: bold;
		text-align: center;
		margin-bottom: 40px;
		list-style: none;
		display: inline;
		margin: 0 20px;
	}
		.ul_btn_css li a {
			display: inline-block;
			width: 240px;
			padding: 15px 20px;
			color: #fff;
			text-decoration: none;
			background: #FF0066; 
			-webkit-box-shadow: 0 0 5px 0 #999;
			-moz-box-shadow: 0 0 5px 0 #999;
			box-shadow: 0 0 5px 0 #999; 
			
			border-radius: 6px;
			-webkit-border-radius: 6px;
			-moz-border-radius: 6px;
		}
		.ul_btn_css li a:hover {
			filter:alpha(opacity=75);
			-moz-opacity:0.75;
			-khtml-opacity: 0.75;
			opacity:0.75;
		}

.rice li {
    text-indent: -1em;
    margin-left: 1em;
    margin-right: 1em;
    margin-bottom: .3em;
}

.rice li:before {
    content: "＊";
    margin-right: .4em;
    position: relative;
    bottom: 1px;
}
.flex{
	display:flex;
}
.jcenter{
	justify-content: center;
}
.new{
	width:70px;
	background:#D70000;
	color:#fff;
	border-radius:5px;
	line-height:28px;
	font-size:15px;
	text-align:center;
	margin:-3px 0 0 20px;
}

/*コンテンツ全体*/
#main {
	width:700px;
	margin:0 auto 40px;
}

/*概要部分*/
#gaiyou {
	width:650px;
	margin:0 auto;
}


/*見出し*/
/*h2 {
	font-size:100%;
	font-weight:bold;
	font-family: 'Hiragino Kaku Gothic Pro';
	color:#ffffff;
	text-indent:5px;
	text-align:center;
	margin:20px 0 10px 0;
	padding:1px;
	background-color:#76dd44;
	border:solid 3px #b5f177;
	border-style:inset;
}*/
h2 {
	font-weight:bold;
	font-size:1.2em;
	color:#555555;
	text-align:left;
	margin:30px 0 20px 0;
	padding:3px;
	padding-left:2em;
	background-color:#F0E8F0;
	border-left:solid 8px #f997ca;
	/*background-color:#F0E9F0;
	border-left:solid 8px #C892CA;*/
}
h3 {
	font-size:1.1em;
	font-weight:bold;
	color:#f03f6c;
	margin:30px auto 20px 0;
}




/*ヘッダー*/
#header{
	height:100px;
	width:100%;
	text-align:center;
	background-color:#f7b9ed;
}
#header img {
	height:100px;
	width:700px;
	margin:0 auto;
}




/*臨時のお知らせ*/
.newsArea{
	width:550px;
	margin:20px auto;
	border:2px solid #ff0000;
	padding-top:15px;
	padding-bottom:15px;
}
	.newsArea p.news_title {
		text-align:center;
		font-weight:bold;
		font-size:1.2em;
		color:#cc0000;
		padding-bottom:10px;
	}
	.newsArea p {
		width:90%;
		margin:0 auto;
		line-height:160%;
	}
	
	
	



/*あいさつ文*/
.greetingArea{
	width:650px;
	margin:20px auto;
}

p.greeting {
	width:650px;
	line-height:160%;
	margin:0 auto 10px;
}

p.right {
	text-align:right;
	font-size:1em;
	margin-right:20px;
}
p.tantouriji {
	line-height:140%;
}


/*研修単位*/

.dl_tani {
	margin-left:40px;
}
	.dl_tani dt {
		clear:left;
		float:left;
		font-weight:bold;
		padding-bottom:5px;
	}
	.dl_tani dd {
		padding-left:6em;
		padding-bottom:5px;
	}


/*交通アクセス*/

.dl_accessList01 {
	margin:10px 0 10px 40px;
}
	.dl_accessList01 dt {
		clear:left;
		float:left;
		padding-bottom:5px;
	}
	.dl_accessList01 dd {
		padding-left:7em;
		padding-bottom:5px;
	}


/*共同開催企業*/
ul.cosponsor {
	width:600px;
	margin:0 auto;
}
ul.cosponsor li {
	float:left;
	margin-right:30px;
	margin-bottom:20px;
}	
ul.cosponsor li a{
	display:block;
	width:170px;
	height:34px;
}


/*受講対象及び募集人数*/
.courseTbl {
	margin:0 0 10px 40px;
	width:90%;
	border-collapse:collapse;
}
	.courseTbl th,
	.courseTbl td {
		padding:5px 10px;
		border:1px solid #aaa;
		vertical-align: middle;
	}
	.courseTbl th {
		width:8em;
		white-space:nowrap;
		text-align:center;
		background:#f5f5f5;
	}
	.courseTbl .subject {
		font-size:0.9em;
	}
	
.courseTbl .courseTblInner {
	border-collapse:collapse;
}
	.courseTbl .courseTblInner td {
		padding:0px 5px;
		border:none;
		white-space: nowrap;
	}


.courseTbl02 {
	margin:0 0 10px 40px;
	width:90%;
	border-collapse:collapse;
}
	.courseTbl02 th,
	.courseTbl02 td {
		padding:5px 10px;
		border:1px solid #aaa;
		vertical-align: middle;
		text-align:center;
	}
	.courseTbl02 th {
		white-space:nowrap;
		text-align:center;
		background:#f5f5f5;
	}
	.courseTbl02 .subject {
		font-size:0.9em;
	}



/*申込・締め切り部のテキストリスト*/
ul.textlist {
	margin-left:40px;
	list-style: disc;
}
ul.textlist li {
	line-height:160%;
	margin-bottom:5px;
}

ul.textlist, x:-moz-any-link {
	text-indent:-0.5em;
}
span.yellow_mark {
	background-color:#ffff00;
}




	




	

/*日程表pdfファイルへのリンクボタン*/
.btn_schedule {
	display:block;
	width:157px;
	height:37px;
	background:url(../img/pdfBtn.gif) no-repeat;
	margin:15px auto;
	text-indent:-9999px;
}

.btn-style01{
	justify-content:center;
}
.btn-style01.gray a{
	background:#7F7F7F;
}
.btn-style01 a{
	display:flex;
	justify-content:center;
	align-items:center;
	background:#990033;
	border-radius:7px;
	height:50px;
	color:#ffffff;
	text-decoration:none;
	font-size:16px;
	font-weight:bold;
	box-shadow:0px 3px 3px #ccc;
}
.btn-style01 a:hover{
	background:#fff;
	color:#990033;
	height:48px;
	border:1px solid #990033;
	box-shadow: none;
	cursor:pointer;
}
.btn-style01.gray a:hover{
	background:#7F7F7F;
	color:#ffffff;
	height:50px;
	border:none;
	box-shadow:0px 3px 3px #ccc;
	cursor:default;
}
.sanka{
	border:3px double #ff0000;
	padding:40px 0;
}

/*お問い合わせ*/
.contact {
	width:550px;
	/*height:130px;*/
	border:solid #aaaaaa 1px;
	margin:30px auto 10px;
	text-align:center;
	position:relative;
}

p.jimukyoku {
	display:block;
	width:550px;
	background-color:#aaaaaa;
	color:#ffffff;
	font-size:1.1em;	
	margin:0;
	text-align:center;
}
p.address {
	margin-top:15px;
	margin-bottom:10px;
}




.dl_period {
	margin:20px 0;
}
	.dl_period dt {
		clear:left;
		float:left;
		font-size:1.1em;
		font-weight:bold;
		color:#f03f6c;
	}
	.dl_period dd {
		padding-left:5.0em;
		font-size:1.2em;
		font-weight:bold;
		margin-bottom:0.5em;
	}

.double_line {
	background:url(../img/double_line.gif) left center repeat-x;
}




.breakingNews {
	border: 4px double #ff0000;
	padding: 20px 30px;
	margin-top: 30px;
}
.breakingNews h3 {
	margin: 0;
	padding: 0;
	margin-bottom: 15px;
}


/*オンライン参加*/

.tbl_wrapper {
	width: 100%;
	text-align: center;
}
.tbl_wrapper td {
	box-sizing: border-box;
	width: 50%;
	padding: 10px;
}

.ul_btn_css3 {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
	.ul_btn_css3 li {
		font-size: 16px;
		text-align: center;
		margin-bottom: 40px;
		list-style: none;
		display: inline;
		margin: 0 20px;
	}
		.ul_btn_css3 li a {
			display: inline-block;
			width: 220px;
			padding: 15px 20px;
			color: #fff;
			font-weight: bold;
			text-decoration: none;
			background: #0066cc; 
			-webkit-box-shadow: 0 0 5px 0 #999;
			-moz-box-shadow: 0 0 5px 0 #999;
			box-shadow: 0 0 5px 0 #999; 
			
			border-radius: 6px;
			-webkit-border-radius: 6px;
			-moz-border-radius: 6px;
		}
		.ul_btn_css3 li a:hover {
			filter:alpha(opacity=75);
			-moz-opacity:0.75;
			-khtml-opacity: 0.75;
			opacity:0.75;
		}
		
		.ul_btn_css3 li.noactive a {
			background:#aaa;
			pointer-events: none;
		}