﻿

@charset "utf-8";
/* CSS Document */

/* 全体の設定
--------------------*/
header,footer,nav,section{display:block;}
body {
  background-color: #f8f8f8;
  color: #333333;
  min-height: 960px;
  margin: 0 auto;
  font-family: sans-serif;
  font-size: 28px;
  line-height: 150%;
  margin-bottom: 120px;

}


body,p,h1,h2,h3,h4,h5,h6,
ul,li,img{
	margin:0;
	padding:0;
	font-size:100%;
	line-height:140%;
	font-weight:normal;
}

body{
    font-size:28px;
}

img{border:none;}
li{list-style:none;}

a{color:#d28a00;}/* リンク色変更はここ */
.radius{border-radius:5px;}/* 画像の角丸が必要ない場合はここを削除 */

#wrapper{
  width: 640px;
  margin: 0 auto;
  position: relative;
  border:solid 1px #aaaaaa;
  min-height: 960px;
}

/* 文字色 */
.red {
    color: #ff0000;
}

/*----------------------------------------
 トップページここから
----------------------------------------*/

/* ヘッダ部分
--------------------*/
.header{
	padding:5px 0 2px;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr="#ebfbff", endColorstr="#afe7ff");
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr="#ebfbff", endColorstr="#afe7ff");
    -ms-linear-gradient: top, #ebfbff, #afe7ff;
    background: linear-gradient(to top, #ebfbff, #afe7ff);  /* IE10とOpera12.50用 */
    margin: 0px;
}

.h_l{
	border-bottom:1px dotted #7e7e7e;
	width:100%;
	padding:5px 0 7px;
}

h3{
    display: inline-block;
	text-shadow:0 1px #fff;
	font-size:1.6em;
	font-weight:bold;
	padding-left:20px;
	width: 76%;
}

h3 a{
	color:#333;
	text-decoration:none;
}

/* 設定ボタン　枠 */
.header div.setting {
    display: inline-block;
    height:100%;
    text-align :right;
    vertical-align: top;
}
/* 設定ボタン　実態 */
.header div.setting div.settingbutton {
    background: #ebfbff;
    font-size: 1.2em;
    padding: 4px 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;

    border: solid 2px #912657;
    border: solid 2px rgb(0,128,192);
}

/* 設定ボタン リンク */
.header div.setting div.settingbutton a {
    color:#912657;
    color:rgb(0,128,192);
	text-decoration:none;
}

#back a{
	display:block;
	position:absolute;
	top:6px;
	right:10px;
	padding-top:4px;
	width:60px;
	height:23px;
	color:#545454;
	text-shadow:0 1px #fff;
	text-decoration:none;
	text-align:center;
	border:1px solid #7e7e7e;
	border-radius:5px;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr="#ffc0cb", endColorstr="#ffffff");
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr="#ffc0cb", endColorstr="#ffffff");
    background: linear-gradient(to top, #ffc0cb, #ffffff);  /* IE10とOpera12.50用 */
}

/* 導入部分
--------------------*/

#intro{
	margin:10px;
}

.cent{
	text-align:center;
}

/* News部分
--------------------*/
.itemtitle{

	margin:10px 10px 15px;
	
}
.itemtitle > div{
	zoom:1;
}
.itemtitle > div:after{
	content:"";
	clear:both;
	display:block;
}
.itemtitle > div h4.topt{
	float:left;
	border-left:5px solid #d28a00;
	margin-bottom:3px;
	padding-left:2px;
	font-weight:bold;
	font-size:1.4em;
	color:#333;
	
}

.ichi{
	float:right;
	margin-bottom:3px;
}

.ssiinpitemtitle{
	display: block;
	padding-left:20px;	
	font-size:1.6em;
	width:90%;
	margin-top: 10px;
}

.ssiinpbox{
	border:1px solid #7e7e7e;
	border-radius:10px;
	width:80%;
	margin-left:10px;
	padding:3px 16px;
}

.ssiinpbox > input{
	border:none;
	font-size:1.4em;
	width:90%;

}

.ssiinptbirthday{
	display:table;	
}


