@charset "UTF-8";
/* CSS Document */

/*
b.banner
*/
section.banner.decorative_materials {
	width: 100%;
	height: 150px;
	background: url(/uploads/2017/01/banner_decorative_materials1.jpg) center no-repeat;
	background-size: cover;
}
section.banner.decorative_materials .header {
	padding-top: 55px;
}
section.banner.printing_media_solutions {
	width: 100%;
	height: 150px;
	background: url(/uploads/2017/01/banner_printing_media_solutions1.jpg) center no-repeat;
	background-size: cover;
}
section.banner.printing_media_solutions .header {
	padding-top: 35px;
}
section.banner.packaging {
	width: 100%;
	height: 150px;
	background: url(/uploads/2017/01/banner_packaging1.jpg) center no-repeat;
	background-size: cover;
}
section.banner.packaging .header {
	padding-top: 55px;
}
section.banner.functional_films {
	width: 100%;
	height: 150px;
	background: url(/uploads/2017/01/banner_functional_films1.jpg) center no-repeat;
	background-size: cover;
}
section.banner.functional_films .header {
	padding-top: 55px;
}
section.banner.electronic_device {
	width: 100%;
	height: 150px;
	background: url(/uploads/2017/01/banner_electoronic_device1.jpg) center no-repeat;
	background-size: cover;
}
section.banner.electronic_device .header {
	padding-top: 55px;
}
section.banner .header h1 {
	margin: 0 auto;
	max-width: 450px;
	width: 100%;
	font-family: 'Lato', sans-serif;
	font-size: 36px;
	font-weight: 300;
	color: rgba(255,255,255,1);
	line-height: 40px;
	text-align: center;
}
@media screen and (max-width:768px) {
	section.banner {
		height: 150px;
	}
	section.banner .header {
		padding-top: 30px;
	}
	section.banner .header h1 {
		font-size: 40px;
		line-height: 44px;
	}
}
@media screen and (max-width:640px) {
	section.banner {
		height: 76px;
	}
	section.banner .header {
		padding-top: 18px;
	}
	section.banner .header h1 {
		font-size: 18px;
		line-height: 22px;
	}
}
/*
e.banner
*/

/*
b.subnavi
*/
section.subnav {
	background:url(/uploads/2017/01/dot_gray.gif) center bottom repeat-x;
}
section.subnav ul {
	overflow:hidden;
	margin:0 auto;
	display: flex;
	width:420px;
}
section.subnav ul li {
	
	padding:0 42px;

}
section.subnav ul li:nth-child(1) {
	flex-basis: 28%;
	
}
section.subnav ul li:nth-child(2) {
	flex-basis: 72%;
	
}

section.subnav ul li a {
	display:block;
	height:52px;
	font-family: 'Lato', sans-serif;
	font-size:16px;
	font-weight:300;
	color:rgba(85,85,85,1);
	line-height:20px;
	text-align:center;
	border-bottom:solid 2px rgba(21,70,172,0);
	text-decoration:none;
}
section.subnav ul li a:hover {
	color: rgba(21,70,172,1);
	border-bottom:solid 2px rgba(21,70,172,1);

}
section.subnav ul li a.selected {
	border-bottom:solid 2px rgba(21,70,172,1);
}
section.subnav ul li a span {
	display:block;
	padding-top:16px;

}
@media screen and (max-width:768px) {
	section.subnav {
		display:none;
	}
}

/*
e.subnavi
*/

/*
b.breadcrumbs
*/
section.breadcrumbs {
	width: 100%;
}
section.breadcrumbs .rdesign {
	margin: 0 auto;
	max-width: 1140px;
	width: 100%;
}
@media screen and (max-width:1140px) {
section.breadcrumbs .rdesign {
	width: 95%;
}
}
section.breadcrumbs ul {
	overflow: hidden;
	padding: 13px 0;
}
section.breadcrumbs ul li {
	float: left;
}
section.breadcrumbs ul li:first-child p {
	padding-left: 15px;
	background: url(/uploads/2017/01/icon_home.gif) left center no-repeat;
}
section.breadcrumbs ul li p {
	font-size: 12px;
	line-height: 15px;
}
section.breadcrumbs ul li p a {
	color: rgba(21,70,172,1);
	text-decoration: none;
}
section.breadcrumbs ul li p span {
	padding: 0 8px;
}
@media screen and (max-width:768px) {
	section.breadcrumbs {
		display:none;
	}
}
/*
e.breadcrumbs
*/

/*
b.colA
*/
.colA {
	overflow:hidden;

	padding:71px 0;
	margin:0 auto;
	max-width:1140px;
	width:100%;

	background:rgba(255,255,255,0.5);
}
@media screen and (max-width:1140px) {
	.colA {
		padding:6.2% 0;
		width:95%;
	}
}
.colA .colR {
	float:right;
	width:100%;
	margin:0 0 0 -245px;
}
.colA .colR .requid {
	margin:0 0 0 285px;

}
.colA .colL {
	float:left;
	width:245px;
}
@media screen and (max-width:980px) {
	.colA .colR {
		float:none;
		margin:0;
	}
	.colA .colR .requid {
		margin:0;

	}
	.colA .colL {
		display:block;
		float: none;
	}
}
/*
e.colR
*/

/*
b.maintext
*/
.maintext .header {
	overflow:hidden;
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:solid 2px rgba(21,70,172,1);
}
.maintext .header h1 {
	float:left;
	font-family: 'Lato', sans-serif;
	font-size:40px;
	font-weight:300;
	color: rgba(21,70,172,1);
	line-height:45px;
}
.maintext .texts {
	padding:10px 0 12px 0;

}
.maintext .texts p {
	font-weight:300;
	font-size:16px;
	line-height:22px;
	text-align:justify;
}
.maintext .texts p span.blue {
	font-family: 'Lato', sans-serif;
	font-size:20px;
	font-weight:normal;
	line-height:25px;
	color:rgba(21,70,172,1);
}
/*
e.maintext
*/

