﻿@charset "utf-8";

/************************** 

レジナビサイトCSS
病院情報ポップアップ

**************************/
html {
	height: auto;
}

body {
	height: auto;
	border-top: 5px solid #3295CE;
	border-bottom: 5px solid #3295CE;
	background-image: none;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/**************************
	
コンテナ
	
**************************/
div#container {
	width: 760px;
	height: auto;
	margin: 0 auto;
	padding: 0 0 50px;
	text-align: left;
}

div#container:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#contentsWrapper {
	width: 758px;
	height: auto;
	margin: 0;
	padding: 0;
	clear: both;
	border: 1px solid #DDD;
}

div#contentsWrapper:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/**************************
	
ヘッダー
	
**************************/
div#header {
	position: static;
	width: 760px;
 	height: 75px;
 	margin: 0 0 5px;
 	padding: 10px 0 0;
	border: 0;
}

div#header h1 {
	width: 144px;
	height: 71px;
	margin: 0;
	padding: 0 0 0 5px;
	float: left;
}

div#header ul {
	width: 230px;
	height: auto;
	margin: 45px 0 0 0;
	padding: 0;
	float: right;
}

/* IE5～6のみ適用 */
* html div#header ul {
	width: 230px;
}

/* IE7のみ適用 */
*:first-child+html div#header ul {
	width: 230px;
} 

div#header ul li {
	width: auto;
	height: auto;
	margin: 0 0 0 4px;
	padding: 0;
	float: right;
}


/**************************
	
病院名（メインタイトル）
	
**************************/
div#contentsWrapper div#hospName {
	width: 728px;
	height: auto;
	margin: 0;
	padding: 6px 15px 4px;
	line-height: 1.1;
	background: #0176BB url(../image/hospital/common/h1_bg.jpg) repeat-x 0 0;
	clear: both;
}

div#hospName:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#hospName h1 {
	width: 550px;
	height: auto;
	margin: 2px 0 0;
	padding: 0;
	line-height: 1.2;
	font-size: 17px;
	float: left;
	color: #FFF;
	font-weight: bold;
}

div#hospName ul {
	width: auto;
	height: auto;
	margin: 2px 0 0;
	padding: 0;
	float: right;
}

div#hospName ul li {
	width: auto;
	height: auto;
	margin: 0 0 5px;
	padding: 0;
	line-height: 1.1;
	color: #FFF;
	text-align: right;
	font-size: 95%;
}

div#hospName ul li.left {
	text-align: left;
}

div#hospName p {
	margin: 5px 0 0;
	color: #FFF;
	text-align: left;
	font-size: 80%;
	line-height: 1.1;
	margin: 5px 0 0 0.5em;
}

/* IE5縲鰀6のみ適用 */
* html div#hospName ul li {
	margin-bottom: 3px;
}

/* IE7のみ適用 */
*:first-child+html div#hospName ul li {
	margin-bottom: 3px;
} 



/**************************
	
アイコンリスト
インデックスリスト
	
**************************/
div#contentsWrapper ul.iconList {
	width: auto;
	height: 1em;
	margin: 0;
	padding: 15px 20px 20px 14px;
	clear: both;
}

div#contentsWrapper ul.iconList:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* IE5～6のみ適用 */
* html div#contentsWrapper ul.iconList {
	margin-top: 0;
	margin-bottom: -5px;
	padding-left: 10px;
}

div#contentsWrapper ul.iconList li {
	width: auto;
	height: auto;
	margin: 0 0 0 6px;
	padding: 0;
	float: left;
}

/* インデックスリスト */
div#contentsWrapper ul.indexList {
	width: 720px;
	height: auto;
	margin: 0 auto 1em;
	padding: 0;
	clear: both;
}

div#contentsWrapper ul.indexList li {
	margin: 0 0 0 0.5em;
}

div#contentsWrapper ul.indexList li a {
	font-weight: bold;
}