.ssiterm {
	display:table;
	width:90%;
	margin-left: 20px;
}
.ssiterm >div {
	display:table-cell;
}

.ssiinpymd{
	width:320px;
	margin-left: 10px;
}
.ssiinpymd > input{
	font-size:1.6em;

}
.ssiterm >div p{
	font-size:1.6em;
}



.ssidaycount {
	display:table;
	width:90%;
	margin-left: 20px;
	margin-top:20px;
}
.ssidaycount >div {
	display:table-cell;
}

.ssidaycountcombo{
	width:100px;
	margin-left: 10px;
}
.ssidaycountcombo > select{
	font-size:1.6em;

}
.ssidaycount >div p{
	font-size:1.6em;
}

.ssitextarea {
    font-size: 1.4em;
    border-color:gray;
    border-width:2px;
    border-style:solid;
}

/* 新患患者対応用に追加 */
label.title {
    display: block;
    padding-left:20px;
    font-size:1.5em;
    margin-top: 10px;
    padding-bottom: 5px;
}

label.title span.required {
    font-size: 70%;
    color: #ff0000;
}
.ssiinpbox2{
    border:1px solid #7e7e7e;
    border-radius:10px;
    width:90%;
    margin-left:10px;
    margin-right:10px;
    margin-top: 2px;
    padding:3px 16px;
    word-break: break-all;
}

.ssirighthalfinpbox2{
    display: inline-block;
    width:41%;
    margin-left:4px;
    margin-right:10px;
}

.ssilefthalfinpbox2{
    display: inline-block;
    width:41%;
    margin-left:10px;
    margin-right:4px;
}

.ssiinpbox2 input.text {
    border:none;
    font-size:1.4em;
    width:100%;
    vertical-align:middle;
}

.ssiinpbox2 input.radio {
    height: 1.2em;
    width: 1.2em;
}

.ssiinpbox2 textarea {
    border:none;
    font-size:1.4em;
    width:98%;
    vertical-align:middle;
}

.ssiinpbox2 label.radio {
    font-size:1.2em;
    vertical-align:middle;
}

.ssiinput2 span.confirm {
	font-size:1.2em;
	vertical-align:middle;
}

.error {
    color: #ff0000;
}
/* ここまで新患患者対応で追加 */


/* ボタン部分　index / savemail
--------------------*/
a.button {
  display: inline-block;
  color: #000000;
  font-size: 1.6em;
  padding: 4px 12px;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr="#f2f2f2", endColorstr="#d2d2d2");
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr="#f2f2f2", endColorstr="#d2d2d2");
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.3) 0 3px 2px 0 inset;
  text-shadow: rgba(0, 0, 0, 0.4) 0 -2px 0;
  background: linear-gradient(to top, #f2f2f2, #d2d2d2);  /* IE10とOpera12.50用 */
}

a.button.disabled {
  color: #ffffff;
}

a.button.full-width {
  width: 90%;
  margin: 20px;
  text-align: center;
  height: 90px;
  padding: 0;
  line-height: 90px;
  border: 1px outset #F2F2F2;
  box-shadow: rgba(0, 0, 0, 0.3) 0 2px 8px 2px;
  cursor: pointer;
}

a.button.half-width {
  width: 45%;
  margin:0 0 0 15px;
  text-align: center;
  height: 90px;
  padding: 0;
  line-height: 90px;
  border: 1px outset #F2F2F2;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 2px 8px 2px;
  box-shadow: rgba(0, 0, 0, 0.3) 0 2px 8px 2px;
  cursor: pointer;
  text-decoration: none;
}

a.button.update-button {
  font-size: 0.9em;
  width: 13%;
  margin:0 0 0 0;
  text-align: center;
  height: 40px;
  padding: 0 0 0 0;
  line-height: 40px;
  border: 1px outset #F2F2F2;
  cursor: pointer;
  text-decoration: none;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 2px 8px 2px;
  box-shadow: rgba(0, 0, 0, 0.3) 0 2px 8px 2px;
  position: absolute;
  right: 5px;
}

/* メール入力部分　savemail
--------------------*/

