@charset "utf-8";

#sliderArea{
	position:relative;
	margin:0 0 50px 0;
	/*Other Browser*/
	background: #DEECFB;
	/*For Old WebKit*/
	background: -webkit-linear-gradient(
		top,
		#FFF 0%,
		#DEECFB 24%,
		#DEECFB 100%
	);
	/*For Modern Browser*/
	background: linear-gradient(
		to bottom,
		#FFF 0%,
		#DEECFB 24%,
		#DEECFB 100%
	);
}
#main_txt{
	position:relative;
	width:1284px;
	margin:0 auto -15px;
	z-index:9999;
}
#main_txt p{
	display:none;
}

/***--- top01 ---***/

#top01{
	background:url("../img/top01_bg.png") left top repeat-x;
}
	#top01 h1{
		color:#0A3D74;
		font-size:2.0em;
		font-weight:normal;
		background:none;
		line-height:1.0;
		text-align:center;
		padding:40px 0 10px 0;
		position:relative;
	}
	#top01 h1:before{
		content:url("../../common/img/ttl_icon_l.png");
		position:relative;
		top:-5px;
		left:-10px;
	}
	#top01 h1:after{
		content:url("../../common/img/ttl_icon_r.png");
		position:relative;
		top:-5px;
		right:-10px;
	}
	#top01 section{
		width:246px;
		margin:0 0 0 10px;
		float:left;
	}
	#top01 section:first-child{
		margin:0 0 0 0;
	}
		#top01 section h2{
			width:auto;
			height:auto;
			padding:0;
			margin:0;
			background-image:none;
			background-color:transparent;
			display:block;
			border:none;
		}
		#top01 section h2:before{
			content:none;
		}
		#top01 section h2:hover{
			opacity:0.8;
		}
		#top01 section div{
			position:relative;
			padding:10px;
			border-radius:10px;
			background-color:#F2F2F2;
		}
			#top01 section div:before{
				content:url("../img/arrow.png");
				position:relative;
				left:46.5%;
				top:-30px;
			}

/***--- top02 ---***/
#top02{
	
}
	#top02 .pickup_slide{
		box-sizing:border-box;
		width:700px;
		margin:0 auto 0;
		background:#e1f0f7 url("../img/icn_more.png") right bottom no-repeat;
	}
		#top02 .pickup_slide ul{
			margin:0 0 15px 0;
		}
			#top02 .pickup_slide ul li{
				padding:10px;
				position:relative;
			}
				#top02 .pickup_slide ul li .cntslide_ttl{
					font-size:1.125em;
					font-weight:bold;
					width:100%;
					border-bottom:2px solid #0a3d74;
					margin:10px 0 20px 0;
					padding:0 0 0 5px;
				}
				#top02 .pickup_slide ul li .cntslide_wrap{
					overflow:hidden;
				}
					#top02 .pickup_slide ul li .cntslide_wrap .img{
						width:200px;
						float:left;
					}
						#top02 .pickup_slide ul li .cntslide_wrap .img img{
							border:1px solid #CCC;
						}
					#top02 .pickup_slide ul li .cntslide_wrap .text{
						width:460px;
						float:right;
					}
					#top02 .pickup_slide ul li .cntslide_wrap .text p:last-child{
						margin:0;
					}
			#top02 .pickup_slide ul li a{
				color:#333;
				text-decoration:none;
			}
			#top02 .pickup_slide a.more{
				position:absolute;
				bottom:0;
				right:0;
			}

/***--- news ---***/
#news h1{
	margin-bottom:10px;
}
	#news #newsList dl{
		margin:0;
		padding:18px 0 18px 0;
		overflow:hidden;
		border-bottom:1px solid #E2E2E2;
	}
		#news #newsList dl dt{
			color:#333;
			width:225px;
			line-height:1.6;
			float:left;
			margin:0;
			font-weight:normal;
		}
		#news #newsList dl dt:before{
			content:none;
		}
			#news #newsList dl dt span{
				font-size:0.875em;
				text-align:center;
				line-height:1.0;
				display:inline-block;
				color:#FFF;
				width:100px;
				height:18px;
				/*padding:5px 0 0 0; ���C���I*/
				padding:5px 0 1px 0;
				margin:0 0 0 25px;
			}
			#news #newsList dl dt span.cat1{
				background-color:#EB6877;
			}
			#news #newsList dl dt span.cat2{
				background-color:#0B93D3;
			}
			#news #newsList dl dt span.cat3{
				background-color:#FF6C00;
			}
		#news #newsList dl dd{
			width:505px;
			line-height:1.6;
			float:right;
			padding:1px 0 0 0;
			margin:0;
		}
			#news #newsList dl dd a{
				display:block;
			}

.ftr_bnr{
	margin:0 0 30px 0;
}
.ftr_bnr ul{
	overflow:hidden;
}
	.ftr_bnr ul li{
		width:242px;
		float:left;
		margin:0 15px 15px 0;
	}
	.ftr_bnr ul li:hover{
		opacity:0.8;
	}
	.ftr_bnr ul li:nth-child(3n){
		margin:0 0 15px 0;
	}
		.ftr_bnr ul li img{
			border:1px solid #CCCCCC;
		}

			
