@charset "euc-jp";
body 
{
	font-family: "Noto Serif JP","Noto Sans JP","M PLUS Rounded 1c", serif, sans-serif;
	font-size: 16px;
	font-weight: 500px;
	line-height: 1.5;
	color: #323232;
	background-color:#F8F7F6;
	margin: 0px;
	-webkit-text-size-adjust: 100%;	
	-webkit-font-smoothing: antialiased;
}

/*フォント指定がないと、iPadで記号が異常に小さくなる*/
td,th,tr,table
{
	font-family: "Noto Serif JP","Noto Sans JP","M PLUS Rounded 1c", serif, sans-serif;
}

a
{
	display: inline-block;
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	background-color: #5d423c;
	color:#FFFFFF;
	padding: 16px;
	margin:-16px;
	text-decoration: none;
	border-radius: 5px;
}

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
{
	/*max-width: 500px;*/
	min-width: 260px;
	/*padding: 10px 0px 10px 0px;*/
	text-align:center;
	border-top: 10px solid #009835;
	background-color: #fff;
	width: 100%;
}

/*管理者用のヘッダ*/
.htmlheaderStaff
{
	max-width: 500px;
	min-width: 260px;
	padding: 10px 0px 10px 0px;
	text-align:center;
	background-color:#5555FF;
	color:#FFFFFF;
	margin: 0 auto;

	box-shadow: 2px 2px 3px 1px #666;
	-moz-box-shadow: 2px 2px 3px 1px #666;
	-webkit-box-shadow: 2px 2px 3px 1px #666;

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

.htmlfooter
{
	width:100%;
	padding: 10px 0px 10px 0px;
	font-size:small;
	text-align:center;
	margin: 0 auto;
}
.htmlfooter a {
	margin: 0 auto;
	max-width: 250px;
	display: block;
}


/*ヘッダ・タイトル*/
.headerTitle
{
	font-size: 200%;
	padding-top:40px;
	padding-bottom:10px;
	background-image: url("/img/logo.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 90%;
}
	@media screen and (min-width:440px){
	.headerTitle{
		background-size: unset;
	}
}

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


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

form{
	padding: 10px 16px;
}

form[name="selacpt"]{
	padding: 0px;
}
form[name="seldoct"]{
	padding: 0px;
}

/*コンテンツ枠*/
.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-top: 20px;
}
.selecter a {	
	display: block;
	max-width: 300px;
}

.selecter a:hover{
	opacity: 0.7;
	transition: 0.5s;
}


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

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

/*確定ボタン*/
.submit
{
	font-family: "Noto Serif JP","Noto Sans JP","M PLUS Rounded 1c", serif, sans-serif;
	font-size: 130%;
	background-color: #126436;
	border: 1px solid #126436;
	color: #E4EFE2;
	padding: 9px 16px;
	min-width: 260px;
	border-radius: 5px;
	
	box-shadow: 2px 2px 3px 1px #666;
	-moz-box-shadow: 2px 2px 3px 1px #666;
	-webkit-box-shadow: 2px 2px 3px 1px #666;
}
.submit:hover 
{
	background-color: #E4EFE2;
	color: #126436;
}

.submit:disabled 
{
background-color: #CCCCCC;
}

button[value="選択"]{
	min-width: 90px;
}
button[value="再選択"]{
	min-width: 98px;
}

/*現在日時*/
.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: 10px 16px;
}

/*Page70　予約内容項目名*/
.acceptKomokuTitle
{
	color: #8ab34a;
	font-weight:bold;
}

/*Page70　予約内容値*/
.acceptKomokuValue
{
	color: #8ab34a;
	font-weight:900;
}

/*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 #126436;
	margin-bottom:10px;
	background-color:#FFFFFF;
	
	box-shadow: 2px 2px 3px 1px #666;
	-moz-box-shadow: 2px 2px 3px 1px #666;
	-webkit-box-shadow: 2px 2px 3px 1px #666;

	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;
	width:300px;
	padding: 10px 10px 10px 10px;
	background-color:white;
	border: solid 1px #8ab34a;
	border-radius: 10px;
}

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

/*戻るリンク*/
.retLink a
{
	background-color:transparent;
	color: #5d423c;
	text-decoration: underline;
	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;
}

.retLink a:hover{
	text-decoration: 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;
	margin: 0px;
}

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

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

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

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


/*時間ヘッダセル*/
.calTdTop
{
	font-weight: bold;
	padding-left: 3px;
	padding-right: 3px;
	text-align: right;
	background-color: #126436;
	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 #000000;
	text-align: center;
	font-size:13px;
	font-weight:bold;

	background-color: #E4EFE2;
	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:#126436;
}

.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 teal  solid;
	background-color : #CCFFEE;
	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:#2200FF;
}

/*一覧の枠(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{
	text-align: left;
	margin: 0 auto;
	margin-top: 20px;
	max-width: 500px;
	min-width: 260px;
	padding: 10px;
	background-color: #fff;
	border-radius: 10px;
}

.AhFreeMsg li{
	margin-bottom: 16px;
}
.msg{
	padding: 15px 5px;
	margin: 10px;
	color: #fff;
	font-weight: bold;
	border-radius:20px;
	text-align:center;
}

.blue{
	background-color: #0abed2;
}

.red{
	background-color: #d84f43;
}

.yellow{
	background-color: #febc14;
}