@charset "Shift_JIS";
/* CSS Document */
/* ===================================================================
 TOPページのみで使用
 ヘッダーから下 ～ フッターより上までのコンテンツの設定

fonts
 10px = 77%     11px = 85%     12px = 93%     13px = 100%
 14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
 18px = 138.5%  19px = 146.5%  20px = 153.9%? 21px = 161.6%
 22px = 167%    23px = 174%    24px = 182%    25px = 189%
 26px = 197%
=================================================================== */


/* #banner（バナー掲載　TOPのみ） 

TOPページのbodyに付ける
.relative{
	position:relative;
}

#banner {
	width: 158px;
	position:absolute;
	top: 0;
	left: 800px;
}

#banner ul{
	width:150px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	}

#banner li{
	margin:2px 0 ;
	padding: 0;
	}

#banner li img{
	vertical-align: bottom;
	}
 */

/* #banner（バナー掲載　TOPページ下部のみ） */
#banner {
	width: 758px;
	margin:15px auto;
	border:1px solid #D1D1D1;
	background: #EFEFEF url(../img/banner/bk.jpg) no-repeat 50% 0;
}

#banner table{
	width:100%;
	margin: 10px auto;
	padding: 0;
	list-style: none;
	}

#banner table td{
	width:25%;
	height:75px;
	padding:auto;
	text-align:center;
	vertical-align:middle;
	}

#banner table td img{
	margin:0;
	padding:0;
	}
	
#banner table td img a{
	text-decoration:none;
	margin:0;
	padding:0;
}

/* TOPページの全てのコンテンツを囲うdiv */
#topContents{
	width:800px;
	margin:0;
	padding:0;
	/zoom: 1;/* IE7以下 */
	margin-bottom: 0;
}

/* 【Flash】flash表示のためのobjectを入れるdiv */
#flashContent {
	width:760px;
	height:336px;
	text-align:center;
	margin:0 auto;
	padding:0;
}

/* ------------------------------------------
 Main
 ------------------------------------------ */
#mainContents {
	width:800px;
	margin:0;
	padding:0;
	overflow:hidden;
}

/* -------------------------------------------
【左側】
 お知らせ、診療科、看護局のコンテンツ
-------------------------------------------- */
#leftContents {
	width:550px;
	margin:0;
	padding:0;
	float:left;
}

/* 「（総合診療）医師募集」「看護局」「お知らせ」「診療科一覧」 */
#leftContents #forDrNs,
#leftContents #medCenters,
#leftContents #newsTopics,
#leftContents #departList,
#leftContents #departBox{
	clear:both;
	margin:0 auto;
	padding:0;
	width:514px;
}


/* 
 医師（総合診療医）募集、看護局入り口
【診療センター】心臓センター等、各センター

--------------------------------------------- */

#leftContents #forDrNs{
	overflow:hidden;
}

#leftContents #medCenters ul{
	width:100%;
	margin:10px auto 0;
	padding:0;
	list-style:none;
	overflow:hidden;
}

#leftContents #forDrNs h2,
#leftContents #medCenters ul li{
	float:left;
	margin:0;
	padding:0;
}

#leftContents #forDrNs h2 a,
#leftContents #medCenters ul li a{
	margin:0;
	padding:0;
	display:block;
}

#leftContents #forDrNs a:hover img,
#leftContents #medCenters a:hover img{
	filter:alpha(opacity=60);/* IE7以下用 */ 
	-ms-filter: "alpha(opacity=60)"; /* IE8用 */ 
	-moz-opacity:0.6; /* Firefox 1.5未満, Netscape用 */ 
	-khtml-opacity: 0.6;  /* Safari 1.x, 他khtmlに対応したブラウザ用  */ 
	opacity: 0.6; /* Firefox 1.5以上, Opera, Safari用 */ 
}



#leftContents #newsTopics h2,
#leftContents #departList h2{
	width:514px;
	height:49px;
	margin:0;
	padding:0;
	line-height:0px;
	font-size:0px;
}

