@charset "UTF-8";
/* CSS Document */
/*===================================================
	土台作成用CSS
===================================================*/

/*//////////////////////////////////////////////////
	Base set
///////////////////////////////////////////////////*/
/* --------------------------------------------------
	1. HTML, Body, Anchor, Clearfix
-------------------------------------------------- */
* {
			box-sizing: border-box;
	    -ms-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

html, body {
	width:100%;
	height:100%;
}

body {
	font-family: HiraKakuPro-W3, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 14px;
	line-height: 1.6;
	word-break: break-all;
	text-align: left;
	color: #444;
	background-color: #FFF;
	word-break: normal;
	border-top: solid 4px #32ADEC;
}

/*リンク*/
a {
	color: #253F5D;
}
a:link {
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}

/*float解除*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}

/*//////////////////////////////////////////////////
	Base layout
///////////////////////////////////////////////////*/
/* --------------------------------------------------
	1. header
-------------------------------------------------- */
/*ヘッダー*/
header {
	width: 960px;
	margin: 30px auto 28px;
	position: relative;
	overflow: hidden;
}

/*ロゴ*/
header h1 {
	float: left;
	line-height: 0;
}

/* 文字サイズ変更、研究所リンク、電話番号を含むbox */
header .headerWrap {
	float: right;
}

/* 文字サイズ変更 */
header .fontBox {
	float: left;
	clear: both;
	margin: 13px 30px 0 0;
}
	header .fontBox * {
		float: left;
	}

	header .fontBox img {
		margin-right: 2px;
	}

	header .fontBox li {
		width: 50px;
		line-height: 25px;
		text-align: center;
		font-size: 13px;
		font-weight: bold;
		cursor: pointer;
		border: solid 1px #CCC;
		background: url("../../image/main/common/header_font_bg.png") repeat-x;
	}
		header .fontBox li:nth-child(1) {
			border-radius: 4px 0 0 4px;
		}
		header .fontBox li:nth-child(2) {
			border-radius: 0 4px 4px 0;
		}

	header .fontBox li.selected {
		background: #48B0E5;
		border-color:#33ADEC;
		color: #FFF;
	}

/* 住所＆電話番号 */
header address {
	float: left;
}

/* --------------------------------------------------
	2. グローバルナビ
-------------------------------------------------- */
#gNav {
	width: 100%;
	background-color: #FFF;
	border-bottom: solid 1px #DDD;
}
	#gNav > ul {
		width: 960px;
		margin: 0 auto;
	}
		#gNav > ul > li {
			height: 49px;
			float: left;
			position: relative;
			background-position: left top;
			background-repeat: no-repeat;
		}
		#gNav > ul .gNav01 {
			width: 139px;
			background-image: url("../../image/main/common/header_nav01.png");
		}
		#gNav > ul .gNav02 {
			width: 160px;
			background-image: url("../../image/main/common/header_nav02.png");
		}
		#gNav > ul .gNav03 {
			width: 220px;
			background-image: url("../../image/main/common/header_nav03.png");
		}
		#gNav > ul .gNav04 {
			width: 160px;
			background-image: url("../../image/main/common/header_nav04.png");
		}
		#gNav > ul .gNav05 {
			width: 140px;
			background-image: url("../../image/main/common/header_nav05.png");
		}
		#gNav > ul .gNav06 {
			width: 141px;
			background-image: url("../../image/main/common/header_nav06.png");
		}
			#gNav > ul > li > a {
				display: block;
				width: 100%;
				height: 100%;
				text-indent: -100%;
				white-space: nowrap;
				overflow: hidden;
			}
			#gNav > ul > li:hover,
			#gNav > ul > li.nowNode {
				background-position: left bottom;
			}
			#gNav > ul > li:hover > a {
				width: 240px;
				height: 59px;
			}

/* ドロップダウンメニュー */
#gNav .inNav {
	width: 240px;
	position: absolute;
	top: 50px;
	z-index: 1000;
	display: none;
	background: rgba(36, 63, 95, 0.9);
	/*IE8以下用*/
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99243F5E,EndColorStr=#99243F5E);
}
/* 交通アクセスのメニューの表示位置 */
#gNav .gNav06 .inNav {
	left: -98px;
}

	#gNav .inNav li {
		border-bottom: solid 1px #61758A;
		background: url("../../image/main/common/icon_arrow03.png") 20px center no-repeat;
		transition: 0.5s;
		position: relative;
	}
			#gNav .inNav li:hover {
				background-color: #67B0F9;
				border-bottom-color: #67B0F9;
			}

		#gNav .inNav li a {
			color: #FFF;
			padding-left: 33px;
			line-height: 41px;
			display: block;
			text-decoration: none;
		}
		/*シャトルバスのご案内用*/
		#gNav .inNav li.twoLines > a {
			line-height: 1.5;
		}

	/* 入れ子部分 */
	#gNav .inNav .inNav {
		position:absolute;
		top: 0;
		left: 239px;
	}
		#gNav .inNav .inNav li {
			border-left: none;
		}

