@charset "utf-8";
/*順番予約など携帯でも表示させたいページ用のCSS
幅を最大240pxとし、一つのURLでPCと携帯の両方に使用*/

/*****************************************
　■初期設定
*****************************************/
html {
	height: 100%;
}

body {
	font-size: 80%;
	color: #111313;
	text-align: center;
	-webkit-text-size-adjust: 100%;/*スマホの文字倍率自動調整のオフ*/
}
/*背景、フォント*/

* {
	margin: 0;
	padding: 0;
	list-style-type:none;
	list-style-image:none;
	line-height: 1.2em;
	/*font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";*/
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
    /*line-heightリセット　iphoneでlastnote4表示崩れ*/
	br {
        line-height: initial;
    }
/*全余白のリセット*/

input {
	line-height: 1em;
}

/*表の初期設定*/
td, tr {
	color: #111313;
	font-size: 100%;
}

/*clearfix(clear divの代わり)*/
.clearfix:after {
	content: " ";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
	.clearfix {
		zoom: 1;/*for IE6/7*/
	}


/*****************************************
　■リンクの色設定
*****************************************/

a:link {
	color: #3366CC;
	text-decoration: underline;
}

a:visited {
	color: #3366CC;
	text-decoration: underline;
}

	
a:hover {
	color: #3366CC;
	text-decoration: none;
	position:relative;
	top:1px;
	left:1px;
}

a:active {
	color: #3366CC;
	text-decoration: none;
	}
	
img {
	border: 0;
}

/*iOS15からsubmit文字が白になり読みづらくなった*/
input[type="button"],input[type="submit"] {
    color: #000000;
    font-weight: normal;
}
input[type="button"]:disabled,input[type="submit"]:disabled {
    color: #999999;
    font-weight: normal;
}




/*****************************************
　■レイアウト
*****************************************/

/*一番背景の石壁*/
body {
	background: url(../img/format_background.jpg);
	padding: 0;
	height: 100%;
}

/*本番*/
#outline {
	max-width: 820px;
	min-width: 768px;
	width: 100%;
	background: url(../img/format_backShadow.jpg) repeat-y center;
	margin: 0 auto;
	text-align: center;
	min-height: 100%;
}

#header {
	height: 100px;
	/*width: 100%;
	max-width: 820px;
	min-width: 768px;*/
	background: url(../img/format_mobile_title.jpg) no-repeat center;
    /*ページ下部で上書き。さらにCI193以降はretina_header.cssで上書き*/
}
	
	#header h1 {
		text-indent: -9999px;
	}
	
	#header h1 a:hover {
		position: relative;
		top:0;
		left:0;
	}
	
#manual {
	margin: 10px auto 0 auto;
	text-align: left;
	border: dotted 2px #E9CDBC;
	padding:0 15px 5px 15px;
	width: 650px;
}
	#manual p {
		margin-bottom: 0.4em;
		background: url(../img/catch1.jpg) no-repeat 0 3px;
		padding-left: 12px;
		font-size: 14px;
		line-height: 1.4em;
	}
	#manual p.ope {
		margin-bottom: 0.5em;
		background: url(../img/catch2.jpg) no-repeat 0 3px;
		padding-left: 12px;
	}
	#manual .strong2 {
		font-weight: bold;
		color: #FF6666;
		padding: 0px 3px;
	}
	#manual input {
		font-size: 11px;
		padding: 3px 6px 3px 2px;
		margin: 0px 0 0px 5px;
	}
	p.next_step_info {
		margin-top: 0.5em;
	}
	
#manual_large {
	margin: 10px auto 0 auto;
	text-align: left;
	border: dotted 2px #E9CDBC;
	padding:0 15px 5px 15px;
	width: 650px;
}
	#manual_large p {
		font-size: 15px;
		margin-bottom: 0.5em;
		background: url(../img/catch1.jpg) no-repeat 0 3px;
		padding-left: 12px;
	}
	#manual_large .strong2 {
		color:#FF6666;
		padding: 0px 3px;
	}
		
h2 {
	text-align: center;
	font-size: 1.4em;
	border-bottom: 3px #EFE4DA solid;
	width: 400px;
	margin: 30px auto 30px auto;
	font-weight: normal;
}

h3 {
	text-align: left;
	font-size: 1.25em;
	border-left: 7px #EFE4DA solid;
	padding: 6px 0px 6px 8px;
	font-weight: normal;
}
	h3.support {
		margin: 50px 0 0 40px;
	}
                                                                                            @media screen and (max-width: 920px) {
                                                                                                h3.support {
                                                                                                    margin: 50px 0 0 20px;
                                                                                                }
                                                                                            }
                                                                                            @media screen and (max-width: 872px) {
                                                                                                h3.support {
                                                                                                    margin: 50px 0 0 10px;
                                                                                                }
                                                                                            }

hr.under_status {
	margin: 20px 40px;
}
hr.news {
	margin: 0.5em 0;
	border-top: 1px solid #CEBEB3;
	border-bottom: none;
	border-left: none;
	border-right:none;
	height: 1px;
}

#footer {
	height: 30px;
}

/*****************************************
　■個別の装飾
*****************************************/

table.status_table {
	margin: 0 auto;
	border-spacing: 10px;
}
	
	table.status_table td {
		padding: 12px 0px;
		border: 1px solid #D8C8B6;
		width: 85px;
		background: #F0DBC4;
		text-align: center;
		font-size: 110%;
	}
	
	table.status_table td.status_match {
		background: #FF6666;
	}
#close_am_reset_radio {
	padding:0.1em 0 0.8em 0;
}

	#close_am_reset_radio input.close_am_reset {
		padding: 0;
		margin: 0;
		line-height: 100%;
	}