#leftContents #newsTopics{
	position:relative;
}

#leftContents #newsTopics .listNewsTpics{
	width:88px;
	height:18px;
	margin:0;
	padding:0;
	position:absolute;
	top:24px;
	/top:54px;/* IE6,7 */
	left:415px;
}

/* --------------------------------------
 「お知らせ News&Topics」
----------------------------------------- */
#leftContents #newsTopics #newsTopicsTab{
	width:512px;
	min-height:260px;
	_height:260px;
	margin:0;
	padding:8px 0 7px 0;/* 上下のpaddingは「お問い合わせ」+（余白）+「診療受付時間」の高さに合わせるため */
	border:1px solid #cccccc;
	border-top:none;
}

/* 「お知らせ」の各タブ */
#leftContents #newsTopics ul.tabNav{
	width:490px;
	height:26px;
	margin:0 auto;
	list-style:none;
	background:url(../img/top/NewTopicsTab_ul_bk.jpg) repeat-x;
}

#leftContents #newsTopics ul.tabNav li{
	float:left;
	width:auto;
}

#leftContents #newsTopics ul.tabNav li a{
	display:block;
	width:auto;
	height:25px;
	margin-left:2px;
	font-size:0;
	line-height:0;
}

#leftContents #newsTopics ul.tabNav li a span{
	display:none;
}

#leftContents #newsTopics ul.tabNav li.tabNav1 a{
	background:url(../img/top/NewTopicsTab1.jpg) no-repeat;
	background-position:0 0;
	width:40px;
}

#leftContents #newsTopics ul.tabNav li.tabNav2 a{
	background:url(../img/top/NewTopicsTab2.jpg) no-repeat;
	background-position:0 0;
	width:73px;
}

#leftContents #newsTopics ul.tabNav li.tabNav3 a{
	background:url(../img/top/NewTopicsTab3.jpg) no-repeat;
	background-position:0 0;
	width:97px;
}

#leftContents #newsTopics ul.tabNav li.tabNav4 a{
	background:url(../img/top/NewTopicsTab4.jpg) no-repeat;
	background-position:0 0;
	width:66px;
}

#leftContents #newsTopics ul.tabNav li.tabNav5 a{
	background:url(../img/top/NewTopicsTab5.jpg) no-repeat;
	background-position:0 0;
	width:65px;
}

#leftContents #newsTopics ul.tabNav li a:hover{
	background-position:0 -25px;
	outline: none;
	overflow:hidden;
}

/*  */
#leftContents #newsTopics ul.tabNav li a.active,
#leftContents #newsTopics ul.tabNav li a.active:hover{
	background-position:0 -50px;
	height:34px;
	padding-bottom:-9px;
	outline: none;
	overflow:hidden;
}

#tab1,#tab2,#tab3,#tab4,#tab5{
	clear:both;
}
/* 「お知らせ」の各項目用のdl */
#leftContents #newsTopics dl{
	width:490px;
	height:auto;
	margin:0 auto;
	padding: 0 0 8px 0;
	/padding: 8px 0 8px 0;/* IE6,7 */
	_padding:0 0 8px 0;/* IE6のみ */
	_zoom: 1;
	font-size:93%;/*12px相当*/
	overflow: hidden;
	/*overflow-y: scroll; お知らせの行数が増えた時の縦スクロール→保留*/
}


#leftContents #newsTopics dt{
	width:80px;
	padding:6px 0 0 0;
	/*margin-top:-1px;  IE6,7でずれるので保留*/
	float:left;
	clear:left;
	text-indent:4px;
	font-size:85%;/*11px相当*/
	color:#333;
	border-top: 1px dotted #cccccc;
}

#leftContents #newsTopics dd{
	margin-left:80px;
	padding:6px 4px 6px 12px;
	/*margin-top:-1px;  IE6,7でずれるので保留*/
	background:url(../img/share/listmark_orange02.gif) no-repeat 0 12px;
	border-top: 1px dotted #cccccc;
}

