@charset "utf-8";
/************************************************************
	background color
*************************************************************/

body{ background:#efefef;}
#cbody{background:#fff;}

/************************************************************
		Layout setteing
*************************************************************/
/*-------------------------------------
headerwrapper
--------------------------------------*/
#headerwrapper{
	position:relative;
	margin:0;
	padding:0;
	width: 100%;
	height:120px;
	background:url(../images/headerwrapper_m_bg.gif) 0 0 repeat-x;
	text-align:center;
}

/*-------------------------------------
header
--------------------------------------*/
#header{
	position:relative;
	width:760px;
	height:120px;
	margin:0 auto;
	text-align:left;
	background:url(../images/header_m_bg.png) no-repeat;
}

/* clearfix */
#header{ /zoom : 1; }
#header:after{ content: ''; display:block; clear:both; height:0;}

div.systemName{
	padding-top:40px;
	padding-left:50px;
}
div.systemName h1{
	font-size:20px;
	line-height:1.25;
}

.header_btn{
	position:absolute;
	top:80px;
	right:0;
}
.header_btn div{
	float:left;
	margin-left:5px;
}

.gotoMenu a{
	display:block;
	width:125px;
	height:21px;
	background:url(../images/btn_goto_menu_bg.png) 0 0 no-repeat;
}

.gotoMenu a:hover{
	display:block;
	width:125px;
	height:21px;
	background:url(../images/btn_goto_menu_bg.png) 0 -21px no-repeat;
}
.logout a{
	display:block;
	width:90px;
	height:21px;
	background:url(../images/btn_logout_bg.png) 0 0 no-repeat;
}

.logout a:hover{
	display:block;
	width:90px;
	height:21px;
	background:url(../images/btn_logout_bg.png) 0 -21px no-repeat;
}
.chatbot a{
	display:block;
	width:120px;
	height:21px;
	background:url(../images/btn_chatbot_bg.png) 0 0 no-repeat;
}

.chatbot a:hover{
	display:block;
	width:120px;
	height:21px;
	background:url(../images/btn_chatbot_bg.png) 0 -21px no-repeat;
}

/*-------------------------------------
footer
--------------------------------------*/
#footer{
	width:760;
	margin:10px auto;
	border-top:1px solid #bbb;
}

#footer p{
	font-size:11px;
	color:#999;
	text-align:center;
}

/*-------------------------------------
tablink for Master
--------------------------------------*/
/* TOP tablink */
#tablink_m{
	width:760px;
	margin:20px auto 0 auto;
	border-bottom:3px solid #ccc;
	text-align:left;
}

#tablink_m ul{
	list-style:none;
}

#tablink_m ul li{
	float:left;
	width:135px;
	margin-right:1px;
	text-align:center;
}

#tablink_m ul li a{
	display:block;
	width:135px;
	height:30px;
	background:url(../images/tablink_bg_m_off.png) 0 0 no-repeat;
	line-height:30px;
	color:#fff;
}

#tablink_m ul li a:hover{
	display:block;
	width:135px;
	height:30px;
	background:url(../images/tablink_bg_m_off.png) 0 -30px no-repeat;
}

#tablink_m ul li.thispage a{
	background:url(../images/tablink_bg_m_on.png) 0 0 no-repeat;
}

/* bottom tablink */
#tablink2_m{
	width:760px;
	margin:0 auto 20px auto;
	border-top:3px solid #ccc;
	text-align:left;
}

#tablink2_m ul{
	list-style:none;
}

#tablink2_m ul li{
	float:left;
	width:135px;
	margin-right:1px;
	text-align:center;
}

#tablink2_m ul li a{
	display:block;
	width:135px;
	height:30px;
	background:url(../images/tablink2_bg_m_off.png) 0 0 no-repeat;
	line-height:30px;
	color:#fff;
}

#tablink2_m ul li a:hover{
	display:block;
	width:135px;
	height:30px;
	background:url(../images/tablink2_bg_m_off.png) 0 -30px no-repeat;
}

#tablink2_m ul li.thispage a{
	background:url(../images/tablink2_bg_m_on.png) 0 0 no-repeat;
}

/*-------------------------------------
tablink
--------------------------------------*/
/* TOP tablink */
#tablink{
	width:760px;
	margin:20px auto 0 auto;
	border-bottom:3px solid #ccc;
	text-align:left;
}

#tablink ul{
	list-style:none;
}

#tablink ul li{
	float:left;
	width:170px;
	margin-right:1px;
	text-align:center;
}