/**************************
	
ナビゲーション
	
**************************/
/* 病院情報TOP（4項目 旧メニュー）
div#contentsWrapper ul#naviTop {
	width: 720px;
	height: 33px;
	margin: 0 auto;
	padding: 0;
	clear: both;
	background: transparent url(../image/hospital/common/navitop_list_bg.jpg) no-repeat 0 0;
}

ul#naviTop li {
	width: 180px;
	height: 33px;
	margin: 0;
	padding: 0;
	float: left;
}

ul#naviTop li a {
	position: relative;
	width: 180px;
	height: 33px;
	margin: 0;
	padding: 0;
	display: block;
	text-decoration: none;
	font-size: 10px;
	overflow: hidden;
	cursor: pointer;
}

ul#naviTop li a span {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: transparent url(../image/hospital/common/navi_list_4col.jpg) no-repeat 0 0;
}

ul#naviTop li#hospData a span {
	background-position: 0 0;
}

ul#naviTop li#hospDataON a span {
	background-position: 0 -33px;
}

ul#naviTop li#hospData a:hover span {
	background-position: 0 -33px;
}

ul#naviTop li#earlry a span {
	background-position: -180px 0;
}

ul#naviTop li#earlryON a span {
	background-position: -180px -33px;
}

ul#naviTop li#earlry a:hover span {
	background-position: -180px -33px;
}

ul#naviTop li#latter a span {
	background-position: -360px 0;
}

ul#naviTop li#latterON a span {
	background-position: -360px -33px;
}

ul#naviTop li#latter a:hover span {
	background-position: -360px -33px;
}

ul#naviTop li#inquiry a span {
	background-position: -540px 0;
}

ul#naviTop li#inquiryON a span {
	background-position: -540px -33px;
}

ul#naviTop li#inquiry a:hover span {
	background-position: -540px -33px;
}
（4項目 旧メニュー）*/

/* ４項目ナビ*/
div#contentsWrapper ul#navi4col {
	width: 720px;
	height: 33px;
	margin: 0 auto;
	padding: 0;
	clear: both;
	background: transparent url(../image/hospital/common/navi_list_bg_4col.jpg) no-repeat 0 0;
}

ul#navi4col li {
	width: 180px;
	height: 33px;
	margin: 0;
	padding: 0;
	float: left;
}

ul#navi4col li a {
	position: relative;
	width: 180px;
	height: 33px;
	margin: 0;
	padding: 0;
	display: block;
	text-decoration: none;
	font-size: 10px;
	overflow: hidden;
	cursor: pointer;
}

ul#navi4col li a span {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: transparent url(../image/hospital/common/navi_list_4col.jpg) no-repeat 0 0;
}

ul#navi4col li#hospData a span {
	background-position: 0 0;
}

ul#navi4col li#hospDataON a span {
	background-position: 0 -33px;
}

ul#navi4col li#hospData a:hover span {
	background-position: 0 -33px;
}

ul#navi4col li#earlry a span {
	background-position: -180px 0;
}

ul#navi4col li#earlryON a span {
	background-position: -180px -33px;
}

ul#navi4col li#earlry a:hover span {
	background-position: -180px -33px;
}

ul#navi4col li#latter a span {
	background-position: -360px 0;
}

ul#navi4col li#latterON a span {
	background-position: -360px -33px;
}

ul#navi4col li#latter a:hover span {
	background-position: -360px -33px;
}

ul#navi4col li#inquiry a span {
	background-position: -540px 0;
}

ul#navi4col li#inquiryON a span {
	background-position: -540px -33px;
}

ul#navi4col li#inquiry a:hover span {
	background-position: -540px -33px;
}

ul#navi4col li a.disable, ul#navi li a.disable {
	display: none;
}

/* ５項目ナビ*/
div#contentsWrapper ul#navi5col {
	width: 720px;
	height: 33px;
	margin: 0 auto;
	padding: 0;
	clear: both;
	background: transparent url(../image/hospital/common/navi_list_bg_5col.jpg) no-repeat 0 0;
}

ul#navi5col li {
	width: 144px;
	height: 33px;
	margin: 0;
	padding: 0;
	float: left;
}