/*
b.subcate
*/
.subcates ul {
	overflow:hidden;
	padding:3px 0;
	width:100%;
}
.subcates ul li {
	float:left;
	padding:2% 0;
	width:47.8%;
	cursor:pointer;
}
.subcates ul li:nth-child(odd) {
	padding-right:4.4%;

}
.subcates ul li:nth-child(even) {
	padding-right:0;
}
.subcates ul li .colAll {
	width:100%;


}
.subcates ul li .colAll .colLeft {
	float:left;
	width:174px;
	clear:both;

}
.subcates ul li .colAll .colLeft .img {
	width:174px;
	height:161px;
}
.subcates ul li .colAll .colRight {
	margin-left:190px;
}
.subcates ul li .colAll .colRight .title {
	padding:3px 0;
}
.subcates ul li .colAll .colRight .title h2 {
	font-family: 'Lato', sans-serif;
	font-size:18px;
	line-height:22px;
	color:rgba(21,70,172,1);

}
.subcates ul li .colAll .colRight .texts {
	padding:3px 0;
}
.subcates ul li .colAll .colRight .texts p {
	font-weight:300;
	font-size:14px;
	line-height:20px;
}
.subcates ul li .colAll .colRight .btn {
	padding:3px 0;
}
.defaultBlueBtn p {
	display:inline-block;
}
.defaultBlueBtn p a {
	display:table-cell;
	width:100px;
	height:30px;
	text-align:center;
	text-decoration:none;
	font-size:11px;
	line-height:13px;
	vertical-align:middle;
	background:rgba(21,70,172,1);
	color:rgba(255,255,255,0.8);
}
.defaultBlueBtn p a:hover {
	color:rgba(255,255,255,1);
}
@media screen and (max-width:700px) {
	.subcates ul li {
		float:none;
		padding-bottom:20px;
		max-width:408px;
		width:100%;
	}
	.subcates ul li:nth-child(odd) {
		padding-right:0;

	}
	.subcates ul li:nth-child(even) {
		padding-right:0;
	}

}
@media screen and (max-width:400px) {
	.subcates ul li .colAll .colLeft {
		width:131px;
		clear:both;

	}
	.subcates ul li .colAll .colLeft .img {
		width:131px;
		height:122px;
	}
	.subcates ul li .colAll .colRight {
		margin-left:141px;
	}
}
/*
e.subcate
*/

/*
b.freebody
*/
.freebody {
	padding:5px 0;
	margin-bottom:17px;


}
.freebody p {
	padding:5px 0;
	font-weight:300;
	font-size:16px;
	line-height:22px;
	text-align:justify;
}
p span.blue {
	font-family: 'Lato', sans-serif;
	font-size:20px;
	font-weight:normal;
	line-height:25px;
	color:rgba(21,70,172,1);
}
.freebody p strong {
	font-weight: 500;
	font-size: 18px;
	color: #000;
}
/*
e.feebody
*/

/*
b.desimgs
*/
.descimgs {
	padding:5px 0;
}
.descimgs h2 {
	margin:5px 0;
	padding-left:10px;
	border-left:solid 5px rgba(21,70,172,1);
	font-family: 'Lato', sans-serif;
	font-size:22px;
	font-weight:300;
	line-height:30px;
	color:rgba(21,70,172,1);
}
.descimgs .limg {
	padding:5px 0;
}
.descimgs .limg p {
	margin:0;
	padding:0;
}
.descimgs .limg p img {
	width:100%;
	height:auto;

}

.descimgs ul {
	overflow:hidden;
	padding:5px 0;
}
.descimgs ul li {
	float:left;
	padding-right:10px;
	padding-bottom:10px;
}
.descimgs ul li:last-child {
	padding-right:0px;
	padding-bottom:10px;
}
@media screen and (max-width:640px) {
	/*.descimgs .limg {
		display:none;
	}*/
	.descimgs ul li {
		float:none;
		padding-right:0;
		padding-bottom:10px;
	}
	.descimgs ul li img {
		width:100%;
		height:auto;

	}

}
/*
e.desimgs
*/

