@charset "utf-8";
/* CSS Document */

/* 全体の設定
--------------------*/
header,footer,nav,section{display:block;}
body {
  -webkit-text-size-adjust: auto;
  -webkit-touch-callout: none;
  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;-webkit-text-size-adjust:none;}

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;
	background-image: linear-gradient(bottom, rgb(175,231,255) 0%, rgb(235,251,255) 50%, rgb(175,231,255) 100%);
	background-image: -o-linear-gradient(bottom, rgb(175,231,255) 0%, rgb(235,251,255) 50%, rgb(175,231,255) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(175,231,255) 0%, rgb(235,251,255) 50%, rgb(175,231,255) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(175,231,255) 0%, rgb(235,251,255) 50%, rgb(175,231,255) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(175,231,255) 0%, rgb(235,251,255) 50%, rgb(175,231,255) 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(175,231,255)),
		color-stop(0.5, rgb(235,251,255)),
		color-stop(1, rgb(175,231,255))
	);
	-webkit-box-shadow:0 2px 3px #ababab;
}

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

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;
	background-image: linear-gradient(bottom, rgb(175,231,255) 0%, rgb(235,251,255) 100%);
	background-image: -o-linear-gradient(bottom, rgb(175,231,255) 0%, rgb(235,251,255) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(175,231,255) 0%, rgb(235,251,255) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(175,231,255) 0%, rgb(235,251,255) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(175,231,255) 0%, rgb(235,251,255) 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(175,231,255)),
		color-stop(1, rgb(235,251,255))
	);
	-moz-box-shadow: 1px 1px 0 #fff;
	-webkit-box-shadow: 1px 1px 0 #fff;
}


/* 導入部分
--------------------*/

#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;
}