ul#navi5col li a {
	position: relative;
	width: 144px;
	height: 33px;
	margin: 0;
	padding: 0;
	display: block;
	text-decoration: none;
	font-size: 10px;
	overflow: hidden;
	cursor: pointer;
}

ul#navi5col li a span {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: transparent url(../image/hospital/common/navi_list_5col.jpg) no-repeat 0 0;
}

ul#navi5col li#hospData a span {
	background-position: 0 0;
}

ul#navi5col li#hospDataON a span {
	background-position: 0 -33px;
}

ul#navi5col li#hospData a:hover span {
	background-position: 0 -33px;
}

ul#navi5col li#earlry a span {
	background-position: -144px 0;
}

ul#navi5col li#earlryON a span {
	background-position: -144px -33px;
}

ul#navi5col li#earlry a:hover span {
	background-position: -144px -33px;
}

ul#navi5col li#latter a span {
	background-position: -288px 0;
}

ul#navi5col li#latterON a span {
	background-position: -288px -33px;
}

ul#navi5col li#latter a:hover span {
	background-position: -288px -33px;
}

ul#navi5col li#comment a span {
	background-position: -432px 0;
}

ul#navi5col li#commentON a span {
	background-position: -432px -33px;
}

ul#navi5col li#comment a:hover span {
	background-position: -432px -33px;
}

/***************************************
↓2012.2.1 一時非表示

ul#navi li#library a span {
	background-position: -432px 0;
}

ul#navi li#libraryON a span {
	background-position: -432px -33px;
}

ul#navi li#library a:hover span {
	background-position: -432px -33px;
}

↑2012.2.1 一時非表示
***************************************/

ul#navi5col li#inquiry a span {
	background-position: -576px 0;
}

ul#navi5col li#inquiryON a span {
	background-position: -576px -33px;
}

ul#navi5col li#inquiry a:hover span {
	background-position: -576px -33px;
}

ul#navi5col li a.disable, ul#navi li a.disable {
	display: none;
}

/* ６項目ナビ 症例ライブラリ有 2012.2.1一時非表示 */
div#contentsWrapper ul#naviLatter {
	width: 720px;
	height: 33px;
	margin: 0 auto;
	padding: 0;
	clear: both;
	background: transparent url(../image/hospital/common/navi_list_bg_6col.jpg) no-repeat 0 0;
}

ul#naviLatter li {
	width: 120px;
	height: 33px;
	margin: 0;
	padding: 0;
	float: left;
}

ul#naviLatter li a {
	position: relative;
	width: 120px;
	height: 33px;
	margin: 0;
	padding: 0;
	display: block;
	text-decoration: none;
	font-size: 10px;
	overflow: hidden;
	cursor: pointer;
}

ul#naviLatter li a span {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: transparent url(../image/hospital/common/navi_list_6col.jpg) no-repeat 0 0;
}

ul#naviLatter li#hospData a span {
	background-position: 0 0;
}

ul#naviLatter li#hospDataON a span {
	background-position: 0 -33px;
}

ul#naviLatter li#hospData a:hover span {
	background-position: 0 -33px;
}

ul#naviLatter li#earlry a span {
	background-position: -120px 0;
}

ul#naviLatter li#earlryON a span {
	background-position: -120px -33px;
}

ul#naviLatter li#earlry a:hover span {
	background-position: -120px -33px;
}

ul#naviLatter li#latter a span {
	background-position: -240px 0;
}

ul#naviLatter li#latterON a span {
	background-position: -240px -33px;
}

ul#naviLatter li#latter a:hover span {
	background-position: -240px -33px;
}

ul#naviLatter li#library a span {
	background-position: -360px 0;
}

ul#naviLatter li#libraryON a span {
	background-position: -360px -33px;
}

ul#naviLatter li#library a:hover span {
	background-position: -360px -33px;
}

ul#naviLatter li#comment a span {
	background-position: -480px 0;
}

ul#naviLatter li#commentON a span {
	background-position: -480px -33px;
}

ul#naviLatter li#comment a:hover span {
	background-position: -480px -33px;
}

ul#naviLatter li#inquiry a span {
	background-position: -600px 0;
	width: 130px;
}