table.fastlist_title_last {/*各所にあるページトップへのスクロールボタン用*/
    width: 92%;
	margin: 0px auto 0 auto;
}
                                                                                            @media screen and (max-width: 872px) {
                                                                                                table.fastlist_title_last {/*各所にあるページトップへのスクロールボタン用*/
                                                                                                    width: 99%;
                                                                                                }
                                                                                            }

	table.fastlist_title_last td.left {
		text-align: left;
		padding-top: 10px;
	}
	
	table.fastlist_title_last td.right {
		text-align: right;
		padding-bottom: 10px;
	}
	
table.admin_fastlist {
	width: 760px;
	margin: 0 auto;
	/*border-spacing: 5px;*/
}

	table.admin_fastlist tr.title td {
		white-space: nowrap;
		background-color: #2D455B;
		color: #FFFFFF;
		padding: 8px 3px;
	}

	table.admin_fastlist tr.personal td {
		border-bottom: dotted 2px #D0DCEE;
		padding: 8px 3px;
	}

		table.admin_fastlist tr.personal td.nowrap {
			white-space: nowrap;
		}

		table.admin_fastlist .adminlist_repeat_title {/*縦書きにして省スペースに td class指定だとiOSで表示不具合。spanに指定*/
			-webkit-writing-mode: vertical-lr;
			-ms-writing-mode: tb-lr;
			writing-mode: vertical-lr;
			min-height: 3em;
			min-width: 1em;
		}
		table.admin_fastlist .adminlist_repeat_personal {/*縦書きにして省スペースに td class指定だとiOSで表示不具合。spanに指定*/
			-webkit-writing-mode: vertical-rl;
			-ms-writing-mode: tb-rl;
			writing-mode: vertical-rl;
			font-size: 105%;
		}

			table.admin_fastlist .client_yoyakuname_css {
				font-size: 120%;
			}
			table.admin_fastlist .client_petname_css {
				font-size: 108%;
			}
			table.admin_fastlist .client_multiple_num_css{
				font-size: 108%;
			}
			table.admin_fastlist .client_card_num_css{
				font-size: 112%;
			}
			table.admin_fastlist .client_yourid_css {
				font-size: 120%;
			}
	
	table.admin_fastlist tr.statusVisited td {
		background-color:#EFF8FF;
	}
	table.admin_fastlist tr.statusYoyaku td {
		background-color: #B6F8DE;
	}
	table.admin_fastlist tr.statusKari td {
		background-color: #F7D4C4;
	}
	table.admin_fastlist tr.statusOut td {
		background-color: #FFDAEB;
	}
	table.admin_fastlist tr.statusTimeout td {
		background-color: #D0A8D7;
	}
	table.admin_fastlist tr.personal td.numbering {
		color: #FFFFFF;
		border-bottom: none;
		font-size:110%;
		padding:0 1px;
		letter-spacing:-0.1em;
		/*背景色はここでは効かないので直*/
	}

	/*訂正・外出は2文字なので押しやすいよう広く*/
	table.admin_fastlist input.admin_btn_out {
		padding-left: 0.5em;
		padding-right: 0.5em;
	}
	table.admin_fastlist input.admin_btn_rewrite {
		padding-left: 0.5em;
		padding-right: 0.5em;
	}

	.addedtime {
		background-color: #6F7144;
		color: #FFF;
		font-size: 11px;
		padding: 2px 3px;
		line-height: 2em;
	}

	/*クリニックメモ、患者コメント*/
	table.admin_fastlist table.clientmemo_incsv {
        margin: 0;
        border-collapse: collapse;
        border-spacing: 0;
        width:100%;
	}
        table.admin_fastlist table.clientmemo_incsv td {
            text-align: left;
            border: none;
            padding: 5px 0 0 0;
            vertical-align: top;
        }
            table.admin_fastlist table.clientmemo_incsv td.staff_icon {
                width:40px;
            }
                table.admin_fastlist table.clientmemo_incsv td.staff_icon a {
                    font-size:18px;
                    padding: 5px 0 2px 0;
                    background-color: #3F87F8;
                    display: block;
                    text-align: center;
                    border-radius: 5px;
                    text-decoration:none;
                }
                /*writeClientMemo.phpのアイコンも同じにする*/
                .writeClinicMemo_icon {
                    font-size:18px;
                    padding: 5px 5px 5px 5px;
                    background-color: #3F87F8;
                    text-align: center;
                    border-radius: 5px;
                }
            table.admin_fastlist table.clientmemo_incsv td.staff_note {
                font-size:12px;
                padding: 5px 0 2px 2px;
                white-space:  normal;
                min-width: 70px;
            }
            table.admin_fastlist table.clientmemo_incsv td.client_icon {
                width:40px;
            }
                table.admin_fastlist table.clientmemo_incsv td.client_icon a {
                    font-size:18px;
                    padding: 5px 0 2px 0;
                    background-color: #FF44AC;
                    display: block;
                    text-align: center;
                    border-radius: 5px;
                    text-decoration:none;
                    margin-left: 5px;
                }
                /*writeClientMemo.phpのアイコンも同じにする*/
                .writeClientMemo_icon {
                    font-size:18px;
                    padding: 5px 5px 5px 5px;
                    background-color: #FF44AC;
                    text-align: center;
                    border-radius: 5px;
                }
            table.admin_fastlist table.clientmemo_incsv td.client_note {
                font-size:11px;
                padding: 5px 0 2px 2px;
                white-space:  normal;
                min-width: 70px;
            }

            table.clientMemo button {/*定型文ボタン*/
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                background-color: rgba(87,118,118,1.00);
                color:#fff;
                font-size:13px;
                border-radius: 4px;
                padding: 5px 10px;
                border: none;
                cursor: pointer;
                margin: 10px 10px 0 0;
            }

table.addNewClient {
	width: 300px;
	margin: 10px auto 0px auto;
	border-spacing: 10px;
}

	table.addNewClient td {
		padding: 5px;
	}

	table.addNewClient tr.title td {
		background: #9A7E63;
		color: #FFFFFF;
		padding: 5px 3px 5px 3px;
		letter-spacing: 0.1em;
		border-radius: 8px;
		text-shadow: 1px 1px 1px #555;
		font-size: 110%;
	}

	table.addNewClient tr.input td {
		padding-bottom: 30px;
	}
	
