@charset "utf-8";
@media print, screen and (min-width: 640px) {


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, /*blockquote, */pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;

}
	
body {
    line-height: 1.5;
	font-size:15px;
	color:#666;
	font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
}

.deco-hide-pc{display:none;}
/* 広島パークヒル病院　HOME PAGE　骨組み */

/*=========================================
　　ヘッダー　#header
=========================================*/

#header{width:950px;margin:0 auto;padding:10px 0;}
	#header img{margin-right:1px;}
	#header img:nth-child(2){margin-right:0;}
	#logo{float:left;padding-top:5px;}
	#h-link{float:right;}
#header::after{content:""; display: block; clear: both; }


/*=========================================
　　グローバルナビ　#gnavi
=========================================*/

#gnavi{width:100%;clear:both;background-color:#ff773e;}
#gnavi ul{width:950px;margin:0 auto;list-style: none;text-align:center;font-size:16px;}
#gnavi li{display:inline-block;vertical-align: middle;padding:5px 20px;line-height: 1.2;}
#gnavi li a{color:#ffffff;text-decoration: none;}
#gnavi li a:hover{color:#ffe100;}

#gnavi-kangobu{width:100%;clear:both;background-color:#A34861}
#gnavi-kangobu ul{width:950px;margin:0 auto;list-style: none;text-align:center;font-size:16px;}
#gnavi-kangobu li{display:inline-block;vertical-align: middle;padding:5px 20px;line-height: 1.2;}
#gnavi-kangobu li a{color:#FFFFFF;text-decoration: none;}
#gnavi-kangobu li a:hover{color:#ffe100;}

/*=========================================
　　フッター　#footer,#fnavi,#copyright
=========================================*/
#fnavi{width:950px;margin:70px auto 30px;}
	#fnavi p{display:inline-block;vertical-align: middle;width:32%;text-align:center;border-left:1px solid #ff773e;}
	#fnavi p:nth-child(3){border-right:1px solid #ff773e;}
	#fnavi img{width:100%;}
#footer{width:100%;background:#ff773e;color:#fff;padding:10px 0;font-size:12px;}


/*=========================================
　　トップ特有*/　	
/*=========================================
　　緊急お知らせ　#attention
=========================================*/
	#attention{width:950px;margin:0 auto;padding:20px 0px;font-size:16px;text-align:center;}
	#attention strong{color:#cc0000;}	
	#attention{width:950px;margin:0 auto;padding:20px 0px;font-size:16px;text-align:center;}
	#attention strong{color:#cc0000;}

/*=========================================
　　イメージ画像　#keyvisual, #imgvisual
=========================================*/
	#keyvisual{text-align:center;background-color:#e6eef2;margin-bottom: 30px;}
	#imgvisual{display: inline-block;vertical-align: middle;text-align:center;width:100%;height:250px;margin-bottom: 30px;}
	#imgvisual h2{width:40%;margin: 50px auto;font-size:28px;font-weight: 700;padding:50px 0;color:#fff;text-shadow:8px 8px 20px #000;}
		#imgvisual.guide{background-image:url("../im/pic_parkhill03.jpg");background-size: cover;background-position: bottom;}
		#imgvisual.kourakuen{background-image:url("../im/pic_tsusho01.jpg");background-size: cover;background-position: center;}
		#imgvisual.nagomi{background-image:url("../im/pic_nagomi01.jpg");background-size: cover;background-position: center;}
		#imgvisual.omakase{background-image:url("../im/pic_kyotaku-01.jpg");background-size: cover;background-position: center;}
		#imgvisual.houmon{background-image:url("../im/pic_houmon02.jpg");background-size: cover;background-position: center;}
		#imgvisual.parkhillim{background-image:url("../im/pic_parkhill01.jpg");background-size: cover;background-position: center;}
		#imgvisual.chiikirennkei{background-image:url("../im/pic_parkhill04.jpg");background-size: cover;background-position: bottom;}
		#imgvisual.kangobu{background-image:url("../im/pic_kangobu02.jpg");background-size: cover;background-position: center;}

/*=========================================
　　コンテンツ　.contents-Top0,#contents-Top1,#contents-Top2,#contents-Top3,#contents-Top4,#contents-Top5,
=========================================*/
div.contents-Top0{width:950px;margin:0 auto ;}
#contents-Top1{width:950px;margin:60px auto ;padding-bottom:50px;}
#contents-Top2{width:950px;margin:60px auto;padding-top:50px;}
#contents-Top4, #contents-Top5{width:950px;margin:60px auto;padding:50px 0;}
	#contents-Top1::after, #contents-Top2::after, #contents-Top3::after,#contents-Top4::after,#contents-Top5::after{content:""; display: block; clear: both; }