ul#naviLatter li#inquiryON a span {
	background-position: -600px -33px;
		width: 130px;
}

ul#naviLatter li#inquiry a:hover span {
	background-position: -600px -33px;
	padding:0 2px 0 0;
}

ul#naviLatter li a.disable, ul#navi li a.disable {
	display: none;
}


/**************************
	
後期研修情報マウスオン表示領域
	
**************************/
div#contentsWrapper div.subLatter {
	position: relative;
	width: 720px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	display: none;	
}

div#contentsWrapper div.subLatter:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* 上部ナビ用 */
div#contentsWrapper div#subLatterUpperTop {
	padding-top: 11px;	
	background: transparent url(../image/hospital/common/sub_latter_bg.jpg) no-repeat 445px 0;
}

div#contentsWrapper div#subLatterUpper {
	padding-top: 11px;	
	background: transparent url(../image/hospital/common/sub_latter_bg.jpg) no-repeat 358px 0;
}

/* 下部ボタン用 */
div#contentsWrapper div#subLatterLower {
	padding-top: 20px;	
	background: transparent url(../image/hospital/common/seminar_info_bg.jpg) no-repeat 565px 0;
}

/* 閉じるボタン */
div#contentsWrapper div.subLatter p.btnSubClose {
	width: 13px;
	height: 13px;
	margin: 0;
	padding: 0;
}

div#subLatterUpper p.btnSubClose, div#subLatterUpperTop p.btnSubClose {
	position: absolute;
	right: 5px;
	top: 17px;
}

div#contentsWrapper div#subLatterLower p.btnSubClose {
	position: absolute;
	right: 5px;
	top: 26px;
}

div#contentsWrapper div.subLatter ul {
	width: 688px;
	height: auto;
	margin: 0;
	padding: 10px 15px 5px;
}

/* IE5～6のみ適用 */
* html div#contentsWrapper div.subLatter ul {
	padding-bottom: 10px;
}

/* IE7のみ適用 */
*:first-child+html div#contentsWrapper div.subLatter ul {
	padding-bottom: 10px;
} 

div#subLatterUpper ul, div#subLatterUpperTop ul {
	background-color: #F3FAFE;
	border: 1px solid #007AC2;
}

div#contentsWrapper div#subLatterLower ul {
	background-color: #F4F4F4;
	border: 1px solid #8C8C8C;
}

div#contentsWrapper div.subLatter ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#contentsWrapper div.subLatter ul li {
	width: 12em;
	height: auto;
	margin: 0 1.5em 0.8em 0;
	padding: 0;
	float: left;	
	/*border-right: 1px solid #999;*/
	line-height: 1.3;
}

/* IE5～6のみ適用 */
* html div#contentsWrapper div.subLatter ul li {
	width: 12em;
}

/* IE7のみ適用 */
*:first-child+html div#contentsWrapper div.subLatter ul li {
	width: 12em;
} 

div#contentsWrapper div.subLatter ul li a {
	font-weight: normal;
	text-decoration: underline;
}

div#contentsWrapper div.subLatter ul li a:hover {
	text-decoration: none;
}

/* パンくずリスト */
div#topicPath {
	width: 620px;
	height: 17px;
	margin: 0 0 15px 0;
	padding: 4px 0 4px 10px;
	background-color: #EEE;
}

div#topicPath p {
	margin: 0;
	padding: 0;
	color: #888;
	font-size: 11px;
	line-height: 1.1;
}


/**************************
	
コンテンツ
	
**************************/
div#contents {
	position: relative;
	width: 720px;
	height: auto;
	margin: 20px auto 0;
	padding: 0;
	clear: both;
}

div#contents:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* 共通項目リスト */
div#contents div.detailList {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	clear: both;
}

div#contents div.detailList dl {
	width: auto;
	height: auto;
	margin: 2px 0 15px 5px;
	padding: 0.4em 0 0;
	line-height: 1.4;
	/*\*/
	min-height: 1px;
	_height: 1%;
	/* */

	/*\*//*/
	overflow: hidden;
	/**/
}