#tablink ul li a{
	display:block;
	width:170px;
	height:30px;
	background:url(../images/tablink_bg_off.png) 0 0 no-repeat;
	line-height:30px;
	color:#fff;
}

#tablink ul li a:hover{
	display:block;
	width:170px;
	height:30px;
	background:url(../images/tablink_bg_off.png) 0 -30px no-repeat;
}

#tablink ul li.thispage a{
	background:url(../images/tablink_bg_on.png) 0 0 no-repeat;
}

/* bottom tablink */
#tablink2{
	width:760px;
	margin:0 auto 20px auto;
	border-top:3px solid #ccc;
	text-align:left;
}

#tablink2 ul{
	list-style:none;
}

#tablink2 ul li{
	float:left;
	width:170px;
	margin-right:1px;
	text-align:center;
}

#tablink2 ul li a{
	display:block;
	width:170px;
	height:30px;
	background:url(../images/tablink2_bg_off.png) 0 0 no-repeat;
	line-height:30px;
	color:#fff;
}

#tablink2 ul li a:hover{
	display:block;
	width:170px;
	height:30px;
	background:url(../images/tablink2_bg_off.png) 0 -30px no-repeat;
}

#tablink2 ul li.thispage a{
	background:url(../images/tablink2_bg_on.png) 0 0 no-repeat;
}

/*-------------------------------------
cbody
--------------------------------------*/
#cbody{
	width:760px;
	height:100%;
	margin:0 auto 0 auto;
	padding:0;
	text-align:left;
	/zoom : 1;
	min-height: 300px;
}

/* #cbodyのmargin用div*/
#details{
	margin:0 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

/* clearfix */
#cbody:after{ content: ''; display:block; clear:both; height:0;}


/************************************************************
		cbody style setteing
*************************************************************/
/*-------------------------------------
cbody style
--------------------------------------*/
#cbody h2{
	height: 40px;
	line-height: 40px;
	font-size: 22px;
	margin-bottom: 10px;
	padding-left:5px;
	background:url(../images/master_h2_bg.png) 0 0 repeat-x;
	color:#333;
}

#cbody h3{
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	font-weight:bold;
	margin-bottom: 5px;
	padding-left:25px;
	background:url(../images/master_h3_bg.png) 0 0 no-repeat;
}

.innerbox{
	margin:70px 0;
}

.innerbox div{
	margin-top:20px;
}

.innerbox p{
	margin-bottom:10px;
}

.receptionNumber{
	color:#039;
}

.rules h3{
	background:none!important;
	margin-top:20px;
	padding-left:0!important;
}

.rules p{
	margin-bottom:10px;
}

/*-------------------------------------
	table style
--------------------------------------*/

td.divisionCell{
	border-bottom:1px dashed #bbb !important;
}

/* basicInfo table */
#basicInfo table th{
	width:120px;
	vertical-align: middle;
}

/*-------------------------------------
	buttonArea
--------------------------------------*/
.buttonArea{
	padding-bottom:10px;
}

.buttonArea button {
	border: 0px;
	margin: 0 12px;
	padding: 0px;
	cursor: pointer;
}

/*-------------------------------------
	buttom
--------------------------------------*/
.changeID{
	margin:0 !important;
	float:right;
}

/*
.changeID a{
	display:block;
	width:50px;
	height:21px;
	background:url(../images/btn_change_id_bg.png) 0 0 no-repeat;
}

.changeID a:hover{
	display:block;
	width:50px;
	height:21px;
	background:url(../images/btn_change_id_bg.png) 0 -21px no-repeat;
}
*/

/*
a.reflection{
	display:inline-block;
	width:50px;
	height:21px;
	background:url(../images/btn_reflection_bg.png) 0 0 no-repeat;
}

a.reflection:hover{
	width:50px;
	height:21px;
	background:url(../images/btn_reflection_bg.png) 0 -21px no-repeat;
}
*/

.btn_bg{
	background:url(../images/btn_bg.png) 0 0 no-repeat;
}

/*-------------------------------------
	pagination setting
--------------------------------------*/
.pagination{ /zoom : 1; }
.pagination:after{ content: ''; display:block; clear:both; height:0;}

.pagination{
	margin: 10px 0!important;
	padding: 0;
	text-align: center;
}

.pagination li{
	display: inline;
	border-right: 1px solid #999999;
	line-height: 1em;
}

.pagination li.prevPage{
	padding: 0;
	border: 0;
}

.pagination .nextPage{
	padding-left:1em;
	border: 0;
}