table.support {
    width: 92%;
    max-width: 800px;
	margin: 10px auto;
	border-top: 1px solid #2D455B;
	/*border-spacing: 5px;*/
}
                                                                                            @media screen and (max-width: 872px) {
                                                                                                table.support {/*各所にあるページトップへのスクロールボタン用*/
                                                                                                    width: 92%;
                                                                                                }
                                                                                            }
	table.support dl {
		margin-top: 10px;
	}

	table.support dt {
		padding: 5px 0px 5px 23px;
		text-align: left;
		margin-right: 10px;
	}
		table.support dt.question {
			color: #2D455B;
			margin-left: 5px;
			background: url(../img/catch_Q.jpg) no-repeat 5px 5px;
			border-bottom: dotted 2px #D0DCEE;
		}
		table.support dt.answer {
			color: #FF0000;
			margin-left: 40px;
			margin-top: 5px;
			background: url(../img/catch_A.jpg) no-repeat 5px 5px;
			border-bottom: dotted 2px #FF928C;
		}
		table.support dt.cleared_notice {
			color: #2D455B;
			padding-left: 10px;
		}

	table.support dd {
		padding: 5px 0px 5px 10px;
		text-align: left;
		margin-right: 10px;
	}
		table.support dd.question {
			margin-left: 5px;
			color: #003333;
			word-break: break-all;
		}
		table.support dd.answer {
			margin-left: 40px;
			color: #471624;
			word-break: break-all;
			font-size: 15px;
			line-height: 1.3em;
		}
		table.support dd.answer_wait {
			margin-left: 40px;
			color:#999999;
			font-size: 11px;
		}
		table.support dd.cleared_notice {
			margin-left: 0px;
			color: #2D455B;
		}
	
	table.support td.clear {
		text-align: center;
		width: 110px;
	}
		table.support td.clear input {
			padding: 15px 8px;
		}
	
	table.support td.notice_clear {
		text-align: center;
		width: 110px;
		padding: 5px 0;
	}
		table.support td.notice_clear input {
			padding: 3px 8px;
		}
	
	table.notice {
		background-color: #C23121;
	}
		table.notice p.day {
			color: #FFFFCC;
			padding-left: 5px;
			font-size: 13px;
			margin-left: 10px;
			text-align: left;
		}
		table.notice p.notice {
			color: #FFFFFF;
			padding-left: 5px;
			padding-top: 10px;
			margin-bottom: 0px;
			margin-left: 10px;
			margin-right: 15px;
			border-top: 1px #FFFFFF dotted;
			text-align: left;
			font-size: 15px;
		}
		table.notice td.noticeTitle {
			padding: 5px 0;
		}
		
table.contactSupport {
	margin: 0px auto 0px auto;
}
	table.contactSupport td {
		text-align: center;
		padding-bottom: 20px;
	}
	
table.clinic_setting {
	margin: 10px;
}
	table.clinic_setting td.l {
		white-space: nowrap;
		padding:6px 6px 6px 0;
		text-align:right;
		border-bottom:dashed 1px #CBCDDA;
		
	}
	table.clinic_setting td.r {
		padding:3px 0 3px 3px;
		border-bottom:dashed 1px #CBCDDA;
		color: #AA300D;
		word-break: break-all;		
	}
	p.setting_subtitle {
		background-color: #ECDBD2;
		border-left: 5px solid #D6B3A0;
		padding: 5px;
		font-size: 15px;
		letter-spacing: 1px;
	}
	
table.helpKariyoyakuOutline {
	width: 700px;
	margin: 20px auto 0px auto;
}

	table.helpKariyoyaku {
	}
	
		table.helpKariyoyaku td {			
		}
	
		table.helpKariyoyaku td.title {
			background: #7B654F;
			color: #FFFFFF;
			padding: 10px 10px 10px 10px;
		}
	
		table.helpKariyoyaku td.input {
			padding: 10px 10px 20px 10px;
		}

table.helpYoyakunote {
	margin: 0 auto;
}
	table.helpYoyakunote td {
		text-align: right;
		padding: 0 5px;
	}

table.writenews {
	margin: 0 auto;
	width: 100%;
	max-width: 500px;
}
	table.writenews td {
		white-space: nowrap;
		text-align: right;
		padding: 0 5px;
	}

table.clientMemo {
	margin: 0 auto 50px auto;
	width: 100%;
	max-width: 650px;
}
	table.clientMemo td {
		text-align: center;
        font-size: 15px;
	}

table.help_limitstop {
	margin: 30px auto;
	border-spacing: 70px 10px;
}
	table.help_limitstop td {
		padding: 7px 10px;
		vertical-align:top;
	}
	table.help_limitstop td.title {
		background-color: #7D614B;
		color: #FFFFFF;
	}
	
table.help_autostart {
	margin: 30px auto;
	border-spacing: 7px 2px;
}
	table.help_autostart td {
		padding: 5px 20px;
		vertical-align: middle;
		border-bottom: #7D614B dotted 1px;
	}
	table.help_autostart td.title {
		background-color: #7D614B;
		color: #FFFFFF;
	}
	table.help_autostart td.noline {
		border: none;
	}
	table.help_autostart td.border_strong {		
		border-bottom: #7D614B solid 2px;
	}
	
table.help_kariyoyaku {
	margin: 30px auto;
	border-spacing: 0px 0px;
}
	table.help_kariyoyaku td {
		padding: 2px 15px;
		vertical-align: middle;
		border-bottom: #7D614B dotted 1px;
	}
	table.help_kariyoyaku td.title {
		background-color: #7D614B;
		color: #FFFFFF;
	}
	table.help_kariyoyaku td.noline {
		border: none;
	}
	table.help_kariyoyaku td.border_strong {		
		border-bottom: #7D614B solid 2px;
	}
	table.help_kariyoyaku td.deco_title1, table.help_kariyoyaku td.deco_title2 {
		padding: 25px 10px 0 10px;
	}
		table.help_kariyoyaku td.deco_title1 p {
			background:#FFC6C6;
			border-radius: 8px;
			padding: 5px 5px;
		}
		table.help_kariyoyaku td.deco_title2 p {
			background:#CAE4FF;
			border-radius: 8px;
			padding: 5px 5px;
		}
	