.ssiinpemail{
	margin: 10px;
	font-size:1.2em;
}

.ssiinpemail >input{
	font-size:1.2em;
	width:90%;
}





/* カテゴリ部分　selectsnk
--------------------*/
#categories{
	margin:2% 0 1%;
	border-bottom:solid 1px #87CEEB;
}

.category{
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr="#ffffff", endColorstr="#ebebeb");
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr="#ffffff", endColorstr="#ebebeb");
	overflow:hidden;
	border-top:solid 1px #87CEEB;
	border-bottom:solid 1px #F4F7F2;
	background: linear-gradient(to top, #ffffff, #ebebeb);  /* IE10とOpera12.50用 */
}

.title_icon{
	background:url(img/sample_title_bg.jpg) repeat left top;
	margin:3% 10px;
	padding:3% 4%;
	border:solid 1px #FFF;
	border-radius:5px;
	color:#044878;
	font-size:1.4em;
	font-weight:bold;
	text-align:center;
	text-shadow: 0px 1px 1px #FFF;
	float:left;
}

.title_icon2{
	margin:3% 0;
	text-align:center;
	float:left;
	
	}

.category>h2 a{
	background: url('../img/link_arrow.png') no-repeat 96% 50%;
	padding:6% 7% 6% 0;
	display:block;
	color:#FB9287;
}

.category>h2 a span{
	display:block;
	font-size:1.4em;
	padding-left: 20px;
}



/* カテゴリリスト
--------------------*/
.cate_list{
	margin:0 .45em;
}

.cate_list li{
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr="#f0f0f0", endColorstr="#ffffff");
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr="#f0f0f0", endColorstr="#ffffff");
	margin-bottom:.5em;
	border:solid 1px #FFF;
	background: linear-gradient(to top, #f0f0f0, #ffffff);  /* IE10とOpera12.50用 */
}

.cate_list li.validtime, .cate_list li.emptytime {
	display:table;
	overflow:hidden;
	color:#8EAFB7;
	border:solid 1px #6EB1C2;
	position:relative;
	vertical-align: middle;
	text-decoration:none;
}

.cate_list li.validtime a{
	text-decoration:none;
}

.cate_list li.validtime span, .cate_list li.emptytime span {
	font-size:1.8em;	
	vertical-align: middle;
	border:none;
}

.cate_list li a .ymdframe, .cate_list li .ymdframeempty {
	color:gray;
	width:480px;
	padding:8px;
	display:table-cell;
	vertical-align: middle;
	background:url(../img/bg_t.gif) repeat-x;
	height:50px;
}

.cate_list li a .emptyframe{
	width:120px;
	display:table-cell;
	text-align: center;
	vertical-align: middle;
}

.cate_list li.emptytime .emptyframempty{
	width:120px;
	display:table-cell;
	text-align: center;
	vertical-align: middle;
	color:Blue;
}

.cate_list li a div span.holiday{
	color:pink;
}

.cate_list li a span.emptyframe
{
    color:#d28a00;
    text-decoration:underline;
}

/* 医師リスト用 */
.cate_list li.validdr, .cate_list li.emptydr {
	display:table;
	overflow:hidden;
	color:#8EAFB7;
	border:solid 1px #6EB1C2;
	position:relative;
	vertical-align: middle;
	text-decoration:none;
}

.cate_list li.validdr a{
	text-decoration:none;
}

.cate_list li.validdr span, .cate_list li.emptydr span {
	font-size:1.8em;
	vertical-align: middle;
	border:none;
}

.cate_list li a .drnameframe, .cate_list li span.drnameframe {
	color:gray;
	width:480px;
	padding:8px;
	display:table-cell;
	vertical-align: middle;
	height:50px;
	background-color: #ffeedd;
	font-size:1.4em;
}

.cate_list li.emptydr .emptyframe{
	width:120px;
	display:table-cell;
	text-align: center;
	vertical-align: middle;
	color:Blue;
}

/* 進捗表示用 */
.cate_list li.progressdr {
	overflow:hidden;
	vertical-align: middle;
	margin-bottom: 0px;
	text-align: right;
	border:solid 1px #6EB1C2;
	border-bottom: none;
	font-size: 1em;
	color: gray;
}