/* --------------------------------------------------
	3. main
-------------------------------------------------- */
/* コンテンツ全体を覆う */
#cntnt {
	width: 960px;
	margin: 0 auto;
}
	/* 左側メイン */
	#cntnt article#main {
		width: 660px;
		float: left;
	}

/* --------------------------------------------------
	4. サイドメニュー
-------------------------------------------------- */
#sideCntnt {
	width: 260px;
	float: right;
}

/* 診療受付時間 */
#sideCntnt aside .receptionTime {
	background-color: #F9F9F9;
	border: solid 2px #EEE;
	border-radius: 5px;
	padding: 20px 8px 15px;
	margin-bottom: 30px;
	text-align: center;
}
	#sideCntnt aside .receptionTime h2 + p {
		margin: 10px 0 17px;
	}
	
#sideCntnt aside .receptionTime table {
	width: 100%;
	border: solid 1px #CCC;
	background-color: #FFF;
	margin-bottom: 10px;
	font-size: 12px;
}
	#sideCntnt aside .receptionTime caption {
		margin-bottom: 7px;
	}

	#sideCntnt aside .receptionTime th,
	#sideCntnt aside .receptionTime td {
		border-top: solid 1px #CCC;
		border-left: dotted 1px #CCC;
		height: 20px;
		vertical-align: middle;
		text-align: center;
	}
	#sideCntnt aside .receptionTime th:first-child {
		width: 85px;
		text-align: left;
		padding-left: 25px;
		font-size: 13px;
		border-left: none;
	}
	#sideCntnt aside .receptionTime tr:first-child th:first-child {
		text-align: center;
		padding-left: 0;
		font-size: 12px;
	}
	
	#sideCntnt aside .receptionTime th:first-child + th,
	#sideCntnt aside .receptionTime th:first-child + td {
		border-left-style: solid;
	}

	/* 午前は○、午後は●の画像を表示 */
	#sideCntnt aside .receptionTime td {
		width: 22px;
	}

	#sideCntnt aside .receptionTime tr.morn td,
	#sideCntnt aside .receptionTime tr.after td {
		text-align: left;
		text-indent: -9999px;
		white-space: nowrap;
		overflow: hidden;
	}

	#sideCntnt aside .receptionTime tr.morn td {
		background: url("../../image/main/common/sideCntnt_icon01.png") center center no-repeat;
	}
	#sideCntnt aside .receptionTime tr.after td {
		background: url("../../image/main/common/sideCntnt_icon02.png") center center no-repeat;
	}

	/* 休診日はハイフン表示 */
	#sideCntnt aside .receptionTime tr td.closure {
		font-size: 12px;
		text-indent: 0;
		text-align: center;
		background: none;
	}

	/* 休診 */
	#sideCntnt aside .receptionTime aside p {
		font-size: 12px;
		margin: 3px 0 20px;
		text-align: left;
	}
	#sideCntnt aside .receptionTime aside p:before {
		content: "※";
	}
	
	/* 外来受付の補足事項 */
	#sideCntnt aside .receptionTime .noteBox {
		padding: 5px 5px 15px;
		border-top: solid 1px #DDD;
		text-align: left;
	}
	#sideCntnt aside .receptionTime .noteBox strong {
		font-weight: bold;
	}
		#sideCntnt aside .receptionTime .noteBox strong strong {
			color:#EE2E2B;
		}

/* バナー */
#sideCntnt aside .banner {
	line-height: 1;
}
	#sideCntnt aside .banner li {
		margin-bottom: 7px;
		text-align: center;
	}

#sideCntnt aside .juxtFac {
	margin: 26px 0 28px;
}
	#sideCntnt aside .juxtFac p {
		margin-bottom: 8px;
	}
	

