@charset "utf-8";

/* ===================================================================
CSS information

 file name  :index.css
 style info :トップページ用css
=================================================================== */

/* -----------------------------------------------------------
	スライドショー
----------------------------------------------------------- */
div#slide_container {
	background: url(../images/shared/bg_header.gif) repeat 0 0;
	clear: both;
}

ul#slider {
}

	ul#slider li {
		width: 881px !important;
		padding-right: 20px;
	}

.bx-wrapper {
	clear: both;
	padding: 20px 0;
    overflow: hidden;
    position: relative !important;
    width: 100% !important;
}

.bx-window{
	width: 881px !important;
	margin: 0 auto !important;
	overflow: visible !important;
	height: 370px;
}


/* Navi */
.bx-pager{
	width: 190px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;

}

.bx-pager a{
		display: block;
		width: 20px;
		height: 20px;
		float: left;
		background: url(../images/shared/slide_circle.png) no-repeat 0 0;
		line-height: 24px;
		margin: 0 5px;
		text-indent: -9999px;
	}
	
	.bx-pager a:hover,
	.bx-pager a.pager-active{
		background-position: 0 100%;
	}

/* prev next */
.prev-next{
	position: relative;
	width: 100%;
}
	
	
	.bx-prev,
	.bx-next{
		display: block;
		width: 890px;
		height: 355px;
		position: absolute;
		top:-390px;
		text-indent: -9999px;
	}
		.bx-prev {right: 50%;margin-right: 430px;}
		.bx-next {left: 50%;margin-left: 430px;}
			.bx-prev:hover,
			.bx-next:hover{
				text-decoration: none;
			}
		*:first-child+html .bx-prev,
		*:first-child+html .bx-next{
			top:-260px;
		}
/* -----------------------------------------------------------
	フッター
----------------------------------------------------------- */

/* フッターバナーエリア
========================================================== */
.f_bnr_area_inner {
	width: 970px;
	margin: 0 auto;
	padding: 15px 0;
	position: relative;	
}

/* バナーS
========================================================== */
ul.bnr_S {
	clear: both;
	overflow-y: hidden;
	width: 970px !important;
	padding-bottom: 0 !important;
}

	ul.bnr_S li:last-child,
	ul.bnr_S li.lastchild {
		padding-right: 0 !important;
		float: right;
	}

	ul.bnr_S li.list {
		float: left;
		width: 230px;
		padding-right: 16px !important;
	}
	


/* -----------------------------------------------------------
	コンテンツ
----------------------------------------------------------- */
#contents {
	padding: 20px 0 40px;
}

/* 左カラム
========================================================== */
#left {
	width: 638px;
	float: left;
}

h3.product,
h3.company {
	position: relative;
	width: 638px;
	height: 39px;
	clear: both;
}

h3.product {
	background: url(../images/index/h3_productnews.png) no-repeat 0 0;
}

h3.company {
	background: url(../images/index/h3_companynews.png) no-repeat 0 0;
	margin-top: 20px;
}

dl {
	clear: both;
	border-bottom: 1px dotted #c1dbed;
	overflow-y: hidden;
	padding: 10px;
}

	dl dt {
		float: left;
		width: 36px;
	}
	
	dl dd {
		float: right;
		width: 570px;
	}


/* ニュース一覧 */
body.news dl.news {
	border-bottom: 1px dotted #C1DBED;
	clear: both;
	overflow-y: hidden;
	padding: 10px;
}

	body.news dl.news dt {
		float: left;
		width: 100px;
	}
	
	body.news dl.news dd {
		float: right;
		width: 830px;
	}




/* 右カラム
========================================================== */
#right {
	width: 316px;
	float: right;
}

#twtr-widget-1 h4 {
	border: none !important;
}

#right ul {
	padding: 10px 0;
}

	#right ul li {
		padding: 0 0 10px 0;
	}


/* バナーL
========================================================== */
ul.bnr_L {
	clear: both;
	overflow-y: hidden;
	width: 670px;
	margin: 0 auto;
}

	ul.bnr_L li:last-child,
	ul.bnr_L li.lastchild {
		padding-right: 0 !important;
		float: right;
	}

	ul.bnr_L li.list {
		float: left;
		width: 308px;
		padding-right: 23px;
	}