/* 予約確認
--------------------*/
.reservationcommit {
	margin:10px;
}

.reservationcommit dl{
    margin: 0px;
}

.reservationcommit p.msgarea {
	font-size:0.9em;
}

.reservationcommit dl dd{
	display:table;
	border-color:gray;
	border-width:2px;
	border-style:solid;
	border-bottom-style:none;
}

.reservationcommit dl dd.lastitem{
	border-color:gray;
	border-width:2px;
	border-style:solid;
	border-bottom-style:solid;
}
.reservationcommit dl dd.cancelmsg{
	border-color:gray;
	border-width:2px;
	border-style:solid;
	border-bottom-style:solid;
	border-top-style: none;
}
.reservationcommit dl dd span{
	display:table-cell;
	font-size:1em;
	padding:10px;
}
.reservationcommit dl dd span.strong {
	font-size:1.2em;
	font-weight: bold;
}

.reservationcommit dl dd span.itemname {
	background-color: #ffffcc;
	border-color:gray;
	border-width:2px;
	border-style:none;
	border-right-style:solid;
	width:200px;
}
.reservationcommit dl dd span.itemvalue {
	width:300px;
    word-break: break-all;
}

.reservationcommit dl dd span.itemnameschool {
	background-color: #ffcccc;
	border-color:gray;
	border-width:2px;
	border-style:none;
	border-right-style:solid;
	width:200px;
}
.reservationcommit dl dd span.cancelarea {
	background-color: #ffffff;
	border-style:none;
	width:522px;
}
.reservationcommit dl dd span.changearea {
	background-color: #ffffff;
	border-style:none;
	width:202px;
}
.reservationcommit dl dd span.cancelarea2 {
	background-color: #ffffff;
	border-style:none;
	text-align: right;
	width:300px;
}

/* 予約確認番号
--------------------*/
.reservationno {
	position:relative;
	width:400px;
	height:100px;
	left:50%;
	margin-top: 10px;
	margin-left:-200px;
	background:#fff;
	color:#999;
	display:table;
	border-style: dashed;
	border-color:gray;
}
.reservationno div p{
	text-align:center;
	background-color:#ffffcc;
	width:400px;
	height:100px;
	vertical-align: middle;
	font-size:1em;
	display:table-cell;
}

.reservationno div p.No{
	text-align:center;
	font-size:2.6em;
	display:table-cell;
}

.cat_list_right{
	width:100px;
	padding:0 15px 0 5px;
	float:right;
	background-color:red;
}

.cat_list_right p{
	display:block;
	font-size:1.8em;
}
/*
.cate_list li a:after{
	content:">";
	width:1em;
	height:1em;
	margin-top:-18px;
	color:#F79BFF;
	font-size:1em;
	font-weight:bold;
	text-shadow:0 0 1px #FFA49B;
	position:absolute;
	top:50%;
	right:-7px;
}
*/

.progressToday {
    font-size: 24px;
    text-align: left;
}

/* サイト説明部分
--------------------*/
.desc{
	margin-bottom:1%;
	padding:2% 1%;
	border:solid #1CA9EB;
	border-width:2px 0 1px;
	font-size:0.9em;
}


.descmini{
	margin-bottom:1%;
	padding:2% 1%;
	border:solid #1CA9EB;
	border-width:2px 0 1px;
	font-size:0.8em;
}

.desc textarea {
    font-size: 1em;
    border-color:gray;
    border-width:2px;
    border-style:solid;
}

/* フッタ部分
--------------------*/
#footer{
	text-align:center;
	background:#a8e6ff;
	color:#7e7e7e;
	padding:1px 0 5px;
	margin-top:10px;
	position:fixed;
    width: 100%;
	bottom:0px;
}

#footer ul{
	margin:0 0 10px;
	padding-top:15px;
	border-top:1px solid #fff;
}

#footer li{
	display:inline;
	border-left:1px solid #7e7e7e;
	padding:7px 0;
}

