@charset "utf-8";

@import "contents.css";
@import "common_parts.css";


#header{
  background: url("../../img/common/header_mask.png") repeat-x,url("../../patient/img/common/bg_title.jpg") no-repeat center;
	-moz-background-size: auto, auto, auto, 100%;
	-webkit-background-size: auto, auto, auto, 100%;
	background-size: auto, auto, auto, 100%;
}
#header:before {
    content: '';
    background: url('../../patient/img/common/bg_title.jpg') bottom;
	-webkit-background-size: 120% auto;
	-moz-background-size: 120% auto;
	-o-background-size: 120% auto;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    filter: blur(25px);
    z-index: -1;
}

@media screen and (max-width: 979px) {
/*tablet*/
    .page_contents_top .title_box{
        min-height: 500px;
    }
    .page_contents_top .title_box .textArea{
        min-height: 400px;
    }
}
@media screen and (max-width: 768px) {
/*tablet*/
    .page_contents_top .title_box{
        min-height: 600px;
    }
    .page_contents_top .title_box .textArea{
        min-height: 450px;
    }
}


/*page_outpatient
************************************************************************************/
.page_outpatient .table-yoko{
    overflow-x: scroll;
    padding: 10px;
}
@media screen and (max-width: 620px) {
	.page_outpatient .table-yoko .sp_comment{
		display: block;
		padding: 10px;
		border: 1px solid #ededed;
		margin: 10px 0;
	}
	.page_outpatient .table-yoko .sp_comment:after{
		content: "※表が見切れている場合は、横にスクロールしてご覧いただけます";
		color: #666;
		display: block;
	}
}

.page_outpatient .table-yoko .room{
    padding: 1px;
	margin-right:5px;
	font-weight:300;
	font-size:80%;
	color:#fff;
	background-color: #4682b4;
}

.page_outpatient .table-yoko table.data-yoko{
	width:1000px;
	margin: 2px auto;
	border-collapse:collapse;
	border: 1px solid #000;
	font-size: 90%;
}
.page_outpatient .table-yoko .line2{
	border-top: 1px solid #000;
}
.page_outpatient .table-yoko .line2-l{
	border-left: 1px solid #000;
}
.page_outpatient .table-yoko .line2-r{
	border-right: 1px solid #000;
}
.page_outpatient .table-yoko table.data-yoko tbody td{
	padding: 2px;
	border-bottom: 1px solid #666;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	text-align: left;
	vertical-align: middle;
}

.page_outpatient .table-yoko table.data-yoko thead th.line2w{
	border-right: 1px solid #fff;
	width:120px !important;
}
.page_outpatient .table-yoko table.data-yoko thead th.line2w2{
	border-right: 1px solid #fff;
	width:60px !important;
}
.page_outpatient .table-yoko table.data-yoko thead th.line2w3{
	border-right: 1px solid #000;
	width:120px !important;
}
.page_outpatient .table-yoko table.data-yoko th.number{
	padding: 2px;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	background-color: #BFF6FF;
	color:#000;
	width:60px;
}

.page_outpatient .table-yoko table.data-yoko tbody td.bg{
	padding: 2px;
	border-bottom: 1px solid #add8e6;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	text-align: left;
	vertical-align:top;
	background-color: #ccffff;
}

.page_outpatient table{
	width: 100%;
	margin: 2px auto;
	border-collapse:collapse;
	border: 1px solid #000;
	font-size: 90%;
}
.page_outpatient thead th{
	background: #072856;
	color: #FFF;
	text-align: center;
	font-weight: normal;
	border: 1px solid #000;
}
.page_outpatient tbody th{
	background: #3868aa;
	color: #FFF;
	text-align: center;
	font-weight: normal;
	padding: 5px;
	width:1em;
	border: 1px solid #000;
	vertical-align: middle;
}
.page_outpatient tbody td{
	padding: 2px;
	border: 1px solid #000;
	text-align: center;
	
}

@media screen and (max-width: 620px) {
.page_outpatient .table-yoko{
	border: 2px solid #666;
}

}


/*page_target
************************************************************************************/
.page_target .page_btn ul li{
	width: 49%;
	display: block;
	padding: 0 20px 0 0;
	margin: 5px auto 5px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	background: #FFF;
	border: 2px solid #072856;
	background: url(../../img/common/ar_darkblue.png) no-repeat right center;
	-moz-background-size: 30px auto;
	-webkit-background-size: 30px auto;
	background-size: 30px auto;
}
.page_target .page_btn ul li a{
	background: none;
}
.page_target .page_btn ul li a span{
	font-size: 14px;
	font-weight: normal;
    color: #333;
    display: block;
}


@media screen and (max-width: 768px){
/*smart phone*/
    .page_target .page_btn ul li{
        width: 99%;
    }
}