<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">*, *:before, *:after {
padding: 0;
margin: 0;
box-sizing: border-box;
}
body {
    font-family: -apple-system, blinkMacSystemFont, "Helvetica Neue", "Segoe UI", YuGothicM, YuGothic, Meiryo, sans-serif;
}

ol, ul {
list-style: none;
}

a {
text-decoration: none;
color: inherit;
}

#wrap{
width: 100%;.
text-align: center;
}

#top{
width: 100%;
height: 130px;
background-image: url("../image/header_bg.jpg");
background-repeat: repeat-x;
}

#maincontents{
margin: 60px auto;
width: 1000px;
}

table{
  width: 100%;
}

table , td, th{
	border: 1px solid #000000;
	border-collapse: collapse;
}

ul.topnav {
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style-type: none;
	background-color: #000080;
}
ul.topnav li {
	float: left;
}
ul.topnav li a {
	display: block;
	padding: 14px 16px;
	text-align: center;
	text-decoration: none;
	color: white;
}
ul.topnav li a:hover:not(.active) {
	background-color: #a9bce2;
}
ul.topnav li a.active {
	background-color: #da3c41;
}
ul.topnav li.right {
	float: right;
}
@media screen and (max-width: 480px) {
	ul.topnav li.right, ul.topnav li {
		float: none;
	}
}











.hyouue{
  border:solid 1px #000000;
  color:white; /*文字色*/
  background-color: #696969; /*背景色*/
}

.hyouue2{
  border:solid 1px #000000;
  color:white; /*文字色*/
  background-color: #4682b4; /*背景色*/
}

.hyou1{
  border:solid 1px #000000;
  color:black; /*文字色*/
  background-color: #ffc0cb; /*背景色*/
}

.hyou2{
  border:solid 1px #000000;
  color:black; /*文字色*/
  background-color: #87cefa; /*背景色*/
}

.hyou3{
  border:solid 1px #000000;
  color:black; /*文字色*/
  background-color: #ffdab9; /*背景色*/
}

.hyou4{
  border:solid 1px #000000;
  color:black; /*文字色*/
  background-color: #ffd700; /*背景色*/
}

.hyou5{
  border:solid 1px #000000;
  color:black; /*文字色*/
  background-color: #ffff00; /*背景色*/
}

.hyou6{
  border:solid 1px #000000;
  color:black; /*文字色*/
  background-color: #008000; /*背景色*/
}

.hyou{
  border:solid 1px #000000;
  color: #ff1493; /*文字色*/
  background-color: #ffffff; /*背景色*/
}




.odd{
  border:solid 1px #aaaaaa;
  color:black; /*文字色*/
  background-color: #b0e0e6; /*背景色*/
}

.even{
  border:solid 1px #aaaaaa;
  color:black; /*文字色*/
  background-color: #ffffff6; /*背景色*/
}

td{
  border:solid 1px #000000;
}





h1{
color: #fff;
font-size:12px;
text-align: center;
margin-top: -5px;
}

.pankzbox {
    width: 900%
    height: auto;
    padding: 10px 0px;
    overflow: hidden;
}

.titlea{
    width: AUTO;
    border-width: 0px;
    padding: 8px 20px 8px 20px;
    border-style: solid;
    border-color: #380202;
    background-color: #DCDCDC;
    text-align: left;
    margin: 0px 0 0 0;
}

a.cp_btn {
    display: inline-block;
	width: 30%;
	padding: 0.8em;
	text-align: center;
	text-decoration: none;
	color: #000000;
	border: 2px solid #999999;
	border-radius: 3px;
	transition: .4s;
}
a.cp_btn:hover {
	background: #808080;
	color: #fff;
}

.btnarea {
    width: 100%;
    margin: 40px 10px;
    text-align:center    
}



.rightbox {
    width: 100%;
    height: auto;
    background: #FFF;
    border: 1px solid #f1f1f1;
    padding: 0px 0px 0px 50px;
    margin: 30px 0 30px 0;
}

.cleadbox {
    width: 80%;
    height: auto;
    padding: 30px 20px 30px 20px;
    overflow: hidden;
    color: #444444;
}





.newsAllbox {
    width: 100%;
    height: auto;
    padding: 10px 20px 60px 20px;
    overflow: hidden;
    color: #444444;
}

.newsinbox {
    width: 100%;
    height: auto;
    padding: 0px 0px 60px 0px;
    overflow: hidden;
    color: #444444;
}

.news_datebox {
    width: 100%;
    height: auto;
    padding: 0px 0px 10px 0px;
}

.news_titlebox {
    width: 100%;
    height: auto;
    padding: 0px 0px 20px 0px;
}