#footer li a{
	color:#333;
	text-decoration:none;

	text-shadow:0 1px #fff;
	border-left:1px solid #fff;
	padding:6px 12px;
}

.last{border-right:1px solid #fff;}
.last a{border-right:1px solid #7e7e7e;}

#cr a{
	color:#7e7e7e; 
	text-decoration:none;
	}


/*------------------------------------------------
  メール確認
------------------------------------------------*/

.maillist dl {
  width: 620px;
  margin: 20px 10px 20px 10px;
  background-color: white;
  -webkit-border-radius: 16px;
  border-radius: 16px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 10px 2px;
  box-shadow: rgba(0, 0, 0, 0.3) 0 0 10px 2px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;

}
.maillist dl > *:first-child {
  -webkit-border-top-left-radius: 16px;
  border-top-left-radius: 16px;
  -webkit-border-top-right-radius: 16px;
  border-top-right-radius: 16px;
  border-top: none;
}
.maillist dl > *:last-child {
  -webkit-border-bottom-left-radius: 16px;
  border-bottom-left-radius: 16px;
  -webkit-border-bottom-right-radius: 16px;
  border-bottom-right-radius: 16px;
}
.maillist dl dt {
  width: 620px;
  display: table;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr="#f2f2f2", endColorstr="#d2d2d2");
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr="#f2f2f2", endColorstr="#d2d2d2");
  vertical-align: middle;
  height: 80px;
  text-align: center;
  font-size:1.2em;
  display:table;
  border-color:#cccccc;
  border-width:2px;
  border-style:solid;
  border-bottom-style:none;
  background: linear-gradient(to top, #f2f2f2, #d2d2d2);  /* IE10とOpera12.50用 */
}

.maillist dl dt span{
  display:table-cell;
  vertical-align: middle;
  height: 80px;
  width:620px;
  text-align: center;
}

.maillist dl dd {
  display:table;
  width: 620px;
  height: 100px;
  font-size: 1.2em;
  position: relative;
  left:-40px;
  vertical-align: middle;
  border-color:#cccccc;
  border-width:2px;
  border-style:solid;

}

.maillist dl dd span.mailarea {
	
  display:table-cell;
  color:black;
  vertical-align: middle;
  height: 100px;
  width: 500px;
  padding-left:10px;
  word-break: break-all;

}

.maillist dl dd span.buttonarea  {
  color:blue;
  display:table-cell;
  vertical-align: middle;

  width: 120px;
  text-align: center;
 
}
.maillist dl dd span.buttonarea > a {
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr="#f2f2f2", endColorstr="#d2d2d2");
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr="#f2f2f2", endColorstr="#d2d2d2");
  display:block;
  vertical-align:middle;

  border: 3px solid #cccccc;
  border-radius: 16px;
  padding: 20px 0 20px 0;
  margin-right: 10px;
  background: linear-gradient(to top, #f2f2f2, #d2d2d2);  /* IE10とOpera12.50用 */
}

.maillist dl dd span a {
  color:blue;
}




/* カレンダー
--------------------*/

.calender{
	width:98%;
	margin-left: 5px;
	margin-top: 20px;
	margin-bottom: 20px;
	border:2px solid #DEDFE7;
}

.month{
	display: table;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr="#deebff", endColorstr="#deebff");
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr="#deebff", endColorstr="#deebff");
	width:100%;
	background: linear-gradient(to top, #deebff, #deebff);  /* IE10とOpera12.50用 */
}
.month > span{
	color: #5A69CE;
	display: table-cell;
	width:35%;
	font-size:1.8em;
	padding:10px;
}
.month span.premonth {
	text-align: left;
	padding-left:20px;
	width:15%;
}
.month span.dispyear {
	text-align:center;
}
.month span.dispmonth {
	text-align:center;
}

.month span.nextmonth {
	text-align: right;
	padding-right:20px;
	width:15%;
}

.month > span:first-child:before {
	background-color:red;
	
}


.weekday{
	display: table-row;
	width:100%;
	background-color:red;
}


.weekday > span{
	font-size: 0.8em;
	display:table-cell;
	color:#4A5DC6;
	background-color: #8CB2FF;
	width: 90px;
	text-align: center;

}