.pagination .nopipe{
	border: 0;
}

.pagination .current{
	color:#666 !important;
	font-weight: bold;
	cursor: default;
	text-decoration: none !important;
}

.pagination li a{
	padding: 0 7px;
	text-decoration:underline;
}

/*-------------------------------------
	menu style
--------------------------------------*/
.menupage{
	background:#efefef!important;
}

.menupage h2{
	display:block;
	height:69px!important;
	line-height:60px!important;
	background:url(../images/menu_h2_bg.png) 0 0 no-repeat!important;
	padding-left:65px!important;
	margin-top:20px;
}

.menuTable{
	margin:20px 0 40px 0;
}

.menuTable td{
	border: none;
	background:#efefef!important;
	height: 65px;
	padding:0;
	vertical-align:middle!important;
}

/*-------------------------------------
	clinic master form style
--------------------------------------*/
.reserveFormNotes{
	margin: 15px 0;
}

.infoContentsBox div{
	margin-top:15px;
}

.infoContentsBox table{
	width: 740px;
}

.infoContentsBox th{
	width:170px;
	vertical-align:middle;
}

/* .infoContentsBox th.must{
	width:130px;
	width:140px;
	padding-right:35px;
} */

.infoContentsBox td{
	vertical-align:middle;
	background:#fff;
}

.serviceStopMessage{
	border: 1px solid #c00;
	padding: 10px;
	text-align:center;
	color:#c00;
	font-weight:bold;
}

/* 予約受付時間設定 */
.timeSetting th, .timeSetting td{
	padding:2px;
	text-align:center;
}

.timeSetting th.timezone{
	width:200px!important;
}
.timeSetting th.day{
	width:80px!important;
}

.timeSetting td{
	width:25px;
}

.timeSetting .time{
	width:150px;
}

.timeSetting td.time input{
	width:150px;
}

.timeSetting .howManyPeople{
	width:39px!important;
}

.timeSetting td.howManyPeople input{
	width:35px;
}

/* デザイン選択 */
.designSetting td{
	padding:5px;
	text-align:center;
}
.designSetting td img{
	border:1px solid #ccc;
}

/*-----------------------------------------------------------
	reserve list form style
-----------------------------------------------------------*/
.reserveList table{
	width:740px;
	margin:0;
}

.reserveList table td.listnummber{
	width:25px;
	vertical-align:top;
	text-align:center;
	line-height:1em;
}
.reserveList table th{
	width:120px;
}

.reserveList table td{
	width:220px;
	padding:3px;
	border:1px solid #bbb;
}

.reserveList table td.bikou{
	width:560px;
}

