@charset "utf-8";
@import "../../css/contents.css";


/* 個別ページスタイル
---------------------------------------------------------- */

/* #about */
#about #contents .inBody dl.addIcon dd {
	margin-bottom: 35px;
}

#about #contents .inBody dl.addIcon dd.lastChild {
	margin-bottom: 0;
}

/* .greeting */
.greeting .rightImg {
	width: 192px;
}

.greeting .rightImg .imgBlock {
	margin-bottom: 5px;
}

.greeting .rightImg .txtBlock {
	font-size: 75%;
	text-align: center;
}

/* .history */
.history .tableBlock {
	width: 800px;
	margin: 0 auto;
}
.history .tableBlock table th {
	width: 200px;
	background-color: #1B7FBE;
	color: #FFFFFF;
}

/* .medicine */

/* .rehabilitation */

/* .floormap */
.floormap .alignCenter {
	margin-bottom: 20px;
}

.floormap .alignCenter img {
	margin: 0 auto;
}

/* .radiation */
.radiation .imgList {
	overflow: hidden;
}

.radiation .imgList li {
	width: 280px;
	float: left;
	margin-right: 30px;
}

.radiation .imgList li.lastChild {
	margin-right: 0;
}

.radiation .imgList li img {
	margin-bottom: 5px;
}

.radiation .imgList li .capTxt {
	text-align: center;
}

/* .nutrition */
.nutrition #contents .inBody table th {
	background-color: #1B7FBE;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
}

.nutrition .imgList {
	width: 810px;
	margin: 0 auto;
}

.nutrition .imgList ul {
	margin-right: -30px;
	overflow: hidden;
}

.nutrition .imgList ul li {
	width: 250px;
	float: left;
	margin: 0 30px 30px 0;
}

/* .research */

/* .pathology */
.pathology .mb90 {
	margin-bottom: 90px;
}


/**アイセル追記160331**/
.seminars #contents .inBody table th {
	background-color: #eeeeee;;
	color: #00000;
	text-align: center;
	padding: 20px 0 20px 0;
}


.box01{
	    width: 258px;
		height: 258px;
    border: #199E00 2px solid;
    padding: 20px;
    position: relative;
	float:left;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 	
	}

/**アイセル追記170502**/
.rinen{
	
	background: url(../images/greeting/bg_rinen.png) no-repeat;
	width: 900px;
	height: 660px;
	padding: 20px 0;
}
.rinen>.inner{
	width: 800px;
	margin: 30px auto ;
	background: rgba( 255,255,255 , 0.8) ;
	padding: 15px;

}
.rinen>.inner h3{
	padding-top: 0 !important;
	margin-top: 0 !important;
	text-align: center;
}
.imgKouza{
	margin-bottom: -2px;
}


.kanja{
	
	background: url(../images/greeting/bg_kanja.jpg) no-repeat;
	width: 900px;
	height:1100px;
	padding: 20px 0;
}
.kanja>.inner{
	width: 800px;
	margin: 30px auto ;
	background: rgba( 255,255,255 , 0.8) ;
	padding: 15px;

}
.kanja>.inner h3{
	padding-top: 0 !important;
	margin-top: 0 !important;
	text-align: center;
}

.font_s{
    font-size: 17px!important;
}

.guide_time_tb_04cli{
	background-color: #eaeaea!important;
	color: #000;
}

.guide_time{
	border-collapse: collapse; 
	width: 100%;
    font-size: 16px;
}
.guide_time tr td{
	vertical-align: middle;
}

.gray{
    background: #eeeeee!important;
    color: black!important;
}

.indent{
padding-left:1em;
text-indent:-1em;
}

.seminar_backnumber{
    display: flex;
    flex-wrap: wrap;
	width: 100%;
}

.seminar_backnumber li{
    text-align: center;
    margin: 0 40px;
}


/*公開講座のご案内
-------------------------------------------------------------------------*/
h4.midashi_02.kouza{
	margin-bottom: 20px;
}
h4.midashi_02.kouza span{
	font-size:20px;
	font-weight:700;
}
#contents .inBody .kouza_box{
	display: flex;
	justify-content: space-between;
	margin: 0 auto 50px;
	align-items: center;
}
#contents .inBody .kouza_box div:nth-child(1){
	width: 70%;
}
#contents .inBody .kouza_box div:nth-child(1) table{
	width: 100%;
}

#contents .inBody .kouza_box div:nth-child(2) a img{
	width: 100%;
	max-width: 200px;
}
#contents .inBody .kouza_box div:nth-child(2) a span{
	display: block;
    background: #1A7FBE;
	color: #fff;
	text-align: center;
	text-decoration: underline;
}


/*dpc 病院指標
-------------------------------------------------------------------------*/
.comment{
		background:#DEE7F4;
		padding:15px;
		display:block;
		margin:10px auto 20px ;
		width:90%;
}
	
#contents .inBody a.csv_btn{
	padding:10px;
	border:1px solid #ee2442;
	border-radius:10px;
	background:#ee2442;
	color:#fff !important;
	display:inline-block;
	margin-bottom:15px;
	text-decoration:none;
	margin-left:660px;
	transition: all 0.3s ease-out;
}

.dot {
    list-style-type: disc !important;
    padding-left: 10px;
}

