@charset "UTF-8";
/**\*/
@import url("style-base.css");
@import url("style-default.css");

.pan{
	color:#484848;
	margin-top:40px;
	overflow:hidden;
	padding-bottom:12px;
	}
	
.header_news{
	width:897px;
	overflow:hidden;
	background:url(../../img/news/header_bg0.gif) left top no-repeat;
	}
	
.header_system{
	width:897px;
	overflow:hidden;
	background:url(../../img/system/header_bg0.gif) left top no-repeat;
	}
	
.header_about{
	width:897px;
	overflow:hidden;
	background:url(../../img/about/header_bg0.gif) left top no-repeat;
	}
	

/* news */
.news{
	width:585px;
	margin-left:20px;
	overflow:hidden;
	}

h2{
	padding-top:35px;
	padding-left:75px;
	}

h3{
	padding-left:38px;
	line-height:42px;
	height:42px;
	font-size:18px;
	color:#8D5001;
	font-weight:bold;
	background:url(../../img/news/h3.gif) left top no-repeat;
	}

h4{
	padding-left:10px;
	line-height:29px;
	height:29px;
	font-size:16px;
	color:#8D5001;
	font-weight:bold;
	background:url(../../img/news/h4.gif) left top no-repeat;
	}
	
h4 a:link {
	color: #8D5001;
	text-decoration:none;
}
h4 a:visited {
	color: #8D5001;
	text-decoration:none;
}
h4 a:hover {
	color: #8D5001;
	text-decoration:underline;
}
h4 a:active {
	color: #8D5001;
	text-decoration:none;
}
	
.news01{
	width:585px;
	overflow:hidden;
	}
	
.date{
	text-align:right;
	font-size:12px;
	color:#484848;
	}
	
.list{
	padding-top:15px;
	padding-bottom:15px;
	line-height:22px;
	font-size:12px;
	color:#484848;
	}

.pag{
	text-align:right;
	padding-top:30px;
	padding-bottom:10px;
	padding-right:25px;
	}

.news02{
	 
	 padding-top:10px;
	 height:33px;
}

.news02_sty01{
	width:230px;
	margin-left:355px;
	text-align:right;
	background:url(../../img/system/pdf.gif) left no-repeat;
	}
	
.news02_sty02{
	width:145px;
	margin-left:440px;
	text-align:right;
	background:url(../../img/system/pdf.gif) left no-repeat;
	}
	
.news02_sty03{
	width:130px;
	margin-left:455px;
	text-align:right;
	background:url(../../img/system/pdf.gif) left no-repeat;
	}

.news02 a:link {
	color: #BC7B09;
	text-decoration:underline;
}
.news02 a:visited {
	color: #BC7B09;
	text-decoration:underline;
}
.news02 a:hover {
	color: #BC7B09;
	text-decoration:none;
}
.news02 a:active {
	color: #BC7B09;
	text-decoration:underline;
}

/* system */

.system{
	width:585px;
	overflow:hidden;
	font-size:12px;
	color:#BC7B09;
	}
	
.system dl{
	width:inherit;
	padding-left:350px;
	overflow:hidden;
	margin-bottom:10px;
	}
	
.system dl dt{
	background:url(../../img/system/icon.gif) left no-repeat;
	float:left;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	clear: none;
	}
	
.system dl dd{
	background:url(../../img/system/pdf.gif) left no-repeat;
	padding-top:8px;
	padding-bottom:10px;
	padding-left:35px;
	float:left;
	}
		
.system dl dd2{
	background:url(../../img/system/word.gif) left no-repeat;
	padding-top:8px;
	padding-bottom:10px;
	padding-left:35px;
	float:left;
	}
	
.system dl dd3{
	background:url(../../img/system/xls.gif) left no-repeat;
	padding-top:8px;
	padding-bottom:10px;
	padding-left:35px;
	float:left;
	}
	