/* 英語版ページTOPで使用 */
div#newsTopics_en{
	overflow:hidden;
	
}
div#newsTopics_en dt{
	width:80px;
	padding:6px 0 0 0;
	/*margin-top:-1px;  IE6,7でずれるので保留*/
	float:left;
	clear:left;
	text-indent:4px;
	font-size:11px;
	color:#333;
	border-top: 1px dotted #cccccc;
}
div#newsTopics_en dd{
	margin-left:80px;
	padding:6px 4px 6px 12px;
	/*margin-top:-1px;  IE6,7でずれるので保留*/
	background:url(../img/share/listmark_orange02.gif) no-repeat 0 12px;
	border-top: 1px dotted #cccccc;
}

/* 診療科一覧のlist */
#leftContents #departList div{
	width:512px;
	margin:0;
	padding:0;
	border:1px solid #cccccc;
	border-top:none;
	overflow:hidden;
}

#leftContents #departList ul{
	width:498px;
	margin:12px auto ;
	padding:0;
	list-style:none;
	font-size:93%;/*12px相当*/

}

#leftContents #departList li{
	width:124px;
	margin:0;
	padding:2px 0;
	float:left;
	text-indent:12px;
	background:url(../img/share/listmark_blue02.gif) no-repeat 0 50%;
}

#leftContents #departList li.l{
	width:148px;
}
#leftContents #departList li.s{
	width:100px;
}
#leftContents #departList li.riha{
	width:248px;
}

/* 英語ページのみ（基本理念を表示する） */
body#en #leftContents #departList li{
	width:100%;
	margin:0;
	padding:10px 0 15px;
	text-indent:12px;
	font-size:110%;
	background:url(../img/share/listmark_blue02.gif) no-repeat 0 50%;
}



/* 【右側】診療受付時間、各外来案内、職員募集のコンテンツ */
#rightContents {
	width:250px;
	margin:0;
	padding:0;
	float:left;
}


/* 【診療受付時間, 各外来の案内（救急外来など）,職員募集】 */

/* 見出し */
#rightContents #inquiry h2,
#rightContents #consultTime h2,
#rightContents #services h2,
#rightContents #recruit h2,
#rightContents #departBox h2{
	width:216px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0;
	padding:0;
	line-height:0px;
}

/* お問い合わせボタン */
#rightContents #inquiry a:hover{
	filter:alpha(opacity=70);  /* IE7以下用 */ 
	-ms-filter: "alpha(opacity=70)"; /* IE8用 */ 
	-moz-opacity:0.7; /* Firefox 1.5未満, Netscape用 */ 
	-khtml-opacity: 0.7;  /* Safari 1.x, 他khtmlに対応したブラウザ用  */ 
	opacity: 0.7; /* Firefox 1.5以上, Opera, Safari用 */ 
}

/* 診療受付時間、各外来、職員募集、感染症センター */
#rightContents #consultTime ul,
#rightContents #services ul,
#rightContents #recruit ul,
#rightContents #departBox ul{
	width:216px;
	margin:0 auto;
	padding:0;
	list-style:none;
	font-size:0px;/* listに画像を使用した際、下にできる隙間対策 */
	line-height:0px;/* listに画像を使用した際、下にできる隙間対策 */
}

#rightContents #consultTime li img,
#rightContents #servicese li img,
#rightContents #recruite li img{
	vertical-align:bottom;/* Firefoxでlistに画像を使用した際、下にできる隙間対策 */
}

#rightContents #consultTime li#schedule{
	min-height:50px;
	_height:50px;
	margin:0;
	padding:0;
	background:url(../img/top/consultTime7_bk.jpg) no-repeat 50% 100%;
}