.weekday > span:first-child{
	color: #D0656B;
	background-color: #FF9EA5;
}
.weekday > span:last-child{
	color: #4249B5;
	background-color: #849EFF;
}


.week{
	display: table-row;
	text-align: left;
	font-size: 0.8em;

	
}
.week > span{

	display: table-cell;
	border-top:2px solid #DEDFE7;
	border-right:2px solid #DEDFE7;
}

.week > span:first-child{
	color: #D0656B;
}
.week > span:last-child{
	color:#4A5DC6;
}

.mark{
	display: table-row;
	text-align: center;
	font-size:1.8em;

}
.mark > span{
	color:blue;

	display: table-cell;
	padding-bottom:20px;
	border-right:2px solid #DEDFE7;
}

.mark > span a{

	text-decoration:underline;

}

.calender > div:last-child{
	border-bottom:2px solid #DEDFE7;
}

.past{
	color:gray;
	background-color:#EFEBFF;
	
	
}

.today{
	background-color:#EFE4B0;
}


.holiday{
	color: #D0656B;
}

.todayholiday
{
    color: #D0656B;
	background-color:#EFE4B0;
}

.pastholiday{
    color: #D0656B;
	background-color:#EFEBFF;
	
	
}

/* index画面の診療時間用スタイル */
.infomation {
    margin-left: 10px;
}

/* 時間表示 */
.infomation p, .infomation span {
    font-size: 1em;
    font-weight: bold;
}

/* --- 表全体 --- */
.infomation table {
    border: 1px #c0c0c0 solid;
    border-collapse: collapse;
    font-size: 1em;
    font-weight: bold;
}

/* --- セル --- */
.infomation th,
.infomation td {
padding: 6px 8px; /* セルのパディング（上下、左右） */
text-align: center;
vertical-align: middle;
border-right: 1px #c0c0c0 dotted; /* セルの右境界線 */
border-bottom: 1px #c0c0c0 solid; /* セルの下境界線 */
}

.infomation th {
    background-color:#EFE4B0;
}

/* --- スクロール領域（院内端末用） --- */
.scrollUp 
{
    width: 70px;
    margin-left: 640px;
    position: fixed;
    top: 0px;
    z-index: 10;
}

.upHandle {
    opacity: 0.8;
    display: block;
    cursor: pointer;
    background: #333333;
    width: 70px;
    height: 50px;
    position: absolute;
    margin-top: 0px;
    top: 0px;
    right: 0px;
    -webkit-border-bottom-left-radius: 16px;
    border-bottom-left-radius: 16px;
    -webkit-border-bottom-right-radius: 16px;
    border-bottom-right-radius: 16px;
    text-align: center;
}

.upHandle a {
    color: #ffffff;
}

.scrollDown {
    width: 70px;
    margin-left: 640px;
    position: fixed;
    bottom: 0px;
    z-index: 10;
}

.downHandle {
    opacity: 0.8;
    display: block;
    cursor: pointer;
    background: #333333;
    width: 70px;
    height: 50px;
    position: absolute;
    margin-top: -50px;
    top: 0px;
    right: 0px;
    -webkit-border-top-left-radius: 16px;
    border-top-left-radius: 16px;
    -webkit-border-top-right-radius: 16px;
    border-top-right-radius: 16px;
    text-align: center;
    vertical-align: bottom;
    padding-top: 10px;
}

.downHandle a {
    color: #ffffff;
}

/* メニューリスト（院内端末用） */
.hospitalMenu {
    position: fixed;
    top: 0px;
    margin-left: -152px;
    width: 100px;
}

ul.menu li {
    width: 140px;
    height: 140px;
  
    background-color: #afe7ff;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr="#f2f2f2", endColorstr="#d2d2d2");
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr="#f2f2f2", endColorstr="#d2d2d2");
    position: relative;
	border:solid 2px silver;
    cursor: pointer;
    font-size: 0.8em;
    z-index: 10;
	text-align: center;
  	border-radius: 10px;
  	box-shadow: rgba(0, 0, 0, 0.3) 0 3px 2px 0 inset;
  	text-shadow: rgba(0, 0, 0, 0.4) 0 -2px 0;
  	background: linear-gradient(to top, #f2f2f2, #d2d2d2);  /* IE10とOpera12.50用 */
    margin-bottom:10px;
	margin-top:10px;
}

