@charset "UTF-8";

/* CSS Document */
/******************************************************************
#main
******************************************************************/
#main_top {
	clear: both;
}

/******************************************************************
#catch #lead
******************************************************************/
#catch {
	width: 372px;
	height: 21px;
	margin-top: 30px;
	margin-left: 10px;
}
#lead {
	width: 548px;
	height: 51px;
	margin-top: 30px;
	margin-left: 10px;
	margin-bottom: 30px;
}

/******************************************************************
#bnrArea
******************************************************************/
#bnrArea {
	overflow: hidden;
	margin-bottom: 20px;
}
#bnrArea li {
	float: left;
}
#bnrArea li.guide {
	width: 170px;
	height: 190px;
	background: url(../../img/b_guide.jpg) left top no-repeat;
	margin-right: 10px;
}
#bnrArea li.guide a {
	display: block;
	width: 170px;
	height: 190px;
	background: url(../../img/b_guide.jpg) left top no-repeat;
}
#bnrArea li.guide a:hover {
	background: url(../../img/b_guide_f2.jpg) left top no-repeat;
}
#bnrArea li.topics {
	width: 140px;
	height: 190px;
	background: url(../../img/b_topics.jpg) left top no-repeat;
}
#bnrArea li.topics a {
	display: block;
	width: 140px;
	height: 190px;
	background: url(../../img/b_topics.jpg) left top no-repeat;
}
#bnrArea li.topics a:hover {
	background: url(../../img/b_topics_f2.jpg) left top no-repeat;
}
#bnrArea li.ibd {
	width: 140px;
	height: 190px;
	background: url(../../img/b_ibd.jpg) left top no-repeat;
}
#bnrArea li.ibd a {
	display: block;
	width: 140px;
	height: 190px;
	background: url(../../img/b_ibd.jpg) left top no-repeat;
}
#bnrArea li.ibd a:hover {
	background: url(../../img/b_ibd_f2.jpg) left top no-repeat;
}
#bnrArea li.endoscope {
	width: 140px;
	height: 190px;
	background: url(../../img/b_endo.jpg) left top no-repeat;
}
#bnrArea li.endoscope a {
	display: block;
	width: 140px;
	height: 190px;
	background: url(../../img/b_endo.jpg) left top no-repeat;
}
#bnrArea li.endoscope a:hover {
	background: url(../../img/b_endo_f2.jpg) left top no-repeat;
}

/******************************************************************
#news
******************************************************************/
#news {
	clear: both;
	border: #C0C0C0 1px solid;
}
#news .title {
	margin: 5px;
	padding: 5px;
	background: url(../../img/bg_news_t.gif) bottom left repeat-x;
	overflow: hidden;
}
#news .title h2 {
	display: block;
	width: 52px;
	height: 14px;
	/*float: left;*/
	margin-right: 10px;
}
#news .title .btn_list {
	display: block;
	width: 23px;
	height: 13px;
	float: left;
}
#news .title .btn_list p {
	display: block;
	width: 23px;
	height: 13px;
	background: url(../../img/b_newslist.gif) left top no-repeat;
}
#news .title .btn_list a {
	display: block;
	width: 23px;
	height: 13px;
	background: url(../../img/b_newslist.gif) left top no-repeat;
}
#news .title .btn_list a:hover {
	background: url(../../img/b_newslist_f2.gif) left top no-repeat;
}
#news .list {
	clear: both;
	height: 160px;
	margin: 5px;
	padding: 5px;
	overflow: auto;
}
#news .list dt {
	clear: both;
	display: block;
	width: 130px;
	float: left;
	font: 100% "ＭＳ ゴシック","MS Gothic";
	line-height: 130%;
}
*html body #news .list dt {
	margin-right: 5px;
}
#news .list dd {
	display: block;
	width: 405px;
	float: left;
	margin-bottom: 10px;
	font: 100% "ＭＳ ゴシック","MS Gothic";
	line-height: 130%;
	margin-left: 10px;
	padding-left: 15px;
	border-left: #C0C0C0 1px dotted;
}
#news .list li {
	display: block;
	padding-left: 6em;
	text-indent: -6em;
	margin-bottom: 10px;
	font: 100% "ＭＳ ゴシック","MS Gothic";
	line-height: 130%;
}