@charset "utf-8";

/* ============================================
 *
 * Last UpDate : 2010/05/24
 *
============================================ */
body#top #main {
	margin-top: 0;
}
#top_mainImg {
	background: url(/img/mainImg_01.jpg) no-repeat left top;
	width: 960px;
	height: 352px;
	clear: both;
	margin-top: -1px;
}
	#top_mainImg .sectionTop_txt01 {
		width: 916px;
		_width: 960px;
		height: 132px;
		_height: 249px;
		padding: 60px 0 57px 44px;
	}
	#top_mainImg .sectionTop_img01 {
		float: left;
		display: inline;
		padding-left: 4px;
	}
	#top_mainImg .sectionTop_box01 {
		background: url(/img/bg_top02.png) no-repeat left top;
		float: left;
		display: inline;
		padding: 0 18px;
		width: 544px;
		_width: 580px;
		height: 90px;
	}
		#top_mainImg .sectionTop_box01 p {
			font-size: 12px;
		}
		#top_mainImg .sectionTop_box01 p.fL {
			font-size: 14px;
		}
		#top_mainImg .sectionTop_box01 .arrowLink {
			background: url(/common/img/ico/ico_arrowR_07.png) no-repeat right center;
			padding-right: 9px;
		}
		
	.h2_top {
		background: #faf8f6;
		margin-bottom: 20px;
		border: 1px dotted #c6c3be;
		padding: 2px;
		font-size: 150%;
		font-weight: bold;
	}
		.h2_top span {
			display: block;
			border-left: 5px solid #3a465c;
			padding: 0 0 0 12px;
			color: #333333;
		}
			.h2_top span span {
				border-left: none;
				padding: 0;
				color: #666666;
				font-size: 65%;
			}
	.sectionTop01 {
		padding: 20px 29px 29px;
		zoom: 1;
	}
		.sectionTop01 ul {
			position: relative;
			padding-bottom: 3em;
			width: 650px;
			overflow: hidden;
		}
		.sectionTop01 ul li {
			float: left;
			margin-right: 40px;
			width: 190px;
		}
		.sectionTop01 ul li.last {
			float: right;
			margin-right: 0;
		}
			.sectionTop01 ul li dl {
			}
				.sectionTop01 ul li dl dt {
					margin: 15px 0 10px;
					font-weight: bold;
					color: #333;
				}
				.sectionTop01 ul li dl dd {
				}
				.sectionTop01 ul li .bgLink01 {
					position: absolute;
					bottom: 0;
					width: 170px;
				}
				* html .sectionTop01 ul li .bgLink01 {
					width: 190px;
				}
	.sectionTop02 {
		padding: 29px;
		border-bottom: 1px solid #cfcfcf;
		zoom: 1;
	}
		.sectionTop02 ul {
			width: 652px;
			overflow: hidden;
		}
			.sectionTop02 ul li {
				position: relative;
				float: left;
				border-bottom: 1px solid #cfcfcf;
				border-left: 1px solid #cfcfcf;
				width: 327px;
				height: 101px;
				overflow: hidden;
			}
			* html .sectionTop02 ul li {
				width: 328px;
				height: 102px;
			}
			.sectionTop02 ul li.odd {
				border-left: none;
				width: 324px;
			}
				.sectionTop02 ul li dl {
					height: 101px;
					overflow: hidden;
				}
					.sectionTop02 ul li dl dt {
						float: left;
						width: 105px;
						height: 101px;
						text-align: center;
						overflow: hidden;
					}
						.sectionTop02 ul li dl dt img {
							vertical-align: middle;
						}
						.sectionTop02 ul li dl dt span {
							display: inline-block;
							height: 55px;
							width: 1px;
						}
					.sectionTop02 ul li dl dd {
						margin-top: 30px;
						color: #333333;
						font-size: 115%;
						font-weight: bold;
					}
				.sectionTop02 ul li p {
					position: absolute;
					right: 1px;
					bottom: 1px;
					background: url(/img/bg_top_01.gif) no-repeat right top;
					padding-right: 18px;
					width: 184px;
					height: 19px;
					font-size: 10px;
					line-height: 19px;
					text-align: right;
					overflow: hidden;
				}
				* html .sectionTop02 ul li p {
					width: 202px;
					bottom: 0px;
				}
					.sectionTop02 ul li p a {
						color: #ffffff;
					}

/* ============================================
	lNavi (TOP)
============================================ */
#counterBox {
	padding-bottom: 23px;
	padding-top: 9px;
	border-bottom: 1px solid #cfcfcf;
	text-align: center;
}
	#counterBox .counter_txt01 {
		margin-bottom: 11px;
	}
	#counterBox .counter {
		margin: 19px 0 12px;
	}
		#counterBox .counter img {
			margin-left: 1px;
		}




