@charset "utf-8";

.mainimg {
    position: relative;
}
p.tpimg1, p.tpimg2 {
    position: absolute;
    opacity:0;
}
p.tpimg1 {
    right: 0;
    left: 0;
    margin: auto;
    top: 18%;
    max-width: 278px;
	transition: 3s;
	-webkit-transition: 3s;
}
p.tpimg2 {
    margin: auto;
    text-align: center;
    left: 0;
    right: 0;
    bottom: 29%;
    max-width: 330px;
    width: 100%;
	transition: 3.2s;
	-webkit-transition: 3.2s;
}
p.tpimg3 {
    max-width: 1198px;
    margin: 50px auto 50px;
}
p.tpimg1 img,p.tpimg2 img {
    width: 100%;
}
.tpimg1.active {
　-webkit-transform: rotate(1deg) scale(1.2);
　transform: rotate(1deg) scale(1.2);
}
.tpimg2.active {
　-webkit-transform: rotate(1deg) scale(1.2);
　transform: rotate(1deg) scale(1.2);
}
/*
.slick-slide {
    width: 288px;
    max-width: 288px;
}*/
div#slide-div img {
    width: 100%;
}
/*
div#slide-div {
    width: 1200px;
    margin: 0 auto;
}
*/
side {
    float: left;
}
.centerBox {
    float: left;
    margin:0 20px;
    max-width:640px;
    width: 100%;
}
.rightBox {
    float: left;
    max-width: 260px;
    width: 100%;
}
p.sideimg img {
    width: 100%;
}
p.sideimg {
    margin: 0 auto 10px;
    max-width: 260px;
}

.news_box span a {
    color: #4681BE;
    font-size: 14px;
    float: right;
}
.news_box h1 {
    color: #4681BE;
    font-size: 24px;
    font-weight: bold;
    border-bottom: solid #4681BE 4px;
    padding-bottom: 10px;
	text-indent: 20px;
}
.newslist {
    margin: 10px auto;
}
.newsContents .subjects {
    color: #595252;
    font-size: 16px;
}
.newsContents .date {
    color: #4680BE;
    font-size: 14px;
    margin-bottom:10px;
}
.newsContents {
    border-bottom: 1px #B0B0B0 dashed;
    padding: 15px 0;
}
ul.rightMenu {
    width: 100%;
}
ul.rightMenu li {
    border: solid 2px #4681BE;
    padding: 5px;
    margin-bottom: 10px;
}
ul.rightMenu li a {
    display: inline-block;
    border-left: 6px solid #4681BE;
    padding: 0px;
    vertical-align: middle;
    width: 100%;
	padding: 15px 0;
}
.topRightMenu {
    text-align: center;
    width: 100%;
}
.topRightMenu p {
    margin: 0 auto 5px;
    color: #333333;
    font-size: 22px;
    font-weight: bold;
}
.topRightMenu span {
    font-size: 16px;
}
.slick-initialized .slick-slide div {
    box-shadow: 4px 4px 4px 0px #A7A7A7;
    margin: 0 0 4px;
}
@media (max-width: 1499px) {
	p.tpimg1 {
	    max-width: 24%;
	}
	p.tpimg2 {
	    max-width: 30%;
		bottom: 27%;
	}
}
@media (max-width: 767px) {
	p.tpimg1 {
	    max-width: 100%;
	    width: 90%;
	}
	p.tpimg1 {
	    top: 15%;
	}
	p.tpimg3 {
	    margin: 25px auto;
	    width: 90%;
	}
	.topMain {
	    margin: 25px auto 40px;
	}
	side {
	    float: none;
	}
	.left {
	    width: 90%;
	    margin: 0 auto 10%;
	}
	p.sideimg {
	    margin: 0 auto 20px;
	    width:100%;
	        max-width: 100%;
	}
	.centerBox {
	    float: none;
	    margin: 0 auto 10%;
	    width: 90%;
	}
	.rightBox {
	    float: none;
	    max-width: 100%;
	    width: 90%;
	    margin: 0 auto 10%;
	}
	ul.rightMenu li {
	    margin-bottom: 5%;
	    padding: 3%;
	}
}