.marginT30 {
	margin-top: 30px;
}
.marginT80 {
	margin-top: 80px;
}
.marginT5 {
	margin-top: 5px;
}
.marginB30 {
	margin-bottom: 30px;
}
.marginL20 {
	margin-left: 20px;
}
.taCen {
	text-align:center;
}

.lastNoteCen1 {
    width: 92%;
    max-width: 800px;
	margin:20px auto 15px auto;
	border: solid 2px #ECDBD2;
	padding: 5px 10px 10px 10px;
	text-align:left;
}
                                                                                            @media screen and (max-width: 872px) {
                                                                                                .lastNoteCen1 {/*各所にあるページトップへのスクロールボタン用*/
                                                                                                    width: 92%;
                                                                                                }
                                                                                            }
	.lastNoteCen1 p {
		margin: 9px 0;
		text-align: left;
		font-size: 14px;
		line-height: 1.4em;
	}
		.lastNoteCen1 p.emergency_ex {
			font-size: 15px;
			color: #2A9236;
			margin: 0 10px 0 10px;
			background-color: #F3FFEB;
			padding: 7px;
		}

p.lastNoteCen2 {
	width: 450px;
	margin:100px auto 50px auto;
	text-align: center;
	/*border-top: solid 2px #ECDBD2;*/
	/*padding-top: 30px;*/
	/*line-height: 50px;*/
	
}

	p.lastNoteCen2 a{
		/*border:1px solid #AAA;*/
        display: block;
        margin-bottom: 20px;
		padding: 15px;
		color: #fff;
		cursor: pointer;
		background: #428ec9;
		border-radius: 4px;
		font-size: 15px;
		letter-spacing: 0.1em;
		text-decoration: none;
	
		text-shadow: 1px 1px 1px #555;
		 
		/* Webkit */
		background: -webkit-gradient(
			linear,
			left top,
			left bottom,
			from(#99c9e5),
			to(#428ec9)
			);
		-webkit-border-radius: 5px;
		-webkit-box-shadow: 1px 1px 1px #fff;
			 
		/* Firefox */
		background: -moz-linear-gradient(
			top,
			#99c9e5,
			#428ec9
			);
		-moz-border-radius: 5px;
		-moz-box-shadow: 1px 1px 1px #fff;
		 
		/* IE */
		filter:progid:DXImageTransform.Microsoft.gradient
			(startColorstr=#ff99c9e5,endColorstr=#ff428ec9);
		zoom: 1;
		
		border-radius: 5px;
		box-shadow: 1px 1px 1px #fff;
	}

p.lastNoteCen3 {
	width: 400px;
	margin:0px auto 0 auto;
	text-align: center;
	border: solid 2px #ECDBD2;
	padding: 10px;
}

input.wide1 {
	padding: 5px 5px;
	font-size: 80%;
}

input.wide2 {
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	border-radius:3px;
	background-color:#E4E4E4;
	border: 1px #BDBDBD outset;
	padding: 10px 10px;
	font-size: 100%;
}

input.wide3 {
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	border-radius:3px;
	background-color:#E4E4E4;
	border: 1px #BDBDBD outset;
	padding: 15px 10px;
	font-size: 100%;
	margin-left: 20px;
}

input.wide4 {
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	border-radius:3px;
	background-color:#E4E4E4;
	border: 1px #BDBDBD outset;
	padding: 15px 10px;
	font-size: 100%;
}

input.wide5{
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	border-radius:3px;
	background-color:#E4E4E4;
	border: 1px #BDBDBD outset;
	padding: 0px 3px;
	height: 40px;
	font-size: 106%;
	letter-spacing: -0.03em;
}
    a.clinicMemoBtn_alone{
        border-radius:3px;
        background-color:#3F87F8;
        /*padding: 0px 3px;
        height: 40px;*/
        text-decoration:none;
	    padding: 0px 3px;
        font-size:18px;
        display: inline-block;
        height: 40px;
        vertical-align: middle;
        line-height: 35px;
    }
    a.mypageBtn{/*[128]”128”個別修正 MyPageボタンもデザインを統一*/
        border-radius:3px;
        background-color:#3F87F8;
        /*padding: 0px 3px;
        height: 40px;*/
        letter-spacing: -0.03em;
        color:#FFF;
        text-decoration:none;
        padding: 0px 2px;
        font-size:11px;
        display: inline-block;
        height: 40px;
        vertical-align: middle;
        line-height: 35px;
    }

input.wide6 {
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	border-radius:3px;
	background-color:#E4E4E4;
	border: 1px #BDBDBD outset;
	padding: 15px 10px;
	font-size: 100%;
	margin: 10px 0 10px 10px;
}

input.wide7 {
	height: 20px;
	width: 20px;
}

input.wide8 {
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	border-radius:3px;
	background-color:#E4E4E4;
	border: 1px #BDBDBD outset;
	padding: 10px 10px;
	font-size: 85%;
}

input.wide9 {
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	border-radius:3px;
	background-color:#E4E4E4;
	border: 1px #BDBDBD outset;
	padding: 15px 15px;
	font-size: 120%;
}

input.wide10 {
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	border-radius:3px;
	background-color:#E4E4E4;
	border: 1px #BDBDBD outset;
	padding: 0px 7px;
	height: 35px;
	text-align: center;
	font-size: 90%;
}

#clinicHour input {
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	border-radius:3px;
	background-color:#FFEAF7;
	border: 1px #BDBDBD outset;
	padding: 0px 12px;
	height: 30px;
	letter-spacing: -0.03em;
}

input.changeRed {
	background-color: #FF9D9E;
}

input.changeBlack {
	background-color: #D7D7D7;
}

input.autostart_confirm_ok {
	height: 50px;
	width: 170px;
	font-size: 16px;
	background-color: #84BBD9;
	border-radius: 5px;
	border: none;
	box-shadow: 1px 1px 1px 1px #AAA;
	cursor: pointer;	
}

input.autostart_confirm_cancel {
	height: 50px;
	width: 140px;
	font-size: 14px;
	color: #646464;
	background-color: #C1C1C1;
	border-radius: 5px;
	border: none;
	box-shadow: 1px 1px 1px 1px #AAA;
	cursor: pointer;
	margin-left: 20px;
}


#label_btn_box {
	height: 40px;
}
.label_btn1 {
	padding: 15px 15px 8px 15px;
	border-bottom: dotted 3px #DCD0D0;
}
	.label_btn1 input {
		height: 20px;
		width: 20px;
	    vertical-align: bottom;
	}
.label_btn2 {
	font-size: 15px;
}
	.label_btn2 input {
		margin-top: 15px;
		height: 20px;
		width: 20px;
	    vertical-align: bottom;
	}
	

select.design1 {
  height: 30px;
}
select.design2 {
  height: 1.5em;
}

input.text_width25 {
	width: 25px;
}
	input.text_width30 {
		width: 30px;
	}
	input.text_width50 {
		width: 50px;
	}
	input.text_width100 {
		width: 100px;
	}
	input.text_width150 {
		width: 150px;
	}
	input.text_width430 {
		width: 430px;
	}
	input.pw_box{
		height: 20px;
		letter-spacing: 0.1em;
	}
.textarea1 {
	width: 430px;
	height: 70px;
	vertical-align: middle;
	padding: 0.2em;
	margin:1.5em 0 0 0;
}
.textarea2 {/*write news*/
	width: 450px;
	vertical-align: middle;
	padding: 0.2em;
	margin:0.8em 0 0.8em 0;
}
.textarea3 {/*writeClientMemo*/
	width: 100%;
    max-width: 600px;
	padding: 0.2em;
    font-size: 14px;
    height: 130px;
}
.big_check {
	width: 17px;
	height: 17px;
}
.big_radio {
	width: 17px;
	height: 17px;
}

form#repairStatus input {
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	border-radius:3px;
	background-color:#E4E4E4;
	border: 1px #BDBDBD outset;
	
	padding: 20px 0;
	width: 150px;
	margin-bottom: 15px;
}