.interimRegist a:link{color:#C00; }
.interimRegist a:visited{color:#C00; }
.interimRegist a:hover{color:#f30; }
.interimRegist a:active{color:#C00; }

/*-----------------------------------------------------------
clinic list form style
-----------------------------------------------------------*/
.clinicList table{
	width:740px;
	margin:0;
}

.clinicList table td.listnummber{
	width:40px;
	vertical-align:top;
	text-align:center;
	line-height:1.4em;
}
.clinicList table th{
	width:100px;
}

.clinicList table td{
	width:220px;
	padding:3px;
	border:1px solid #bbb;
}

.clinicList table td.bikou{
	width:580px;
}

/*-----------------------------------------------------------
	holiday form style
-----------------------------------------------------------*/
.holidaySearch{
	width: 220px!important;
}

.holidaySearch th{
	width: 80px!important;
}

.holidaySet td{
	width:70px;
	padding: 2px;
	text-align:center;
}

.holidaySet td input{
	width: 62px;
}

/*-----------------------------------------------------------
	calendar edit style
-----------------------------------------------------------*/
/*
table.calendarEdit{
	table-layout: fixed;
}
*/

table.calendarEdit th{
	width:103px;
	text-align:center;
	padding:2px 0;
	line-height:1.2;
	border:1px solid #666;
	font-family:"ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
	background-color:#fff;
}


table.calendarEdit td{
	width:103px;
	text-align:center;
	padding:2px 0;
	line-height:1.2;
	border-left:1px solid #666;
	border-right:1px solid #666;
	border-bottom: 1px dashed #999;
	font-family:"ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
	overflow:auto;
}

table.calendarEdit td.holidayClose{
	border-top: none;
	background:#f5c4da;
	border-bottom: 1px solid #666;
	color:#F36;
}
table.calendarEdit td.holidayOpen{
	border-top: none;
	background:#dbf4df;
	border-bottom: 1px solid #666;
	color:#F36;
}

table.calendarEdit td.weekdayClose{
	border-top: none;
	background:#f5c4da;
	border-bottom: 1px solid #666;
}

table.calendarEdit td.weekdayOpen{
	border-top: none;
	background:#dbf4df;
	border-bottom: 1px solid #666;
}

table.calendarEdit td.edit{
	border-bottom: 1px solid #666;
}

.sunday{
	color:#F36;
}

.saturday{
	color:#1472ae;
}

/*-----------------------------------------------------------
	inquiry setting form style
-----------------------------------------------------------*/

.margint{
	margin-top: 3px !important;
}

.inlineb{
	display: inline-block;
}

.pdfl{
	width: 17%;
}

.pdfle{
	vertical-align: top;
}

.monsinp{
	width: 40%;
}

#medical_m_Monsin_mdc_mon_mon_cd{
	width: 12%;
}

/*===========================================================
	印刷用設定
===========================================================*/
@media print{
	body, #headerwrapper, #footer{
		background: #fff !important;
		/*background-image: none !important;*/
		color: #000 !important;
	}
	/*
	a, a:link, a:visited{
		color: #000 !important;
		text-decoration: none;
	}
	*/
}

/*===========================================================
	2016.1.6追記分
===========================================================*/
.to_time_unk {
	text-align: right;
	letter-spacing: 0.5px;
	margin: -40px 10px 0 0;
}

.to_time_unk a {
	background: #50B9CF;
	color: #fff;
	text-decoration: none!important;
	border-radius: 3px;
	padding: 2px 6px;
}

.to_time_unk a:hover {
	background: #2C9DB9;
}

/*===========================================================
	2016.1.19追記分
===========================================================*/

.top_bold_border {
	border-top: 2px solid #bbb;
}

.right_bold_border {
	border-right: 2px solid #bbb;
}

.bottom_bold_border {
	border-bottom: 2px solid #bbb;
}

.left_bold_border {
	border-left: 2px solid #bbb;
}

.new_time {
	background: #FFF0F5;
}

/*===========================================================
	2023.2.16追記分
===========================================================*/
.addbutton_parent {
	position: relative;
}

.addbutton {
	position: absolute;
	bottom: 30px;
	left: 6px;
	cursor: pointer;
	font-size: 12px;
}

#today {
	bottom: 70px;
}

/*===========================================================
	2023.3.07追記分
===========================================================*/
.to_password {
	padding: 6px 3px 6px 8px;
}

.to_password a {
	background: #50B9CF;
	color: #fff!important;
	text-decoration: none!important;
	border-radius: 3px;
	padding: 2px 6px;
	margin-left: 345px;
}

.to_password a:hover {
	background: #2C9DB9;
}

/*===========================================================
	2025.2.20追記分
===========================================================*/
#modal_body{
	width: 760px;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

#modal_details{
	margin: 0 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#modal_body h2{
	height: 40px;
	line-height: 40px;
	font-size: 22px;
	margin-bottom: 10px;
	padding-left: 5px;
	background: url(../images/master_h2_bg.png) 0 0 repeat-x;
	color: #333;
}

#modal_body h3{
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
	padding-left: 25px;
	background: url(../images/master_h3_bg.png) 0 0 no-repeat;
}

#modal_body .buttonArea {
	padding: 0;
}

textarea[name="mdc_sinryo_kamoku"],
textarea[name="medical[mdc_sinryo_kamoku]"] {
	resize: none;
}

.to_mailaddress {
	display: flex;
	justify-content: space-between;
	margin: 0!important;
	height: 25px;
	padding: 1px 10px 1px 0px;
}

.to_mailaddress span {
	line-height: 1.8;
}

.to_mailaddress a {
	background: #50B9CF;
	color: #fff;
	text-decoration: none!important;
	border-radius: 3px;
	width: 112px;
	padding: 2px 6px;
	text-align: center;
}

.to_mailaddress a:hover {
	background: #2C9DB9;
}

#btn_clipboard {
	position: relative;
	bottom: 3px;
	background: #50B9CF;
	color: #fff;
	padding: 2px 15px;
	border: 0;
	border-radius: 3px;
	cursor: pointer;
}

div:has(>#btn_clipboard) {
	display: flex;
	justify-content: space-between;
}

#btn_clipboard:hover {
	background: #2C9DB9;
}

#btn_clipboard.copied {
	background: #51CF9A;
	cursor: default;
}

._ui_pager_ctrl {
	padding: 0 10px;
}

.txt_highlight {
	color: red;
}