/* --------------------------------------------------
	5. footer
-------------------------------------------------- */
footer {
	margin-top: 80px;
	background-color: #F5FBFE;
	padding-top: 28px;
	overflow: hidden;
}
		/* バナー＆ページトップへ */
		footer .footerTop {
			width: 860px;
			margin: 0 auto;
			text-align: center;
		}
			footer .footerTop .footBnr {
				width: 850px;
				margin: 22px auto 60px;
			}
				footer .footerTop .footBnr li {
					display: inline-block;
				}
				footer .footerTop .footBnr li:first-child {
					margin-right: 50px;
				}

			/* ページトップ */
			footer .footerTop .pageTop {
				width: 60px;
				height: 60px;
				background: url("../../image/main/common/pagetop.png") left center no-repeat;
				position: fixed;
				z-index: 10;
				bottom: 105px;
				right: 30px;
				text-align: left;
			}
				footer .footerTop .pageTop a {
					display: block;
					width: 100%;
					height: 100%;
					text-indent: 100%;
					white-space: nowrap;
					overflow: hidden;
				}

			/* カモメ、ヨットのアニメーション用 */
			footer .animeBox {
				width: 1355px;
				height: 120px;
				position: relative;
				margin: 0px auto;
				background: url("../../image/main/common/footer_bg.png") center bottom no-repeat;
			}
				footer .animeBox div {
					position: absolute;
				}
				footer .animeBox div#bird01 {
					top: 27px;
					left: 0px;
				}
				footer .animeBox div#bird02 {
					top: 38px;
					left: 510px;
				}
				footer .animeBox div#bird03 {
					top: 45px;
					left: 580px;
				}
				footer .animeBox div#yacht {
					bottom: 0;
					left: 830px;
				}
					footer .animeBox div img {
						vertical-align: top;
						position: relative;
					}
					/* 画像反転 */
					footer .animeBox div.refrect img {
						-webkit-transform: scaleX(-1);
						-o-transform: scaleX(-1);
						-moz-transform: scaleX(-1);
						transform: scaleX(-1);
						filter: FlipH;
						-ms-filter: "FlipH";
					}

	/* 病院情報＆コピーライト */
	footer .footerBtm {
		min-width: 1355px;
		background-color: #32ADEC;
		padding: 12px 0 10px;
		color: #FFF;
	}
		footer .footerBtm .fBtmWrap {
			width: 960px;
			margin: 0 auto;
			overflow: hidden;
		}
			footer .footerBtm .fBtmWrap address {
				overflow: hidden;
				border-bottom: dotted 1px #FFF;
				padding-bottom: 6px;
				margin-bottom: 8px;
			}
				footer .footerBtm .fBtmWrap address dt,
				footer .footerBtm .fBtmWrap address dd {
					float: left;
					margin-right: 30px;
				}
			
			/* コピーライト */
			footer .footerBtm .fBtmWrap small {
				font-size: 79%; /* 11px */
				float: left;
			}
			/* リンクリスト */
			footer .footerBtm .fBtmWrap .footerLink {
				float: right;
				overflow: hidden;
			}
				footer .footerBtm .fBtmWrap .footerLink li {
					float: left;
					margin-left: 20px;
				}
				footer .footerBtm .fBtmWrap .footerLink li a {
					color: #FFF;
					background: url("../../image/main/common/icon_arrow03.png") left center no-repeat;
					padding-left: 6px;
				}
			

/*//////////////////////////////////////////////////
	4. 内ページ共通使用パーツ
///////////////////////////////////////////////////*/
/* --------------------------------------------------
	1. 固定パーツ
-------------------------------------------------- */

/*	パンくず
-------------------------------------------------- */
#tpcpth {
	margin: 20px 0 40px;
	overflow: hidden;
}
	#tpcpth li {
		float: left;
		font-size: 86%; /* 12px */
		padding: 0 15px 0 10px;
		background: url("../../image/main/common/icon_arrow01.png") right center no-repeat;
	}
	#tpcpth li:first-child {
		padding-left: 0;
	}
	#tpcpth li.current {
		background: none;
		padding-right: 0;
	}

/*	wordpressから非同期で取得したデータ格納用
/*  ※ロード画像表示用設定
-------------------------------------------------- */
#main .wpWrap {
	height: 150px;
	background: url("../../image/main/common/load.gif") center center no-repeat;
}