/*-----------------------------------------------------	*/
/*	for - 1284px					*/
/*-----------------------------------------------------	*/

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

#main_txt{
	position:relative;
	width:100%;
	margin:0 auto -15px;
	z-index:9999;
}

}

/*-----------------------------------------------------	*/
/*	for - 1000px					*/
/*-----------------------------------------------------	*/

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

#sliderArea{
	position:relative;
	margin:0 0 50px 0;
	/*Other Browser*/
	background: #DEECFB;
	/*For Old WebKit*/
	background: -webkit-linear-gradient(
		top,
		#FFF 0%,
		#DEECFB 24%,
		#DEECFB 100%
	);
	/*For Modern Browser*/
	background: linear-gradient(
		to bottom,
		#FFF 0%,
		#DEECFB 24%,
		#DEECFB 100%
	);
}

/***--- top01 ---***/

#top01{
}
	#top01 section{
		width:32.3%;
		margin:0 0 0 1.3%;
	}

/***--- top02 ---***/
#top02{
	
}
	#top02 .pickup_slide{
		width:90%;
	}
		#top02 .pickup_slide ul li .cntslide_wrap .img{
			width:28.5%;
		}
		#top02 .pickup_slide ul li .cntslide_wrap .text{
			width:65.7%;
		}

/***--- news ---***/
#news #newsList{
	
}
		#news #newsList dl dt{
			width:31.6%;
		}
			#news #newsList dl dt span{
				width:44.4%;
				margin:0 0 0 5%;
			}
		#news #newsList dl dd{
			width:66.4%;
		}
		
	.ftr_bnr ul li{
		width:31.8%;
		margin:0 1.9% 1.9% 0;
	}
	.ftr_bnr ul li:nth-child(3n){
		margin:0 0 1.9% 0;
	}
		
}

/*-----------------------------------------------------	*/
/*	for - 850px					*/
/*-----------------------------------------------------	*/

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


	
}

/*-----------------------------------------------------	*/
/*	for - 768px					*/
/*-----------------------------------------------------	*/

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

#sliderArea{
	margin:0 0 20px 0;
}
#main_txt{
	margin:15px auto 15px;
}
#main_txt img{
	display:none;
}
#main_txt p{
	font-weight:bold;
	color:#0b93d3;
	font-size:1.5em;
	text-align:center;
	display:block;
}
#main_txt p span{
	font-weight:normal;
	color:#0a3d74;
	display:block;
	font-size:0.66em;
}

}

/*-----------------------------------------------------	*/
/*	for - 700px					*/
/*-----------------------------------------------------	*/

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

#main_txt p{
	font-size:1.3em;
}
#main_txt p span{
	font-size:0.66em;
}

}

/*-----------------------------------------------------	*/
/*	for - 640px					*/
/*-----------------------------------------------------	*/

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

#main_txt p{
	font-size:1.2em;
}
#main_txt p span{
	font-size:0.66em;
}

/***--- top01 ---***/
#top01 h1{
	color:#0A3D74;
	font-size:1.6em;
}
	
/***--- top02 ---***/
#top02 .pickup_slide{
	width:86%;
}

#news #newsList dl dt{
	width:100%;
	line-height:1.6;
	float:none;
}
	#news #newsList dl dt span{
		width:100px;
		height:auto;
		padding:1% 0 1% 0;
		margin:0 0 0 2.5%;
	}
#news #newsList dl dd{
	width:100%;
	line-height:1.6;
	float:none;
	padding:1px 0 0 0;
}

}

/*-----------------------------------------------------	*/
/*	for - 480px					*/
/*-----------------------------------------------------	*/

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

#main_txt{
	margin:15px auto 15px;
}
#main_txt p{
	padding:0 3%;
	text-align:left;
	line-height:1.4;
}
#main_txt p span{
	font-size:0.66em;
	margin-top:10px;
}

/***-- top01 ---***/
	#top01 section{
		width:100%;
		margin:0 0 3% 0;
		float:none;
	}
	#top01 section:first-child{
		margin:0 0 5% 0;
	}
		#top01 section h2{
			text-align:center;
		}
		#top01 section div{
			position:relative;
			padding:10px;
			border-radius:10px;
		}
			#top01 section div:before{
				content:url("../img/arrow.png");
				position:relative;
				left:49%;
				top:-30px;
			}
			
/***--- top02 ---***/
#top02 .pickup_slide ul{
	margin:0 0 15px 0;
}
		#top02 .pickup_slide ul li .cntslide_ttl{
			font-size:1.0em;
		}
			#top02 .pickup_slide ul li .cntslide_wrap .img{
				text-align:center;
				width:100%;
				float:none;
				margin:0 0 20px 0;
			}
				#top02 .pickup_slide ul li .cntslide_wrap .img img{
					display:inline;
					border:1px solid #CCC;
				}
			#top02 .pickup_slide ul li .cntslide_wrap .text{
				width:100%;
				float:none;
			}

.ftr_bnr ul li{
	width:100%;
	text-align:center;
	margin:0 0 1.9% 0;
}
.ftr_bnr ul li:nth-child(3n){
	margin:0 0 1.9% 0;
}

}

/*-----------------------------------------------------	*/
/*	for - 360px					*/
/*-----------------------------------------------------	*/

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



}