#systemStatus input.system_status_btn {
	/*ステータス変更ボタン*/
	padding: 15px 30px;
	font-size: 120%;
	margin: 15px 0 5px 0;
}
	/*tablet向けに管理画面のボタンを再デザイン*/
	#systemStatus input.system_status_btn {
		/*ステータス変更ボタン*/
		-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
		border-radius:3px;
		background-color:#E4E4E4;
		padding: 0 30px;
		height: 60px;
		border: 1px #BDBDBD outset;
	}

.strong1 {
	background:#FF6666;
	padding: 1px 5px;
}

p.strong2 {
	margin: 50px 0;
}

.strong3 {
	background:#FFBCBC;
}

.strong4 {
	font-size: 16px;
	margin-bottom: 0.5em
}

p.original1 {
	margin: 10px auto 0 auto;
	font-size: 90%;
	color: #9D65B5;
	text-align: left;
	width: 200px;
}

p.original2 {
	margin: 0.8em auto 0.8em auto;
	font-size: 90%;
	color: #9D65B5;
	text-align: center;
	letter-spacing: 0.05em;
}

.original3 {
	font-size: 90%;
	color: #FF5F62;
}

p.original4 {
	margin: 1.5em auto 0 auto;
	font-size: 100%;
	color: #FF5F62;
	text-align: center;
}

p.original5 {
	margin: 0.3em auto 0 auto;
	font-size: 90%;
	color: #8B5354;
	text-align: left;
}

.hissu {
	font-size: 10px;
	color: #D2644D;
	margin-left: 3px;
	font-weight: normal;
}

.hosoku{
	font-size: 11px;
}
.hosoku2 {
	font-size: 90%;
	color: #C57577;
}

#change_setting_form {
	text-align: center;
	margin: 30px auto;
}
	#change_setting_form input {
		margin: 10px auto;
	}
	#change_setting_form p {
		text-align: center;
		margin: 10px 0;
	}
	#change_setting_form p.nowset {
		font-size: 1.2em;
		padding: 5px 10px;
		color: #E67578;
		width: 60%;
		margin: 0 auto;
	}

#error {
	width: 80%;
	max-width: 600px;
	margin: 10px auto;
}
	
	#error p.error_message {
		color: #FF3333;
		text-decoration: underline;
		line-height: 1.6em;
	}
	p.error_message2 {
		color: #FF3333;
		text-decoration: underline;
	}
	p.saved_message1 {
		color: #2F95E9;
		text-decoration: underline;
	}
	
#renzoku_added {
	width: 80%;
	max-width: 500px;
	margin: 0 auto;
}
	
	#renzoku_added p.renzoku_message {
		color: #52B195;
		font-size: 90%;
	}

p.waiting_count_info {
	font-size: 14px;
	color: #268785;
	background-color: #CDF1F0;
	padding:0.5em;
	border-radius: 8px;
	margin: 30px auto;
	width:300px;
}