/*
b.freebody customise
*/
.freebody h2 {
	margin:5px 0;
	padding-left:10px;
	border-left:solid 5px rgba(21,70,172,1);
	font-family: 'Lato', sans-serif;
	font-size:22px;
	font-weight:normal;
	line-height:30px;
	color:rgba(21,70,172,1);
}
.freebody h3 {
	padding-top:15px;
	font-family: 'Lato', sans-serif;
	font-size:20px;
	font-weight:normal;
	line-height:25px;
	color:rgba(21,70,172,1);
}
.freebody p.center {
	text-align:center;
	font-family: 'Lato', sans-serif;
	font-weight:normal;
}
.freebody p.center img {
	margin:50px 0;

}
.freebody p.blue {
	padding-bottom:0;
	font-family: 'Lato', sans-serif;
	font-size:18px;
	font-weight:normal;
	line-height:23px;
	color:rgba(21,70,172,1);
}
.freebody ul {
	padding:5px 0;

}
.freebody ul li {
	padding:3px 0 3px 15px;
	background:url(/uploads/2017/01/list_blue_circle.gif) left 8px no-repeat;
	background-size:11px;
	font-weight:300;
	line-height:22px;
}
.freebody ul li strong {
	color:rgba(21,70,172,1);
}
.freebody ul li a img {
	vertical-align:middle;
}
.freebody .ol1  {
	padding:25px 0;
}
.freebody .ol1 ol {
	padding:15px 0;
	overflow:hidden;

}
.freebody .ol1 ol li {
	float:left;
	width:30%;
	padding-right:3.3%;
	padding-top:23.5%;
	padding-bottom:45px;

}
.freebody .ol1 ol li p {
	text-align:left;
}
.freebody .ol1.dai ol li:nth-child(1) {
	background:url(/uploads/2017/01/insert_molding01.gif) left top no-repeat;
	background-size:75%;
}
.freebody .ol1.dai ol li:nth-child(2) {
	background:url(/uploads/2017/01/insert_molding02.gif) left top no-repeat;
	background-size:75%;
}
.freebody .ol1.dai ol li:nth-child(3) {
	background:url(/uploads/2017/01/insert_molding03.gif) left top no-repeat;
	background-size:75%;
}
.freebody .ol1.dai ol li:nth-child(4) {
	background:url(/uploads/2017/01/insert_molding04.gif) left top no-repeat;
	background-size:75%;
}
.freebody .ol1.dai ol li:nth-child(5) {
	background:url(/uploads/2017/01/insert_molding05.gif) left top no-repeat;
	background-size:75%;
}
.freebody .ol1.dai ol li:nth-child(6) {
	background:url(/uploads/2017/01/insert_molding06.gif) left top no-repeat;
	background-size:75%;
}
.freebody .ol1.tj ol li:nth-child(1) {
	background:url(/uploads/2017/01/tj1.gif) left top no-repeat;
	background-size:72%;
}
.freebody .ol1.tj ol li:nth-child(2) {
	background:url(/uploads/2017/01/tj2.gif) left top no-repeat;
	background-size:72%;
}
.freebody .ol1.tj ol li:nth-child(3) {
	background:url(/uploads/2017/01/tj3.gif) left top no-repeat;
	background-size:72%;
}
.freebody .ol1.tj ol li:nth-child(4) {
	background:url(/uploads/2017/01/tj4.gif) left top no-repeat;
	background-size:72%;
}
.freebody .ol1.tj ol li:nth-child(5) {
	background:url(/uploads/2017/01/tj5.gif) left top no-repeat;
	background-size:72%;
}
.freebody .ol1.tj ol li:nth-child(6) {
	background:url(/uploads/2017/01/tj6.gif) left top no-repeat;
	background-size:72%;
}
.freebody .ol1.in_mold ol li:nth-child(1) {
	background:url(/uploads/2017/01/in_mold1.gif) left top no-repeat;
	background-size:69%;
}
.freebody .ol1.in_mold ol li:nth-child(2) {
	background:url(/uploads/2017/01/in_mold2.gif) left top no-repeat;
	background-size:69%;
}
.freebody .ol1.in_mold ol li:nth-child(3) {
	background:url(/uploads/2017/01/in_mold3.gif) left top no-repeat;
	background-size:69%;
}
.freebody .ol1.in_mold ol li:nth-child(4) {
	background:url(/uploads/2017/01/in_mold4.gif) left top no-repeat;
	background-size:69%;
}
.freebody .ol1.post ol li:nth-child(1) {
	background:url(/uploads/2017/01/post1.gif) left top no-repeat;
	background-size:95%;
}
.freebody .ol1.post ol li:nth-child(2) {
	background:url(/uploads/2017/01/post2.gif) left top no-repeat;
	background-size:95%;
}
.freebody .ol1.post ol li:nth-child(3) {
	background:url(/uploads/2017/01/post3.gif) left top no-repeat;
	background-size:95%;
}
.freebody .ol1.post ol li:nth-child(4) {
	background:url(/uploads/2017/01/post4.gif) left top no-repeat;
	background-size:95%;
}
.freebody .ol1.post ol li:nth-child(5) {
	background:url(/uploads/2017/01/post5.gif) left top no-repeat;
	background-size:95%;
}

@media screen and (max-width:768px) {
	.freebody .ol1 ol li {
		float:left;
		width:45%;
		padding-right:5%;
		padding-top:35.5%;
		padding-bottom:45px;

	}
}
@media screen and (max-width:400px) {
	.freebody .ol1 ol li {
		float:left;
		width:100%;
		padding-right:0%;
		padding-top:68.5%;
		padding-bottom:45px;

	}
}
.freebody .row4 {
	overflow:hidden;
}
.freebody .row4 .col {
	float:left;
	width:23.5%;
	padding-right:2%;
}
.freebody .row4 .col:nth-child(4n) {
	float:left;
	width:23.5%;
	padding-right:0;
}
@media screen and (max-width:768px) {
	.freebody .row4 .col {
		float:left;
		width:48%;
		padding-right:4%;
	}
	.freebody .row4 .col:nth-child(2n) {
		float:left;
		width:48%;
		padding-right:0;
	}
	.freebody .row4 .col:nth-child(4n) {
		float:left;
		width:48%;
		padding-right:0;
	}
}
@media screen and (max-width:500px) {
	.freebody .row4 .col {
		float:none;
		width:100%;
		padding-right:0%;
	}
	.freebody .row4 .col:nth-child(2n) {
		float:none;
		width:100%;
		padding-right:0;
	}
	.freebody .row4 .col:nth-child(4n) {
		float:none;
		width:100%;
		padding-right:0;
	}
}
.freebody .row3 {
	overflow:hidden;
	padding:20px 0 0 0;
	width:100%;
}
.freebody .row3 .col {
	float:left;
	width:31%;
	padding-right:3.5%;
	padding-bottom:3%;
}
.freebody .row3 .col:last-child {
	float:left;
	width:31%;
	padding-right:0;
}
.freebody .row3 .col p {
	text-align:left;
}
.freebody .row3 .col p.center {
	text-align:center;
}
.freebody .row3 img {
	width:100%;
	height:auto;
}
@media screen and (max-width:640px) {
	.freebody .row3 .col {
		float:none;
		max-width:266px;
		width:100%;

	}
	.freebody .row3 .col:last-child {
		float:none;
		max-width:266px;
		width:100%;

	}

}
.freebody .row2 {
	overflow:hidden;
	width:100%;
	padding:20px 0 0 0;
}
.freebody .row2 .col {
	float:left;
	width:48%;
	padding-right:4%;
	padding-bottom:3%;
}
.freebody .row2 .col:nth-child(even) {
	float:left;
	width:48%;
	padding-right:0;
}
.freebody .row2 img {
	width:100%;
	height:auto;
}
@media screen and (max-width:640px) {
	.freebody .row2 .col {
		float:none;
		max-width:418px;
		width:100%;

	}
	.freebody .row2 .col:nth-child(even) {
		float:none;
		max-width:418px;
		width:100%;

	}

}