#rightContents #consultTime li#schedule a{
	width:179px;
	height:30px;
	display:block;
	margin:0 auto;
	padding:0;
	background:url(../img/top/consultTime7_bk.jpg) no-repeat 50% 50%;
}
/* 更新日時を表示 */
#rightContents #consultTime li#schedule div.update{
	font-size:10px;
	text-align:center;
	padding-top:5px;
}

/* 各外来の案内（救急外来など） */
#rightContents #services ul{
	height:160px;
}

#rightContents #services li{
	width:108px;
	height:80px;
	float:left;
	margin:0;
	padding:0;
}


/* 職員募集 */
#rightContents #recruit ul{
	font-size:93%;/*12px相当*/
	line-height:1.2;
}
#rightContents #recruit li{
	margin:2px 0;
	padding:2px;
	text-indent:12px;
	background:url(../img/share/listmark_gray.gif) no-repeat 0 50%;
}

/* 感染症センター */
#rightContents #departBox ul li a:hover img{
	filter:alpha(opacity=70);  /* IE7以下用 */ 
	-ms-filter: "alpha(opacity=70)"; /* IE8用 */ 
	-moz-opacity:0.7; /* Firefox 1.5未満, Netscape用 */ 
	-khtml-opacity: 0.7;  /* Safari 1.x, 他khtmlに対応したブラウザ用  */ 
	opacity: 0.7; /* Firefox 1.5以上, Opera, Safari用 */ 
}


/* 英語版ページのみ */
#rightContents #menu{
	width:216px;
	margin:15px 0 0 0;
	padding:5px 5px;
	border:solid 3px #ccc;
}


/* 【下部】携帯サイト、機能評価、臨床研修病院、地域医療支援病院等のコンテンツ */
#topics {
	width:760px;
	height:77px;
	margin:0 auto;
	padding:9px 0;
	background:url(../img/top/topics_bk01.jpg) no-repeat 0 0;
}

#topics ul{
	width:730px;
	height:77px;
	margin:0 auto 15px;
	padding:0;
	list-style:none;
}

#topics ul li{
	float:left;
	width:183px;
	margin:0;
	padding:0;
}


#topics ul li a:hover img{
	filter:alpha(opacity=60);/* IE7以下用 */ 
	-ms-filter: "alpha(opacity=60)"; /* IE8用 */ 
	-moz-opacity:0.6; /* Firefox 1.5未満, Netscape用 */ 
	-khtml-opacity: 0.6;  /* Safari 1.x, 他khtmlに対応したブラウザ用  */ 
	opacity: 0.6; /* Firefox 1.5以上, Opera, Safari用 */ 
}

#topics ul li.Lmargin{
	width:179px;
}

#gaibu{
	width:760px;
	margin:15px auto;
	height:53px;
	padding:0;
	background:url(../img/top/gaibu.jpg) no-repeat 0 0;
	
}

#gaibu ul{
	width:730px;
	height:35px;
	margin:0 auto;
	padding:9px 0 0 0;
	list-style:none;
}
#gaibu ul li{
	float:left;
	width:360px;
	margin:0;
	padding:0;
}


#gaibu ul li a:hover img{
	filter:alpha(opacity=60);/* IE7以下用 */ 
	-ms-filter: "alpha(opacity=60)"; /* IE8用 */ 
	-moz-opacity:0.6; /* Firefox 1.5未満, Netscape用 */ 
	-khtml-opacity: 0.6;  /* Safari 1.x, 他khtmlに対応したブラウザ用  */ 
	opacity: 0.6; /* Firefox 1.5以上, Opera, Safari用 */ 
}


/* ----------------------------------------
余白の設定（h2のmargin-top）
---------------------------------------- */
#leftContents #forDrNs h2,
#leftContents #newsTopics h2,
#leftContents #departList h2,
#rightContents #inquiry h2,
#rightContents #consultTime h2,
#rightContents #services h2,
#rightContents #recruit h2,
#rightContents #departBox h2,
#topics{
	margin-top:15px;
}

#rightContents #consultTime h2{
	margin-top:10px;/* このh2のみ上マージンが異なる。 */
}