/*	wordpressから非同期で取得したお知らせ一覧
-------------------------------------------------- */
#main .infoList {
	overflow: hidden;
	border-bottom: solid 2px #DDD;
}
	#main .infoList dt,
	#main .infoList dd {
		float: left;
		border-top: solid 1px #DDD;
		padding: 15px 0;
	}
	#main .infoList dt:first-child,
	#main .infoList dt:first-child + dd {
		border-top: none;
	}
	
	/* お知らせ見出し */
	#main .infoList dt {
		clear: both;
		width: 235px;
		font-weight: normal;
	}
		/* お知らせアイコン */
		#main .infoList dt span {
			display: inline-block;
			width: 100px;
			margin: 0 20px 0 6px;
			padding-top: 2px;
			border-radius: 10px;
			color: #FFF;
			text-align: center;
			font-size: 12px;
			font-weight: bold;
		}
		/* 無料公開講 */
		#main span.freeLect {
			background-color: #42AFE7;
		}
		/* 臨床研修医 */
		#main span.medicInt {
			background-color: #0059B2;
		}
		/* お知らせ */
		#main span.info {
			background-color: #22B3CE;
		}
		/* 人材募集・職員募集 */
		#main span.offer {
			background-color: #0085B2;
		}
		/* ご注意 */
		#main span.attn {
			background-color: #FF8000;
		}
		
	/* お知らせ詳細 */
	#main .infoList dd {
		width: 425px;
	}

/*	サブナビゲーション
-------------------------------------------------- */
#sideCntnt .subNav {
	margin-bottom: 40px;
}
	#sideCntnt .subNav > dl,
	#sideCntnt .subNav > ul {
		margin-bottom: 27px;
	}

	/* 見出し */
	#sideCntnt .subNav dt {
		font-weight: bold;
		font-size: 108%; /* 15px */
		color: #40ADE5;
		border-bottom: solid 2px #DDD;
		padding-left: 8px;
	}
	#sideCntnt .subNav > ul {
		border-top: solid 2px #DDD;
	}	

	/* リンクリスト */
	#sideCntnt .subNav dd,
	#sideCntnt .subNav li {
		border-bottom: solid 1px #DDD;
		white-space: nowrap;
		line-height: 41px;
	}
	/* サイドメニューのaタグ設定 */
	#sideCntnt .subNav a {
		color: #444;
		text-decoration: none;
	}
		#sideCntnt .subNav a {
			display: block;
			width: 100%;
			height: 100%;
			background: url("../../image/main/common/icon_arrow02.png") 10px center no-repeat;
			padding-left: 25px;
		}
		#sideCntnt .subNav a:hover,
		#sideCntnt .subNav .active a {
			background-color:#F5FBFE;
		}

	/* 入れ子部分に関しては別設定 */
	#sideCntnt .subNav .inMenu {
		border: none;
		height: auto;
		background: none;
	}
		#sideCntnt .subNav .inMenu dt {
			font-weight: bold;
			color: #444;
			padding-left: 20px;
			height:40px;
			font-size: 100%;
		}
			#sideCntnt .subNav .inMenu dd a {
				background-position: 21px center;
				padding-left: 38px;
			}

/*	ページ切り替えタブ(非同期)
-------------------------------------------------- */
#main ul#tab {
	width: 580px;
	overflow: hidden;
	position: relative;
	top: 1px;
	z-index: 1;
	margin: 0 auto;
}
	#main ul#tab li {
		background: none;
		float: left;
		cursor: pointer;
		text-align: center;
		border: solid 1px #CCC;
		border-bottom: none;
		border-radius: 4px 4px 0 0;
		margin-bottom: 0;
		padding: 9px 9px 0;
		font-size: 115%; /* 16px */
		background: url("../../image/main/common/btn_bg.png") left 95% repeat-x;
	}
	#main ul#tab li:first-child {
		margin-left: 0;
	}
	
	#main ul#tab li.select,
	#main ul#tab li:hover {
		background: #F5FBFE;
	}

	#main ul#tab li p {
		padding-bottom: 10px;
	}

	#main ul#tab li.select p,
	#main ul#tab li:hover p {
		border-bottom: 2px solid #3BAEE9;
		padding-bottom: 8px;
	}

	#tabCont {
		border-top: solid 1px #CCC;
	}

	#tabCont > div.hide {
		display: none;
	}

/*	Ｑ＆Ａ
-------------------------------------------------- */
#main .qa dt {
	background: url("../../image/main/common/icon_que.png") left 40% no-repeat;
	padding-left: 25px;
	margin-bottom: 15px;
}
#main .qa dd {
	background: url("../../image/main/common/icon_ans.png") left 3px no-repeat;
	padding-left: 25px;
	margin-bottom: 35px;
}

/*	青枠 (背景も青)
---------------------------------------------------- */
#main .noticBox {
	width: 390px;
	margin-top: 20px;
	background-color: #F5FBFE;
	border: solid 2px #C1E6F9;
	border-radius: 7px;
	padding: 15px 12px;
	margin-bottom: 25px;
}
/*	青枠 (背景は白)
---------------------------------------------------- */
#main .blueBox {
	background-color: #FFF;
	border: solid 2px #C1E6F9;
	border-radius: 7px;
	padding: 20px;
}