div#contents div.detailList dl:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#contents div.detailList dl dt {
	width: auto;
	height: auto;
	margin: 0 0 0.2em 0;
	margin-right: -11em;
	padding: 0;
	float: left;
	clear: left;
	font-weight: bold;
}

div#contents div.detailList dl dt.clear {
	margin-bottom: 0.5em;
	float: none;
	clear: both;
}

div#contents div.detailList dl dt.indent {
	padding: 0;
	font-weight: normal;
	text-indent: 0;
}

div#contents div.detailList dl dt.divide {
	margin-top: 40px;
}

div#contents div.detailList dl dd {
	width: auto;
	height: auto;
	margin: 0 0.5em 0.4em;
	padding: 0 0 0.3em 11em;
	border-bottom: 1px dotted #CCC;
	clear: right;
}

div#contents div.detailList dl dd.low {
	margin-bottom: 0.2em;
	border: 0;
}

div#contents div.detailList dl dd.divide {
	margin-top: 40px;
}

div#contents div.detailList dl dd table.noborder {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	border: 0;
	clear: none;
}

div#contents div.detailList dl dd table.noborder td {
	margin: 0;
	padding: 0 10px 0 0;
	text-align: left;
	border: 0;
}

div#contents div.detailList dl dd table.noborder td.bottom {
	vertical-align: bottom;
}

div#contents div.clearCol div.detailList dl dd.clearTb {
	width: auto;
	height: auto;
	margin: 0 0 0.8em;
	padding: 0 0 1.5em 0;
}

div#contents div.clearCol div.detailList dl dd.clearTb table td.left {
	text-align: left;
}

div#contents div.clearCol div.detailList dl dd.clearTbNoborder {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	border-bottom: 0;
}


/**************************
	
科目テーブル
	
**************************/
div#contentsWrapper table {
	width: auto;
	height: auto;
	margin: 5px auto 0;
	padding: 0;
	border-top: 3px solid #007AC2;
	border-collapse: collapse;
	clear: both;
}

div#contentsWrapper table th {
	margin: 0;
	padding: 5px;
	text-align: center;
	border: 1px solid #D6D6D6;
	background-color: #F4F4F4;
	line-height: 1.3;
	font-weight: bold;
	vertical-align: middle;
}

div#contentsWrapper table th.alLeft, div#contentsWrapper table td.alLeft {
	text-align: left;
	padding-left: 1em;
	vertical-align: top;
}

div#contentsWrapper table th.dark {
	background-color: #EEE;
}

div#contentsWrapper table td {
	margin: 0;
	padding: 5px 3px;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #D6D6D6;
	line-height: 1.4;
}

div#contentsWrapper table tr.colored td {
	background-color: #F4F4F4;
}


/* ページ内ジャンプ用リンク
div#contents div.pagetop {
	width: auto;
	margin: 20px 0 0;
	padding: 0;
	clear: both;
}

div#contents div.pagetop a {
	width: 100px;
	height: auto;
	margin: 0;
	padding: 0 0 0 10px;
	text-decoration: none;
	font-size: 11px;
	line-height: 1.0;
	color: #666;
	float: right;
	background: transparent url(../images/common/arrow05.gif) no-repeat 0 2px;
	display: block;
}

div#rightCol div.pagetop a:hover, div#rightCol div.pagetop a:visited:hover {
	color: #999;
	text-decoration: underline;
}
*/

/*---------- フッター ----------*/
div#footer {
	width: 720px;
	height: auto;
	margin: 20px auto 0;
	padding: 0;
	clear: both;
}

div#footer p#btnInquiry {
	width: 128px;
	height: 24px;
	margin: 0 auto 0;
	padding: 0;
	clear: both;
}

div#footer p#btnClose {
	width: auto;
	height: 17px;
	margin: 25px auto 15px;
	padding: 0;
	clear: both;
}

div#footer p#btnClose a {
	width: auto;
	height: 17px;
	margin: 0;
	padding: 0 20px 0 0;
	font-size: 95%;
	color: #444;
	line-height: 1.4;
	display: block;
	background: transparent url(../image/hospital/common/close.gif) no-repeat right top;
	text-align: right;
}