p.emrgency_on {
	color: #FF006E;
	text-decoration:underline;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.1em;
}
p.emrgency_off {
	color: #00B171;
	text-decoration:underline;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.1em;
}
p.emergency_note_for_admin {
	/*color: #FFF354;
	background-color: #F71D53;*/
	margin: 0 40px;
	padding: 1em 0;
	font-size: 160%;
	line-height: 1.7em;
	color: #FF6467;
	
	/*アニメーションの時間や繰返しの設定。アニメーション自体はanimate.cssで*/
		/* 何秒かけてアニメーションする */
		-webkit-animation-duration: 5s;
		animation-duration: 5s;
		/* 一瞬待ってからアニメーションする */
		-webkit-animation-delay: 0ms;
		animation-delay:0ms;
		/* 無限に繰り返す */
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite;	
}
#change_setting_form p.animation_note_for_help_preview {
	width: 90%;
	max-width: 290px;
	margin: 1em auto 1em auto;
	font-size: 120%;
	line-height: 1.5em;
	text-align: center;
	color: #FF6467;
	
	/*アニメーションの時間や繰返しの設定。アニメーション自体はanimate.cssで*/
		/* 何秒かけてアニメーションする */
		-webkit-animation-duration: 6s;
		animation-duration: 6s;
		/* 一瞬待ってからアニメーションする */
		-webkit-animation-delay: 0ms;
		animation-delay:0ms;
		/* 無限に繰り返す */
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite;	
}

input.emergency_btn {
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	border-radius:3px;
	background-color:#E4E4E4;
	border: 1px #BDBDBD outset;
	margin: 1em 0 1em 1em;
	padding: 15px 30px;
	font-size: 120%;
}

.iframe {
	display: none;
}

#new_arrival, #yoyaku_start_popup {
	top:50%;
	left:50%;
	height:180px;
	width:330px;
	margin-top:-100px;
	margin-left:-150px;
	position: fixed;
	z-index: 10;
	background-color: #1C415D;
	opacity: 0.95;
	border-radius: 5px;
	box-shadow: 0px 0px 7px 4px #888;
}
	#yoyaku_start_popup {
		height:200px;
		width:530px;
		margin-top:-110px;
		margin-left:-250px;
		background-color: #4E9280;
	}
	#new_arrival p, #yoyaku_start_popup p {
		margin-top: 35px;
		font-size: 17px;
		font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		color: #FFFFFF;
		text-shadow: 1px 1px 1px #000;
	}
		#yoyaku_start_popup p {
		    margin-top: 25px;
			line-height: 1.8em;
		}
	
	#new_arrival button, #yoyaku_start_popup button {
		background-color: #00CBFF;
		color: #FFFFFF;
		text-shadow: 1px 1px 1px #000;
		border: none;
		border-radius: 4px;
		box-shadow: 1px 1px 1px 1px #000;
		padding: 12px 0;
		font-size: 18px;
		letter-spacing: 0.2em;
		font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		position: absolute;
		bottom: 40px;
		/*左右中央配置*/
		left: 0;
		right: 0;
		margin: auto;
		width: 120px;
		cursor: pointer;	
	}
			#yoyaku_start_popup button {
				background-color: #76B6A5;
			}




#cancel_notice, #yoyaku_stop_popup {
	top:50%;
	left:50%;
	width:600px;
	height:180px;
	margin-top:-100px;
	margin-left:-300px;
	position: fixed;
	z-index: 10;
	background-color: #671F60;
	opacity: 0.95;
	border-radius: 5px;
	box-shadow: 0px 0px 7px 4px #888;
}
	#yoyaku_stop_popup {
		height:220px;
		width:530px;
		margin-top:-90px;
		margin-left:-250px;
		background-color: #4E9280;
	}
	#cancel_notice p, #yoyaku_stop_popup p {
		margin-top: 25px;
		font-size: 15px;
		font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		color: #FFFFFF;
		text-shadow: 1px 1px 1px #000;
	}
		#yoyaku_stop_popup p {
			line-height: 1.8em;
		}
	
	#cancel_notice button, #yoyaku_stop_popup button {
		background-color: #B581BC;
		color: #FFFFFF;
		text-shadow: 1px 1px 1px #000;
		border: none;
		border-radius: 4px;
		box-shadow: 1px 1px 1px 1px #000;
		padding: 12px 0;
		font-size: 18px;
		letter-spacing: 0.2em;
		font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		position: absolute;
		bottom: 40px;
		/*左右中央配置*/
		left: 0;
		right: 0;
		margin: auto;
		width: 120px;
		cursor: pointer;	
	}
			#yoyaku_stop_popup button {
				background-color: #76B6A5;
		        bottom: 50px;
			}


/*DEMO用 システム開始ボタンを押すとしばらく時間がかかりますpopup*/
#start_need_time_forDemo {
	top:0%;
	left:50%;
		width:600px;
		margin-top:250px;
		margin-left:-300px;
	position: fixed;
	z-index: 10;
		background-color: rgba(120,9,50,0.90);
	border-radius:12px;
    box-shadow: 0px 0px 15px #000;
}
	#start_need_time_forDemo p {
		margin-top: 20px;
		font-size: 17px;
		font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		color: #FFFFFF;
			line-height: 2em;
	}
	#start_need_time_forDemo a {
		display: inline-block;
        background-color: rgba(213,106,143,1.00);
        color: #FFFFFF;
        font-size: 19px; 
        padding: 10px 25px;
        cursor: pointer;
        margin-top: 20px;
        margin-bottom: 30px;
	}
        #start_need_time_forDemo a.inline_link {
            display: inline-block;
            background-color: rgba(213,106,143,1.00);
            color: #FFFFFF;
            font-size: 17px; 
            padding: 2px 2px;
            cursor: pointer;
            margin: 0 5px;
            text-decoration: none;
        }


#sub_login_box {
	margin-top: 20px;
}
	#sub_login_box input {
		vertical-align: bottom;
	}
	#sub_login_box label {
		font-size: 14px;
	}
	#sub_login_box p {
		background-color: #EAEAEA;
		padding: 10px 0;
		border-radius: 5px;
		width: 460px;
		margin: 20px auto 0 auto;
		line-height: 1.6em;
	}

ul.cssBtnBox {
	margin: 30px 0 20px 15px;
}
	ul.cssBtnBox li {
		float: left;
		margin-right: 20px;
	}