#contents-Top3{background-color:#FFF5EE ;padding:60px 0;}
	#contents-Top3 span{width:296px;margin-right:25px;display:inline-block;vertical-align:top;padding:0;text-align:center;}
	#contents-Top3 span:nth-child(3n){margin-right:0;}
	#contents-Top3 h3{color:#fff;font-size: 24px;font-weight: normal;text-align:center;background-color:#ff773e;padding:20px 0 8px;margin-bottom:0px;border-radius:20px 20px 0 0;}
    #contents-Top3 h3 a{color:#fff;}
	#contents-Top3 img{width:100%;margin-bottom:15px;}
	#contents-Top3 a{text-decoration:none;}
    #contents-Top3 a:hover{color:#ffff00;}
	#contents-Top4 h3{font-size: 24px;font-weight: normal;color:#ff4500;text-align:center;  position: relative; padding-bottom: .2em;border-bottom: 3px solid #ff4f02;margin-bottom:20px;}
	#contents-Top4 h3::before{position: absolute;bottom: -3px;left: 0;z-index: 2;content: '';width: 20%;height: 3px;background-color: #f6f9fb;}
	#contents-Top4 h3::after{position: absolute;bottom: -3px;right: 0;z-index: 3;content: '';width: 20%;height: 3px;background-color: #f6f9fb;}
	#contents-Top4 img{width:100%;margin-bottom:15px;}
	#contents-Top4 a{text-decoration:none;}
    #contents-Top5-wrap{width:100%;background-color:#fff5ee;}

