@charset "utf-8";

/* !index
---------------------------------------------------------- */
.ul_news02 {}
	.ul_news02 li { 
		padding: 30px 3.13% 35px;
		border-bottom: 1px #ccc dotted;
		width: 100%;
	}
		.ul_news02 li:last-child { border-bottom: none;}
		.ul_news02 li:nth-child(2n) { background-color: #f2f2f2;}
		.ul_news02 li .boxIn01 { margin-bottom: 7px;}
			.ul_news02 li .boxIn01 .ttl01 {
				font-size: 108%;
				font-weight: bold;
			}
			.dateNews01 { 
				display: inline-block;
				font-size: 64%;
				font-style: italic;
			}
			.icoNews01 {
				display: inline-block;
				min-width: 65px;
				margin-left: 5px;
				padding: 1px 6px;
				background-color: #2a90d0;
				border-radius: 3px;
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
				font-size: 57%;
				color: #fff;
				text-align: center;
			}
				.icoNews01 span {
					padding-left: 9px;
					background: url(/common/img/ico_product01.png) left center no-repeat;
					background-size: 4px 8px;
				}
				.icoNews01.type01 span {
					background: url(/common/img/ico_information01.png) left center no-repeat;
					background-size: 5px 10px;
				}
				.icoNews01.type02 span {
					background: url(/common/img/ico_wifi01.png) left center no-repeat;
					background-size: 6px 8px;
				}
				.icoNews01.type03 span {
					padding-left: 22px;
					background: url(/common/img/ico_pdf01.png) left center no-repeat;
					background-size: 17px 6px;
				}

		.ul_news02 li .img01 { margin-bottom: 8px;}
		.ul_news02 li .txt01 {
			margin-bottom: 10px; 
			font-size: 86%;
		}
		
		.ul_news02 li .btn01 {
			width: 70.31%;
			margin: 0 auto;
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			border-radius: 2px;
			background-color: #fff;
			border: solid 1px #ccc;
		}
			.ul_news02 li .btn01 a {
				display: block;
				height: 30px;
				line-height: 30px;
				text-align: center;
				font-size: 108%;
			}
				.ul_news02 li .btn01 a span {
					padding-right: 15px;
					background: url(/common/img/ico_arrow_sp01.png) right center no-repeat;
					background-size: 6px 12px;
				}

.ul_news_date01 {
	margin: 10px 0 50px;
	border-top: 1px #ccc dotted;
}
	.ul_news_date01 li {
		border-bottom: 1px #ccc dotted;
	}
		.ul_news_date01 li a {
			display: block;
			padding: 10px 3.13%;
			font-size: 108%;
		}
			.ul_news_date01 li a span {
				padding-left: 16px;
				background: url(/common/img/ico_arrow_sp01.png) left center no-repeat;
				background-size: 6px 12px;
			}











/* !yyyymmdd
---------------------------------------------------------- */
.boxNews01 { margin: 0 3.13% 18px;}
	.boxNews01 .ttl01 {
		margin-bottom: 6px;
		font-size: 108%;
		font-weight: bold;
	}
	.boxItem01 { 
		margin-bottom: 20px;
	}
		.boxItem01 .boxIn01 { margin-bottom: 7px;}
		.ul_news_sns01 { overflow: hidden;}
			.ul_news_sns01 li {
				float: left;
				margin-right: 1.8%;
			}	
				.ul_news_sns01 li:last-child { margin-right: 0px;}
				.ul_news_sns01 li:nth-child(1) { width: 25%;}
				.ul_news_sns01 li:nth-child(2) { width: 18%;}
				.ul_news_sns01 li:nth-child(3) { width: 11.7%;}

	.btnPdf01 {
		width: 46.7%;
		margin-bottom: 15px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		background-color: #fff;
		border: solid 1px #ccc;
	}
		.btnPdf01 a {
			display: block;
			height: 27px;
			line-height: 27px;
			text-align: center;
			font-size: 86%;
		}
			.btnPdf01 a span {
				position: relative;
				padding: 0 13px 0 23px;
				background: url(/common/img/ico_target01.png) right center no-repeat;
				background-size: 8px 6px;
			}
				.btnPdf01 a span:after {
					content: "";
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					width: 19px;
					height: 18px;
					background: url(/common/img/ico_pdf02.png) left center no-repeat;
					background-size: 19px 18px;
				}
		
	.ul_img_news01 {}
		.ul_img_news01 li {border: solid 1px #ccc;
			margin-bottom: 10px;}
			
			
	.boxNews01 .txtNews01 { font-size: 86%;}

.txtNews01 a{color: #2a90d0;
			text-decoration: underline;
			}

.boxNews02 {
	width: 100%;
	padding: 15px 3.13%;
	margin-bottom: 20px;
	background-color: #f4f4f4;
}
	.boxNews02 .ttl01 { margin-bottom: 8px;}
	.dl_news01 { margin-bottom: 10px;}
		.dl_news01:last-child { margin-bottom: 0px;}
		.dl_news01 dt {	font-size: 86%;}
		.dl_news01 dd {
			font-size: 72%;
			margin-left: 10px;
		}
	

/* !English
---------------------------------------------------------- */
#en .ul_news02 li .txt01,
#en .boxNews01 .txtNews01 { text-align: justify;}



/* !PC
---------------------------------------------------------- */
@media only print, screen and (min-width: 768px) {

/* !index
---------------------------------------------------------- */
.ul_news02 {
	width: 860px;
	margin: 0 auto 80px;
}
	.ul_news02 li {
		width: 860px;
		overflow: hidden;
		padding: 30px 30px 45px;
		border-bottom: none;
		background: url(/common/img/bg_line_dot01.png) left bottom repeat-x;
		background-size: 4px 1px;
	}
		.ul_news02 li .boxIn01 { 
			float: left;
			width: 475px;
			margin-bottom: 12px;
		}
			.ul_news02 li .boxIn01.type01,
			.ul_news02 li .boxIn02.type01 {
				float: none;
				width: auto;
			}
		.ul_news02 li .boxIn02 { 
			float: left;
			width: 475px;
		}
		
		

			.ul_news02 li .boxIn01 .ttl01 { font-size: 143%;}
			.dateNews01 { font-size: 86%;}
			.icoNews01 {
				min-width: 90px;
				margin-left: 7px;
				padding: 2px 6px;
				font-size: 79%;
			}
				.icoNews01 span {
					padding: 2px 0 2px 13px;
					background: url(/common/img/ico_product01.png) left center no-repeat;
					background-size: 6px 14px;
				}
				.icoNews01.type01 span {
					background: url(/common/img/ico_information01.png) left center no-repeat;
					background-size: 8px 16px;
				}
				.icoNews01.type02 span { 
					background: url(/common/img/ico_wifi01.png) left center no-repeat;
					background-size: 11px 15px;
				}
				.icoNews01.type03 span {
					padding-left: 35px;
					background: url(/common/img/ico_pdf01.png) left center no-repeat;
					background-size: 28px 10px;
				}

		.ul_news02 li .img01 { 
			float: right;
			width: 300px;
			margin-bottom: 0;
		}
		.ul_news02 li .txt01 {
			margin-bottom: 15px;
			font-size: 100%;
		}
		
		.ul_news02 li .btn01 {
			width: 100px;
			margin: 0;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			border: solid 1px #999;
		}
			.ul_news02 li .btn01 a {
				display: block;
				height: 36px;
				line-height: 36px;
				text-align: center;
				font-size: 100%;
			}
				.ul_news02 li .btn01 a span {
					padding-right: 15px;
					background: url(/common/img/ico_arrow_pc01.png) right center no-repeat;
				}
				
				.ul_news02 li .btn01:hover {
					border: 1px #2a90d0 solid;
					background-color: #2a90d0;
				}
					.ul_news02 li .btn01:hover a { color: #fff;}
						.ul_news02 li .btn01:hover a span { background: url(/common/img/ico_news_pc02_on.png) right center no-repeat;}
 

.ul_news_date01 {
	overflow: hidden;
	width: 860px;
	margin: 35px auto 130px;
	border-top: none;
}
	.ul_news_date01 li {
		float: left;
		width: 180px;
		margin-right: 20px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		background-color: #fff;
		border: solid 1px #999;
	}
		.ul_news_date01 li a {
			display: block;
			padding: 0;
			height: 36px;
			line-height: 36px;
			text-align: center;
			font-size: 108%;
		}
			.ul_news_date01 li a span {
				padding-left: 17px;
				background: url(/common/img/ico_arrow_pc01.png) left center no-repeat;
			} 

		.ul_news_date01 li:hover,
		.ul_news_date01 li.active {
			border: 1px #2a90d0 solid;
			background-color: #2a90d0;
		}
			.ul_news_date01 li:hover a,
			.ul_news_date01 li.active a { color: #fff;}
				.ul_news_date01 li:hover a span,
				.ul_news_date01 li.active a span { background: url(/common/img/ico_news_pc02_on.png) left center no-repeat;}








/* !yyyymmdd
---------------------------------------------------------- */
.boxNews01 { 
	width: 860px;
	margin: 0 auto 25px;
}
	.boxNews01 .ttl01 {
		margin-bottom: 20px;
		padding-bottom: 5px;
		border-bottom: 1px #ccc solid;
		font-size: 172%;
	}
	.boxItem01 { margin-bottom: 30px;}
		.boxItem01 .boxIn01 { 
			float: left;
			margin-bottom: 0;
		}
		.ul_news_sns01 { float: right;}
			.ul_news_sns01 li { margin-right: 5px;}	
				.ul_news_sns01 li:hover {
					opacity: 0.7;
					filter: alpha(opacity=70); 
					-ms-filter: "alpha(opacity=70)";
					-webkit-opacity: 0.7;
				}
				.ul_news_sns01 li:last-child { margin-right: 0px;}
				.ul_news_sns01 li:nth-child(1) { width: 90px;}
				.ul_news_sns01 li:nth-child(2) { width: 76px;}
				.ul_news_sns01 li:nth-child(3) { width: 100px;}

	.btnPdf01 {
		width: 182px;
		margin-bottom: 30px;
	}
		.btnPdf01 a {
			height: 36px;
			line-height: 36px;
			font-size: 100%;
		}
			.btnPdf01 a span {
				position: relative;
				padding: 2px 20px 2px 34px;
				background: url(/common/img/ico_target01.png) right center no-repeat;
				background-size: 10px 8px;
			}
				.btnPdf01 a span:after {
					width: 25px;
					height: 24px;
					background: url(/common/img/ico_pdf02.png) left center no-repeat;
					background-size: 25px 24px;
				}
				
				.btnPdf01:hover,
				.btnPdf01.active {
					border: 1px #2a90d0 solid;
					background-color: #2a90d0;
				}
					.btnPdf01:hover a,
					.btnPdf01.active a { color: #fff;}
						.btnPdf01:hover a span,
						.btnPdf01.active a span { background: url(/common/img/ico_target_pc01_on.png) right center no-repeat;}
	
	.ul_img_news01 {
		overflow: hidden;
		margin-bottom: 25px;
	}
		.ul_img_news01 li {
			float: left;
			width: 270px;
			margin: 0 25px 0 0;
		}
			.ul_img_news01 li:last-child { margin-right: 0px;}
			
	
	.boxNews01 .txtNews01 { 
		font-size: 100%;
	}


.boxNews02 {
	width: 860px;
	padding: 25px 30px;
	margin: 0 auto 40px;
}
	.boxNews02 .ttl01 { 
		margin-bottom: 10px;
		font-size: 129%;
	}
	.dl_news01 { margin-bottom: 12px;}
		.dl_news01:last-child { margin-bottom: 0px;}
		.dl_news01 dt {	
			margin-bottom: 5px;
			font-size: 100%;
		}
		.dl_news01 dd {
			font-size: 100%;
			margin-left: 15px;
		}











}