div#footer address {
	display: none;
}



/* 各ページごとのスタイル */
/*------------------------------

病院情報TOP  hospital.htm

------------------------------*/
div#leftCol {
	width: 250px;
	height: auto;
	margin: 0;
	padding: 0;
	float: left;
}

div#leftCol p.hospPhoto {
	width: 250px;
	height: 167px;
	margin: 0 0 5px 0;
	padding: 0;
}

div#leftCol ol {
	width: auto;
	height: auto;
	margin: 0 2px 0 0;
	padding: 0;
	list-style: none;
	float: right;
}

div#leftCol ol li {
	width: auto;
	height: 12px;
	margin: 0 0 0 0.5em;
	padding: 0 0.5em 0 0;
	list-style: none;
	float: left;
	border-right: 1px solid #999;
	line-height: 1.1;
}

div#rightCol {
	width: 455px;
	height: auto;
	margin: 0;
	padding: 0;
	float: right;
}

div#rightCol div.detailList {
	width: 455px;
	height: auto;
	margin: 0;
	padding: 0;
	clear: both;
}

div#rightCol ul#ulSeminarInfo {
	width: auto;
	height: 39px;
	margin: 0 auto;
	padding: 0;
	clear: both;
}

ul#ulSeminarInfo li {
	width: 199px;
	height: 39px;
	margin: 0 7px 0 0;
	padding: 0;
	float: left;
}

ul#ulSeminarInfo li a {
	position: relative;
	width: 199px;
	height: 39px;
	margin: 0;
	padding: 0;
	display: block;
	text-decoration: none;
	font-size: 10px;
	overflow: hidden;
	cursor: pointer;
}

ul#ulSeminarInfo li a span {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: transparent url(../image/hospital/common/seminar_info_list.jpg) no-repeat 0 0;
}

ul#ulSeminarInfo li#btnEarly a span {
	background-position: 0 0;
}

ul#ulSeminarInfo li#btnEarly a:hover span {
	background-position: -199px 0;
}

ul#ulSeminarInfo li#btnLatter a span {
	background-position: 0 -39px;
}

ul#ulSeminarInfo li#btnLatter a:hover span {
	background-position: -199px -39px;
}

div#contentsWrapper .toLibrary {
	margin:50px 18px 0 0;
	text-align:right;
}

div#contentsWrapper div.tbWrapper {
	width: auto;
	height: auto;
	margin: 30px 0 40px;
	padding: 0;
}

div#contentsWrapper div.tbWrapper table {
	width: 720px;
}

div#contentsWrapper div.tbWrapper table th {
	width: 90px;
}

div#contentsWrapper div.tbWrapper table td.left {
	text-align: left;
}

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

初期研修  early.htm
後期研修  latter_h.htm
症例ライブラリ　library.htm

------------------------------*/
div#contents div#message {
	width: 700px;
	height: auto;
	margin: 0 auto 1.5em;
	padding: 0;
	clear: both;
	color: #333;
}

div#contents div#message p {
	line-height: 1.6;
}

div#contents ul#hospPhotoList {
	width: 670px;
	height: auto;
	margin: 0 auto 20px;
	padding: 0;
	clear: both;
}

div#contents ul#hospPhotoList:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#contents ul#hospPhotoList li {
	width: 300px;
	height: auto;
	margin: 0;
	padding: 0;
	float: left;
}

div#contents ul#hospPhotoList li.right {
	float: right;
}

div#contents ul#hospPhotoList li dl {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
}

div#contents ul#hospPhotoList li dl dt {
	width: 300px;
	height: 200px;
	margin: 0 0 0.3em;
	padding: 0;
}

div#contents ul#hospPhotoList li dl dd {
	width: 80%;
	height: auto;
	margin: 0;
	padding: 0;
	float: left;
	font-size: 95%;
}

div#contents ul#hospPhotoList li dl dd.index {
	width: 20%;
	height: auto;
	float: right;
}

div#contents ul#hospPhotoList li dl dd.index ol {
	width: auto;
	height: auto;
	margin: 0 2px 0 0;
	padding: 0;
	list-style: none;
	float: right;
}