.flex_box{
	display: flex;
	justify-content: space-around;
	align-items: center;
}


/* 新着情報（新）
-------------------------------------------------------------------------*/
.news_box{
	width: 100%;
	margin: 20px auto;
}
.news_box h2{
	background: #ee2442;
	color: #fff;
	padding: 15px 25px;
	font-size: 18px;
}
.news_box .news_inner{
	width: 100%;
	height: 300px;
	overflow-y: scroll;
	margin: 0 auto;
	border:2px solid #ccc;
	padding: 0 20px;
}
.news_box .news_inner ul{
	border-bottom: 1px solid #ccc;
	display: flex;
	padding: 15px 0;
}
.news_box .news_inner ul:last-of-type{
	border: none;
}

.news_box .news_inner ul li{
	position: relative;
}
.news_box .news_inner ul li:nth-of-type(1){
	width: 15%;
}
.news_box .news_inner ul li:nth-of-type(2){
	width: 75%;
}

.news_box .news_inner ul li:nth-of-type(1)::after{
	display: inline-block;
	padding: 5px;
	border-radius: 5px;
	margin-left: 15px;
	position: absolute;
	top: -5px;
}
.news_box .news_inner ul.news li:nth-of-type(1)::after{
	content: "お知らせ";
	background: #ffbfbf;
}
.news_box .news_inner ul.kouza li:nth-of-type(1)::after{
	content: "公開講座";
	background: #ffc276;
}

.pcr_flow {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}

.pcr_flow p {
    background: #ffe2e2;
    text-align: center;
    padding: 10px;
    margin-bottom: 60px;
    position: relative;
}

.pcr_flow p::after {
    content: "";
    position: absolute;
    border-top: 30px solid #F0897F;
    border-right: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-left: 50px solid transparent;
    bottom: -90px;
    left: 353px;
}

.pcr_flow p:last-child::after{
	display: none;
}


/* 病院指標
-------------------------------------------------------------------------*/
#contents .inBody table.tbl_dpc th,
#contents .inBody table.tbl_dpc td{
	text-align: center;
	width: auto;
	vertical-align: middle;
}
#contents .inBody table.tbl_dpc th{
	background: #eee;
}
#contents .inBody table.tbl_dpc.dpc2 th:nth-of-type(2){
	width: 180px;
}
#contents .inBody table.tbl_dpc.dpc2 td:nth-of-type(2){
	text-align: left;
}











/* =================================スマホ用=========================================== */
@media screen and (max-width:767px) {
	
	.flex_box{
		display: block;
		width: 100%;
	}
	
	.flex_box img{
		width: 100%;
	}
	
	.pcr_flow p::after {
    content: "";
    position: absolute;
    border-top: 30px solid #F0897F;
    border-right: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-left: 50px solid transparent;
    bottom: -90px;
    left: 120px;
}

.greeting .rightImg .imgBlock img {
    margin: 0 auto;
}

.rinen{
	background: url(../images/greeting/bg_rinen.png) no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	height: auto;
	margin: 0 auto 30px;
}
.rinen>.inner{
	width: 100%;
	margin: 30px auto ;
	background: rgba( 255,255,255 , 0.8) ;
	padding: 15px;
}

.kanja{
	background: url(../images/greeting/bg_kanja.jpg) no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	height: auto;
}
.kanja>.inner{
	width: 100%;
	margin: 30px auto ;
}

.seminar_backnumber{
	justify-content: space-between;
}
.seminar_backnumber li{
	width: 49%;
	margin: 0;
}


/*公開講座のご案内
-------------------------------------------------------------------------*/
h4.midashi_02.kouza span{
	display: block;
}
#contents .inBody .kouza_box{
	flex-wrap: wrap;
}
#contents .inBody .kouza_box div:nth-child(1){
	width: 100%;
	margin: 0 auto 30px;
}
#contents .inBody .kouza_box div:nth-child(1){
	width: 100%;
}
#contents .inBody .kouza_box div:nth-child(2){
	margin: 0 auto;
}


#privacy{
	margin-top: -152px;
	padding-top: 152px;
}


/*dpc 病院指標
-------------------------------------------------------------------------*/
.comment{
		margin:10px auto 20px ;
		width:100%;
}
	
#contents .inBody a.csv_btn{
	padding:10px;
	display:block;
	margin-bottom:15px;
	margin-left:0;
	text-align: center;
}

.history .tableBlock{
	overflow-x:scroll;
	width: 100%;
}
.history .tableBlock table{
	width: 800px;
}



.nutrition .imgList {
	width: 100%;
	margin: 0 auto;
}

.nutrition .imgList ul {
	margin-right: 0;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.nutrition .imgList ul li {
	width: 48%;
	float: left;
	margin: 0;
	margin-bottom: 20px;
}
.nutrition .imgList ul li img{
	width: 100%;
}



/* 新着情報（新）
-------------------------------------------------------------------------*/
.news_box h2{
	padding: 10px 25px;
}
.news_box .news_inner{
	height: 250px;
}
.news_box .news_inner ul{
	flex-wrap: wrap;
	padding: 15px 0;
}
.news_box .news_inner ul li:nth-of-type(1){
	width: 100%;
	margin-bottom: 10px;
}
.news_box .news_inner ul li:nth-of-type(2){
	width: 100%;
}



}