.news_dotline {
    width: 100%;
    background-position: left bottom;
    border:1px dotted #000000;}






.topconLeft{
float:center;
margin: 0px 0 0 0;
width: 1000px;
}
.topicsHead{
background-color: rgba(45, 64, 89, 0.06);
color:#333333;
padding: 30px 10px 30px 10px;
}
.topics{
width: 100%;
}
.topicsin{
padding: 10px;
margin: 10px 0 10px 0px;
width: 200px;
height: 300px;
background-color: #ffffff;
float:left;
}

.topicsin img{
padding: 0px;
width: 180px;
height: 180px;
object-fit: cover;
}

.topicstitle{
color: #000;
font-size:14px;
}

.topicssubtitle{
height: 18px;
padding-left: 10px;
width: 80px;
color: #fff;
font-size:12px;
background-color: #f3981d;
border-radius: 10px;
margin: 5px;
}

.topicsdate{
height: 15px;
color: #626063;
font-size:12px;
}


.fh5co-grey-bg-section {
  background: #f1f1f1;
  margin-top: -20px;
}

#fh5co-blog-section {
  padding-bottom: 1em;
}

.gray-box {
    clear: both;
    background-color: #f1f1f1;
    padding: 20px 0;
    margin: 0px 0;
}

.topconCenter {
    width: 1000px;
    margin: 0 auto;
}

.topconCenterRogo {
    float:center;
    margin: 0 auto;
}

.topconUnder{
    width: 1000px;
    float:center;
    margin-bottom: 10px;
}

.topconRight{
width: 243px;
float:right;
margin-bottom: 30px;
}

.cl{
clear:both;
}

.if{
width:650px ;
}

.cp_cont {
height: 25px;
}

/* menu */
.cp_offcm03 {
position: relative;
z-index: 5;
top: 0;
left: 0;
overflow: auto;
width: 100%;
height: 50px;
padding-top: 0;
-webkit-transition: transform 0.3s ease-in;
transition: transform 0.3s ease-in;
text-align: center;
color: #000;
background-color: #fff;
}

.cp_offcm03 nav,
.cp_offcm03 ul {
height: 100%;
}

.cp_offcm03 li {
display: inline-block;
margin-right: -6px;
border: none;
}
.cp_offcm03 a {
display: block;
padding: 12px 45px;
-webkit-transition: background-color .3s ease-in;
transition: background-color .3s ease-in;
}
.cp_offcm03 a:hover {
background-color: #E6E6E6;
}
/* menu toggle */
#cp_toggle03 {
display: none;
}
#cp_toggle03:checked ~ .cp_offcm03 {
-webkit-transform: translateX(0);
transform: translateX(0);
}
#cp_toggle03:checked ~ .cp_container {
-webkit-transform: translateX(0);
transform: translateX(0);
}
.cp_mobilebar {
display: none;
}
/* content */
.cp_container {
margin: 5px auto;
text-align: center;
top: 0;
padding: 35px auto;
-webkit-transition: transform .3s ease-in;
transition: transform .3s ease-in;
margin-bottom:40px;
}
.cp_content {
margin: 0 auto;
padding: 20px;
height: 100px;
text-align: center;
}

#footer{
width: 100%;
height: 259px;
padding: 5px 20px 0px 20px;
background-image: url("../image/footer_bg.jpg");
background-repeat: repeat-x;
color: #000;
text-align: center;
font-size:12px;
}
.footer_ins{
margin: 0 auto;
height: 250px;
font-size:12px;
}
.footer_ins img{
margin: 5px auto;
}
.footCopy{
margin: 0 auto;
padding: 20px;
}
#footer ul{
margin: 80px auto;
   width:800px;
   padding:0px;
}

#footer ul li{
   width:25%;
   height:25px;
   float:left;
   list-style-type:none;
   border:0px solid #708090;
   box-sizing: border-box;
}

#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 20px;
  bottom: 20px;
  background: #000;
  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: FontAwesome;
  content: '\f106';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
.mainphotobox{
	width:635px;
	height:auto;
	overflow:hidden;
	padding-bottom:20px;
}
.fcaboutmain{
	margin: 5px auto;
	width:635px;
}
.pankzbox{
margin: 40px auto 10px auto;
	width:900px;
	text-align: left;
	font-size:12px;
}
.pankzbox a{
  text-decoration: underline;
  text-decoration-color: #000;
}
.fclinktop{
margin: 30px auto;
	width:900px;
}
.fclinklist{
margin: 0 auto;
	width:900px;
}
.fclinklist ul{
margin: 5px auto;
 padding: 0;
 text-align: center;
}
.fclinklist ul li{
 display: inline-block;
 position: relative;
 padding:2px;
 width:295px;
}
.fclinklist ul li a::after,
.fclinklist ul li a::before {
 display: block;
 content: ”;
 position: absolute;
}
.fclinklist ul li a::after {
 top: 10%;
 right: 0;
 width: 13px;
 height: 13px;
 background-color: #ccc;
 border-radius: 100%;
}
.fclinklist ul li a.current::after,
.fclinklist ul li a:hover:after{
 background-color: #3498db;
}
.fclinklist ul li a::before {
 z-index: 2;
 top: 40%;
 right: 5px;
 width: 5px;
 height: 5px;
 border-right: 1px solid #fff;
 border-bottom: 1px solid #fff;
 -webkit-transform: rotate(-45deg);
 transform: rotate(-45deg);
}
.fclinklist ul li a{
 text-decoration: none;
 color:#555;
 display: inline-block;
 width: 100%;
}
.fclinklist ul li a.current{
 color:#555;
}
.fclinklist ul li a:hover{
 color:#aaa;
}