.freebody .rImg {
	padding:20px 0;
}
.freebody .rImg img {
	max-width:852px;
	width:100%;
	height:auto;
}
.freebody span.dot {
	display:block;
	padding-left:18px;
	font-family: 'Lato', sans-serif;
	font-size:18px;
	font-weight:normal;
	line-height:23px;

	background:url(/uploads/2017/01/bg_dot_blue.gif) left center no-repeat;

}
.freebody hr {
	margin:30px 0;
	border:none;
	border-top:dashed 1px #CCC;
	height:1px;
	color:#FFFFFF;
}
.freebody .row2 {
	overflow:hidden;
}
.freebody .row2 .coll {
	float:left;
	width:50%;
}
.freebody .row2 .colr {
	float:right;
	width:50%;
}
.freebody .imgsffl .row2 .coll {
	max-width:400px;

}
.freebody .imgsffl .row2 .coll img {
	width:100%;
	height:auto;
}
.freebody .imgsffl .row2 .colr {
	max-width:397px;

}
.freebody .imgsffl .row2 .colr img {
	width:100%;
	height:auto;
}
@media screen and (max-width:700px) {
	.freebody .row2 .coll {
		float:none;
		width:100%;
	}
	.freebody .row2 .colr {
		float:none;
		width:100%;
	}

}
.freebody .imgsfeh {
	margin:0 auto;
	max-width:493px;
	width:100%;
}
.freebody .imgsfeh img {
	width:100%;
	height:auto;
}
.freebody .imgsffte1 {
	margin:0 auto;
	max-width:499px;
	width:100%;
}
.freebody .imgsffte1 img {
	width:100%;
	height:auto;
}
.freebody .imgsffte2 {
	margin:0 auto;
	max-width:685px;
	width:100%;
}
.freebody .imgsffte2 img {
	width:100%;
	height:auto;
}
.freebody .imgsffm.row2 .coll{
	max-width:401px;
}
.freebody .imgsffm.row2 .colr{
	max-width:410px;
}
.freebody .imgsffm.row2 .coll img {
	width:95%;
}
.freebody .imgsffm.row2 .colr img {
	width:95%;
}
.freebody .row3 {
	overflow:hidden;
}
.freebody .row3 .coll {
	float:left;
	width:33%;
}
@media screen and (max-width:700px) {
	.freebody .row3 .coll {
		float:none;
		padding-bottom:20px;
		width:100%;
	}
}
.freebody .imgfeh .coll div {
	margin:0 auto;
	max-width:253px;
	width:95%;
}
.freebody .imgfeh .coll div img {
	width:100%;
	height:auto;
}
/*
b.imgffm1
*/
.freebody .imgffm1 {
	padding-top:40px;
}
.freebody .imgffm1 .coll {
	width:44%;

}
.freebody .imgffm1 .colr {
	width:56%;
}
@media screen and (max-width:700px) {
	.freebody .imgffm1 .coll {
		float:none;
		width:100%;

	}
	.freebody .imgffm1 .colr {
		float:none;
		width:100%;
	}
}
.freebody .imgffm1 .coll div {
	margin:0 auto;
	max-width:291px;
	width:95%;
	height:auto;

}
.freebody .imgffm1 .colr div {
	margin:0 auto;
	max-width:369px;
	width:95%;
	height:auto;

}
/*
e.imgffm1
*/
/*
b.imgffm2
*/
.freebody .imgffm2 {
	padding-top:40px;
}
.freebody .imgffm2 .coll {
	width:37%;

}
.freebody .imgffm2 .colr {
	width:63%;
}
@media screen and (max-width:700px) {
	.freebody .imgffm2 .coll {
		float:none;
		width:100%;

	}
	.freebody .imgffm2 .colr {
		float:none;
		width:100%;
	}
}
.freebody .imgffm2 .coll div {
	margin:0 auto;
	max-width:279px;
	width:95%;
	height:auto;

}
.freebody .imgffm2 .colr div {
	margin:0 auto;
	max-width:495px;
	width:95%;
	height:auto;

}
/*
e.imgffm2
*/
/*
b.imgffm3
*/
.freebody .imgffm3 {
	padding-top:40px;
}
.freebody .imgffm3 .coll {
	width:46%;

}
.freebody .imgffm3 .colr {
	width:54%;
}
@media screen and (max-width:700px) {
	.freebody .imgffm3 .coll {
		float:none;
		width:100%;

	}
	.freebody .imgffm3 .colr {
		float:none;
		width:100%;
	}
}
.freebody .imgffm3 .coll div {
	margin:0 auto;
	max-width:194px;
	width:95%;
	height:auto;

}
.freebody .imgffm3 .colr div {
	margin:0 auto;
	max-width:260px;
	width:95%;
	height:auto;

}
/*
e.imgffm3
*/
/*
b.imgffm4
*/
.freebody .imgffm4 {
	padding-top:40px;
}
.freebody .imgffm4 .coll {
	width:33%;

}
@media screen and (max-width:700px) {
	.freebody .imgffm4 .coll {
		float:none;
		width:100%;

	}
}
.freebody .imgffm4 .coll div {
	margin:0 auto;
	max-width:208px;
	width:95%;
	height:auto;

}
/*
e.imgffm4
*/
/*
b.imgffs
*/
.freebody .imgffs .coll {
	width:49%;

}
.freebody .imgffs .colr {
	width:51%;
}
@media screen and (max-width:700px) {
	.freebody .imgffs .coll {
		float:none;
		width:100%;

	}
	.freebody .imgffs .colr {
		float:none;
		width:100%;
	}
}
.freebody .imgffs .coll div {
	margin:0 auto;
	max-width:413px;
	width:95%;
	height:auto;

}
.freebody .imgffs .colr div {
	margin:0 auto;
	max-width:417px;
	width:95%;
	height:auto;

}
/*
e.imgffs
*/
/*
b.imgfls1
*/
.freebody .imgfls1 .coll {
	width:48%;

}
.freebody .imgfls1 .colr {
	width:52%;
}
@media screen and (max-width:700px) {
	.freebody .imgfls1 .coll {
		float:none;
		width:100%;

	}
	.freebody .imgfls1 .colr {
		float:none;
		width:100%;
	}
}
.freebody .imgfls1 .coll div {
	margin:0 auto;
	max-width:387px;
	width:95%;
	height:auto;

}
.freebody .imgfls1 .colr div {
	margin:0 auto;
	max-width:417px;
	width:95%;
	height:auto;

}
/*
e.imgfls1
*/
/*
b.imgfec
*/
.freebody .imgfec .coll {
	width:51%;

}
.freebody .imgfec .colr {
	width:49%;
}
@media screen and (max-width:700px) {
	.freebody .imgfec .coll {
		float:none;
		width:100%;

	}
	.freebody .imgfec .colr {
		float:none;
		width:100%;
	}
}
.freebody .imgfec .coll div {
	margin:0 auto;
	max-width:427px;
	width:95%;
	height:auto;

}
.freebody .imgfec .colr div {
	margin:0 auto;
	max-width:399px;
	width:95%;
	height:auto;

}
/*
e.imgfec
*/
/*
b.imgfeh1
*/
.freebody .imgfeh1 .coll {
	width:50%;

}
.freebody .imgfeh1 .colr {
	width:50%;
}
@media screen and (max-width:700px) {
	.freebody .imgfeh1 .coll {
		float:none;
		width:100%;

	}
	.freebody .imgfeh1 .colr {
		float:none;
		width:100%;
	}
}
.freebody .imgfeh1 .coll div {
	margin:0 auto;
	max-width:414px;
	width:95%;
	height:auto;
}
.freebody .imgfeh1 .colr div {
	margin:0 auto;
	max-width:417px;
	width:95%;
	height:auto;

}
/*
e.imgfeh1
*/

