@charset "utf-8";
/*

----------------------------------------------------

UpdateHistory
09/0*******

*/

	/*news ヘッダー画像*/
	h2.news{background: url(../../img/news_bg_h2.jpg) right top no-repeat;}



/* index contents
----------------------------------------------------------------------------*/

#top div#contents{
	background: url(../../img/index_bg_pattern01.png) 0 58px repeat-x;
}
#top div#contents div#mainContents{
	width:950px;
	padding:0;
	margin:0 auto;
}

	/* bnrArea
	----------------------------------------------------------------------------*/
	div#contents div#bnrArea{
		width:950px;
		margin-bottom:25px;
		padding-bottom:10px;
	}
	div#contents div#bnrArea form{
		background:#F0F0F0;
		width:305px;
		height:16px;
		float:left;
		padding:14px 0 20px;
		margin:0 0 10px 0;
		clear:right;
	}
	/* CM */
	div#contents div#bnrArea li#video{
		width:296px;
		height:240px;
		border:#E7E5E6 solid 3px;
		padding:2px;
	}
	/* IE6 */
	* html div#contents div#bnrArea form{
		padding:14px 0 8px;
	}
	/* IE7 */
	*:first-child+html div#contents div#bnrArea form{
		padding:14px 5px 20px 0;
	}
	*:first-child+html div#contents div#bnrArea form input#search{
		margin-bottom:8px;
	}
	div#contents div#bnrArea form input#search{
		width:223px;
		padding:0;
		line-height:1;
		vertical-align:top;
		background:#FFF;
		border:#E5E5E5 solid 1px;
		height:20px;
		vertical-align:top;
	}
	div#contents div#bnrArea li{
		float:left;
		margin-right:10px;
		zoom:1;
	}
	div#contents div#bnrArea li.end{
		margin-right:0px;
		zoom:1;
	}
	div#contents a.borderHover{
		padding:1px;
		display:block;
		border:#E7E5E6 solid 3px;
		background-color:#FFF;
	}
	div#contents a.borderHover:hover{
		padding:1px;
		display:block;
		border:#CCCCCC solid 3px;
		background-color:#FFF;
	}
	
	/* newsArea
	----------------------------------------------------------------------------*/
	div#contents div#newsArea{
		width:950px;
	}
		div#contents div#newsArea div#topicsBox{
			width:568px;
			float:left;
			text-align:left;
			position:relative;
		}
		div#contents div#newsArea div#topicsBox h3{
			width:488px;
			height:15px;
			margin-bottom:15px;
		}
		div#contents div#newsArea div#topicsBox p#info{
			margin-bottom:7px;
			padding-bottom:7px;
			border-bottom:solid 1px #D7D7D7;
			font-weight:bold;
		}
		div#contents div#newsArea div#topicsBox p#info a{
			text-decoration:none;
			color:#525552;
		}
		div#contents div#newsArea div#topicsBox p#info a:hover{
			text-decoration:underline;
			color:#9C001C;
		}
		div#contents div#newsArea div#topicsBox ul{
			position:absolute;
			top:50px;
			right:0;
		}
		div#contents div#newsArea div#topicsBox ul li{
			float:left;
			padding-left:3px;
		}
		div#contents div#newsArea div#topicsBox dl#panel{
			width:568px;
			height:119px;
			overflow:auto;
			line-height:1.5;
		}
		div#contents div#newsArea div#topicsBox dl dt{
			float:left;
			width:7em;
			margin-bottom:0.5em;
			font-family: Verdana, Arial, Helvetica, sans-serif!important;
		}
		div#contents div#newsArea div#topicsBox dl dd{
			margin-left:8em;
			margin-bottom:0.5em;
		}
		div#contents div#newsArea div#bnrBox{
			width:372px;
			float: right;
			text-align:left;
		}
		div#contents div#newsArea div#bnrBox li{
			float:left;
		}
/* ニュースリリースインデックス
-------------------------------------------- */

	.news #panel{
		border-top:#E7E7E7 solid 1px;
	}
	.news #panel dl{
		width:720px;
		line-height:1.5;
		padding:12px 5px 5px;
		margin:0;
	}
	#lower #container #contents .news #panel dl{
		width:720px;
		line-height:1.5;
		padding:12px 5px 5px;
		margin:0;
	}
	.news #panel dl.odd{
		background:#F7F7F7;
		border-bottom:#E7E7E7 solid 1px;
		border-top:#E7E7E7 solid 1px;
	}
	.news #panel dl dt{
		float:left;
		width:7em;
		margin-bottom:0.5em;
		font-family: Verdana, Arial, Helvetica, sans-serif!important;
	}
	.news #panel dl dd{
		margin-left:8em;
		margin-bottom:0.5em;
	}
	.news #panel dl dd a{
		text-decoration:none;
	}
	.news #panel dl dd a:hover{
		text-decoration: underline;
	}
/********************************************************
    scrollbar
********************************************************/


.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background:#EEEEEE;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}