html, body{ height: 100%;}

#mainImg{
	width: 100%;
	height: 580px;
	min-width: 1060px;
	/*background: #efefef;*/
	position: relative;
	overflow: hidden;
}

	#mainInner {
		width: 1330px;
		margin: 0 auto;
		position: absolute;
		left: 50%;
		margin-left: -665px;
	}


/*
#mainImg{
	overflow: hidden;
	width: 100%;
	min-width: 1060px;
	max-width: 1330px;
	margin: 0 auto;
	position: relative;
}
	#mainImgInner{
		min-width: 1060px;
		height: 580px;
		overflow: hidden;
		margin: 0 auto;
		position: relative;
	}
	#mainImgInner li,
	#mainImgInner li img{
		min-width: 1060px;
		height: 580px;
		margin: 0 auto;
	}
*/

/*
	.mainImg01{ background: url("/img/top/img_main01.jpg") center top no-repeat;}
	.mainImg02{ background: url("/img/top/img_main02.jpg") center top no-repeat;}
	.mainImg03{ background: url("/img/top/img_main03.jpg") center top no-repeat;}
*/
/*
.owl-controls{
	width: 980px;
	position:absolute;
	bottom: 165px;
	right: 174px;
}
.owl-dots{
	text-align: right;
}
.owl-dot{
	display: inline-block;
	height: 15px;
	width: 15px;
	margin: 0 0 0 15px;
	background: url("/img/top/dot.png") no-repeat scroll left top;
}
.owl-dot.active{
	background: url("/img/top/dot_on.png") no-repeat scroll left top;
}
*/

div#alert{
	position: absolute;
	bottom: 194px;
	z-index: 100;
	width: 100%;
}
#alertInner{
	width: 1030px;
	margin: 0 auto;
}

div#alertInner >img{
	display: block;
}
div#alert table{
	background: url("/shared/img/bg_alert02.png") left top repeat-y;
	width: 1030px;
}
div#alert table th{
	width: 117px;
	min-height: 20px;
	padding: 6px 19px 6px 37px;
}
div#alert table td{
	color: #FFFFFF;
	padding: 7px 15px 4px 0;
	font-size: 12px;
	line-height: 18px;
	color: #FFFFFF;

}
	div#alert table td a{
		font-size: 12px;
		line-height: 18px;
		color: #FFFFFF;
	}

div#alert table td ul li{
	padding: 0 0 0 15px;
	background: url("/shared/img/icon_arrow_white07.gif") left 0.5em no-repeat;
}
/*--------topConte---------*/
.topContInner{
	position: relative;
	margin: -158px auto 0;
	z-index: 100;
	min-width: 1060px;
}

	.navigation{
		width: 1060px; /*1060*/
		margin: 0 auto 0;
		padding: 7px 0 0;
		background: url(/img/top/bg_navigation02.png) left 15px repeat-y;
	}
	img.navitop{
		display: block;
		width: 1060px;
		margin: 0 auto;
	}

	.naviInner{
		padding: 8px 40px 0;
		background: url(/img/top/bg_navigation03.png) left bottom no-repeat;
	}

	.naviInner > table{

	}

	.naviInner > table > tbody > tr > td{
		width: 136px;
		padding: 0 14px;
		border-left: 1px solid #E0E0E0;
		vertical-align: top;
	}
	.naviInner > table > tbody > tr > td:first-child{
		width: 327px;
		margin: 0 8px 0 0;
		padding: 0;
		border-left: none;
	}
	.naviInner > table > tbody > tr > td:first-child + td{
		border-left: none;
		padding: 0 14px 0 22px;
	}
	.naviInner > table > tbody > tr > td:first-child + td + td + td + td {
		padding: 0 0 0 14px;
	}

		.naviInner > table > tbody > tr > td > p.tit{
			margin: 0 0 22px;
		}
		.naviInner > table > tbody > tr > td > div{
			text-align: center;
		}
		.naviInner > table > tbody > tr > td > div > div.iconArea{
			width: 136px;
			height: 40px;
			display: table-cell;
			vertical-align: middle;
			text-align: center;
		}
		.naviInner > table > tbody > tr > td > a{
			display: block;
			margin: 22px 0 0;
		}

	.nav01_icons th{
		width: 74px;
		text-align: center;
		vertical-align: middle;
	}
	.nav01_icons td{
		width: 75px;
		padding: 0 15px 0 0;
		vertical-align: middle;
		text-align: left;
		line-height: 21px;
	}
	.nav01_icons td a{
		color: #005BAC;
	}

	.naviInner table > tbody > tr > td > div > p{
		margin: 22px 0 0;
		font-size: 12px;
		line-height: 18px;
		text-align: left;
	}