ul.menu li a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 48px;
    text-indent: 1px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
	padding-top:50px;
	vertical-align: middle;
	color: ButtonText;
}

/* 分娩予定日表示用スタイル */
div.TargetDiv {
    margin-left: 20px;
}

div.TargetDiv span.TargetDay {
    display:table;
    overflow:hidden;
    color:#ff6666;
    border:double 3px #ff6666;
    background-color: #ffcccc;
    padding: 10px 15px 10px 15px;
    position:relative;
    vertical-align: middle;
    font-size: 1.3em;
}

/* キーボード用（院内端末用） */
.keybordArea {
    width: 243px;
    position: absolute;
    top: 200px;
    margin-left: 575px;
    border:solid 1px #aaaaaa;
    background-color: #ffffff;
}

/* 院内端末設定用 */
div.hospitalSetting {
}

div.hospitalSetting div {
    position: fixed;
    z-index: 100;
    width: 70px;
    height: 50px;
    background-color: #ffffff;
    text-align: center;
}
div.settingLT {
    left: 0px;
    top:0px;
    z-index: 0;
    display: none;
}

div.settingRT {
    right: 0px;
    top: 0px;
}

div.settingLB {
    left: 0px;
    bottom:0px;
}

div.settingRB {
    right: 0px;
    bottom:0px;
}

div.hospitalSetting div a {
    width: 70px;
    height: 50px;
    color: #ffffff;
    cursor: pointer;
}

/* 警告Divのスタイル（現在予約登録、予約キャンセル画面に使用） */
.warning {
    margin-left: 10px;
}

/* 警告divのスタイル */
/* ※携帯用にfontタグを使うため、fontタグにスタイル設定 */
.warning font {
   color: #ff6666;
   font-weight: bold;
}

.tomatomain
{
    background-image: url("../img/背景.png");
    background-size:100% 100%;
    padding: 10px 0px 10px 0px;
    height:700px;
    font-size:1.2em;
}

.tomatoheader
{
    background-image: url("../img/tomatoheader.png");
    background-size:100% 100%;
    border-radius: 10px;
    margin:0px 5px 30px 5px;
    padding:5px 5px 5px 5px;
    box-shadow:5px 5px 10px;
    height:1.7em;
    display:table;
    width:620px;
}

.textcolorwhite {
    color:#ffffff;
}

.confisnkname{
    display:table-cell;
    margin-left:5px;
    vertical-align:middle;
    width:45%;
    padding-left: 10px;
}

.textcolorgreen{
    color:#008000;
}

.tomatoheader .confidoctorname {
    display: table-cell;
    background-color: white;
    vertical-align: middle;
    padding-left: 15px;
}

.textfloatright{
    float:right;
}

.tbldspukenoinfo{
    
    text-align:right;
}

.kancdukenotxt{
    text-align:right;
    width:600px;
    font-size:0.8em;
}
.kancdukeno{
    
}

.backgroundcolorgreen{
    background-color:#008000;
}

.tomatofootermsg{
    padding:5px;
    margin:5px;
    box-shadow:5px 5px 10px;
    border:1px solid #008000;
    font-size:20px;
    border-radius: 10px;
    position:absolute;
    width:620px;
    bottom:5px;
}

.tbldspukeno1wait{
    /*display:table;
    border-collapse: separate;  /* セルの間隔を空ける */
    /*border-spacing: 15px 0;*/
}

.dspukeno1wait{
    /*display:table-cell;*/
    display:inline-block;
    color:#990000;
    font-size:60px;
    background-color:#d2d2d2;
    border:5px solid #fff;
    text-align:center;
    height:60px;
    margin:5px 10px 5px 10px;
    width:200px;
    vertical-align:middle;
    line-height:100%;
}