/*
b.imgfftp
*/
.freebody .imgfftp .coll {
	width:56.7%;

}
.freebody .imgfftp .colr {
	width:43.3%;
}
@media screen and (max-width:700px) {
	.freebody .imgfftp .coll {
		float:none;
		width:100%;

	}
	.freebody .imgfftp .colr {
		float:none;
		width:100%;
	}
}
.freebody .imgfftp .coll div {
	max-width:466px;
	width:98%;
	height:auto;
}
.freebody .imgfftp .colr div {
	max-width:355px;
	width:98%;
	height:auto;

}
.freebody .imgfftp small {
	font-size:14px;
}
/*
e.imgfftp
*/
/*
b.imgffl
*/
.freebody .imgfll .coll {
	width:53%;

}
.freebody .imgfll .colr {
	width:47%;
}
@media screen and (max-width:700px) {
	.freebody .imgfll .coll {
		float:none;
		width:100%;

	}
	.freebody .imgfll .colr {
		float:none;
		width:100%;
	}
}
.freebody .imgfll .coll div {
	max-width:430px;
	width:95%;
	height:auto;
}
.freebody .imgfll .colr div {
	max-width:389px;
	width:95%;
	height:auto;

}
/*
e.imgffl
*/
/*
b.imgffth
*/
.freebody .imgffth {
	padding:20px 0;
	margin:0 auto;
	max-width:716px;
	width:100%;
}
.freebody .imgffth img {
	width:100%;
	height:auto;
}
/*
e.imgffth
*/


/*
e.freebody customise
*/

/*
b.table
*/
table {
	font-size: 16px;
	line-height: 20px;
	font-family: 'Roboto', sans-serif;

}
td, th {
	text-align: center;
	vertical-align: middle;
}
.table01 {
	/*background-color:#666;
	border-collapse:separate;
	border-spacing:1px;*/
	border-collapse: collapse;
	border-spacing: 0;
	border-collapse: separate;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
}
.table01 tr th {
	font-weight: normal;
}
.table01 tr td {
	/*padding: 5px;
	background-color: #fff;*/
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	font-weight: 300;
}
.table01 small {
	font-size:14px;
}
.bgBlue {
	background: #d9e1f2;
}
.bgPink {
	background: #ffcfcf;
}
.bgGreen {
	background:#bce7e1 !important;
}
.bgGray {
	background:#d6d6d6 !important;
}
.cPink {
	color:#ff9798;
}
.p5 {
	padding: 10px 10px;
}
.bTL {
	border-top: solid 1px #666;
	border-left: solid 1px #666;
}
.bRB {
	border-right: solid 1px #666;
	border-bottom: solid 1px #666;
}
.bL {
	border-left: solid 1px #666;
}
.bT {
	border-top: solid 1px #666;
}
.aLeft {
	text-align:left;
}
.vTop {
	vertical-align:top;
}
/*
e.table
*/