.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;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #F2F2F2), color-stop(100%, #D2D2D2));
  background: -webkit-linear-gradient(top, #F2F2F2, #D2D2D2);
  background: linear-gradient(top, #F2F2F2, #D2D2D2);
  background: -moz-linear-gradient(top, #F2F2F2, #D2D2D2);
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 3px 2px 0 inset;
  box-shadow: rgba(0, 0, 0, 0.3) 0 3px 2px 0 inset;
  text-shadow: rgba(0, 0, 0, 0.4) 0 -2px 0;

}

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;
  -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;
}

a.button.niyouso {
  width: 90%;
  margin: 20px;
  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.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{
	background-image: -moz-linear-gradient(top, #FFF, #EBEBEB);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#FFF), to(#EBEBEB));
	background-image: -o-linear-gradient(top, #FFF, #EBEBEB);
	background-image: linear-gradient(top, #FFF, #EBEBEB);
	overflow:hidden;
	border-top:solid 1px #87CEEB;
	border-bottom:solid 1px #F4F7F2;
	}

.title_icon{
	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
{
    
	background:-webkit-gradient(linear, left top, left bottom, color-stop(1.00, #F0F0F0), color-stop(0.50, #F6F6F6), color-stop(0.49, #FBFBFB), color-stop(0.00, #FFF));
	background:-webkit-linear-gradient(top, #FFF 0%, #FBFBFB 49%, #F6F6F6 50%, #F0F0F0 100%);
	background:-moz-linear-gradient(top, #FFF 0%, #FBFBFB 49%, #F6F6F6 50%, #F0F0F0 100%);
	background:-o-linear-gradient(top, #FFF 0%, #FBFBFB 49%, #F6F6F6 50%, #F0F0F0 100%);
	background:-ms-linear-gradient(top, #FFF 0%, #FBFBFB 49%, #F6F6F6 50%, #F0F0F0 100%);
	background:linear-gradient(top, #FFF 0%, #FBFBFB 49%, #F6F6F6 50%, #F0F0F0 100%);

	margin-bottom:.5em;
	border:solid 1px #FFF;
	}

.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:last-child{
	border-color:gray;
	border-width:2px;
	border-style:solid;
	border-bottom-style:solid;
}
.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:nth-child(1){
	background-color: #ffffcc;
	border-color:gray;
	border-width:2px;
	border-style:none;
	border-right-style:solid;
	width:200px;

}
.reservationcommit dl dd span:nth-child(2){
	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:last-child{
	text-align:center;
	font-size:2.6em;
	display:table-cell;
}

.cat_list_right{
	width:100px;
	padding:0 15px 0 5px;
	float:right;
}

.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;
	-webkit-box-shadow:0 -2px 3px #ababab;
	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;
  border-top: 1px solid #cccccc;
  display: table;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f6f8f9), color-stop(100%, #d2dade));
  background-image: -webkit-linear-gradient(top, #f6f8f9, #d2dade);
  background-image: linear-gradient(top, #f6f8f9, #d2dade);
  border-top: 1px solid #cccccc; 
  vertical-align: middle;
  height: 80px;
  text-align: center;
  font-size:1.2em;
  display:table;
}

.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;
  border-top: 1px solid #cccccc;
  font-size: 1.2em;
  position: relative;
  left:-40px;
  vertical-align: middle;

}


.maillist dl dd span:nth-child(1) {
	
  display:table-cell;
  color:black;
  vertical-align: middle;
  height: 100px;
  width: 500px;
  padding-left:10px;
  word-break: break-all;

}

.maillist dl dd span:nth-child(2)  {
  color:blue;
  display:table-cell;
  vertical-align: middle;

  width: 120px;
  text-align: center;
 
}
.maillist dl dd span:nth-child(2) > a {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #F2F2F2), color-stop(100%, #D2D2D2));
  background-image: -webkit-linear-gradient(top, #F2F2F2, #D2D2D2);
  background-image: linear-gradient(top, #F2F2F2, #D2D2D2);
  display:block;
  vertical-align:middle;

  border: 3px solid #cccccc;
  border-radius: 16px;
  padding: 20px 0 20px 0;
  margin-right: 10px;

}

.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;
	background-image: -moz-linear-gradient(top, #DEEBFF, #DEEBFF);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#DEEBFF), to(#DEEBFF));
	background-image: -o-linear-gradient(top, #DEEBFF, #DEEBFF);
	background-image: linear-gradient(top, #DEEBFF, #DEEBFF);
	width:100%;
}
.month > span{
	color: #5A69CE;
	display: table-cell;
	width:35%;
	font-size:1.8em;
	padding:10px;
}
.month > span:first-child{
	text-align: left;
	padding-left:20px;
	width:15%;
}
.month > span:nth-child(2){
	text-align:center;
}
.month > span:nth-child(3){
	text-align:center;
}

.month > span:last-child{
	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: 0.8em;
    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: -204px;
    width: 200px;
}

ul.menu li {
    width: 200px;
    height: 48px;
    background-image: -moz-linear-gradient(top, #66ccff 0%, #deebff 50%, #deebff 50%, #66ccff 100%);
    background-image: -webkit-linear-gradient(top, #66ccff 0%, #deebff 50%, #deebff 50%, #66ccff 100%);
    background-image: -o-linear-gradient(top, #66ccff 0%, #deebff 50%, #deebff 50%, #66ccff 100%);
    background-image: linear-gradient(top, #66ccff 0%, #deebff 50%, #deebff 50%, #66ccff 100%);
    position: relative;
    list-style: none;
    border:solid 1px #deebff;
    cursor: pointer;
    font-size: 1em;
    z-index: 10;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

ul.menu li a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 48px;
    text-indent: 1px;
    font-weight: bold;
    color: #000099;
    text-decoration: none;
    text-align: center;
}

ul.menu li.closeMenu {
    background-color: #d28a00;
}

/* 分娩予定日表示用スタイル */
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;
}

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;
}


.chat-box {
    width: 100%;
    height: auto;
    overflow: hidden; /*floatの解除*/
    margin-bottom: 20px;
}
.chat-face {
    float: left;
    margin-right: -120px;
}
.chat-face img{
    border-radius: 30px;
    border: 1px solid #ccc;
    box-shadow: 0 0 4px #ddd;
}
.chat-area {
    width: 100%;
    float: right;
}
.chat-hukidashi {
    display: inline-block; /*コメントの文字数に合わせて可変*/
    padding: 15px 20px;
    margin-left: 120px;
    margin-top: 8px;
    /* border: 1px solid gray; ←削除 */
    border-radius: 10px;
    position: relative; /*追記*/
    background-color: #D9F0FF; /*追記*/
}
/* ↓追記↓ */
.chat-hukidashi:after {
    content: "";
    position: absolute;
    top: 50%; left: -10px;
    margin-top: -10px;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    border-color: transparent #D9F0FF transparent transparent;
}
.someone {
    background-color: #BCF5A9;
}
.someone:after {
    border-color: transparent #BCF5A9 transparent transparent;
}


.txtComment {
    width: 620px;
}

.tomatomain
{
    background-image: url("../img/背景.png");
    background-size:100% 100%;
    padding: 10px 0px 10px 0px;
    height:750px;
    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;
    box-shadow:5px 5px 10px;
    height:1.7em;
    display:table;
    width:620px;
}

.textcolorwhite {
    color:#ffffff;
}

.confisnkname{
    display:table-cell;
    margin-left:5px;
    margin-right:10px;
    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:0.9em;
    border-radius: 10px;
    position:fixed;
    width: 615px;
    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: 15px 20px 20px 20px;
    font-size: 1.5em;
}

.tbldspukeno1{
    /*height:150px;*/
    
}
.tblUkenoWait{
    margin-left: 40px;
    margin-right: 40px;
    margin-top:20px;
    margin-bottom:50px;
}
.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: #0066ff;
    background: radial-gradient(#ebfbff, #b2ffb2);
    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;
    border: 1px solid #008000;
}

.msgtxt {
    border: 1px solid #008000;
    background-color: #008000;
    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;
    border: 1px solid #fff
}

.paginationitem{
    /*font-size:1.2em;*/
    padding-top: 10px;
}


.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;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #F2F2F2), color-stop(100%, #D2D2D2));
  background: -webkit-linear-gradient(top, #F2F2F2, #D2D2D2);
  background: linear-gradient(top, #F2F2F2, #D2D2D2);
  background: -moz-linear-gradient(top, #F2F2F2, #D2D2D2);
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 3px 2px 0 inset;
  box-shadow: rgba(0, 0, 0, 0.3) 0 3px 2px 0 inset;
  text-shadow: rgba(0, 0, 0, 0.4) 0 -2px 0;

}

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;
  -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;
}

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{
	background-image: -moz-linear-gradient(top, #FFF, #EBEBEB);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#FFF), to(#EBEBEB));
	background-image: -o-linear-gradient(top, #FFF, #EBEBEB);
	background-image: linear-gradient(top, #FFF, #EBEBEB);
	overflow:hidden;
	border-top:solid 1px #87CEEB;
	border-bottom:solid 1px #F4F7F2;
	}

.title_icon{
	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
{
    
	background:-webkit-gradient(linear, left top, left bottom, color-stop(1.00, #F0F0F0), color-stop(0.50, #F6F6F6), color-stop(0.49, #FBFBFB), color-stop(0.00, #FFF));
	background:-webkit-linear-gradient(top, #FFF 0%, #FBFBFB 49%, #F6F6F6 50%, #F0F0F0 100%);
	background:-moz-linear-gradient(top, #FFF 0%, #FBFBFB 49%, #F6F6F6 50%, #F0F0F0 100%);
	background:-o-linear-gradient(top, #FFF 0%, #FBFBFB 49%, #F6F6F6 50%, #F0F0F0 100%);
	background:-ms-linear-gradient(top, #FFF 0%, #FBFBFB 49%, #F6F6F6 50%, #F0F0F0 100%);
	background:linear-gradient(top, #FFF 0%, #FBFBFB 49%, #F6F6F6 50%, #F0F0F0 100%);

	margin-bottom:.5em;
	border:solid 1px #FFF;
	}

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

.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);
}

.agreeframe {
    
    height: 200px;
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
}


.ssiinpbox2 iframe {
    /* position: absolute; */
    /* top: 0px; */
    /* left: 5px; */
    /* width: 98%; */
    /* height: 98%; */
    width: 100%;
    height: 250px;

}


.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;
        font-size: 24px;
    }
.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 5px;
  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;
    }