#lNavi_news {
}
#lNavi_news li #slideWrap {
	position: relative;
	overflow: hidden;
	padding-bottom: 40px;
	width: 249px;
}
	#lNavi_news li #slideWrap ul {
		position: relative;
		left: 0;
		padding: 0;
	}
			#lNavi_news li #slideWrap ul li {
				float: left;
				margin: 0;
				padding: 0 0 10px 0;
				width: 249px;
			}
				#lNavi_news li #slideWrap ul li ul {
					position: static;
					overflow: hidden;
				}
					#lNavi_news li #slideWrap ul li ul li {
						float: none;
						margin: 0 20px;
						border-bottom: 1px solid #cfcfcf;
						padding: 10px 0;
						width: auto;
						zoom: 1;
					}
					#lNavi_news li #slideWrap ul li ul li span {
						display: inline-block;
						background: url(/common/img/ico/ico_arrowR_02.gif) no-repeat left 5px;
						width: 4px;
						height: 1em;
						margin-left: 4px;
					}
					/*ie7*/
						*:first-child+html #lNavi_news li #slideWrap ul li ul li span { background-position: left 1px;}
					/*ie5-6*/
						* html #lNavi_news li #slideWrap ul li ul li span { background-position: left 5px;}

		#slideWrap .slideNavi p {
			position: absolute;
			bottom: 10px;
		}
		#slideWrap .slideNavi .back {
			left: 10px;
			text-align: left;
		}
		#slideWrap .slideNavi .next {
			right: 10px;
			text-align: right;
		}
			#slideWrap .slideNavi p a {
				display: none;
			}
			#slideWrap .slideNavi p.back a {
				float: left;
				background: url(/common/img/ico/ico_arrowL_01.gif) no-repeat left center;
				padding-left: 15px;
				white-space: nowrap;
			}
				#slideWrap .slideNavi p.back a:hover {
					background: url(/common/img/ico/ico_arrowL_02.gif) no-repeat left center;
					color: #999;
					text-decoration: none;
				}
			#slideWrap .slideNavi p.next a {
				float: right;
				background: url(/common/img/ico/ico_arrowR_01.gif) no-repeat right center;
				padding-right: 15px;
				white-space: nowrap;
			}
				#slideWrap .slideNavi p.next a:hover {
					background: url(/common/img/ico/ico_arrowR_01_02.gif) no-repeat right center;
					color: #999;
					text-decoration: none;
				}

	#slideWrap .circleNavi li,
	#slideWrap .view_all {
		display: none;
	}
		.circleNavi {
			width: 249px;
			color: #999999;
			font-size: 8px;
			text-align: center;
		}
		.circleNavi li {
			padding-bottom: 0 !important;
		}
	#slideWrap .circleNavi .current { display: block;}



/* ============================================
	section_seminar Ustriam(TOP)
============================================ */
.section_seminar {
	height: 353px;
	background: url(../lp/img/bg_01.gif) left bottom no-repeat;
	margin: 0 0 75px 0;
}
	.section_seminar .section_seminarL {
		float: left;
		width: 256px;
		padding: 64px 0 0 15px;
	}
	.section_seminar .section_seminarR {
		float: right;
		width: 350px;
		padding: 15px 15px 0 0;
	}




/* ============================================
	top_bannerBox
============================================ */
.top_bannerBoxWrap {
	padding: 29px 29px 0 29px;
}
.top_bannerBox ul li div {
	background: url(/img/top_bg_bannerBt.gif) left bottom no-repeat;
	padding-bottom: 3px;
	margin-top: 5px;
}
.top_bannerBox ul li {
	background: url(/img/top_bg_banner.gif) left top no-repeat;
	float: left;
	width: 320px;
	margin-right: 10px;
	padding-top: 10px;
}
.top_bannerBox ul li img {
	vertical-align: bottom;
}

.top_bannerTit {
	font-size: 130%;
	color: #ffffff;
	text-align: center;
	padding: 0 5px;
}
.top_bannerBox dl {
	background: #ffffff;
	margin: 0 3px;
	width: 294px;
	_width: 314px;
	padding: 5px 10px 10px 10px;
}
	.top_bannerBox dt {
		float: left;
		width: 134px;
		margin: 5px 10px 0 0;
	}
	.top_bannerBox dd {
		float: left;
		width: 150px;
	}

.top_bannerBtn {
	background: #243242;
	padding: 5px;
	text-align: center;
	margin-top: 6px;
}
	.top_bannerBtn a {
		color: #ffffff;
		background: url(/img/top_ico_bnrArrow.gif) right center no-repeat;
		padding-right: 8px;
	}