@charset "utf-8";

.mainimg {
	padding-top: 65px;
}
.fade-img {
	position: relative;
	width: 100%;
	max-width: 896px;
	margin: 0 auto;
	text-align: center;
}
.fade-img:before {
	content: "";
	display: block;
	padding-top: 77%; /* 780:600 */
}
.fade-img img {
	position: absolute;
	width: 100%;
	left:0;
	top:0;
}



/* ixtopbox
/* -------------------------------------------------- */

.ixtopbox {
	width: 98%;
    	margin: 10px auto 0;
}
.ixtopbox ul {
	position: relative;
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
		-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
.ixtopbox ul li {
	width: 48%;
    	margin: 0 1% 10px;
	padding: 11px 0;
	background: #fff url(../../common/images/bg_ixctg.png) repeat 0 0;
	background-size: 10px 10px;
}
.ixtopbox ul li p {
	width: 96%;
    	margin: 0 auto;
	padding: 3px;
}
.ixtopbox ul li.ixctg1 p {
	background: #a2d13d;
}
.ixtopbox ul li.ixctg2 p {
	background: #d1833e;
}
.ixtopbox ul li.ixctg3 p {
	background: #f6435c;
}
.ixtopbox ul li.ixctg4 p {
	background: #437ddd;
}

.ixtopbox ul li p img {
	width: 100%;
	height: auto;
}
.ixtopbox li dl {
	width: 96%;
    	margin: 0 auto;
	padding: 10px 0;
	line-height: 1.4em;
	background: url(../../common/images/bg_white.png) repeat;
}
.ixtopbox li dt {
	padding: 0 0 0 28px;
	font-size: 1.00em;
	color: #111;
	font-weight: bold;
	background: url(../../common/images/icon_arrow1.png) no-repeat 6px 0px;
	text-decoration: none;
}
.ixtopbox li dd {
	padding: 6px 8px 0;
	font-size: 0.9em;
	color: #111;
}
.ixtopbox li a,
.ixtopbox li a dt,
.ixtopbox li a dd {
	text-decoration: none;
}



/* n_ixbnrbox
/* -------------------------------------------------- */

.n_ixbnrbox {
	width: 98%;
    	margin: 0 auto 50px;
}
.n_ixbnrbox ul {
	position: relative;
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
		-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
.n_ixbnrbox ul li {
	width: 48%;
    	margin: 0 1% 10px;
	padding: 4px 0;
}
.n_ixbnrbox ul li img {
	width: 100%;
	height: auto;
}


/* ixinfor
/* -------------------------------------------------- */

.ixinforsub {
	width: 98%;
	height: 30px;
    	margin: 0 auto 10px;
	text-align: right;
 	background: url(../../common/images/ix_inforsub.png) no-repeat;
}

.ixinforbox {
	width: 96%;
	margin: 0 auto 10px;
	padding: 10px 0;
	background: url(../../common/images/bg_ixinfor.gif) repeat-x;
}
.ixinforbox .ixinfor {
	width: 94%;
	margin: 0 auto;
	padding: 10px 0;
}
.ixinforbox .ixinfor table {
	width: 100%;
	margin: 0 auto;
}
.ixinforbox .ixinfor table th,
.ixinforbox .ixinfor table td {
	vertical-align: top;
	color: #111;
	line-height: 1.3em;
}
.ixinforbox .ixinfor table th {
	width: 130px;
	padding: 4px 0 0;
	text-align: center;
}
.ixinforbox .ixinfor table td {
	width: auto;
	padding: 3px 0 6px;
}
.ixinforbox .ixinfor table th.ixdate {
	width: 70px;
	font-weight: normal;
	text-align: left;
}
.ixinforbox .ixinfor table td a {
	color: #111;
	text-decoration: underline;
}
.ixinforbox .ixinfor table td a:hover {
	color: #00a263;
	text-decoration: none;
}
.morebtnbox {
	width: 96%;
	margin: 0 auto 20px;
	text-align: right;
}
.morebtnbox .listbtn {
	padding: 4px 30px;
	background: #229b60;
	text-align: center;
}
.morebtnbox .listbtn span {
	font-size: 1.0em;
	color: #fff;
}
.morebtnbox .listbtn a {
	display: block;
}


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


.faddbox h2 {
	padding: 40px 0 8px;
	font-size: 1.2em;
	color: #fff !important;
}

}

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


/* n_ixbnrbox
/* -------------------------------------------------- */

.n_ixbnrbox ul {
	display: block;
	width: 96%;
    	margin: 0 auto;
}
.n_ixbnrbox ul li {
	display: block;
	width: 100%;
    	margin: 0 0 4px;
}


/* ixinfor
/* -------------------------------------------------- */

.ixinforbox {
	width: 96%;
	margin: 0 auto 10px;
	padding: 10px 0;
	background: #f9f9f9;
	border-top: solid 1px #eee;
}
.ixinforbox .ixinfor {
	width: 94%;
	margin: 0 auto;
	padding: 10px 0;
}
.ixinforbox .ixinfor table {
	width: 100%;
	margin: 0 auto;
}
.ixinforbox .ixinfor table th,
.ixinforbox .ixinfor table td {
	vertical-align: top;
	color: #111;
	line-height: 1.3em;
	text-align: left;
}
.ixinforbox .ixinfor table th {
	display: inline-block;
	width: auto%;
	padding: 4px 0 0;
}
.ixinforbox .ixinfor table td {
	display: block;
	width: 100%;
	padding: 3px 0 16px;
}
.ixinforbox .ixinfor table th.ixdate {
	width: 80px;
}
.ixinforbox .ixinfor table td a {
	color: #111;
	text-decoration: underline;
}
.ixinforbox .ixinfor table td a:hover {
	color: #00a263;
	text-decoration: none;
}




}

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


/* ixtopbox
/* -------------------------------------------------- */
.ixtopbox ul {
	position: relative;
	width: 96%;
    	margin: 0 auto;
	display: block;
}
.ixtopbox ul li {
	display: block;
	width: 100%;
    	margin: 0 0 10px;
	padding: 11px 0;
	background: #fff url(../../common/images/bg_ixctg.png) repeat 0 0;
	background-size: 10px 10px;
}


}