.system dl dt a:link {
	color: #BC7B09;
	text-decoration:underline;
}
.system dl dt a:visited {
	color: #BC7B09;
	text-decoration:underline;
}
.system dl dt a:hover {
	color: #BC7B09;
	text-decoration:none;
}
.system dl dt a:active {
	color: #BC7B09;
	text-decoration:underline;
}


.system01{
	width:585px;
	overflow:hidden;
	font-size:12px;
	color:#BC7B09;
	}
	
.system01 dl{
	width:290px;
	text-align:right;
	padding-left:295px;
	overflow:hidden;
	margin-bottom:10px;
	}
	
.system01 dl dt{
	background:url(../../img/system/icon.gif) left no-repeat;
	padding:8px 5px 10px 12px;
	float:left;
	}
	
.system01 dl dd{
	background:url(../../img/system/pdf.gif) left no-repeat;
	padding-top:8px;
	padding-bottom:10px;
	padding-left:35px;
	float:left;
	}

.system01 dl dd.word{
	background:url(../../img/system/doc.gif) left no-repeat;
	padding-top:8px;
	padding-bottom:10px;
	padding-left:35px;
	float:left;
}

.system01 dl dd.xls{
	background:url(../../img/system/xls.gif) left no-repeat;
	padding-top:8px;
	padding-bottom:10px;
	padding-left:35px;
	float:left;
}
	
.system01 dl dt a:link {
	color: #BC7B09;
	text-decoration:underline;
}
.system01 dl dt a:visited {
	color: #BC7B09;
	text-decoration:underline;
}
.system01 dl dt a:hover {
	color: #BC7B09;
	text-decoration:none;
}
.system01 dl dt a:active {
	color: #BC7B09;
	text-decoration:underline;
}

.system02{
	width:585px;
	overflow:hidden;
	font-size:12px;
	color:#BC7B09;
	}
	
.system02 dl{
	width:205px;
	text-align:right;
	padding-left:380px;
	overflow:hidden;
	margin-bottom:10px;
	}
	
.system02 dl dt{
	background:url(../../img/system/icon.gif) left no-repeat;
	padding:8px 5px 10px 12px;
	float:left;
	}
	
.system02 dl dd{
	background:url(../../img/system/pdf.gif) left no-repeat;
	padding-top:8px;
	padding-bottom:10px;
	padding-left:35px;
	float:left;
	}
	
.system02 dl dt a:link {
	color: #BC7B09;
	text-decoration:underline;
}
.system02 dl dt a:visited {
	color: #BC7B09;
	text-decoration:underline;
}
.system02 dl dt a:hover {
	color: #BC7B09;
	text-decoration:none;
}
.system02 dl dt a:active {
	color: #BC7B09;
	text-decoration:underline;
}

.system03{
	width:585px;
	overflow:hidden;
	font-size:12px;
	color:#BC7B09;
	}
	
.system03 dl{
	width:188px;
	text-align:right;
	padding-left:398px;
	overflow:hidden;
	margin-bottom:10px;
	}
	
.system03 dl dt{
	background:url(../../img/system/icon.gif) left no-repeat;
	padding:8px 5px 10px 12px;
	float:left;
	}
	
.system03 dl dd{
	background:url(../../img/system/pdf.gif) left no-repeat;
	padding-top:8px;
	padding-bottom:10px;
	padding-left:35px;
	float:left;
	}
	
.system03 dl dt a:link {
	color: #BC7B09;
	text-decoration:underline;
}
.system03 dl dt a:visited {
	color: #BC7B09;
	text-decoration:underline;
}
.system03 dl dt a:hover {
	color: #BC7B09;
	text-decoration:none;
}
.system03 dl dt a:active {
	color: #BC7B09;
	text-decoration:underline;
}

.system04{
	width:585px;
	overflow:hidden;
	font-size:12px;
	color:#BC7B09;
	}
	