a.cssDesignedBtn{
    display: inline-block;
	padding: 15px;
	color: #fff;
	cursor: pointer;
	background: #428ec9;
	border-radius: 4px;
	font-size: 14px;
	letter-spacing: 0.05em;
	text-decoration: none;

	text-shadow: 1px 1px 1px #555;
	 
	/* Webkit */
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#99c9e5),
		to(#428ec9)
		);
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 1px 1px 1px #fff;
		 
	/* Firefox */
	background: -moz-linear-gradient(
		top,
		#99c9e5,
		#428ec9
		);
	-moz-border-radius: 5px;
	-moz-box-shadow: 1px 1px 1px #fff;
	 
	/* IE */
	filter:progid:DXImageTransform.Microsoft.gradient
		(startColorstr=#ff99c9e5,endColorstr=#ff428ec9);
	zoom: 1;
	
	border-radius: 5px;
	box-shadow: 1px 1px 1px #fff;
}

.nakamachi_list {
	width: 90%;
	max-width:920px;
	border-radius: 8px;
	margin: 10px auto 10px auto;
	background-color: #D2F3EC;
	padding: 10px;
    box-sizing: border-box;
}
        @media screen and (max-width: 872px) {
            .nakamachi_list {
                width:92%;
            }
        }
	.nakamachi_list .nakamachi_title {
		font-size: 115%;
		margin-bottom: 1em;
	}
	.nakamachi_list .hosoku {
		font-size: 90%;
		color: #926666;
		margin-top: 0.5em;
	}

.memo_box {
	width: 90%;
	max-width:920px;
	border-radius: 8px;
	margin: 10px auto 10px auto;
	background-color: #D2F3EC;
	padding: 10px;
    box-sizing: border-box;
}
        @media screen and (max-width: 872px) {
            .memo_box {
                width:92%;
            }
        }
	.memo_box p {
		font-size: 115%;
		margin-bottom: 10px;
        line-height: 1.5em;
	}
	.memo_box a.cssDesignedBtn {
        
	}

.js_iputclearbtn{
	height: 40px;
	width: 55px;
	margin-left: 10px;
}
.js_iputaddbtn{
	height: 40px;
	padding: 0 5px;
	margin-left: 10px;
	margin-bottom: 10px;
}

/*****************************************
　■PUGZ ログインモード用設定
*****************************************/
.pugz {
	background-color:#FF0000;
	color: #FFFFFF;
}

table.supportAnswer, table.notice {
	margin: 0px auto 0px auto;
}
	table.supportAnswer td, table.notice td {
		text-align: center;
		padding-bottom: 20px;
	}
	
textarea.answer, textarea.notice {
	width: 280px;
	margin-top: 20px;
}

dl.supportAnswer{
}
dl.supportAnswer dt {
	padding: 5px 0px 5px 23px;
	text-align: left;
	color: #2D455B;
	border-bottom: dotted 2px #D0DCEE;
	width: 95%;
	max-width: 700px;
	margin: 0 auto;
	
}
dl.supportAnswer dd {
	padding: 5px 0px 5px 10px;
	text-align: left;
	margin-right: 10px;
	margin-left: 40px;
	color: #471624;
	width: 95%;
	max-width: 700px;
	margin: 0 auto;
}

p.lastNoteCen3 {
	width: 95%;
	max-width: 400px;
	margin:40px auto 15px auto;
	text-align: center;
	border: solid 2px #ECDBD2;
	padding: 10px;
	line-height:3em;
}

p.admin_news {
	margin: 10px 10px 0 10px;
	padding: 10px;
	border-top: 1px dotted #02460D;
	color: #02460D;
	word-break: break-all;
}

p.note_repairSystemStatus {
	margin-top: 30px;
	margin-bottom: 30px; 
	line-height: 1.7em;
}

a.help_link {
	text-decoration: none;
	background-color: #DBE9F9;
}

a.help_link2 {
	text-decoration: none;
	background-color: #DBE9F9;
	padding: 3px 10px;
	border-radius: 8px;
}

a.scroll_btn {
	margin-left: 20px;
}

tr.outbtn_style td {
}

.marked_style {
	background: url(../img/mark.png) center center no-repeat;
}

/*来院理由ラベル*/
.reason_label_design {
    font-size:11px;
    background-color:#2B625C;
    color:#FFFFFF;
    padding: 1px 6px;
    line-height: 2em;
}

/*RADIO理由ラベル*/
.freeradio_label_design {
    font-size:11px;
    background-color:#FF7600;
    color:#FFFFFF;
    padding: 1px 6px;
    line-height: 2em;
}

/*自由ラベルボタン*/
.free_label_btn {
    font-size:13px;
    background-color:#0EAF01;
    color:#FFFFFF;
    padding: 1px 4px;
    line-height: 2em;
    letter-spacing: 0em;
}


/*****************************************
　■CSVファイル復元
*****************************************/

p.restore_CSVtitle {
	font-size: 18px;
	font-weight: bold;
	margin: 40px auto 10px auto;
	padding-bottom: 5px;
	color: #F50091;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	border-bottom:solid 1px #F50091;
	max-width: 600px;
	width: 95%;
	
}

p.restore_time {
	color: #EC4AAA;
}

table.restore_csv_pager {
	margin: 40px auto 20px auto;
	max-width: 730px;
	width: 100%;
}
	table.restore_csv_pager td.older {
		text-align: left;
	}
	table.restore_csv_pager td.newer {
		text-align: right;
	}
		table.restore_csv_pager td a {
			padding: 10px 10px;
			background-color: #CC20AB;
			color: #FFF;
			text-shadow: 1px 1px 1px #555;
			border-radius: 5px;
			text-decoration: none;	
			font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
			box-shadow: 1px 1px 1px 0 #888;
		}

#auto_restore_added {
	width: 736px;
	margin:20px auto 1px auto;
	background-color: #2D455B;
	color: #FFFFFF;
	padding: 5px 0;
	text-align:center;
}