/*	figure＆imgBox（figure横並び用）
-------------------------------------------------- */
#main .imgBox {
	margin: 0 0 -30px -15px;
}
	#main .imgBox figure {
		width: 210px;
		text-align: center;
		display: inline-block;
		margin: 0 0 30px 15px;
		vertical-align: top;
	}

/*	figure＆msgBox（文章左、イメージ右の構図）
-------------------------------------------------- */
#main .msgBox {
	overflow: hidden;
}
	/* 文章エリア */
	#main .msgBox .msgArea,
	#main .msgBox .msgAreaL {
		display: block;
		float: left;
	}

	/* figureが210pxの場合の文章エリア */
	#main .msgBox .msgArea {
		width: 420px;
	}
	/* figureが140pxの場合の文章エリア */
	#main .msgBox .msgAreaL {
		width: 500px;
	}
	
	#main .msgBox figure {
		text-align: center;
		max-width: 210px;
		display: inline-block;
		float: right;
	}

/*	手続きフロー
-------------------------------------------------- */
#main ol.proc > li {
	list-style: none;
	padding: 20px 15px 20px 55px;
	margin-bottom: 20px;
	text-indent: 0;
	border: solid 2px #EFEFEF;
	border-radius: 5px;
	position: relative;
}
#main ol.proc > li:before {
	content: url("../../image/main/common/icon_arrow05.png");
	position: absolute;
	top: -21px;
	left: 50%;
}

#main ol.proc > li:first-child:before {
	display: none;
}
	#main ol.proc > li p.ttl {
		background: left top no-repeat;
		padding-left: 45px;
		margin: 0 0 15px -45px;
		font-weight: bold;
		font-size: 108%;
		line-height: 32px;
	}

	/* タイトルの下マージンなし */
	#main ol.proc > li p.nomar {
		margin-bottom: 0 !important;
	}

	/* タイトルの下マージンなし */
	#main ol.proc2 > li p.nomar {
		margin-bottom: 0 !important;
	}

	/* 手順1 */
	#main ol.proc > li.step1 p.ttl {
		background-image: url("../../image/main/common/icon_no01.png");
	}

	/* 手順2 */
	#main ol.proc > li.step2 p.ttl {
		background-image: url("../../image/main/common/icon_no02.png");
	}

	/* 手順22 */
	#main ol.proc > li.step22 p.ttl {
		background-image: url("../../image/main/common/icon_no02.png");
	}

	/* 手順3 */
	#main ol.proc > li.step3 p.ttl {
		background-image: url("../../image/main/common/icon_no03.png");
	}

	/* 手順4 */
	#main ol.proc > li.step4 p.ttl {
		background-image: url("../../image/main/common/icon_no04.png");
	}

	/* 手順5 */
	#main ol.proc > li.step5 p.ttl {
		background-image: url("../../image/main/common/icon_no05.png");
	}

	/* 手順55 */
	#main ol.proc > li.step55 p.ttl {
		background-image: url("../../image/main/common/icon_no05.png");
	}

	/* 手順6 */
	#main ol.proc > li.step6 p.ttl {
		background-image: url("../../image/main/common/icon_no06.png");
	}

	/* 手順7 */
	#main ol.proc > li.step7 p.ttl {
		background-image: url("../../image/main/common/icon_no07.png");
	}

/*	病棟のご案内、健康管理センター、地域医療総合支援センター用レイアウト
/*  (幅広、独自サイドメニューのレイアウト)
---------------------------------------------------- */
#cntnt.wide #main #detailCont {
	width: 660px;
	float: left;
}

/*	病棟のご案内、健康管理センター用サイドメニュー
---------------------------------------------------- */
#cntnt.wide #main #sideCntnt {
	margin-top: 40px;
}
	#cntnt.wide #main #sideCntnt .noticBox {
		width: 100%;
		margin: 0;
		text-align: center;
		padding: 20px 7px 5px;
	}

	#cntnt.wide #main #sideCntnt .noticBox dt {
		font-size: 14px;
		border-bottom: solid 1px #DDD;
		padding-bottom: 5px;
	}
	#cntnt.wide #main #sideCntnt .noticBox dd {
		font-size: 14px;
		margin-top: 17px;
	}

/* --------------------------------------------------
	2. 見出し
-------------------------------------------------- */