.system04 dl{
	width:175px;
	text-align:right;
	padding-left:420px;
	overflow:hidden;
	margin-bottom:10px;
	}
	
.system04 dl dt{
	background:url(../../img/system/icon.gif) left no-repeat;
	padding:8px 5px 10px 12px;
	float:left;
	}
	
.system04 dl dd{
	background:url(../../img/system/pdf.gif) left no-repeat;
	padding-top:8px;
	padding-bottom:10px;
	padding-left:35px;
	float:left;
	}
	
.system04 dl dt a:link {
	color: #BC7B09;
	text-decoration:underline;
}
.system04 dl dt a:visited {
	color: #BC7B09;
	text-decoration:underline;
}
.system04 dl dt a:hover {
	color: #BC7B09;
	text-decoration:none;
}
.system04 dl dt a:active {
	color: #BC7B09;
	text-decoration:underline;
}


/* about */
.about{
	font-size:20px;
	font-weight:bold;
	color:#8D5001;
	text-align:center;
	padding-top:150px;
	padding-bottom:250px;
	}
	
.about_txt01{ 
   font-size:18px;
   line-height:22px;
   padding-bottom:10px;
}

.about_txt02{ 
   font-size:16px;
   line-height:22px;
   padding-bottom:10px;
}

.about_txt03{ 
   font-size:14px;
   line-height:22px;
   padding-bottom:10px;
}

.about_txt04{
	line-height:22px;
	padding-bottom:10px;
	padding-top:10px;
	}
	
.about_txt04 span{ padding-bottom:10px;}
.news table{
	overflow:hidden;
	border-top-width: 2px;
	border-right-width: 2px;
	border-top-style: none;
	border-right-style: none;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
}
.news table th{ background-color:#FFE5B7; border-bottom:2px solid #fff; border-left:2px solid #fff; padding:5px;}
.news table td{
	padding:5px;
	line-height:20px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-bottom-style: none;
	border-left-style: none;
	border-top-style: none;
	border-right-style: none;
	color: #000;
}

/* training */
.training{
	width:585px;
	margin-left:20px;
	overflow:hidden;
	}
.training_txt01{ font-size:14px; padding-bottom:10px;}
.training_txt02{ line-height:22px; padding-bottom:10px; padding-top:15px; }
.training_txt03{ line-height:22px; padding-bottom:10px;}
.p_l20{ padding-left:20px !important;}

.training{ width:585px; overflow:hidden; padding-top:10px;}
.training ul li{ float:left; padding-right:30px;}
.training01{ width:570px; background:url(../../img/training/training01.jpg) right top no-repeat; padding-top:60px;}
.training01 table{ line-height:26px; margin-bottom:30px;}
.training01 table th{ padding-left:30px; text-align:left; font-weight:normal;}
.training_txt04{ font-size:14px; font-weight:bold;}
.training_txt05{ padding-left:50px;}






/*journal */
.journallist{
	width:585px;
	overflow:hidden;
	margin-bottom: 30px;
}

.journallist_inner{
	padding:20px 0;
}
.journallist ul{
	display: flex;
	justify-content: center;
}
.journallist ul + p{
	margin-top: 20px;
}
.journallist p + ul{
	margin-top: 20px;
}
.journallist li{
	width:200px;
	padding:0px 10px;
	box-sizing: border-box;
}

.journallist li a{
	display: block;
	background: #f19d2f;
	padding:10px 20px;
	line-height: 1.3;
	color:#fff;
	border-radius: 5px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	transition: 0.3s all;
}
.journallist li a:hover{
	opacity: 0.8;
}












.from-50 {
	width: 50px;
}
.from-100 {
	width: 100px;
}
.from-200 {
	width: 200px;
}
.from-300 {
	width: 300px;
}
.from-400 {
	width: 400px;
	height:50px;
	margin: 10px 0px 10px 0px;
}
.header_news #contents #contents_r .news .news01 .news01 .system p strong {
	color: #484848;
}