input.restore_submit {
	padding: 20px 50px;
	margin: 50px auto 30px auto;
	font-size: 16px;
}

table.archive_today_data {
	max-width: 760px;
	margin: 0 auto;
}
	table.archive_today_data td{
		padding: 0.5em 1em;
		border-bottom: 1px dotted rgba(139,177,166,1.00);
		font-size: 110%;
		white-space: nowrap;
	}
	table.archive_today_data tr.title td{
		background-color: rgba(94,184,180,1.00);
		color: #FFFFFF;
		padding: 0.5em 0.5em;
	}
	table.archive_today_data td.sizing{
		white-space: normal;
	}

	/*訂正・外出は2文字なので押しやすいよう広く*/
	table.admin_fastlist input.admin_btn_out {
		padding-left: 0.5em;
		padding-right: 0.5em;
	}
	table.admin_fastlist input.admin_btn_rewrite {
		padding-left: 0.5em;
		padding-right: 0.5em;
	}

br.button_split {
    display: none;
}

/*指名医師名ラベル*/
.adminlist_mydoctor_label {
     font-size:12px;
    background-color:#D600F3;
    color:#FFFFFF;
    padding: 1px 6px;
    line-height: 2em;    
}


/**** TELリンクを消す 管理画面はリンクなし****/
a.tellink {
	line-height: 1em;
	pointer-events: none;
	color: currentColor;
	text-decoration: none;
}

/****htmlタグの使用方法****/
.about_html {
	width: 700px;
    margin: 0 auto 0 auto;
    border: 3px solid #FFBFC0;
    border-radius: 12px;
    padding: 20px 15px;
    box-sizing: border-box;
}
    .about_html p {
        font-size: 15px;
        line-height: 1.7em;
    }
    .about_html p.title {
        font-size: 19px;
        margin-bottom: 10px;
    }
    .about_html dl {
        margin-top: 20px;
    }
        .about_html dl dt {
            font-size: 17px;
            background-color: #FCF6EE;
            padding: 5px 0px;
            margin-top: 30px;
        }
        .about_html dl dd {
            font-size: 16px;
            line-height: 1.5em;
        }

/**** admin_table周りのボタンレイアウト****/
.btns_around_admintable {
    display: flex;
    align-items: flex-end;
	margin: 35px auto 15px auto;
    width: 92%;
    box-sizing: border-box;
}
.btns_around_admintable_lastposition {
	margin: 15px auto 30px auto;
}
    .leftside_block {
        margin-left: 15px;
        font-size:  105%;
        flex-grow: 1;
        text-align: left;
    }
        .leftside_block h3 {
             font-size: 140%;
            margin-left: 0px;
        }
        .leftside_block p.now_all_waiting {
            margin-left: 15px;
            font-size:  108%;
        }
                                                                                            @media screen and (max-width: 872px) {
                                                                                                .btns_around_admintable {
                                                                                                    width: 99%;
                                                                                                }	
                                                                                                .leftside_block h3 {
                                                                                                    font-size: 118%;
                                                                                                }
                                                                                                .leftside_block p.now_all_waiting {
                                                                                                    margin-left: 10px;
                                                                                                    font-size:  95%;
                                                                                                }
                                                                                            }
	.addNewClient_block label.add_1click_checkbox {
		font-size: 115%;
		margin-bottom: 10px;
	}	
		.addNewClient_block label.add_1click_checkbox input {
			width: 20px;
			height: 20px;
			vertical-align:text-top;
			margin-bottom: 10px;
		}
    .restore_block a.restore_btn{
        padding: 10px 10px;
        font-size: 100%;
        margin-left: 20px;
        background-color: #20BFCC;
        color: #FFF;
        text-shadow: 1px 1px 1px #555;
        border-radius: 5px;
        text-decoration: none;	
        font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        display: block;
    }


/*PC向けに表示範囲を拡大。2022/02/02*/
    /*それにより操作ボタンを1個だけ折り返されるとデザインが壊れるので、nowrap指定。window幅が狭いときは、admin/index側jqueryで折り返しのadminlistBtn_add_removeBR.jsを発動。*/
    td.csv_title_adminbtn {
    }
    td.csv_personal_adminbtn {
        white-space: nowrap;
    }
    /*お名前列に最低幅を設けメモや自由問診で圧迫されすぎるのを回避。*/
    td.csv_title_name {
        min-width: 150px;
    }
    /*従前のレイアウトを変更*/
    #outline {
        max-width: 1070px;
        background-size: contain;
        /*変更なし
        min-width: 768px;
        width: 100%;
        background: url(../img/format_backShadow.jpg) repeat-y center;*/
    }
    #header {/*サイズ拡大に合わせheaderもcontainするとロゴ画像も引き延ばされ荒くなるので幅700切り抜きで固定表示*/
        width:340px;/*最低768タブレットで考えているので、700未満端末ではみ出すのは考慮しない*/
        height:100px;
        margin-left: auto;
        margin-right: auto;
        /*CI193以降はretina_header.jsで上書き*/
    }
    table.admin_fastlist {
        min-width: 760px;/*従来の固定width760を下回らないように*/
        max-width:1010px;
        width:95%;
        margin: 0 auto;
    }
        /*モニター解像度が狭いときは背景の影を消して、なるべく表示範囲を広げる*/
        @media screen and (max-width: 872px) {/*デザイン上、背景のシャドウを超えはみ出たように見えるので、早めに背景のシャドウ画像をやめる*/
            table.admin_fastlist {
                min-width: 760px;/*従来の固定width760を下回らないように*/
                width:100%;
            }
            #outline {
                background-image: none;
                background-color: #ffffff;
            }
            td.csv_title_name {
                min-width: 100px;
            }
        }
    /*max-width到達時は名前列を広く*/
    @media screen and (min-width: 1070px) {
        td.csv_title_name {
            min-width: 200px;
        }
    }