/*
b.custom
*/
div.custom1 {
	padding:15px 0;
}
div.custom1 p {
	padding:10px 15px;
	color:rgba(21,70,172,1);
	font-family: 'Lato', sans-serif;
	font-size:20px;
	font-weight:normal;
	line-height:25px;
	background:rgba(213,222,240,1);
}
dl.custom2 {
	padding:5px 0;
	overflow:hidden;
}
dl.custom2 p {
	text-align:left;
}
dl.custom2 dt {
	float:left;
	padding:3px 0;
	width:178px;
	clear:both;ccccc

}
dl.custom2 dt p {
	padding:4px 0;
	width:158px;
	color:#fff;
	font-family: 'Lato', sans-serif;
	font-size:16px;
	font-weight:normal;
	line-height:21px;
	text-align:center;
	background:rgba(21,70,172,1);

	 border-radius: 14px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
}
dl.custom2 dd {
	padding:3px 0;
	margin-left:178px;
}
@media screen and (max-width:640px) {
	dl.custom2 dt {
		float:none;
	}
	dl.custom2 dd {
		margin-left:0;
	}
}
div.custom3 {
	padding:15px 0;
}
div.custom3 p {
	padding:10px 3px;
	color:rgba(21,70,172,1);
	font-family: 'Lato', sans-serif;
	font-size:18px;
	font-weight:normal;
	line-height:23px;
	background:rgba(213,222,240,1);
	text-align:center;
}
div.custom3 ul li {
	padding-top:0px;
	padding-bottom:0px;
	background-position:left 5px;
}
p.custom4 {
	padding:20px 0;
	margin:0 auto;
	max-width:550px;
	width:95%;
	font-size:22px;
	line-height:28px;
	text-align:center;
	color:#000;

}
@media screen and (max-width:720px) {
	p.custom4 {
		font-size:16px;
		line-height:20px;
	}
}
div.custom5 {
	padding-top:30px;
}
div.custom6 {
	padding-top:10px;
}
div.custom7 {
	padding-top:10px;
	padding-bottom:30px;
}
p.custom8 {
	margin:0 auto;
	background:#1546ac;
	text-align:center;
	color:#fff;
	border-radius:15px;
}
.custom9 {
	width:100%;
	overflow:hidden;
}
.custom9 .colLeft {
	float:left;
	width:48%;
}
.custom9 .colRight {
	float:right;
	width:48%;
}
.custom9>div>p>span {
	color:#1547ac;
	font-weight:normal;
}
.custom9>div>p {
	text-align:center;
	font-weight:300;
}
.custom9 span {
	display:block;
	margin:0 auto;
	max-width:408px;
	width:100%;
}
.custom9 img {
	max-width:408px;
	width:100%;
}
@media screen and (max-width:640px) {
	.custom9 .colLeft {
		float:none;
		width:100%;
	}
	.custom9 .colRight {
		float:none;
		width:100%;
	}

}
div.custom10 {
	overflow:hidden;
}
div.custom10 img {
	float:right;
	margin-left:10%;
	margin-bottom:10%;
	max-width:278px;
	width:100%;
}
@media screen and (max-width:640px) {
	div.custom10 img {
		float:right;
		margin-left:5%;
		margin-bottom:5%;
		max-width:150px;
		width:100%;
	}
}
.custom11 {
	overflow:hidden;
	margin-top:10px;
	border:solid 1px #ccc;
}
.custom11 .colLeft {
	float:left;
	padding:1.5%;
	width:46%;


}
.custom11 .colRight {
	float:left;
	padding:1.5%;
	width:46%;
	border-left:solid 1px #ccc;
}
.custom11 ul li {
	padding:0px 0 0px 10px;
	background:url(/uploads/2017/01/dot_black.gif) left 13px no-repeat;
}
.custom11 hr {
	margin:10px 0;
	border:none;
	border-top:solid 1px #CCC;
	height:1px;
	color:#FFFFFF;
}
@media screen and (max-width:640px) {
	.custom11 {
		overflow:hidden;
		margin-top:10px;
		border:solid 1px #ccc;
	}
	.custom11 .colLeft {
		float:left;
		padding:1.5%;
		width:96%;

		border-bottom:solid 1px #ccc;

	}
	.custom11 .colRight {
		float:left;
		padding:1.5%;
		border-left:0;
		width:96%;

	}
}
.custom12 {
	overflow:hidden;
}
.custom12 .colLeft {
	float:left;

}
.custom12 .colLeft img {
	margin-top:10px;
	margin-right:30px;
}
.custom12 .colRight {
	float:left;
}
.custom13 {
	padding-bottom:20px !important;
	text-align:center !important;
	color:#000 !important;
	font-weight:normal !important;
	font-size:18px;
}
.custom14 {
	overflow:hidden;
	padding-bottom:30px;
	width:100%;

}
.custom14 .colLeft {
	padding-top:50px;
	float:left;
	width:30%;

}
.custom14 .colRight {
	float:right;
	width:70%;
}
@media screen and (max-width:720px) {
	.custom14 .colLeft {
		padding-top:10px;
		padding-bottom:10px;
		float:none;
		width:100%;

	}
	.custom14 .colRight {
		float:none;
		width:100%;
	}
}
.custom15 {

}
.custom15 .header {
	overflow:hidden;
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:solid 2px rgba(21,70,172,1);
}
.custom15 .header h1 {
	float:left;
	font-family: 'Lato', sans-serif;
	font-size:40px;
	font-weight:300;
	color: rgba(21,70,172,1);
	line-height:45px;
}
.custom15 h1 {
	font-size:34px;
	font-family:Helvetica, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif !important;
}
.custom15 h2 {
	font-size:24px;
	font-family:Helvetica, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif !important;
}
.custom15 .texts {
	padding-bottom:15px;
}
.custom15 p {
	font-size:14px;
	font-family:Helvetica, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif !important;
}
.custom15 .row02{
	overflow:hidden;
}
.custom15 .row02 .colLeft {
	float:left;
	width:380px;
	clear:both;
}
.custom15 .row02 .colRight {
	margin-left:380px;
}
@media screen and (max-width:700px) {
	.custom15 .row02 .colLeft {
		float:none;
		width:380px;
		clear:both;
	}
	.custom15 .row02 .colRight {
		margin-left:0;
		padding-top:10px;
	}
}
.custom16 .row02{
	overflow:hidden;
}
.custom16 .row02 .colLeft {
	float:left;
	width:380px;
	clear:both;
}
.custom16 .row02 .colLeft span {
	display:block;
	margin:0 auto;
	width:212px;


}
.custom16 .row02 .colRight {
	margin-left:380px;
}
.custom16 .blue {
	color:rgba(21,70,172,1);
	font-size:18px;
	font-weight:normal !important;
}
@media screen and (max-width:700px) {
	.custom16 .row02 .colLeft {
		float:none;
		width:380px;
		clear:both;
	}
	.custom16 .row02 .colRight {
		margin-left:0;
		padding-top:10px;
	}
}
.custom17 {
	padding:15px 0;
	overflow:hidden;
}
.custom17 div.custom1 {
	padding:5px 0;
}
.custom17 .colLeft {
	float:left;
	width:48%;
}
.custom17 .colRight {
	float:right;
	width:48%;
}
@media screen and (max-width:640px) {
	.custom17 .colLeft {
		float:none;
		width:100%;
	}
	.custom17 .colRight {
		float:none;
		width:100%;
	}
}
.custom18 {
	overflow:hidden;
	padding-bottom: 20px;
}
.custom18img {
	background:url(/uploads/2017/01/201126_dnp-Lid_web.jpg) center no-repeat;
	background-size: cover;
	width:100%;
	padding-top:33%;
}