/*	h2～h5
-------------------------------------------------- */
#main h2 {
	font-size: 172%; /* 24px */
	padding-bottom: 10px;
	border-bottom: solid 2px #42AFE7;
	margin-bottom: 40px;
}

#main h3 {
	font-size: 129%; /* 18px */
	padding-left: 27px;
	border-bottom: solid 1px #CCC;
	background: url("../../image/main/common/hdline_bg_blue.png") left 5px no-repeat;
	margin: 40px 0 30px;
}
/* h3の色違い */
#main h3.purple {
	background-image: url("../../image/main/common/hdline_bg_purple.png");
}
#main h3.pink {
	background-image: url("../../image/main/common/hdline_bg_pink.png");
}
#main h3.yellow {
	background-image: url("../../image/main/common/hdline_bg_yellow.png");
}


#main h4 {
	background: #E3F3FB left center no-repeat;
	border-radius: 10px;
	padding-left: 30px;
	font-weight: bold;
	font-size: 100%;
	margin: 40px 0px 17px;
}

#main h4.renkei {
	background: #40ADE5 left center no-repeat;
	border-radius: 10px;
	padding-left: 30px;
	font-weight: bold;
	font-size: 150%;
	margin: 40px 0px 17px;
}

#main h5 {
	font-weight: bold;
	margin: 25px 0 10px;
	background: url("../../image/main/common/hdline_bg_square.png") left center no-repeat;
	padding-left: 25px;
}

/*	dt、caption
-------------------------------------------------- */
#main dt {
	font-weight: bold;
}

#main table caption {
	font-weight: bold;
	margin-bottom: 10px;
}

/* --------------------------------------------------
	3. リスト（ul li、ol li）
-------------------------------------------------- */
#main ul > li {
	background: url("../../image/main/common/icon_circle.png") left 7px no-repeat;
	padding-left: 15px;
}
/* リスト */
#main ol > li {
	list-style: inside decimal;
	text-indent: -1.3em;
	padding-left: 1.3em;
}

/* --------------------------------------------------
	4. リンク
-------------------------------------------------- */

/*	wordファイルダウンロードリンク
-------------------------------------------------- */
#main .wordLink {
	display: inline-block;
	width: 195px;
	height: 62px;
	font-size: 15px; /* サイズ固定 */
	border-radius: 5px;
	border: solid 1px #CCC;
	background: url("../../image/main/common/btn_bg.png") left bottom repeat-x;
	background-size: auto 100%;
}
	#main .wordLink a {
		display: block;
		width: 100%;
		height: 100%;
		border-radius: 5px;
		text-decoration: none;
		color: #444;
		padding: 10px 20px;
		background: url("../../image/main/common/icon_pdflink_bg.png") 98% 87% no-repeat;
	}
	#main .wordLink a:hover {
		background-color: rgba(66, 175, 231, 0.2);
		/*IE8以下用*/
		filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#2242AFE7,EndColorStr=#2242AFE7);
	}

	#main .wordLink span {
		display: block;
		padding-left: 20px;
		font-size: 12px; /* サイズ固定 */
		background: url("../../image/main/common/icon_word.jpg") left center no-repeat;
	}

/*	excelファイルダウンロードリンク
-------------------------------------------------- */
#main .exceLink {
	display: inline-block;
	width: 195px;
	height: 62px;
	font-size: 15px; /* サイズ固定 */
	border-radius: 5px;
	border: solid 1px #CCC;
	background: url("../../image/main/common/btn_bg.png") left bottom repeat-x;
	background-size: auto 100%;
}
	#main .exceLink a {
		display: block;
		width: 100%;
		height: 100%;
		border-radius: 5px;
		text-decoration: none;
		color: #444;
		padding: 10px 20px;
		background: url("../../image/main/common/icon_pdflink_bg.png") 98% 87% no-repeat;
	}
	#main .exceLink a:hover {
		background-color: rgba(66, 175, 231, 0.2);
		/*IE8以下用*/
		filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#2242AFE7,EndColorStr=#2242AFE7);
	}

	#main .exceLink span {
		display: block;
		padding-left: 20px;
		font-size: 12px; /* サイズ固定 */
		background: url("../../image/main/common/icon_excel.png") left center no-repeat;
	}