div#contents ul#hospPhotoList li dl dd ol li {
	width: auto;
	height: 12px;
	margin: 0 0 0 0.5em;
	padding: 0 0.5em 0 0;
	list-style: none;
	float: left;
	border-right: 1px solid #999;
	line-height: 1.1;
}

div#contents div.description {
	width: 676px;
	height: auto;
	margin: 0 auto 30px;
	padding: 15px 10px;
	clear: both;
	background-color: #F3FAFE;
	border: 1px solid #007AC3;
	line-height: 1.5;
}

div#contents div.description h2 {
	width: auto;
	height: auto;
	margin: 0 0 0.6em;
	padding: 0 0 0.1em;
	clear: both;
	border-bottom: 2px dotted #007AC3;
	font-size: 15px;
	color: #015CAB;
}

div#contents div.description dl {
	width: auto;
	height: auto;
	margin: 0 0.5em 2em;
	padding: 0;
	clear: both;
}

div#contents div.description dl dt {
	width: auto;
	height: auto;
	margin: 0 0 0.2em;
	padding: 0;
	font-weight: bold;
}

div#contents div.description dl dd {
	width: auto;
	height: auto;
	margin: 0 0 0.6em;
	padding: 0;
}

div#contents div.clearCol div.detailList {
	width: 700px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	clear: both;
}

div#contents div.clearCol div.detailList dd {
	padding-left: 19em;
}

/*↓2010.02.19追加*/

div#contents div.description ul {
	margin: 0 0 0 15px;
	height: auto;
	width: 660px;
}

div#contents div.description ul li {
	float:left;
	margin: 3px 20px 0 0;
	white-space: nowrap;
}

div#contents div.clearCol div.detailList .subject {
	height:20px;
	width: 695px;
	margin: 0 auto 0 auto;
}

div#contents div.clearCol div.detailList .subject h2 {
	float:left;
	margin-right:20px;
	font-size: 18px;
}

div#contents div.clearCol div.detailList .subject .member {
	float:left;
	margin-top:7px;
	margin-left:7px;
	vertical-align: bottom;
}

div#contents div.clearCol div.detailList .subject .date {
	float:right;
	margin:7px 0 0 15px;
}

div#contents div.clearCol div.detailList table td.left {
	text-align: left;
}

div#contents div.clearCol div.detailList table.library {
	margin-bottom:30px;
}

/*ページTOPへ*/
div#contents div.clearCol .pagetop {
	text-align:right;
	margin:8px 3px 0 0;
}

/*↑2010.02.19追加*/

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

コメント  comment.htm

------------------------------*/
div#contents div.commentArticle {
	width: 700px;
	height: auto;
	margin: 0 auto 1.5em;
	padding: 0 0 1em;
	clear: both;
	color: #333;
	border-bottom: 1px dotted #999;
}

div#contents div.noborder {
	border-bottom: 0;
}

div.commentArticle h2 {
	width: auto;
	height: auto;
	margin: 0 0 0.5em;
	padding: 0;
	font-size: 16px;
}

div.commentArticle dl {
	width: auto;
	height: auto;
	margin: 0 0 1.0em 0;
	padding: 0;
	float: left;
}

div.commentArticle dl.intro dt {
	width: auto;
	height: auto;
	margin: 0 0 0.1em;
	padding: 0;
	font-weight: bold;
	font-size: 105%;
}

div.commentArticle dl.intro dd {
	width: auto;
	height: auto;
	margin: 5px 0 0;
	padding: 0;
	float: left;
}

div.commentArticle dl.intro dd.button {
	width: 150px;
	margin: 0 0 0 10px;
}

div.commentArticle p {
	width: auto;
	height: auto;
	margin: 0 0 0.5em;
	padding: 0;
	clear: left;
}

div.commentArticle p.text {
	width: 540px;
	margin-bottom: 1em;
}

div.commentArticle p.photo {
	width: 150px;
	float: right;
	text-align: right;
	clear: right;
}

/* IE5～6のみ適用 */
* html .ie_clear {
	clear:both;
}