@media screen and (max-width: 1000px) {

img {
max-width: 100%;
height: auto;
}

.pankzbox{
margin: 10px auto 10px auto;
	width:100%;
	text-align: left;
	font-size:12px;
}
.fclinktop{
margin: 10px 10px;
	width:100%;
}
.fclinklist{
margin: 0 auto;
width: 100%;
}
.fclinklist ul li{
 display: inline-block;
 position: relative;
 padding-right: 15px;
 padding-top: 8px;
 margin-right: 10px;
 margin-bottom: 5px;
 width:90%;
 height:40px;
 background-color: #e6e6fa;
 border-radius: 3px;
}
.fcaboutmain{
width: 100%;
}
.fcaboutmain img{
width: 100%;
}
#top{
width: 100%;
height: 149px;
background-image: url("../image/header_bg.jpg");
background-repeat: repeat-x;
}

#maincontents{
margin: 5px auto;
width: 100%;
}
.topconLeft{
width: 100%;
margin-bottom: 0px;
}
.topconUnder{
width: 100%;
}

.topconUnder img{
margin: 0 auto;
width: 100%;
  text-align: center;
    height:auto;
    max-width:100%;
    max-height:100%;
}

.gray-box {
    clear: both;
    background-color: #f1f1f1;
    padding: 50px 0;
    margin: 0px 0;
}

.topconCenter {
    width: 100%;
}

.topconCenter img{
margin: 0 auto;
width: 100%;
  text-align: center;
    height:auto;
    max-width:100%;
    max-height:100%;
}

.topconRight{
width: 100%;
}
.topconRight img{
margin: 0 auto;
width: 100%;
  text-align: center;
    height:auto;
    max-width:100%;
    max-height:100%;
}
.if{
    width:100%;
    height:100px;
}
.topicsin{
padding: 10px;
margin: 10px 0 10px 0px;
width: 100%;
height: 350px;
background-color: #e6e6fa;
border-radius: 10px;
float:left;
}
.topicsin img{
padding: 0px;
width: 95%;
height: 250px;
object-fit: cover;
}
/* menu */
.cp_offcm03 {
position: fixed;
left: -250px;
overflow-y: hidden;
width: 250px;
height: 100%;
padding-top: 60px;
color: #ffffff;
background-color: #039be5;
}
.cp_offcm03 nav {
background: #29B6F6;
}
.cp_offcm03 li {
display: block;
margin-right: 0;
border-bottom: 1px solid #ffffff;
}
.cp_offcm03 a {
padding: 20px;
}
/* menu toggle */
.cp_mobilebar {
display: block;
z-index: 10;
position: fixed;
top: 0;
left: 0;
padding: 0 25px;
width: 100%;
height: 60px;
background-image: url("../images/header_bg.jpg")
background-repeat: repeat-x;
}
.cp_menuicon {
display: block;
position: relative;
width: 25px;
height: 100%;
cursor: pointer;
-webkit-transition: transform .3s ease-in;
transition: transform .3s ease-in;
}
.cp_menuicon &gt; span {
display: block;
position: absolute;
top: 55%;
margin-top: -0.3em;
width: 100%;
height: 0.2em;
border-radius: 1px;
background-color: #eeeeee;
-webkit-transition: transform .3s ease;
transition: transform .3s ease;
}
.cp_menuicon &gt; span:before,
.cp_menuicon &gt; span:after {
content: '';
position: absolute;
width: 100%;
height: 100%;
border-radius: 1px;
background-color: #eeeeee;
-webkit-transition: transform .3s ease-in;
transition: transform .3s ease-in;
}
.cp_menuicon &gt; span:before {
-webkit-transform: translateY(-0.6em);
transform: translateY(-0.6em);
}
.cp_menuicon &gt; span:after {
-webkit-transform: translateY(0.6em);
transform: translateY(0.6em);
}
#cp_toggle03:checked + .cp_mobilebar .cp_menuicon {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
#cp_toggle03:checked + .cp_mobilebar span:before,
#cp_toggle03:checked + .cp_mobilebar span:after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
#cp_toggle03:checked ~ .cp_offcm03 {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
#cp_toggle03:checked ~ .cp_container {
-webkit-transform: translateX(250px);
transform: translateX(250px);
}
.mainphotobox{
	width:635px;
	height:auto;
	overflow:hidden;
	padding-bottom:20px;
}
/* content */
.cp_container {
top: 60px;
width:100%;
}
#footer ul{
   width:100%;
   margin: 3px auto;
   padding:0px;
}

#footer ul li{
   width:50%;
   height:23px;
   float:left;
   list-style-type:none;
   border:1px solid #001e43;
   box-sizing: border-box;
}

#footer ul li:nth-child(even){
}

#footer ul li:last-child{
   width:100%;
}

#footer ul li a{
   display:block;
   padding:2px 0px 13px 0px;
   color:#000;
}
.slider img{
   width:100%;
}
</pre></body></html>