/*	pdfファイルダウンロードリンク
-------------------------------------------------- */
#main .pdfLink {
	display: inline-block;
	width: 310px;
	height: 62px;
	font-size: 15px; /* サイズ固定 */
	border-radius: 5px;
	border: solid 1px #CCC;
	background: url("../../image/main/common/btn_bg.png") left bottom repeat-x;
	background-size: auto 100%;
}
	#main .pdfLink a {
		display: block;
		width: 100%;
		height: 100%;
		border-radius: 5px;
		text-decoration: none;
		color: #444;
		padding: 10px 20px;
		background: url("../../image/main/common/icon_pdflink_bg.png") 98% 87% no-repeat;
	}
	#main .pdfLink a:hover {
		background-color: rgba(66, 175, 231, 0.2);
		/*IE8以下用*/
		filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#2242AFE7,EndColorStr=#2242AFE7);
	}

	#main .pdfLink span {
		display: block;
		padding-left: 20px;
		font-size: 12px; /* サイズ固定 */
		background: url("../../image/main/common/icon_pdf.png") left center no-repeat;
	}

#main .pdfLink2 {
	display: inline-block;
	width: 150px;
	height: 55px;
	font-size: 15px; /* サイズ固定 */
	border-radius: 5px;
	border: solid 1px #CCC;
	background: url("../../image/main/common/btn_bg.png") left bottom repeat-x;
	background-size: auto 100%;
}
	#main .pdfLink2 a {
		display: block;
		width: 100%;
		height: 100%;
		border-radius: 5px;
		text-decoration: none;
		color: #444;
		padding: 5px 20px;
		background: url("../../image/main/common/icon_pdflink_bg.png") 98% 87% no-repeat;
	}
	#main .pdfLink2 a:hover {
		background-color: rgba(66, 175, 231, 0.2);
		/*IE8以下用*/
		filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#2242AFE7,EndColorStr=#2242AFE7);
	}

	#main .pdfLink2 span {
		display: block;
		padding-left: 20px;
		font-size: 12px; /* サイズ固定 */
		background: url("../../image/main/common/icon_pdf.png") left center no-repeat;
	}

#main .pdfLink3 {
	display: inline-block;
	width: 220px;
	height: 55px;
	font-size: 15px; /* サイズ固定 */
	border-radius: 5px;
	border: solid 1px #CCC;
	background: url("../../image/main/common/btn_bg.png") left bottom repeat-x;
	background-size: auto 100%;
}
	#main .pdfLink3 a {
		display: block;
		width: 100%;
		height: 100%;
		border-radius: 5px;
		text-decoration: none;
		color: #444;
		padding: 5px 20px;
		background: url("../../image/main/common/icon_pdflink_bg.png") 98% 87% no-repeat;
	}
	#main .pdfLink3 a:hover {
		background-color: rgba(66, 175, 231, 0.2);
		/*IE8以下用*/
		filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#2242AFE7,EndColorStr=#2242AFE7);
	}

	#main .pdfLink3 span {
		display: block;
		padding-left: 20px;
		font-size: 12px; /* サイズ固定 */
		background: url("../../image/main/common/icon_pdf.png") left center no-repeat;
	}

/*	青矢印の白背景リンクボタン
/*  linkBtnとoutLinkは一つの要素のみをボタン化させるのに利用。
/*  (outLinkは外部リンクアイコンを表示させる。)
/*  linkListはul要素に指定し、複数のli要素をボタン化させるのに利用。
---------------------------------------------------------------------- */
#main .linkList li,
#main .linkBtn,
#main .outLink {
	display: inline-block;
	min-width: 142px;
	height: 32px;
	font-size: 14px; /* サイズ固定 */
	text-align: center;
	border-radius: 5px;
	border: solid 1px #CCC;
	background: url("../../image/main/common/btn_bg.png") left bottom repeat-x;
	background-size: auto 100%;
}

	#main .linkList li a,
	#main .linkBtn a,
	#main .outLink a {
		display: block;
		width: 100%;
		height: 100%;
		color: #444;
		line-height: 32px;
		border-radius: 5px;
		text-decoration: none;
		background: url("../../image/main/common/icon_arrow02.png") 10px center no-repeat;
	}

	#main .linkList li a:hover,
	#main .linkBtn a:hover,
	#main .outLink a:hover {
		background-color: rgba(66, 175, 231, 0.2);
		/*IE8以下用*/
		filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#2242AFE7,EndColorStr=#2242AFE7);
	}
	
