@charset "UTF-8";
/*==================================================
 COMMON CSS
==================================================*/

.line01 {
	border-bottom: 2px solid #BEC0A8;
	}

.cBlue01 {
	color: #1366FF !important;
	}

.p01 {
	padding: 8px 10px;
	background: #E6E7E0;
	border-bottom: 1px dotted #FFFFFF;
	}

.h301 {
	font-size: 18px;
	font-weight: bold;
	color: #333333;
	padding: 5px 10px 5px 25px;
	background: #F2F3EF url(../img/common/arrow/arrow01.gif) no-repeat 10px 15px;
	border-bottom: 1px solid #BEC0A8;
	}
	.h301 span {
		font-size: 14px;
		font-weight: normal;
		}

.h302 {
	height: 32px;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 32px;
	padding: 0px 15px;
	background: url(../img/common/h/h302Bg.jpg) no-repeat 0px 0px;
	}
	
.entry01 {
	padding: 0px 0px 20px 0px;
	border-bottom: 1px dotted #BEC0A8;
	overflow: hidden;
	zoom: 1;
	}
	.entry01 .img {
		float: left;
		width: 180px;
		}
	.entry01 .text {
		margin: 0px 0px 0px 200px;
		zoom: 1;
		}
		
.entry02 {
	padding: 0px 0px 20px 0px;
	border-bottom: 1px dotted #BEC0A8;
	overflow: hidden;
	zoom: 1;
	}
	.entry02 .img {
		float: left;
		width: 100%;
		}
	.entry02 .text {
		margin: 0px 0px 0px 420px;
		zoom: 1;
		}
.news01 {
	padding: 0px 0px 20px 0px;
	overflow: hidden;
	zoom: 1;
	}
	.news01 .img {
		float: left;
		width: 220px;
		}
	.news01 .text {
		margin: 0px 0px 0px 240px;
		zoom: 1;
		}
.newsLink01 {
	border-bottom: 1px dotted #BEC0A8;
	padding-bottom:15px;
}	
.table01 {
	width: 100%;
	}
	.table01 th,
	.table01 td {
		padding: 8px 10px;
		}
	
	.table01 th {
		color: #696A62;
		background: #CFD2C5;
		}
	.table01 td {
		color: #333333;
		background: #F2F3EF;
		}
		
.table02 {
	width: 100%;
	border-collapse: separate;
    border-spacing: 1px;
	}
	.table02 th,
	.table02 td {
		padding: 8px 10px;
		}
	
	.table02 th {
		color: #696A62;
		background: #CFD2C5;
		border-left: 4px solid #B1B5A2;
	}
	.table02 td {
		color: #333333;
		background: #F2F3EF;
		}
		
ul.imageUl01 {
	margin: 0px -25px 0px 0px;
	overflow: hidden;
	zoom: 1;
	}
	ul.imageUl01 li {
		float: left;
		display: inline;
		margin: 0px 20px 10px 0px;
		}

ul.imageUl02 {
	margin: 0px -75px 0px 0px;
	overflow: hidden;
	zoom: 1;
	}
	ul.imageUl02 li {
		float: left;
		display: inline;
		min-height: 200px;
		height: auto !important;
		width:180px;
		height: 200px;
		padding: 0px 35px 0px 0px;
		margin: 0px 35px 20px 0px;
		border-right: 1px solid #BEC0A8;
		}
		ul.imageUl02 li a {
			
			}
	ul.imageUl02 li.last {
		border-right: none; 
	}
	
	@media screen and (max-width: 768px) {
	.entry02 .img{
		float: none;
	}
	.entry02 .text{
		margin: 0;
	}
}