@charset "euc-jp";
body {
	-webkit-text-size-adjust: 100%;
	background-color:#FFF;
	color: #262626;
	font-family: 游ゴシック, YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", Meiryo, メイリオ, "ＭＳ Ｐゴシック", sans-serif;
	margin: 4px;
	line-height:140%;
	background-color: #d7edd7;
}

/*フォント指定がないと、iPadで記号が異常に小さくなる*/
td,th,tr,table {
	font-family: 游ゴシック, YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", Meiryo, メイリオ, "ＭＳ Ｐゴシック", sans-serif;
}

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

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;

}

/*途中で線の色変えをするのに使用*/
.htmlheader::before {
  border-bottom: solid 3px #5e8a7b;
  width: 30%;
  position: absolute;z-index: 1;bottom: 0;left: 0;
  content: "";
}
.htmlheader::after {
  border-bottom: solid 3px #fff;
  width: 100%;
  position: absolute;bottom: 0;left: 0;
  content: "";
}

/*管理者用のヘッダ*/
.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 #5e8a7b;
  width: 30%;
  position: absolute;z-index: 1;bottom: 0;left: 0;
  content: "";
}
.htmlheaderStaff::after {
  border-bottom: solid 3px #4547ce;
  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: #B47A4A;
	color: #fff;
	border: 1px solid #B47A4A;
}

/*ヘッダ・タイトル*/
.headerTitle {
	font-size: 170%;
	padding-top: 95px;
	padding-bottom:10px;
	background-image: url("./img/logo.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 40% auto;
}

/*管理者用のヘッダ・タイトル*/
.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: #5e8a7b;
	color: #fff;
	border: 1px solid #5e8a7b;
	margin: -16px;
}
.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: #5e8a7b;
	border: 1px solid #5e8a7b;
	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="選択"] {
	width: auto;
	min-width: 90px;
	padding: 6px 20px 6px 8px;
}
.submit[value="再選択"] {
	width: auto;
	min-width: 100px;
	padding: 6px 25px 6px 8px;
}
/*矢印*/
.submit:after, .selecter a:after {
	content: "";
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 16px;width: 8px;
	height: 8px;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	transform: rotate(45deg);
}	
.submit:disabled:hover:after {
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
}


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


/*現在日時*/
.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:2px solid #5e8a7b;
	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:300px;
	padding: 20px;
	border-radius: 20px;
	background: #ffe4ad;
    box-shadow: 0px 0px 0px 10px #ffe4ad;
    border: dashed 2px #F99F48;
    margin-top: 30px;
}

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

/*戻るリンク
.retLink 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;
}*/

/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/
/*	カレンダー関連                                 */
/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/
/*タイトル*/
.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 2px #5e8a7b;
	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: #EB6657;
	color:white;
}

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


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

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

	background-color: #d5f1f8;
	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:#0000FF;
}

.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:left;
}

.addNewClimTbR {
	text-align:left;
}

.addNewClimError {
	border:3px double red;
	padding:5px;
	background-color:#FFFFFF;
	text-align:center;
}

.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 #FFF4E1;
	background-color: #FFF4E1;
}

.ng {
	border: 1px solid #ffc8d0;
    background-color: #ffc8d0;
}
.warn {
	border: 1px solid #ffc8d0;
    background-color: #ffc8d0;
	margin: 0;
}