@charset "UTF-8";


/*
-----------------------------------------------------
bisard CSS
bisard.Inc 
FileName:    top.css
Last Modified:     2009.4.22
-----------------------------------------------------
*/


/*コンテンツ*/
#top_contents_area01 { 
	width: 860px;
	position: relative;
	display: block;
	margin: 6px 0 10px 0;	padding: 0 0 10px 0;
	background: url(/lib/common/bg_diagonalline.gif) left top repeat-y;
	text-align: left; 
}


#top_contents_area02 { 
	width: 840px;
	display: block;
	margin: 0 10px;	padding: 5px 0;
	background-color: #ffffff !important;
	text-align: center;
}


#top_main_area { 
	margin: 0  5px; padding: 5px 10px;
	border: solid 2px #b6b6b6;
	font-size: 12px;
	line-height: 1.5;
}


	#top_contents_area01 img.newsh { 
		margin: 5px 10px;	padding: 0;
		text-align: left; 
	}

#home #headbox h1#com_LOGO { 
		width: 860px;
		height: 18px;
		display: block;
		margin:  10px auto 0 auto;	padding: 0;
		background: url(/lib/common/logo.gif) left bottom repeat-y;
		text-align: left;
		font-size: 1px;	
		text-indent: -10000px;
		color: #fff;

	}



#slider1 {
	width: 860px; /* important to be same as image width */
	height: 420px; /* important to be same as image height */
	position: relative; /* important */
	overflow: hidden; /* important */
	margin: 0;
}

	#slider1Content {
		width: 860px; /* important to be same as image width or wider */
		position: absolute;
		top: 0;
		margin: 0; padding: 0;
	}

.slider1Image {
	float: left;
	position: relative;
	display: none;
	margin: 0; padding: 0;
}
	.slider1Image span {
		position: absolute;
		font: 10px/15px Arial, Helvetica, sans-serif;
		margin: 0; padding: 0;
		width: 860px;
		background-color: #000;
		filter: alpha(opacity=50);
		-moz-opacity: 0.5;
		-khtml-opacity: 0.5;
		opacity: 0.5;
		color: #fff;
		display: none;
	}

		.slider1Image span strong {
			font-size: 14px;
		}


.left {
	top: 0;
	left: 0;
	width: 110px !important;
	height: 280px;
}

.right {
	right: 0;
	bottom: 0;
	margin: 0; padding: 0;
	width: 252px !important;
	height: 430px;
}


#slider1 ul {
	margin: 0; padding: 0;
	line-height: 1;
}

#slider1 ul li {
	margin: 0; padding: 0;
	line-height: 1;
}


/* ロールオーバー */
.toprollover01 {
	width: 225px;
	height: 86px;
	display: block;
	margin: 22px 15px 0 8px;	padding: 0;
	border: solid 2px #fff;
	line-height: 1;
	text-align: right;
/*\*/
_width: 228px;
_height: 90px;
_margin-top: 23px;
/**/
}

	a:hover.toprollover01 {
		border: solid 2px #ff6600;
	}

	.toprollover01b {
		width: 224px;
		height: 86px;
		display: block;
		margin: 22px 15px 0 9px;	padding: 0;
		border: solid 2px #000;
		line-height: 1;
/*\*/
_width: 228px;
_height: 90px;
_margin-top: 23px;
/**/
	}

		a:hover.toprollover01b {
			border: solid 2px #ff6600;
		}


.toprollover02 {
	width: 225px;
	height: 86px;
	display: block;
	margin: -5px 15px 0 8px;	padding: 0;
	border: solid 2px #fff;
	line-height: 1;
	text-align: right;
/*\*/
_width: 228px;
_height: 90px;
/**/
}

	a:hover.toprollover02 {
		border: solid 2px #ff6600;
	}

	.toprollover02b {
		width: 225px;
		height: 86px;
		display: block;
		margin: -5px 15px 0 8px;	padding: 0;
		border: solid 2px #000;
		line-height: 1;
/*\*/
_width: 228px;
_height: 90px;
/**/
	}

		a:hover.toprollover02b {
			border: solid 2px #ff6600;
		}


.toprollover03 {
	width: 225px;
	height: 86px;
	display: block;
	margin: -5px 15px 0 8px;	padding: 0;
	border: solid 2px #fff;
	line-height: 1;
	text-align: right;
/*\*/
_width: 228px;
_height: 90px;
/**/
}

	a:hover.toprollover03 {
		border: solid 2px #ff6600;
	}

	.toprollover03b {
		width: 224px;
		height: 86px;
		display: block;
		margin: -5px 15px 0 8px;	padding: 0;
		border: solid 2px #000;
		line-height: 1;
/*\*/
_width: 228px;
_height: 90px;
/**/
	}

		a:hover.toprollover03b {
			border: solid 2px #ff6600;
		}


/* スクリプトなし */
.top_noscript {
	display: block;
	margin: 10px 0 0 0;
}

.top_noscript00 {
	display: block;
	margin: -430px 0 0 0;
}


/* 2011アイキャッチ */
#top_eyecatch2011 {
	width: 860px;
	height:386px;
	padding: 17px 0;
	position: relative;
	display:block;
	z-index: 1;
	background: url(/image/top_eyecatch.jpg) left top no-repeat;
}

#shell {
	width: 824px;
	height:384px;
	margin: 0 18px;
	position: relative;
	display:block;
	z-index: 1;
	overflow: hidden;
}

#shell #bd-bg {
	position: absolute;
	left: -20px;
	top: -300px;
	z-index: 2;
}

#shell #bd-lead {
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 3;
}

#shell #bd-abst {
	position: absolute;
	top: 90px;
	left: 50px;
	z-index: 4;
}


#shell #bd-logo-1 {
	position: absolute;
	top: 60px;
	right: 50px;
	z-index: 5;
}

#shell #bd-logo-2 {
	position: absolute;
	top: 225px;
	right: 95px;
	z-index: 6;
}

#shell #bd-biz-1 {
	position: absolute;
	bottom: 0;
	left: 180px;
	z-index: 7;
}