#main .linkBtn2 {
	display: inline-block;
	min-width: 320px;
	height: 32px;
	font-size: 14px; /* サイズ固定 */
	text-align: center;
	border-radius: 5px;
	border: solid 1px #CCC;
	background: url("../../image/main/common/btn_bg.png") left bottom repeat-x;
	background-size: auto 100%;
}

	#main .linkBtn2 a {
		display: block;
		width: 100%;
		height: 100%;
		color: #444;
		line-height: 32px;
		border-radius: 5px;
		text-decoration: none;
		background: url("../../image/main/common/icon_arrow02.png") 10px center no-repeat;
	}

	#main .linkBtn2 a:hover {
		background-color: rgba(66, 175, 231, 0.2);
		/*IE8以下用*/
		filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#2242AFE7,EndColorStr=#2242AFE7);
	}


	/* 外部リンクの場合、外部リンクアイコンを表示 */
	#main .outLink a:after {
		content: url("../../image/main/common/icon_out.png");
		margin-left: 10px;
	}

/* linkListは「募集要項について」「センター・診療科・部門のご案内」のみ使用。 */
#main .linkList {
	overflow: hidden;
	margin: 0 -30px 38px 0;
}
	#main .linkList li {
		width: 200px;
		height: 46px;
		display: block;
		float: left;
		padding: 0;
		margin: 0 30px 20px 0;
	}
		#main .linkList li a {
			padding-left: 10px;
			line-height: 46px;
		}

	#main .linkList li.lifeList {
		width: 280px;
		height: 46px;
		display: block;
		float: left;
		padding: 0;
		margin: 0 30px 20px 0;
	}

/*	「XXついては、「XX」のページをご覧ください。」用リンク
---------------------------------------------------------- */
#main .infoBox {
	border: solid 2px #EEE;
	border-radius: 6px;
	padding: 20px 10px;
	display: table;
}
	#main .infoBox p {
		display: table-cell;
		vertical-align: middle;
	}
	#main .infoBox p:first-child {
		padding-right: 5px;
	}

/*	ページ内リンクリスト
---------------------------------------------------------- */
#main .linkInPage {
	background-color: #F9F9F9;
	border: solid 2px #EEE;
	border-radius: 8px;
	padding: 20px 0px 0 15px;
	overflow: hidden;
}
	#main .linkInPage li {
		border: solid 1px #CCC;
		float: left;
		padding: 0;
		background: #FFF;
		margin: 0px 13px 20px 0px;
	}
		#main .linkInPage li a {
			width: 100%;
			line-height: 32px;
			display: block;
			text-decoration: none;
			font-size: 14px;
			color: #444;
			padding-left: 25px;
			background: url("../../image/main/common/icon_arrow06.png") 8px 49% no-repeat
		}
		#main .linkInPage li a:hover {
			background-color: rgba(66, 175, 231, 0.2);
			/*IE8以下用*/
			filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#2242AFE7,EndColorStr=#2242AFE7);
		}

/*	フロアマップ、病棟のご案内で使用するバナー横並びリンク
---------------------------------------------------------- */
#main .change {
	overflow: hidden;
	border: solid 2px #EFEFEF;
	background-color: #F9F9F9;
	border-radius: 6px;
	padding: 34px 35px 22px;
	margin-bottom: 40px;
}
	#main .change li {
		float: left;
		background: none;
		padding: 0;
		position: relative;
	}

	#main .change li a {
		display: block;
		width: 280px;
		height: 80px;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		background: left bottom no-repeat;
	}
	/* ホバー */
	#main .change li.active a,
	#main .change li a:hover {
		background-position: left top;
	}

	/* アクティブ時の三角 */
	#main .change li.active:before {
		content: url("../../image/main/shisetu_gaiyou/map/icon_tri.png");
		position: absolute;
		top: -25px;
		left: 49%;
		-webkit-animation: spin 1.5s linear infinite;
		animation: spin 1.5s linear infinite;
	}

@-webkit-keyframes spin {
	0% {-webkit-transform: rotateY(0deg);}
	100% {-webkit-transform: rotateY(360deg);}
}
@keyframes spin {
	0% {transform: rotateY(0deg);}
	100% {transform: rotateY(360deg);}
}

/*	黒三角のマーカーリンク
---------------------------------------------------------- */
#main .bmLink {
	background: url("../../image/main/common/icon_arrow04.png") left center no-repeat;
	padding-left: 10px;
	text-align: left;
}

/* --------------------------------------------------
	5. 文章
-------------------------------------------------- */

/*	文章の中間にて、上下に1emのマージンをとりたい場合用
---------------------------------------------------------- */
#main p.midSent {
	margin: 2em 0;
}

/*	米印の注意書き
---------------------------------------------------------- */
#main aside p {
	text-indent: -1em;
	padding-left: 1em;
}
#main aside p:before {
	content: "※";
}