/*------------------------------------------------------------*/
	.mainCont{
		width: 980px;
		margin: 0 auto;
		padding: 50px 0;
	}
		.mainCont >div.inner{
			overflow: visible;
		}

		.mainCont >div.inner >div{
			position: relative;
			width: 980px;
			margin: 0 auto;
		}
.topContInner02{
	position: relative;
	z-index: 3;
	min-width: 980px;
	padding: 20px 0 50px;
	background: #FFF;
}
	.mainCont02{
		overflow: hidden;
		width: 980px;
		margin: 0 auto;
	}
	/*----------news-----------*/
	.newsTit{
		position: relative;
	}
	.newsTit > a{
		position: absolute;
		right: 0;
		top: 0;
	}


	.newsTop{
		overflow: hidden;
		margin: 0 0 30px;
	}
	.newsLeft{
		float: left;
		width: 475px;
	}
	.newsRight{
		float: left;
		width: 475px;
		margin: 0 0 0 30px;
	}



	.title, .title0201 h3, .title0201 h4 .ttl{
		padding: 9px 10px 9px 10px;
		border-bottom: 1px solid #E0E0E0;
	}
	.newsTop dl{
		margin: 3px 0 0;
	}
	.newsTop dt{
		float: left;
		font-size: 14px;
		line-height: 22px;
		padding: 7px;
	}
	.newsTop dd{
		padding: 7px 5px 7px 167px;
		border-bottom: 1px dotted #C5C5C5;
	}
	.newsTop dt:first-child + dd{

	}

.tobucard{
	font-size: 12px;
	line-height: 19px;
	margin: 10px 0 0 8px;
}
.tobucard a:hover{
	text-decoration: underline;
}
/**/
#bnTit{
	padding: 0 12px;
	margin: 50px 0 25px;
	line-height: 34px;
	border: 1px solid #E0E0E0;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px; 
}

.bnLeft a{
	margin: 15px 0 0;
}
.bnLeft a:first-child{
	margin: 0;
}
	/*--------banner area-------*/
	#bnTop{
		overflow: hidden;
	}
	.bnLeft{
		vertical-align: top;
		width: 243px;
		padding: 0 30px 0 0;
	}
	.bnLeft a{
		display: block;
	}

	.bnLeft p{
		margin: 5px 0 0;
		font-size: 12px;
		line-height: 18px;
	}

	.bnRight{
		vertical-align: top;
		width: 676px;
		padding: 0 0 0 30px;
		border-left: 1px solid #E0E0E0;
	}
	.bnArea, .btnMore{ display: none;}
	.bnArea:first-child,
	.bnArea:first-child + .btnMore{ display: block;}
	.btnLess{ cursor: pointer;}

	.bnArea ul{
		overflow: hidden;
		margin: 0 0 10px;
	}
	.bnArea ul li{
		float: left;
		margin: 0 0 0 8px;
	}
	.bnArea ul li:first-child{
		margin: 0;
	}

	.btnMore{
		margin: 24px 0 0;
		cursor: pointer;
	}


/*トップページのみの対応*/
.pageTop{
	z-index: 10;
}