@charset "UTF-8";

/*---------- 各ページ個別指定(cssシグネチャ) ----------*/
/*------------------共通項目*/
#content h2{
	font-size:16px;
	margin-bottom:10px;
}
#content h3{
	margin-left:10px;
	margin-bottom:10px;
}
#content section span{color:#B43549;}
.midasi_box{margin-bottom:20px;}
.midasi_box img{width:100%;}
.aboutcontents h4 img{width:100%;}
section{margin-bottom:20px;}
section p{
	color:#333;
	padding:5px;
}
/*メインビジュアル直下のテキスト*/
header div p{
	color:#333;
	padding:5px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:13px;
}
/*ページトップへのボタン*/
#page_back a{
	background:#eeeeee;
	color:#555;
	border-radius:3px 3px 0 0;
	padding:5px 2px 10px 2px;
}
#page_back a:hover{
	background:#aaa;
	color:#fff;
}
/*バナーボックス*/
#bnr_box{
	overflow:hidden;
	margin:20px 0;
	}
#bnr_box p{
	width:182px;
	margin-left:35px;
	margin-bottom:10px;
	float:left;
	}
#bnr_box p a{
	color:#fff;
	display:block;
}
#bnr_box p a:hover{opacity:0.8}

/*--------------トップページ-index.html-*/
#index section:first-child p:first-of-type,
#index section:first-child p:nth-of-type(2),
#index section:last-child p:first-of-type{border-bottom:1px dotted #F4999A;}
.schedule_box{
	background:#eee;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-ms-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}
.schedule_box table{width:100%;}
.schedule_box table tr th,
.schedule_box table tr td{
	border:1px solid #F4A1A3;
	text-align:center;
	background:#fff;
}
.schedule_box table tr th{
	width:37%;
	font-weight:normal;
}
.schedule_box table tr:nth-of-type(2) td:last-child{vertical-align:middle;}
.schedule_box p strong{font-size:12px;}
#index section:last-of-type h3{
	font-size:16px;
	color:#F49D9F;
	text-align: center;
}

/*--------------診察のご案内ページ-about.html-*/
#about section p img{text-align:center;}
#about section h3{
	font-size:18px;
	color:#cc6666;
}
#about ul.aboutlist{
	overflow:hidden;
	margin-bottom:20px;
}
#about ul.aboutlist li{
	float:left;
	width:30%;
	margin:5px;
	text-align:center;
	background:#F4A5A8;
	border-radius:2px 2px 2px 2px;
	color:#333333;
}
#about ul.second li:last-child{width:50%;}
#about .este p img{width:100%;}
#about .aboutcontents table tr td span{color:#000;}
#about .aboutcontents:last-child p img{width:auto;}
#about .aboutcontents p.campaign_button{
	width:259px;
	margin:45px auto 0 auto;
}
#about .aboutcontents p.campaign_button a{
	display:block;
	color:#fff;
	text-align:center;
	width:259px;
	height:0;
	padding-top:44px;
	background-image:url(../img/about/campaign-btn.png);
}
#about .aboutcontents p.campaign_button a:hover{background-position:0 -44px;}
#about section.este p:nth-of-type(2){text-align:center;}

/*--------------交通アクセスページ-access.html-*/
#access section dl{margin-bottom:20px;}
#access section dl:first-of-type{
	border-bottom:1px dotted #F4999A;
	padding-bottom:20px;
}
#access section p iframe{width:100%;}

/*--------------施設案内ページ-guide.html-*/
#guide section p{margin-bottom:20px}
#guide section p img{width:100%;}
#guide figure{
	text-align:center;
	margin-bottom:20px;
	border-bottom:1px dotted #F4A5A8;
}
#guide figure figcaption{
	width:320px;
	margin:0 auto;
	margin-bottom:10px;
}

/*--------------医師紹介ページ-doctor.html-*/
#doctor section table tr:first-of-type td{text-align:center;}

/*--------------入院についてページ-hospital.html*/
#hospital section table{width:100%;}
#hospital section table tr th{padding:10px 0;}
#hospital section table tr th img{width:100%;}
#hospital section table tr td{
	text-indent:1em;
	padding:5px 0;
}
#hospital section figure img{width:100%;}
#hospital section figure figcaption,
#hospital section ul{
	padding:5px 2px;
	margin-bottom:20px;
	border-bottom:1px dotted #F4A5A8;
}
#hospital section ul li{
	list-style-type:disc;
	margin-left:1em;
	margin-bottom:8px;
}

/*--------------お問合せページ-contact.html*/
#contact section p{text-align:center;}

/*--------------サイトマップページ-sitemap.html*/
#sitemap section{border:1px solid #F4999A;}
#sitemap section dl dt{
	display:block;
	margin:20px;
}
#sitemap section dl dt a{
	display:block;
	width:100px;
	text-align:center;
}
#sitemap section dl dt a:hover{
	color:#EE827C;
	font-weight:bold;
}
#sitemap section dl dd{
	text-indent:1em;
	padding-bottom:5px;
	border-bottom:1px dotted #F4999A;
}
#sitemap section dl dd:first-of-type,
#sitemap section dl dd:last-of-type,
#sitemap section dl dd:nth-of-type(7){height:0;	}
/*--------------病院からのお知らせページ-info.html-*/
#info section ul li{
	padding-left:5px;
	margin-bottom:10px;
}
#info section ul li a{text-decoration:underline;}

/*--------------病院からのお知らせ・求人情報共通*/
#info section h3::before,
#recruit section .recruitbox h3::before{
	content: " ";
	border-left:3px solid #cc6666;
	padding-right:5px;
}

/*--------------求人情報ページ-recruit.html-*/
#recruit section .recruitbox{
	background:#eee;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-ms-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}
#recruit section .recruitbox h3{
	padding:3px 0 0 5px;
	float:left;
}
#recruit section .recruitbox p{padding-left:10px;}
#recruit section .recruitbox p:first-of-type{
	width:80px;
	float:right;
}
#recruit section .recruitbox p:last-of-type{clear:both;}


/*スマホサイズ(320px以下)用レイアウト*/
@media screen and (max-width : 425px) {
	#bnr_box p{
		width:100%;
		text-align:center;
		margin-left:0;
	}

	/*--------------求人情報ページ-recruit.html-*/
	#about .aboutcontents table tr td:first-child{
		width:85px;
		padding:3px 2px
	}
	#about .aboutcontents table tr td:last-child{
		width:233px;
		padding:3px 2px
	}
	#about .aboutcontents table tr td span{
		display:block;
		padding-left:80px;
	}
}