.custom18 .colLeft {
	margin-right:400px;


}
.custom18 .colRight {
	float:right;
	padding-top:20px;
	width:380px;
	clear:both;
}
.custom18 .colRight img {
	max-width:349px;
	width:100%;
	height:auto;
}
@media screen and (max-width:700px) {
	.custom18 .colLeft {
		margin-right:0px;



	}
	.custom18 .colRight {
		float:none;
		padding-top:10px;
		padding-bottom:10px;
		width:100%;
		clear:both;
	}
}
.custom19 .colRight {
	float:right;
	padding-top:10px;
	width:380px;
	clear:both;
}
.custom19 .colRight img {
	max-width:349px;
	width:100%;
	height:auto;
}
@media screen and (max-width:700px) {
	.custom19 .colLeft {
		margin-right:0px;



	}
	.custom19 .colRight {
		float:none;
		padding-top:10px;
		padding-bottom:10px;
		width:100%;
		clear:both;
	}
}
.custom20 {
	overflow:hidden;
}
.custom20 .colLeft2 {
	float:left;
	padding-right:2%;
	width:48%;
}
.custom20 .no_dot {
	background:none !important;
}
.custom21 {
	overflow:hidden;
}
.custom21 .colLeft2 {
	float:left;
	padding-right:2%;
	width:48%;
}
@media screen and (max-width:640px) {
	.custom21 .colLeft2 {
		float:none;
		padding-right:0;
		width:100%;
	}
}
.custom22 {
	overflow:hidden;
}
.custom22 .colLeft {
	margin-right:270px;


}
.custom22 .colRight {
	float:right;
	padding-top:20px;
	width:300px;
	clear:both;
}
.custom22 .colRight img {
	max-width:270px;
	width:100%;
	height:auto;
}
@media screen and (max-width:700px) {
	.custom22 .colLeft {
		margin-right:0px;



	}
	.custom22 .colRight {
		float:none;
		padding-top:10px;
		padding-bottom:10px;
		width:100%;
		clear:both;
	}
}
.custom23 {
	overflow:hidden;

}
.custom23 .colLeft {
	float:left;
	width:50%;
}
.custom23 .colRight {
	float:right;
	width:50%;
}
@media screen and (max-width:640px) {
	.custom23 .colLeft {
		float:none;
		width:100%;
		padding-bottom:10px;
	}
	.custom23 .colRight {
		float:none;
		width:100%;
	}
}
.custom24 .row02{
	overflow:hidden;
	padding:10px 0;
}
.custom24 .row02 .colLeft {
	float:left;
	padding-top:10px;
	width:300px;
	clear:both;
}
.custom24 .row02 .colLeft span {
	display:block;
	width:273px;


}
.custom24 .row02 .colRight {
	margin-left:300px;
}
.custom24 .blue {
	color:rgba(21,70,172,1);
	font-size:18px;
	font-weight:normal !important;
}
@media screen and (max-width:700px) {
	.custom24 .row02 .colLeft {
		float:none;
		width:300px;
		clear:both;
	}
	.custom24 .row02 .colRight {
		margin-left:0;
		padding-top:10px;
	}
}
.custom25 {
	overflow:hidden;
}
.custom25 .colLeft {
	float: left;
	padding-right:5%;
	width : -webkit-calc(95% - 300px) ;
	width : calc(95% - 300px);
}
.custom25 .colRight {
	float: right;
	padding-top:30px;
	width: 300px;
}
@media screen and (max-width:700px) {
	.custom25 .colLeft {
		float: none;
		padding-right:0%;
		width : -webkit-calc(100%) ;
		width : calc(100%);
	}
	.custom25 .colRight {
		float: right;
		padding-top:20px;
		width: 100%;
	}
}
p.custom26 {
	padding:10px 0;
}
p.custom26 em {
	display:block;
	margin:0 auto;
	padding:5px 0;
	width:100%;
	background:rgba(21,70,172,1);
	text-align:center;
	color:#fff;
	border-radius:15px;
}
.custom27 {
	overflow:hidden;
	width:100%;
}
.custom27 .subject {
	display:block;
	float:left;
	width:120px;
	clear:both;
}
.custom27 .texts {
	display:block;
	margin-left:120px;
}
@media screen and (max-width:640px) {
	.custom27 .subject {
		display:block;
		float:none;
		width:100%;
		clear:both;
	}
	.custom27 .texts {
		display:block;
		margin-left:0;
	}
}
.custom28 {
	padding-top: 20px;
	overflow: hidden;
}
.custom28 .colLeft td, .custom28 .colLeft th {
	/*word-break : break-all;*/
	padding:5px 2px;
	font-size: 14px;
	line-height: 16px;
}
.custom28 .colRight td, .custom28 .colRight th {
	/*word-break : break-all;*/
	padding:8px 2px;
	font-size: 14px;
	line-height: 16px;
}
.custom28 .colLeft {
	float: left;
	width: 60%;
	padding-right: 2%;
}
.custom28 .colRight {
	float: right;
	width: 38%;
}
@media screen and (max-width:1220px) {
	.custom28 .colLeft td, .custom28 .colLeft th {
		padding:10px;
		font-size: 16px;
		line-height: 20px;
	}
	.custom28 .colRight td, .custom28 .colRight th {
		padding:10px;
		font-size: 16px;
		line-height: 20px;
	}
	.custom28 .colLeft {
		float: left;
		width: 100%;
		padding-right: 0;
	}
	.custom28 .colRight {
		float: right;
		width: 100%;
	}

}
.custom29 p {
	padding: 0 0 13px 0;
}
/*
e,custom
*/

/*
b.sidecate
*/
.side_cates .title {
	padding-top:4px;
}
.side_cates .title h2 {
	font-family: 'Lato', sans-serif;
	font-size:17px;
	color: rgba(21,70,172,1);
	line-height:22px;

}
.side_cates .nav {
	padding:20px 0;
}
.side_cates .nav nav>ul {
	padding:5px 0;
}
.side_cates .nav nav>ul>li {
	padding:7px 0;
}
.side_cates .nav nav>ul>li>ul {
	padding:7px 0 0 6px;
	background:url(/uploads/2017/01/dot_gray.gif) left center repeat-y;
	background-size:2px auto;
	padding-left:20px;
}
.side_cates .nav nav>ul>li>ul>li {
	padding:3px 0;
	/*list-style-type:circle;*/
	list-style-image:url(/uploads/2017/01/list_line_gray.gif);
	padding-left:0px;
	margin-left:9px;
}