.tbldspsnkinfo {
    /*width: 200px;*/
    float: left;
    margin: 20px;
    font-size: 1.5em;
}

.tbldspukeno1{
    /*height:150px;*/
    
}
.tblUkenoWait{
    margin-left: 40px;
    margin-right: 40px;
}
tblUkenoWaittxt {
    font-size: 0.8em;
}
.dspukeno1{
    display:inline-block;
    color:#990000;
    font-size:32px;
    background-color:#ccffff;
    border:5px solid #fff;
    text-align:center;
    height:50px;
    width:110px;
    vertical-align:middle;
    margin:5px 0px 5px 10px;
}

.dspukeno ul li{
    /*width:50%;*/
} 

.textcolordarkred{
    color:#990000;
}

.confiroomname{
    font-size:60px;
}

.conficallukeno{
    margin:10px 5px 10px 100px;
}
.conficallroomname{
    margin :50px 5px 10px 100px;
}

.tbldspkaninfo {
    margin-top: 50px;
    margin-left: 40px;
    margin-bottom: 10px;
    margin-right: 40px;
    color: #fff;
    background: radial-gradient(#F2B9A1, #EA6264);
    padding: 10px;
    border-radius: 10px;
}

.myukeno{
    background-color:#ff93c9;
}
.shadowbox{
    box-shadow:5px 5px 10px;
    border:1px solid #008000;
}

.msgtelop{
  position: relative;
  width: 100%;
  height: 1.2em; 
  overflow: hidden;
  line-height: 1.3em;
}

.msgtxt{
  position: absolute;
  top: 0;
  /*right: -150% ;*/ /* 文字数に合わせて変更 */
  color: #fff;
  white-space: nowrap;
}

@keyframes flow{
  from{
    /*right: -100% ; /* 文字数に合わせて変更 */
  }

  to{
    right: 110%;
  }
}

.capsiondoctor {
    font-size: 0.8em;
    display: table-cell;
    background-color: white;
    vertical-align: bottom;
    padding-left: 15px;
}

.headerpagecomment, .footerpagecomment {
    background: rgb(255, 255, 255);
    margin: 0em 0.9em;
    padding: 0em 0.5em;
    border-radius: 9px;
    font-size: 0.8em;
    box-shadow: 0px 3px 4px rgba(0,0,0,0.32);
}


.ssiinpbox2 iframe {
    /* position: absolute; */
    /* top: 0px; */
    /* left: 5px; */
    /* width: 98%; */
    /* height: 98%; */
    width: 100%;
    height: 250px;
    overflow: auto;
}


.progressbox {
    position: relative;
    margin: 1em 0.5em;
    padding: 0.5em 0.5em;
    border: solid 3px #95ccff;
    border-radius: 8px;
}
.progressbox .progressbox-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 24px;
    background: #FFF;
    color: #1a90ff;
    font-weight: bold;
}
.progressbox p {
    margin: 0; 
    padding: 0;
}


.mailDenial{
  display:none;  
}
.mailDenialblock {
    position: relative;
    clear: both;
    margin: 0 0 10px;
    float: right;
}
.mailDenialspan{
  text-transform:uppercase;
  font-weight:bold;
  letter-spacing:1px;
  width:85px;
  margin:16px 10px;
  line-height: 60px
}
.mailDenialwrap{
  left:50%;
  top:50%;
  padding:5px 10px;
}
.mailDeniallabel{
  width:110px;
  height:60px;
  box-sizing:border-box;
  border:3px solid;
  float:left;
  border-radius:100px;
  position:relative;
  cursor:pointer;
  transition:.3s ease;
}
input[type=checkbox]:checked + .mailDeniallabel{
  background:#afe7ff;
}
input[type=checkbox]:checked + .mailDeniallabel:before{
  left:50px;
}
.mailDeniallabel:before{
  transition:.3s ease;
  content:'';
  width:50px;
  height:50px;
  position:absolute;
  background:white;
  left:4px;
  top:2px;
  box-sizing:border-box;
  border:3px solid;
  color:black;
  border-radius:100px;
}
.txtkannm
{
    font-size:28px;
    }