@charset "euc-jp";
body {
	-webkit-text-size-adjust: 100%;
	background-color:#FFF;
	color: #262626;
	font-family: メイリオ,meiryo,ヒラギノ角ゴ pro w3,hiragino kaku gothic pro,sans-serif;
	margin: 4px;
	line-height:140%;
	font-size: 90%;
}

/*フォント指定がないと、iPadで記号が異常に小さくなる*/
td,th,tr,table {
	font-family: メイリオ,meiryo,ヒラギノ角ゴ pro w3,hiragino kaku gothic pro,sans-serif;
}

hr{
	display: none;
}
a {
	display: block;
	font-size: 100%;
	font-weight: bold;
	background-color: #3f622b;
	color: #fff;
	border: 1px solid #3f622b;
	padding: 16px;
	margin: 5px;
	max-width: 300px;
	min-width: 90px;
	text-decoration: none;
	border-radius: 5px;
	text-align: center;
	
	position: relative;
	margin: 0 auto;
}
.white-btn{
	background-color: #fff;
	color: #6FAB4B;
	border: 1px solid #6FAB4B;
}

a:hover {
	opacity: 0.5px;
}

a[href="index.cgi?RR=1"] {
	background-color: transparent;
	border: none;
	color: blue;
}

td a {
	background-color:transparent;
	color:blue;
	font-size:100%;
	border: 0px;
	padding: 0px 0px 0px 0px;
	margin:0px;
	min-width:0px;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

.htmlall {
	width:100%;
	text-align:center;
	margin: 0 auto;
}

.htmlheader {
	position: relative;
	max-width: 500px;
	min-width: 260px;
	padding: 10px 0px 10px 0px;
	text-align:center;
	margin: 0 auto;
	background-image: url("../common/img/green-dots.png");
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: contain; 

}

/*途中で線の色変えをするのに使用
.htmlheader::before {
  border-bottom: solid 3px #8EC718;
  width: 30%;
  position: absolute;z-index: 1;bottom: 0;left: 0;
  content: "";
}
.htmlheader::after {
  border-bottom: solid 3px #008C00;
  width: 100%;
  position: absolute;bottom: 0;left: 0;
  content: "";
}*/
.htmlheader::before, .htmlheader::after {
	display: none;
}
/*管理者用のヘッダ*/
.htmlheaderStaff {
	position: relative;
	max-width: 500px;
	min-width: 260px;
	padding: 10px 0px 10px 0px;
	text-align:center;
	margin: 0 auto;
}
/*途中で線の色変えをするのに使用
.htmlheaderStaff::before {
  border-bottom: solid 3px #C3D600;
  width: 30%;
  position: absolute;z-index: 1;bottom: 0;left: 0;
  content: "";
}
.htmlheaderStaff::after {
  border-bottom: solid 3px #008C00;
  width: 100%;
  position: absolute;bottom: 0;left: 0;
  content: "";
}
*/


.htmlfooter {
	width: 100%;
	padding: 10px 0px;
	font-size: small;
	text-align: center;
	margin: 0 auto;
}
.htmlfooter a, .msg a{
	background-color: #FFFFFF;
	color: #6FAB4B;
	border: 1px solid #6FAB4B;
}

/*ヘッダ・タイトル*/
.headerTitle {
	font-size: 165%;
	padding-top: 70px;
	padding-bottom:10px;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 80%;
	line-height:1.4em;
}

/*管理者用のヘッダ・タイトル*/
.headerTitleStaff {
	font-size: 200%;
	padding-top:10px;
	padding-bottom:10px;
}


/*ページタイトル*/
.pageTitle {
	font-weight:bold;
}

/*コンテンツ枠*/
.content {
	max-width: 500px;
	min-width: 260px;
	margin: 0 auto;
	text-align:center;
	padding-top:10px;
}

input {
	vertical-align:top;
}

/*入力枠(テキスト)*/
input[type="text"] {
	font-size: 130%;
}

/*入力枠(メール)*/
input[type="email"] {
	font-size: 130%;
}

/*入力枠(数値)*/
input[type="number"] {
	font-size: 130%;
}

/*入力枠(パスワード)*/
input[type="password"] {
	font-size: 130%;
}

/*入力枠(TEL)*/
input[type="tel"] {
	font-size: 130%;
}


/*選択肢*/
.selecter {
	height:50px;
	color: transparent;
	margin-bottom: 16px;
}
.selecter a {
	background-color: #6FAB4B;
	color: #fff;
	border: 1px solid #6FAB4B;
	margin: -15px;
}
.selecter a:hover {
	opacity: 0.5;
	transition: 1s;
}

/* HR区切り */
hr {
	width:80%;
	margin: 0 auto;
}

/* 各メッセージ枠 */
.message {
	text-align:left;
	padding-top:10px;
}

/*確定ボタン*/
.submit {
	font-size: 130%;
	font-weight: bold;
	background-color: #6FAB4B;
	border: 1px solid #6FAB4B;
	color:#FFFFFF;
	padding: 9px 16px;
	border-radius: 5px;
	transition: 0.3s linear;
	position: relative;
	margin-top: 10px;
	width: 100%;
	max-width: 332px;
}
.submit:hover {
	opacity: 0.5;
	transition: 1.0s ;
}

.submit:disabled {
	background-color: #CCCCCC;
	border: 1px solid #CCCCCC;
	color: #fff;
}


form .submit {
	min-width: 260px;
}
.submit[value="ログイン"] {
	margin-top: 2rem;
}
.submit[value="選択"] {
	width: auto;
	min-width: 90px;
	padding: 6px 20px 6px 8px;
}
.submit[value="再選択"] {
	width: auto;
	min-width: 100px;
	padding: 6px 25px 6px 8px;
}
.submit[value="予約をキャンセルする"] {
	background-color: #fff;
	border: 4px solid #6FAB4B;
	color: #6FAB4B;
}
/*矢印*/
.submit::after, .selecter a::after {
	content: "";
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 16px;width: 8px;
	height: 8px;
	border-top: 3px solid #6FAB4B;
	border-right: 3px solid #6FAB4B;
	transform: rotate(45deg);
}	
.submit:disabled:hover::after, .submit[value="選択"]::after {
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
}

.return-top {
	margin: 0 auto;
}
.return-top a {
	display: inline-block;
	background-color: #FFFFFF;
	color: #6FAB4B;
}


/*現在日時*/
.nowTime {
	font-weight:bold;
}

/*Page10　ログインCD*/
.loginCd {
	padding-bottom:10px;
}

/*Page10　ログインPass*/
.loginPass {
	padding-bottom:10px;
}

/*Page20　メインメニュー枠*/
.mainMenu {
	width: 150px;
	margin: 0 auto;
	padding-top:15px;
}

/*Page40　ペット選択枠*/
.petSelect {
	width: 300px;
	margin: 0 auto;
}

/*Page60　来院理由選択枠*/
.rnSelect {
	width: 300px;
	margin: 0 auto;
}

/*Page70　登録確認枠*/
.addCheck {
	max-width: 400px;
	min-width: 300px;
	margin: 0 auto;
	padding: 16px;
}
.addCheck input {
	margin-left:1em;
}
.addCheck .yoyakuSyosai {
	margin: 0 auto;
}

/*Page70　予約内容項目名*/
.acceptKomokuTitle {
	color: #262626;
}

/*Page70　予約内容値*/
.acceptKomokuValue {
	color: #262626;
	font-weight:bold;
}

/*Page80　登録完了枠*/
.addEnd {
	max-width: 450px;
	min-width: 300px;
	padding-top:15px;
	margin: 0 auto;
	text-align:left;
}

/*Page110　予約リスト枠*/
.reserveList {
	max-width: 500px;
	min-width: 260px;
	margin: 0 auto;
	text-align:left;
	padding:20px;
	line-height:1.5em;
	border:1px solid #6FAB4B;
	margin-bottom:10px;
	background-color:#FFFFFF;
	
	box-shadow: 2px 2px 3px 1px #ccc;
	-moz-box-shadow: 2px 2px 3px 1px #ccc;
	-webkit-box-shadow: 2px 2px 3px 1px #ccc;

	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

/*Page110　予約リスト・ペット名タイトル*/
.reserveListPtNameTitle {
	font-weight:bold;
	font-size:20px;
}

/*Page110　予約リスト・ペット名*/
.reserveListPtName {
	font-size:20px;
}

/*Page110　予約リスト・予約日時タイトル*/
.reserveListAcceptDateTitle {
	margin-top:10px;
	font-weight:bold;
}

/*Page110　予約リスト・予約日時*/
.reserveListAcceptDate {
	margin-top:10px;
}

/*Page110　予約リスト・来院理由タイトル*/
.reserveListRnNameTitle {
	font-weight:bold;
}

/*Page110　予約リスト・来院理由*/
.reserveListRnName	{
	
}

/*Page110　予約リスト・担当医タイトル*/
.reserveListDoctNameTitle {
	font-weight:bold;
}

/*Page110　予約リスト・担当医*/
.reserveListDoctName {
	
}


/*予約項目選択枠*/
.selacpt {
	width: 300px;
	padding: 10px 0px 10px 0px;
	margin: 0 auto;
}


/*予約項目選択ドロップダウン*/
.selacpt select {
	width: 200px;
	font-size: 150%;
}

/*予約項目選択済み表示*/
.selacptSelected {
	width: 190px;
	font-size: 150%;
	text-align:left;
	padding-left:17px;
}

/*担当医選択枠*/
.seldoct {
	width: 300px;
	padding: 10px 0px 10px 0px;
	margin: 0 auto;
}

/*担当医選択ドロップダウン*/
.seldoct select {
	width: 200px;
	font-size: 150%;
}

/*予約詳細枠*/
.yoyakuSyosai {
	text-align:left;
	box-sizing: border-box;
	width:320px;
	padding: 20px;
	border: solid 1px #CCCCCC;
	border-radius: 5px;
}

/*戻るリンク枠*/
.retLink {
	max-width: 450px;
	min-width: 300px;
	padding: 10px 0px 0px 0px;
	text-align:center;
	margin: 0 auto;
}

/*戻るリンク*/
.retLink a {
	background-color:#fff;
	color:#6FAB4B;
	font-size:100%;
	border: 1px solid #6FAB4B;
}

.retLink a::after {
	content: "";
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 30px;
	width: 8px;
	height: 8px;
	border-top: 3px solid #6FAB4B;
	border-left: 3px solid #6FAB4B;
	transform: rotate(-45deg);
}
a[href="index.cgi?RR=1"]{
	border: none;
}

a[href="index.cgi?RR=1"]::after {
	border: none;
}
/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/
/*	カレンダー関連                                 */
/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/
/*タイトル*/
.yoyakutitle {
	min-width: 300px;
	max-width: 320px;
	padding: 0px 0px 0px 0px;
	margin: 0 auto;
}

/*次週・前週セレクター枠*/
.calSelecter {
	max-width: 450px;
	min-width: 300px;
	padding: 0px 0px 10px 10px;
	margin: 0 auto;
}
/*前週セレクター*/
.calSelecterL {
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
}
/*次週セレクター*/
.calSelecterR {
	text-align: right;
	padding-top: 5px;
	padding-bottom: 5px;
}

/*次週・前週セレクター枠リンク*/
.calSelecterL a, .calSelecterR a {
	min-width:0px;
}

/*カレンダー全体*/
.calTable {
	clear:both;
	max-width: 500px;
	min-width: 300px;
	border: solid 2.5px #007734;
	border-radius: 10px;
	padding: 5px 5px 5px 5px;
	margin: 0 auto;
	background-color:#FFFFFF;
}

/*日付ヘッダセル(平日)*/
.calHeadTd {
	border: solid 1px #ACACAC;
	padding: 2px;
	text-align: center;
	font-size:13px;
	border-radius: 5px;
}

/*日付ヘッダセル(日曜)*/
.calHeadTd0 {
	background-color: #FFD9D9;
	color:#382009;
}

/*日付ヘッダセル(土曜)*/
.calHeadTd6 {
	background-color: #E1E8FF;
	color:#382009;
}


/*時間ヘッダセル*/
.calTdTop {
	font-weight: bold;
	padding-left: 3px;
	padding-right: 3px;
	text-align: right;
	background-color: #DCEED4;
	background-repeat: no-repeat;
	background-position: -5px 5px;
	color: #382009;
	font-size:14px;
	border-radius: 5px;
}

/*日付・時間枠セル*/
.calTd {
	padding: 9px 4px 9px 4px;
	border: 1px solid #000000;
	text-align: center;
	font-size:15px;
	font-weight:bold;

	background-color: #DCEED4;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

/*日付・時間枠セルはcalTd1〜好きな数まで作られている*/

/*日付・時間枠セル(1行目)*/
.calTd1 {
	/*background-color: #E0FFFF;*/
}

/*日付・時間枠セル(3行目)*/
.calTd3 {
	/*background-color: #E0FFFF;*/
}

/*日付・時間枠セル(5行目)*/
.calTd5 {
	/*background-color: #E0FFFF;*/
}

/*日付・時間枠セル(7行目)*/
.calTd7 {
	/*background-color: #E0FFFF;*/
}

/*受付時間外セル*/
.calNo1Td {
	border: 0px;
	background-color: #CCCCCC;
}

/*満員セル*/
.calNo2Td {
	border: 0px;
	background-color: #FFDDDD;
	color: red;
	font-weight: bold;
}


/*カレンダー全体 Aタグ*/
.calTable A {
	display:inline-block;
	width:100%;
	height:100%;
	text-decoration: none;
	color:#007734;
}

.calComment {
	clear:both;
	max-width: 450px;
	min-width: 320px;
	padding: 10px 0px 0px 0px;
	text-align:center;
	font-size: 13px;
	margin: 0 auto;
}
/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/
/*	カレンダー関連ここまで                         */
/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/


/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/
/*	獣医師向けここから                             */
/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/
.reserveListTitle {
	clear:both;
	max-width: 400px;
	min-width: 300px;
	padding: 0px 0px 0px 0px;
	margin: 0 auto;
	font-weight: bold;
}

.dropDateNormal {
	
}

.dropDateSat {
	background-color:#DDFFFF;
}

.dropDateSun {
	background-color:#FFEEEE;
}

/*一覧枠*/
.list {
	clear:both;
	max-width: 400px;
	min-width: 300px;
	padding: 0px 0px 0px 0px;
	margin: 0 auto;
}

/*一覧行*/
dl {
	border-top: 1px #666  solid;
	background-color: #ECECFA;
	clear: both;/* フロートの解除 */
	margin: 0px;
}

/*偶数行*/
dl:nth-child(even) {
	background-color: #FFFFFF;
}

/*一覧の枠(dt)*/
dt {
	padding-top: 5px;
	padding-bottom: 5px;
	width: 50px;
	float: left;/* 左に寄せる */
	clear: both;/* フロートの解除 */
}

/*一覧の枠(時間)*/
.dttime {
	color: white;
	background-color: #4547ce;
}

/*一覧の枠(dd)*/
dd {
	margin-left: 0px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	float: left;/* 左に寄せる */
}

/*一覧の枠(顧客・ペット名)*/
.ddname {
	text-align: left;
	min-width: 120px;
	max-width: 30%;
}

/*一覧の枠(担当医)*/
.dddoct {
	text-align: left;
	float: right;/* 左に寄せる */
}


/*連絡事項・本日予定行*/
.dlComment {
	border-top: 1px gray dashed;
}

/*連絡事項・本日予定タイトル*/
.dtComment {
	background-color: white;
	width: 100px;
	font-weight: bold;
}

/*連絡事項・本日予定内容*/
.ddComment {
	text-align: left;
}

.clearfix::after {
	content: "";
	display: block;
	clear: both;
}

/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/
/*	獣医師向けここまで                             */
/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/



/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/
/*	新規顧客登録ここから                           */
/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/
.addNewClimTb {
	margin: 0 auto;
}

.addNewClimTbL {
	text-align:right;
}

.addNewClimTbR {
	text-align:left;
}

.addNewClimError {
	padding:5px;
	background-color:#FFFFFF;
	text-align:center;
	text-weight: bold;
}

.addNewClimErrorTile {
	font-weight:bold;
	color:red;
}

.addNewClimErrorValue {
	font-weight:bold;
}



/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/
/*	新規顧客登録ここまで                           */
/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/


/*トップページの自由メッセージ*/
.AhFreeMsg {
	zoom: 128%;
	margin: 0 auto;
	max-width: 300px;
	min-width: 260px;
	padding: 10px;
}

/*トップメッセージ内のリンク*/
.AhFreeMsg a {
	background-color: transparent;
	color: blue;
	text-decoration: underline;
	box-shadow: none;
	border: none;
}

.AhFreeMsg a:visited {
	color: purple;
}

.AhFreeMsg a:hover {
	background-color: transparent;
	color: darkblue;
}

/*メッセージ類*/
.msg {
	position: relative;
	padding: 15px 5px;
	margin: 2em 0;
	text-align: center;
	border-radius: 20px;
}

.ok {
	border: 1px solid #3BB5E7;
}

.ng {
	border: 1px solid #EB6657;
}
.warn {
	border: 1px solid #F39800;
	margin: 0;
}
.boxmi22 {
  margin: 3em 0 1em 0;
  background: #fff6e6;
  box-shadow: 0 2px 3px rgba(0,0,0,.22);
  padding: 12px 8px 22px 8px;
  background-color: #fff6e6;
  background-image:
  linear-gradient(90deg, rgba(237, 119, 128, 0) 0%, rgba(237, 119, 128, 0) 50%, #fff6e6 0%, #fff6e6 100%), linear-gradient(180deg, rgba(237, 119, 128, 0) 0%, rgba(237, 119, 128, 0) 95%, #ed7780 100%);
  background-size: 8px 100%,100% 2em;
  line-height: 2;
  color: #6A3300;
}
.boxmi22-title {
  background: #fff6e6;
  position: relative;
  padding: 5px 4px 2px 4px;
  color: #6A3300;
  font-size: 1.2em;
  text-align: center;
  margin: -16px -8px 16px -8px;
}
.boxmi22-title:before {
  position: absolute;
  content: "";
  top: 25px;
  width: 10%;
  height: 35px;
  opacity: 0.7;
  margin: -45px auto 10px -22px;
  background-color: #ff99ac; /* 背景色 */
  background-image: radial-gradient(#fff 24%, transparent 0), radial-gradient(#fff 24%, transparent 0);
  background-position: 0 0, 10px 10px;
  background-size: 20px 20px;
  transform: rotate(3deg);
  transform: rotate(1deg);
  left: 10px;
  right: 10px;
  box-shadow:0 0 5px rgba(0,0,0,.2);
}
.boxmi22-title::after {
  position: absolute;
  content: "";
  top: 25px;
  width: 11%;
  height: 35px;
  opacity: 0.7;
  margin: -45px -22px 10px auto;
  background-color: #ff99ac; /* 背景色 */
  background-image: radial-gradient(#fff 24%, transparent 0), radial-gradient(#fff 24%, transparent 0);
  background-position: 0 0, 10px 10px;
  background-size: 20px 20px;
  transform: rotate(3deg);
  left: 10px;
  right: 10px;
  box-shadow:0 0 5px rgba(0,0,0,.2);
}
.boxmi22 p {
  margin: 0;
  padding: 0;
}

.underline{
  padding-bottom: 5px;
  position: relative;
  width: 100%;
  border-bottom: 3px solid #008C00;/*右：薄ピンク*/
}
.underline::before{
  content: '';
  position: absolute;
  bottom: -3px;
  width: 30%;
  height: 3px;
  background: #8EC718;/*左：ピンク*/
}


.mail-msg{
	background-color: #fff;
	border: 5px solid #94C325;
	padding: 1em 1.5em;
	border-radius: 4px;
	color: #333; 
	font-size: 14px;
	line-height: 1.6;
	width: fit-content;
	max-width: 100%;
	margin: 1em auto;
	box-shadow: 0 0 0 6px #F3FFE3;
	box-sizing: border-box;
	text-align: center;
}

.top-title2{
	font-weight: bold; 
	font-size: 1.05rem;
}
.red{
	color: #EE0000;
	font-weight: bold;
}
.memo-box{
	max-width: 500px;
	min-width: 260px;
	padding: 10px 5px 10px 5px;
	text-align:left; margin: 0 auto;
	background-color: #FFFCE2;
	border-left: 4px solid #8EC718;
	margin: 1em auto;
}
.green-border{
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
	padding: 10px 0;
	height: auto;
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: contain;
	background-image: url('../common/img/green-dots.png');
}