/*=========================================
　　各コンテンツ内要素　#con01, #con02,#con03,#con04,#con05,#con07,.con-box
=========================================*/
	#con01{width:484px;}
	#con01 div{width:230px;height:160px;float:left;text-align:center;background-color:#fce8d3;margin:0 6px 6px 0;padding:20px 0;}
	#con01 img{margin-bottom:15px;}
	#con01 .top-tel strong{font-size:20px;}
	#con02,#con04{width:445px;}
		#con02 h3{border-radius:10px;background-color:#ff4500;background-image:linear-gradient(0deg, rgba(255, 69, 0, 1), rgba(255, 181, 0, 1));color:#fff;text-align:center;padding:10px; 0;}
		#con02 ul{margin-left:50px;}
		#con02 li{padding-bottom:15px;}
		#con02 strong{color:#cc0000;}
	#con03{width:460px;}
	#con03 h3{font-size: 28px;font-weight: normal;color:#ff4500;text-align:center;  position: relative; padding-bottom:15px;border-bottom: 8px solid #ffa880;}
	#con03 h3::before{position: absolute;bottom: -8px;left: 0;z-index: 2;content: '';width: 45%;height: 8px;background-color: #ff4500;}
	#con03 h3::after{position: absolute;bottom: -8px;right: 0;z-index: 3;content: '';width: 20%;height: 8px;background-color: #ffc5ad;}
	#con04{text-align:right;}
	#con05{display:inline-block;vertical-align:middle;width:390px;text-align:center;}
		#con05 h3{font-size: 28px;font-weight: normal;color:#5ac2ff;text-align:center;  position: relative; padding-bottom:15px;border-bottom: 8px solid #FFA880;}
		#con05 h3::before{position: absolute;bottom: -8px;left: 0;z-index: 2;content: '';width: 45%;height: 8px;background-color: #ff4500;}
		#con05 h3::after{position: absolute;bottom: -8px;right: 0;z-index: 3;content: '';width: 20%;height: 8px;background-color: #ffc5ad;}
	#con06{width:515px;text-align:right;}
	#con06 img{width:100%;}
	#gmap{width:550px;margin-right:0;float:left;}
	#con07{width:400px;text-align:center;}
	
	.con-box{width:950px;margin: 0 auto 50px;text-align:center;}
	.con-box2{width:950px;margin: 0 auto 50px;}
	.con-box3{width:100%;margin: 0 auto 50px;background: #f6f9fb;}
	.con-box-3col div{display: inline-block;vertical-align: top;width:32%;height:250px;border-right:1px dotted #ccc;}
	.con-box-3col div:nth-child(3){border-right:none;}
	.con-box-1col div{}
	

	
/*　　テキストリンク
===================================*/
a{color:#0066ff;}
a:hover{color:#ff9c00;}

.link-box a{display:block;background-color:#ff4500;text-align:center;padding:8px;margin:10px auto 10px;width:80%;color:#fff;}
.link-box a:hover{background:#ffb400;color:#fff;}

/*　　画像ロールオーバ処理
===================================*/
a:hover img{
opacity: 0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";/* ie6 */
background:#fff;
}

/*　　テキスト強調
===================================*/
strong{font-weight:800;color:#333;}
b{font-weight:800;color:#F60;}

/*　　テキスト　小
===================================*/
em{font-size:12px;font-style：normal;}
	small{font-size:14px;}
small.Colo-orange{color:#F60;}/*　　テキスト選択時の処理
====================================*/
*::-moz-selection{background:#3e6d89; color:#fff;}
*::selection{background:#3e6d89; color:#fff;}


/*　　タイトル関連
====================================*/
#contents h1{}
#keyvisual h2{}
	h3{font-size: 24px;font-weight: normal;color:#ff4f02;margin-bottom:20px;}
	#contents h3{font-size: 28px;font-weight: normal;color:#ff4500;text-align:center;margin:10px 0 30px;  position: relative; padding-bottom: .2em;border-bottom: 3px solid #ffb96d;}
	#contents h3::before{position: absolute;bottom: -2px;left: 0;z-index: 2;content: '';width: 20%;height: 2px;background-color: #fff;}
	#contents h3::after{position: absolute;bottom: -2px;right: 0;z-index: 2;content: '';width: 20%;height: 2px;background-color: #fff;}
h4{margin-bottom:15px;background:#ff4500;color:#fff;padding:5px;width:50%;font-weight: normal;}

/*　　フォントサイズ関連
====================================*/

.font-size18{font-size:18px;}
.font-size16{font-size:16px;color:#F30;}
.font-size14{font-size:14px;}
.font-size10{font-size:10px;}
.font-sizes{font-size:18px;}

/*　　テキスト囲みBOX
====================================*/
#contents .txt-box{border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-webkit-border-radius:8px;background:#f6f9fb;padding:10px;width:85%;margin:10px auto;}
#contents .txt-boxOr{border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-webkit-border-radius:8px;background:#fff6ee;padding:10px;width:85%;margin:10px auto;}
#contents .txt-boxWh{border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-webkit-border-radius:8px;background:#fff;padding:10px;width:85%;margin:10px auto;}


/*　　テーブル関連
====================================*/
#contents .teble-center{margin:10px auto;}
#contents .teble-center TH, #contents .teble-center TD{padding:5px;}

#contents .teble-border{margin:10px auto;border-top:1px solid #999;border-left:1px solid #ccc;}
#contents .teble-border TH{padding:5px;border-right:1px solid #999;border-bottm:1px solid #ccc;}
#contents .teble-border TD{padding:5px;border-right:1px solid #999;border-bottm:1px solid #ccc;}

#contents .table-type1{margin:10px auto; border-collapse:separate; border-spacing:0 5px;}
#contents .table-type1 TH, #contents .table-type1 TD{padding:5px 10px;border-bottom:1px solid #ccc;}
#contents .table-type1 TH{background: #5ac2ff;font-weight:normal;color:#fff;}

#contents .table-type2{margin:10px auto; border-collapse:separate; border-spacing:0 5px;}
#contents .table-type2 TH{padding:5px 10px;border-bottom:1px solid #F96;color:#F60;font-weight:normal;}
#contents .table-type2 TD{padding:5px 10px;border-bottom:1px solid #999;}

#contents .table-type3{margin:10px auto; border-collapse:separate; border-spacing:0 5px;}
#contents .table-type3 TH{width:30px;}
#contents .table-type3 TD{width:310px;border-bottom:1px dotted #999;padding:5px;}

#contents .table-type4 TD{padding-bottom:10px;border-bottom:1px dotted #a3d1e6;}
#contents .table-type4 TH{width:20px;}
#contents .table-type4 h2{font-size:14px !important;font-weight:700 !important;background:#fff !important;color:#0066cc !important;padding:0 !important;margin:8px 0 !important;height:auto !important;}
#contents .table-type4 h2 a{color:#0068b7 !important;}
#contents .table-type4 h2 a:hover{color:#ff9c00 !important;}

/*鶴谷追加20210906*/
#contents .table-type5{margin:0px auto; border-collapse:separate; border-spacing:0px;}
#contents .table-type5 TD{padding:0px 10px 0px 10px;border-bottom:0px;}

#contents .table-type6{width:450px;margin:10px auto; border-collapse:separate; border-spacing:0 5px;}
#contents .table-type6 TH{padding:5px 10px;border-bottom:1px solid #F96;color:#F60;font-weight:normal;}
#contents .table-type6 TD{text-align:center;padding:5px 10px;border-bottom:1px solid #999;}


/*　　リスト関連
====================================*/
#contents ul{margin-bottom:10px;list-style: none;}
#contents ul.list-width{margin-left:auto;margin-right:auto;}
#contents li{}

/*下線のみ*/
#contents ul.list-type1 li{border-bottom:1px dotted #999;padding:7px 0 3px;}

/*下線マーク付 黄色*/
#contents ul.list-type2 li{border-bottom:1px dotted #999;background:url(../im/common/icon-arrow-yellow.gif) 2px 10px no-repeat;padding:7px 0 7px 15px; font-size:1.2em;}

/*下線マーク付 PDF*/
#contents ul.list-typePDF li{border-bottom:1px dotted #999;background:url(../im/common/icon-pdf.gif) 2px 7px no-repeat;padding:7px 0 7px 25px;}

/*下線マーク付 矢印：黄色*/
#contents ul.list-type3Y li{border-bottom:1px dotted #999;background:url(../im/common/icon_square-arrowY.gif) 2px 10px no-repeat;padding:7px 0 7px 18px;}

/*下線マーク付 矢印：青*/
#contents ul.list-type3B li{border-bottom:1px dotted #999;background:url(../im/common/icon_square-arrowB.gif) 2px 10px no-repeat;padding:7px 0 7px 18px;}


/*　　画像処理
====================================*/
#contents img.img_style{border:2px solid #eee;box-shadow:0 0 6px rgba(0,0,0,0.4);-moz-box-shadow:0 0 6px rgba(0,0,0,0.4);-o-box-shadow:0 0 6px rgba(0,0,0,0.4);-webkit-box-shadow:0 0 6px rgba(0,0,0,0.4);}

/*　　メールフォーム
====================================*/
#contents .contactfrom .text_in{border:1px solid #555;padding:5px;width:90%}
#contents .contactfrom .mail_submit{width:400px;padding:10px;margin:10px auto;cursor:pointer;}
#contents .contactfrom em{font-style:normal;font-size:10px;color:#ff0;padding-left:5px;}

}
/*　　フロート関連
===================================*/
.F-left{float:left;}
.F-right{float:right;}
.F-center{display:inline-block;}

/*　　クリアーフィックス
====================================*/
.cl{clear:both;}

.clearfix:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
	visibility:hidden;
}
.clearfix{
	display: inline-block;
} 
/* Hides from IE Mac */
* html .clearfix{
	height: 1%;
}
.clearfix{
	display:block;
}
/* End Hack */ 

/*鶴谷追加20210728*/
.dtable{
	display: table;
	width:100%;
	text-align : center;
}
.line1{
	display: table-cell;
	width:300px;
	background-color : #66ffff;
	text-align : center;
	vertical-align : middle;
	padding:30px;
	font-weight: bold;
	border-radius: 10px; /* ボックスの四つ角を丸くする */
}
.line2{
	display: table-cell;
	width:300px;
	background-color : #87ff87;
	text-align : center;
	vertical-align : middle;
	padding:30px;
	font-weight: bold;
	border-radius: 10px; /* ボックスの四つ角を丸くする */
}
.line3{
	display: table-cell;
	background-color : #ffffff;
	text-align : center;
	vertical-align : middle;
}
.dtable1{
	display: table-cell;
	background-color : #ffffff;
	text-align : center;
	vertical-align : middle;
	border : solid 1px;
	width:50px;
}
.dtables{
	display: table;
	width:60%;
	text-align : center;
}
.dtable2{
	display: table-cell;
	background-color : #ffffff;
	text-align : left;
	vertical-align : middle;
	width:70px;
}

/*鶴谷追加20210922*/
.dtable_f1{
	display: table-cell;
	background-color : #ffffff;
	text-align : center;
	vertical-align : middle;
	width:40%;
    border: 1px solid #ffffff;
}
.dtable_f2{
	display: table-cell;
	background-color : #ffffff;
}
.dtable_f3{
	display: table-cell;
	background-color : #E6F4FF;
	text-align : center;
	vertical-align : middle;
    border: 1px solid #ffffff;
	width:4em;
}
.dtable_f4{
	display: table-cell;
	background-color : #E6F4FF;
	text-align : left;
	vertical-align : middle;
    border: 1px solid #ffffff;
	height : 100px;
}
.dtable_f5{
	display: table-cell;
	background-color : #eee;
	text-align : center;
	vertical-align : middle;
    border: 1px solid #ffffff;
}
.dtable_f6{
	display: table-cell;
	background-color : #E6F4FF;
	text-align : left;
	vertical-align : middle;
    border: 1px solid #ffffff;
}
.tr {
    display: table-row;
}
.table--nested {
    display: table;    
}
.table--nested .td {
    padding: 0;
    border: none;
}
.imgLeft{
	float: left;
	width: auto;
	padding: 0 20px 0 0!important;
}
.imgLeft img{
	border-radius: 4px;
	margin: 0 0 10px 0;
}
.uldate{
	display:inline-block;
	width:5em;
	font-weight:bold;
}
.uline{
  padding: 0.4em;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.br-hide{}