.side_cates .nav nav>ul>li p {
	padding:0;
	font-family: 'Lato', sans-serif;
	font-weight:300;
	font-size:16px;
	line-height:19px;
}
.side_cates .nav nav>ul>li p>a {
	display:block;
	padding:1px 0 1px 11px;
	border-left:solid 2px rgba(21,70,172,0);
	color: rgba(102,102,102,1);
	text-decoration:none;

}
.side_cates .nav nav ul li p a:hover {
	color: rgba(21,70,172,1);
}
.side_cates .nav nav>ul>li>p>a.selected {
	border-left:solid 2px rgba(21,70,172,1);
	color: rgba(21,70,172,1);

}
.side_cates .nav nav>ul>li>ul>li>p {
	margin-left:-6px;
}
.side_cates .nav nav>ul>li>ul>li>p>a {
	display:block;
	padding:1px 0 1px 0px !important;
}
.side_cates .nav nav>ul>li>ul>li.selected {
	list-style-image:url(/uploads/2017/01/list_line_blue.gif);
}
.side_cates .nav nav>ul>li>ul>li.selected>p>a {
	color: rgba(21,70,172,1);

}
.side_cates .nav nav>ul>li>ul>li>ul {
	padding:7px 0 0 6px;
	padding-left:15px;
}
.side_cates .nav nav>ul>li>ul>li>ul>li {
	padding:3px 0;
	list-style-type:circle;
	list-style-image:url(/uploads/2017/01/list_lines_gray.gif);
	padding-left:0px;
	margin-left:9px;
}
.side_cates .nav nav>ul>li>ul>li>ul>li>p {
	margin-left:-15px;
}
.side_cates .nav nav>ul>li>ul>li>ul>li.selected {
	list-style-image:url(/uploads/2017/01/list_lines_blue.gif);
}
.side_cates .nav nav>ul>li>ul>li>ul>li.selected>p>a {
	color: rgba(21,70,172,1);

}
/*
e.sidecate
*/

/*
b.side_contact
*/
.side_contact {
	padding:4px 0;
}
.side_contact .box {
	width:218px;
	padding:11px 0 10px;
	border:solid 1px rgba(208,208,208,1);
	border-top:solid 2px rgba(21,70,172,1);
}
.side_contact .box .texts {
	padding:5px 10px 5px 15px;

}
.side_contact .box .texts p {
	font-weight:300;
	font-size:16px;
	line-height:19px;
}
.side_contact .box .phone {
	padding:5px 0 3px;

}
.side_contact .box .phone p {
	padding-left: 15px;
	text-align:left;
	font-family: 'Roboto', sans-serif;
	font-size: 26px;
	font-weight:400;
}
.side_contact .box .phone p a {
	display: block;
	padding: 4px 0 4px 30px;
	background: url(/uploads/2017/01/icon_phone.gif) left center no-repeat;
	background-size: 25px;
	text-align:left;
	color: rgba(21,70,172,1);
}
.side_contact .box .phone p a:hover {
	text-decoration: none;
}

.side_contact .box .email {
	padding:4px 0;
}
.side_contact .box .email p {
	font-weight:300;
	font-size:13px;
	line-height:16px;
	padding-left:15px;
	text-align:left;

}
.side_contact .box .email p a {
	color:rgba(45,169,255,1);

}
/*
e.side_contact
*/

/*
b.side_newsletter
*/
.side_newsletter {
	width: 219px;
	padding:12px 0;
}
.side_newsletter p {
	padding:3px 0 4px 38px;
	height: auto;
	background:url(/uploads/2017/01/icon_news.jpg) left center no-repeat;
}
.side_newsletter p a {
	color:rgba(21,70,172,1);
	text-decoration:none;
}
/*
e.side_newsletter
*/
/*
b.side cate narrow
*/
@media screen and (max-width:980px) {
	.side_cates {
		display: none;
	}
	.colA {
		padding-bottom: 20px;
	}
	.colA .colL {
		overflow: hidden;
		padding-top: 30px;
		width: 100%;
		border-top:solid 1px #ccc;
	}
	.side_contact {
		padding:0 20px 0 0;
		float:left;


	}
	.side_contact .box {
		width:100%;
		padding:0 10px 15px 10px;
		border:0;
		overflow: hidden;

	}
	.side_contact .box .texts {
		width: 100%;
		padding:0px 10px 10px 0px;


	}
	.side_contact .box .texts br {
		display: none;
	}
	.side_contact .box .texts p {
		font-weight:300;
		font-size:16px;
		line-height:19px;
	}
	.side_contact .box .phone {
		float:left;
		width:225px;
		padding:0;
		clear: both;


	}
	.side_contact .box .phone p {
		padding-left: 0px;
		text-align:left !important;
		font-family: 'Roboto', sans-serif;
		font-size: 30px;
		font-weight:400;
	}
	.side_contact .box .phone p a {
		display: block;
		padding: 6px 0 7px 35px;
		background: url(/uploads/2017/01/icon_phone.gif) left center no-repeat;
		background-size: 30px;
		text-align:left;
		color: rgba(21,70,172,1);
	}

	.side_contact .box .email {
		padding:6px 0 0 0;
		margin-left: 230px;
	}
	.side_contact .box .email p {
		font-weight:300;
		font-size:13px;
		line-height:16px;
		padding-left:0px;
		text-align:left;
	}
	.side_contact .box .email p a {
		color:rgba(45,169,255,1);

	}
	.side_newsletter {
		float:left;
		width: auto;
		padding:0;
	}
	.side_newsletter p {
		border-left: solid 1px #ccc;
		padding:18px 0 18px 70px;
		height: auto;
		background:url(/uploads/2017/01/icon_news.jpg) 30px center no-repeat;
	}
	.side_newsletter p a {
		color:rgba(21,70,172,1);
		text-decoration:none;
	}
}
@media screen and (max-width:830px) {
	.colA .colL {
		overflow: hidden;
		padding-top: 30px;
		width: 100%;
		border-top:solid 1px #ccc;
	}
	.side_contact {
		float:none;
		width:100%;
	}
	.side_contact .box .phone {
		float:none;
		width:100%;
	}
	.side_contact .box .email {
		padding:6px 0 0 0;
		margin-left:0;
	}
	.side_newsletter {
		width:100%;
		margin-left:0;
		padding:0 0 0 10px;
	}
	.side_newsletter p {
		border-left:0;
		padding:5px 0 5px 40px;
		height: auto;
		background:url(/uploads/2017/01/icon_news.jpg) 0px center no-repeat;
	}

}
/*
e.side cate narrow
*/