/** 文字コード ******************************/
@charset "utf-8";



/** 全体 ******************************/
body 
{
  color: #585858;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
  overflow-x: hidden;
}
.showtbsp {display:none !important;}
.showpctb {display:inline-block !important;}
.showapp {display:none;}
.showpager{display:none;}

/** ボタン ******************************/
.btn-info
{
	margin-top: 10px;
	/*margin-bottom: 10px;*/
	max-width:400px;
	
	background-color:#e87b9e;
	-pie-background: linear-gradient(top,#e87b9e, #f8a3be);
	background: -ms-linear-gradient(top,#e87b9e, #f8a3be);
	background: -moz-linear-gradient(top,#e87b9e, #f8a3be);
	background: -webkit-gradient(linear, left top, left bottom, from(#e87b9e), to(#f8a3be));

	position:relative;
	behavior: url(./pie/PIE.htc);
}
.btn-info:hover
{
	background-color:#f794b4e;
	-pie-background: linear-gradient(top,#f794b4e, #f9bdd0);
	background: -ms-linear-gradient(top,#f794b4e, #f9bdd0);
	background: -moz-linear-gradient(top,#f794b4e, #f9bdd0);
	background: -webkit-gradient(linear, left top, left bottom, from(#f794b4e), to(#f9bdd0));

	position:relative;
	behavior: url(./pie/PIE.htc);
	
}
.btn-success
{
	margin-top: 10px;
	margin-bottom: 10px;
	max-width:400px;
	background-color:#dd4173
	-pie-background: linear-gradient(top,#dd4173, #f46391);
	background: -ms-linear-gradient(top,#dd4173, #f46391);
	background: -moz-linear-gradient(top,#dd4173, #f46391);
	background: -webkit-gradient(linear, left top, left bottom, from(#dd4173), to(#f46391));

}
.btn-success:hover
{
	background-color:#ef6491;
	-pie-background: linear-gradient(top,#ef6491, #f779a1);
	background: -ms-linear-gradient(top,#ef6491, #f779a1);
	background: -moz-linear-gradient(top,#ef6491, #f779a1);
	background: -webkit-gradient(linear, left top, left bottom, from(#ef6491), to(#f779a1));

	position:relative;
	behavior: url(./pie/PIE.htc);
	
}
.disabled {
	margin-top: 10px;
	margin-bottom: 10px;
	max-width:400px;
}

.radio1,
.checkbox1 {
  min-height: 20px;
}

.radio input[type="radio"],
.checkbox input[type="checkbox"],
.radio1 input[type="radio"],
.checkbox1 input[type="checkbox"] {
  float: left;
  margin-left: 0;
  /*-webkit-transform: scale(1.5);*/
  /*transform: scale(1.5);*/
  margin-right:0.5em;
  margin-bottom: 0.5em;
  /*position:relative;*/
  top:-3px;
  padding-left:0px;
}

.radio1.inline,
.checkbox1.inline {
  display: inline-block;
  padding-top: 5px;
  margin-bottom: 0;
  vertical-align: middle;
}

.radio1.inline + .radio.inline,
.checkbox1.inline + .checkbox.inline {
  margin-left: 10px;
}

/** 地域検索 ******************************/

/* ナビバー背景 */
.bg_row_gray {
  -pie-background: linear-gradient(top,#9C9C9C, #666666);
  background: -ms-linear-gradient(top,#9C9C9C, #666666);
  background: -moz-linear-gradient(top,#9C9C9C, #666666);
  background: -webkit-gradient(linear, left top, left bottom, from(#9C9C9C), to(#666666));

  position: relative;
  behavior: url(./pie/PIE.htc);
}
.bg_row_blue {
  -pie-background: linear-gradient(top,#1e99d4, #48acdc);
  background: -ms-linear-gradient(top,#1e99d4, #48acdc);
  background: -moz-linear-gradient(top,#1e99d4, #48acdc);
  background: -webkit-gradient(linear, left top, left bottom, from(#1e99d4), to(#48acdc));

  position: relative;
  behavior: url(./pie/PIE.htc);
}
.bg_row_whitesmoke {
  background:#F5F5F5;
}
.fc-gray {
  color: #585858;
}
.prefecture-clinic-count
{
	border: 1px solid #383B35;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	background:#383B35;
	font-size:1.2em;
	
	position:relative;
	behavior: url(./pie/PIE.htc);
}
.clinic-count
{
	border: 1px solid #585858;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	font: 17px;
	
	position:relative;
	behavior: url(./pie/PIE.htc);
}
.initlogo 
{
	margin-right: 10px;
	width: 20%;
	min-width: 100px;
}
.inittitle
{
	font-size: 0.9em;
	margin-left: 10px;
	display: inline-block;
	border-left: 1px solid #999;
	vertical-align: middle;
}
.initmsg
{
	border-top: 2px solid #999;
}
a.btninit
{
	cursor: pointer;
	display: block;
	text-decoration: none;
	font-size: 0.8em;
	font-weight: bold;
	font-weight: normal;
	text-align: center;
	color:#FFFFFF;

	border: 1px solid #f5f5f5;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

	vertical-align: bottom;
    padding-top: 10px;
    padding-bottom: 10px;
	width: 100%;
	
	position:relative;
	behavior: url(./pie/PIE.htc);
}



/** ヘッダ ******************************/
.header {padding-bottom: 5px;}
.header > .container-fluid .row-fluid{margin-top:5px;}

.bg_brue {
  background:#f8d0dd;
}
.header h1 
{
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 2.3em;
  width: auto;
}
.unamefield {
 background: #ffFFff;
 border:1px solid #999; 
 padding: 10px;
 margin-bottom:10px;
 text-align: left;
}
.logo  {max-width:50px;max-height:50px;padding-right:5px;}
.lgimg {margin-right:20px;}
.uname {font-size: 1.5em;}
.tel {font-size: 1.5em;}


/** ナビバー ******************************/
.nv {font-weight: bold; margin-left: 10px; margin-right: 10px;}

/* ナビゲーションのスタイル */
.navbar-inner {border: 0px;}

/* ナビバー背景 */
.bg_footer_blue {
  -pie-background: linear-gradient(top,#dddddd, #dddddd);
  background: -ms-linear-gradient(top,#dddddd, #dddddd);
  background: -moz-linear-gradient(top,#dddddd, #dddddd);
  background: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to#dddddd));

  position: relative;
  behavior: url(./pie/PIE.htc);
}

/* メニュー */
.navbar .nav>li>a
{
	text-shadow:none !important;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;

	position:relative;
    behavior: url(./pie/PIE.htc);
}
/* アクティブメニュー */
.navbar .nav>.active>a {
	background-color: #f8a3be;
}
/* マウスオーバー時のメニュー */
.navbar .nav>li>a:hover{
	color: #6c6c6c;
	background-color:#dddddd;
}



/** フッタ ******************************/
.footer
{
    display: block;
    width: 100%;
    height: 15%;
    text-align: center;
    padding-top: 2%;
}
.footer p
{
    font-size: 0.8em;
    position: fixed !important;
    position: absolute;
    bottom: 0px;
    left: 0px;
    margin-bottom:0px;
    width: 100%;
    
    -pie-background: linear-gradient(top,#F5F5F5, #DCDCDC);
    background: -ms-linear-gradient(top,#F5F5F5, #DCDCDC);
    background: -moz-linear-gradient(top,#F5F5F5, #DCDCDC);
    background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#DCDCDC));
    border-top: 1px solid #e5e5e5;
    
	position: relative;
	behavior: url(./pie/PIE.htc);
}



/** カレンダー ******************************/

/*IE6～8以外に適用*/
:root *> .ui-icon 
{
	position: relative;
	width: 16px;
	height: 16px;
	zoom: 1.6;
	-moz-transform:scale(1.6,1.6);
}

.exbase
{
    display: inline-block;
    text-align: center;
	font-size: 0.8em;
	padding: 2px;
	width: 25%;
	margin: 3px;
}

/** ユーティリティ ******************************/
.w10 {width: 10%;}
.w15 {width: 15%;}
.w20 {width: 20%;}
.w25 {width: 25%;}
.w30 {width: 30%;}
.w40 {width: 40%;}
.w50 {width: 50%;}
.w60 {width: 60%;}
.w70 {width: 70%;}
.w75 {width: 75%;}
.w80 {width: 80%;}
.w90 {width: 90%;}
.w100 {width: 100%;}
.wlogin {width: 60%; max-width: 250px;}

.fl {float: left;}
.fr {float: right;}
.tl {text-align: left;}
.tr {text-align: right;}
.tc {text-align: center;}

/*vertical*/
.vam{vertical-align:middle;}.vat{vertical-align:top;}.vab{vertical-align:bottom;}

/*align*/
.tac{text-align:center}.tar{text-align:right; padding-right:10px;}.tal{text-align:left}

/*margin*/
.m0{margin: 0}.m5{margin:5px}.m10{margin:10px}.m15{margin:15px}.m20{margin:20px}.m30{margin:30px}.m40{margin:40px}
.mt{margin-top: 60px}.mt0{margin-top:0}.mt3{margin-top:3px}.mt5{margin-top:5px}.mt10{margin-top:10px}.mt15{margin-top:15px}.mt20{margin-top:20px}.mt30{margin-top:30px}.mt40{margin-top:40px}.mt60{margin-top:60px}.mt80{margin-top:80px}.mt100{margin-top:100px}
.mr{margin-right:1.6%}.mr0{margin-right:0}.mr1{margin-right:1%}.mr2{margin-right:2%}.mr3{margin-right:3%}.mr4{margin-right:4%}.mr5{margin-right:5%}.mr10{margin-right:10%}
.mb{margin-bottom:60px}.mb0{margin-bottom:0}.mb5{margin-bottom:5px}.mb10{margin-bottom:10px}.mb15{margin-bottom:15px}.mb20{margin-bottom:20px}.mb30{margin-bottom:30px}.mb40{margin-bottom:40px}
.ml{margin-left:1.6%}.ml0{margin-left:0}.ml1{margin-left:1%}.ml2{margin-left:2%}.ml3{margin-left:3%}.ml4{margin-left:4%}.ml5{margin-left:5%}.ml9{margin-left:9%}
.mauto{margin:0px auto;}
.mlauto{margin-left: auto;}
.mrauto{margin-right: auto;}
.titlem{margin-left:9%}

/*padding*/
.p0{padding:0}.p1{padding:1%}.p5{padding:5%}.p10{padding:10%}.p15{padding:15%}.p20{padding:20%}.p30{padding:30%}
.pt{padding-top:60px}.pt0{padding-top:0}.pt5{padding-top:5px}.pt10{padding-top:10px}.pt15{padding-top:15px}.pt20{padding-top:20px}.pt30{padding-top:30px}.pt40{padding-top:40px}
.pr{padding-right:1.6%}.pr0{padding-right:0}.pr1{padding-right:1%}.pr2{padding-right:2%}.pr3{padding-right:3%}.pr4{padding-right:4%}.pr5{padding-right:5%}
.pb{padding-bottom:60px}.pb0{padding-bottom:0}.pb5{padding-bottom:5px}.pb10{padding-bottom:10px}.pb15{padding-bottom:15px}.pb20{padding-bottom:20px}.pb30{padding-bottom:30px}.pb40{padding-bottom:40px}
.pl{padding-left:1.6%}.pl0{padding-left:0}.pl1{padding-left:1%}.pl2{padding-left:2%}.pl3{padding-left:3%}.pl4{padding-left:4%}.pl5{padding-left:5%}.pl10px{padding-left:10px}

/* display */
.dispb{display:block;}
.dispi{display:inline;}
.dispib{display:inline-block;}
.dispt{display:table;}
.disptc{display:table-cell;}
.dispn{display:none;}

/* font*/
.fs12 
{
	font-size: 1.2em;
}
.fontwhite {color:#6c6c6c;}
.fontred {color: #ff0000;}
.bold{font-weight:bold;}

/* 角丸のスタイル */
.rc20 {
	border-radius: 20px;        /* CSS3草案 */  
	-webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 20px;   /* Firefox用 */

	position: relative;
	behavior: url(./pie/PIE.htc);
}
.rc25 {
	border-radius: 25px;        /* CSS3草案 */  
	-webkit-border-radius: 25px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 25px;   /* Firefox用 */
	
	position: relative;
	behavior: url(./pie/PIE.htc);
}

/* リストボックス */
#lstSection {width:80%;max-width:450px;}
#lstDoctor {width:80%;max-width:450px;}
#lstFamily {width:80%;max-width:450px;}
label[for=lstSection]{display:inline-block;width:5em;}
label[for=lstDoctor]{display:inline-block;width:5em;}
label[for=lstFamily]{display:inline-block;width:5em;}

/* テーブル */
.table td div {
  text-align: left;
}
.table th, .table td {
  text-align: center;
}

/* テーブル */
.tdc {
  valign : middle;
}

/* メインコンテンツ */
.mainmenu {
    padding-top: 20px;
    padding-left: 5%;
    padding-right: 5%;
    height: 400px;
}
.maincontent {
    width: 45%;
    margin-bottom: 20px;
}
.lbtn {
    height: 30px;
	width: 30px;
    vertical-align: middle;
    float: left;
    text-align: center;
    padding: 10px;
    background:rgb(17,144,208);
    border-radius: 10px;box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
    color: #8cc45f;
    line-height: 200%;
    
	margin-right: 0px;
	-pie-background: linear-gradient(top,#f8a3be,#f8a3be);
	background: -ms-linear-gradient(top,#f8a3be,#f8a3be);
	background: -moz-linear-gradient(top,#f8a3be,#f8a3be);
	background: -webkit-gradient(linear, left top, left bottom, from(#f8a3be), to(#f8a3be));
  
	position: relative;
	behavior: url(./pie/PIE.htc);
}
.lbtn-down 
{
	-pie-background: linear-gradient(top,#f4b0c6, #f4b0c6);
	background: -ms-linear-gradient(top,#f4b0c6, #f4b0c6);
	background: -moz-linear-gradient(top,#f4b0c6, #f4b0c6);
	background: -webkit-gradient(linear, left top, left bottom, from(#f4b0c6), to(#f4b0c6));
  
	position: relative;
	behavior: url(./pie/PIE.htc);
}
.lbtn-disabled 
{
	height: 30px;
	width: 30px;
    vertical-align: middle;
    float: left;
    text-align: center;
    padding: 10px;
    background:#808080;
    margin-right: 0px;
    border-radius: 10px;
    color: #fff;
    line-height: 200%;
    
    position: relative;
	behavior: url(./pie/PIE.htc);
}

.contl {
    float: left;
    text-align: left;
}
.contr {
    float: left;
    text-align: left;
    padding-top: 30px;
}

/* ボックス */
.box1 {
  display: block;
  padding: 9.5px;
  margin: 0 auto;
  line-height: 20px;
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre;
  white-space: pre-wrap;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  
  position: relative;
  behavior: url(./pie/PIE.htc);
}

.box2 {
  display: block;
  padding: 30px 20px 30px 30px;
  margin: 0 auto;
  line-height: 20px;
  word-break: break-all;
  word-wrap: break-word;
  white-space: normal;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  
  position: relative;
  behavior: url(./pie/PIE.htc);
}

.box3 {
  display: block;
  padding: 30px;
  margin: 0 auto;
  line-height: 20px;
  word-break: break-all;
  word-wrap: break-word;
  white-space: normal;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  
  position: relative;
  behavior: url(./pie/PIE.htc);
}

.box4 {
  display: block;
  padding: 9.5px;
  margin: 0 auto;
  line-height: 20px;
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre;
  white-space: pre-wrap;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  
  position: relative;
  behavior: url(./pie/PIE.htc);
  height:450px;
  overflow-y:auto;
  
}
.box5 {
  display: block;
  padding: 30px 20px 30px 30px;
  margin: 0 auto;
  line-height: 20px;
  word-break: break-all;
  word-wrap: break-word;
  white-space: normal;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  
  position: relative;
  behavior: url(./pie/PIE.htc);
}

.box6 {
  display: block;
  padding-left: 9.5px;
  margin: 0 auto;
  line-height: 20px;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  height:100px;
  overflow-y:auto;
  position: relative;
  behavior: url(./pie/PIE.htc);
}

.boxw {width: 80%;}

/* 各見出し */
h3 {margin-left: 10px;}



/** ログイン ******************************/
/* 入力フォーム */
#txtUserID, #txtPassword
{
	display: block;
	width: 80%;
	height: 30px;
	font-size: 1.2em;
}
/* チェックボックス */
#chkAutoLogin 
{
	display:inline-block;
	float: left;
}
.checkAutoLogin > label{display:inline-block;}

.errMsg
{
	COLOR: #ff0000; 
	DISPLAY: block;
}

.login
{
	width: 80%;
	max-width: 600px;
}
.loginicon
{
	width: 20px;
	height: 20px;
}
a.btnlogin
{
	cursor: pointer;
	display: block;
	float: left;
	text-decoration: none;
	font-size: 1.0em;
	font-weight: bold;
	font-weight: normal;
	text-align: center;
	color:#FFFFFF;

	border: 1px solid #f5f5f5;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

	vertical-align: bottom;
    padding: 9px;
	width: 40%;
	
	position:relative;
	behavior: url(./pie/PIE.htc);
}
a.btnlogin80
{
	cursor: pointer;
	display: block;
	float: left;
	text-decoration: none;
	font-size: 1.0em;
	font-weight: bold;
	font-weight: normal;
	text-align: center;
	color:#FFFFFF;

	border: 1px solid #f5f5f5;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

	vertical-align: bottom;
    padding: 9px;
	width: 80%;
	
	position:relative;
	behavior: url(./pie/PIE.htc);
}

a.btnTop
{
	cursor: pointer;
	display: block;
	float: left;
	text-decoration: none;
	font-weight: bold;
	font-weight: normal;
	text-align: center;
	color:#FFFFFF;

	border: 1px solid #f5f5f5;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

	vertical-align: bottom;
    padding: 15px;
	width: 100%;

	
	position:relative;
	behavior: url(./pie/PIE.htc);
}
a.btnblue
{
    -pie-background: linear-gradient(top,#f9b1c8, #f4a6be);
	background: -ms-linear-gradient(top,#f9b1c8, #f4a6be);
	background: -moz-linear-gradient(top,#f9b1c8, #f4a6be);
	background: -webkit-gradient(linear, left top, left bottom, from(#f9b1c8), to(#f4a6be));
	
	position:relative;
	behavior: url(./pie/PIE.htc);

    /*-
    pie-background: linear-gradient(top,#f8d0dd,#fce5ec);
	background: -ms-linear-gradient(top,#f8d0dd,#fce5ec);
	background: -moz-linear-gradient(top,#f8d0dd,#fce5ec);
	background: -webkit-gradient(linear, left top, left bottom, from(#f8d0dd), to(#fce5ec));
	
	position:relative;
	behavior: url(./pie/PIE.htc);
    */
}
a.btnblue-down
{
     -pie-background: linear-gradient(top,#f9b1c8, #f4a6be);
	background: -ms-linear-gradient(top,#f9b1c8, #f4a6be);
	background: -moz-linear-gradient(top,#f9b1c8, #f4a6be);
	background: -webkit-gradient(linear, left top, left bottom, from(#f9b1c8), to(#f4a6be));
	
	position:relative;
	behavior: url(./pie/PIE.htc);
}
a.btngray
{
	-pie-background: linear-gradient(top,#808080, #696969);
	background: -ms-linear-gradient(top,#808080, #696969);
	background: -moz-linear-gradient(top,#808080, #696969);
	background: -webkit-gradient(linear, left top, left bottom, from(#808080), to(#696969));
	
	position:relative;
	behavior: url(./pie/PIE.htc);
}
a.btngray-down
{
	-pie-background: linear-gradient(top,#DCDCDC, #C0C0C0);
	background: -ms-linear-gradient(top,#DCDCDC, #C0C0C0);
	background: -moz-linear-gradient(top,#DCDCDC, #C0C0C0);
	background: -webkit-gradient(linear, left top, left bottom, from(#DCDCDC), to(#C0C0C0));
	
	position:relative;
	behavior: url(./pie/PIE.htc);
}



/** パスワード ******************************/
#tblPassword {width: 60%;}


/** 患者情報登録 ******************************/
#pregist1 {width:100%;}
#pregist1 th {text-align:left;vertical-align:middle;font-weight:bold;width:20%;}
#pregist1 th label{font-weight:bold;display:inline-block;}
#pregist1 td {text-align:left;vertical-align:middle;width:80%;}
#pregist1 tbody td label{display:inline-block;}

#pregist2 {width:100%;}
#pregist2 th {text-align:left;vertical-align:middle;font-weight:bold;width:30%;}
#pregist2 th label{font-weight:bold;}
#pregist2 td {text-align:left;vertical-align:middle;width:70%;}
#pregist2 td label{display:inline-block;}

#rdoSex td {border:none; background-color:transparent;}
#rdoSend td {border:none;}
#rdoBeforeSend td {border:none;}
#panSendlist td{border:none;}

.pconfirm {width:100%;}
.pconfirm th {text-align:left; font-weight:bold;width:30%;}
.pconfirm td {text-align:left;width:70%;}

.pchange {width:100%;}
.pchange th {text-align:left; font-weight:bold;width:30%;}
.pchange th label {font-weight:bold;}
.pchange td {text-align:left;width:70%;}
.pchange tbody td label{display:inline-block;}
.pchange th label{display:inline-block;}

#trSex td {padding-left:5px;width:6em;}

/* お知らせ方法ラジオボタン */
#panSendlist {padding-left:5px;}
#rdoSend td {padding-left:0px;width:6em;}

/* ご予約内容お知らせラジオボタン */
#trReserve .radio {padding-left:10px;}
#trReserve td {vertical-align:middle;}
#rdoReserve02 {margin-top: 12px;}
#rdoReserve03 {margin-top: 12px;}

#pregist2 #trReserve td {padding-left: 15px;}
.pchange #trReserve td {padding-left: 15px;}

/* 順番お知らせラジオボタン */
#rdoBeforeSend td{width:7em;}
#trBeforeSend .radio{padding-left:0px;}
#pregist2 #rdoBeforeSend td{width:7em;}



/** 予約状況 ******************************/
#tblReserveList {width:100%;}
#tblReserveList th {text-align:center;font-weight:bold;}
#tblReserveList td {text-align:center;vertical-align:middle;}

#tblReserveList .tableDetail01 {width:20%;}
#tblReserveList .tableDetail02 {width:30%;}
#tblReserveList .tableDetail03 {width:30%; text-align:left;}
#tblReserveList .tableDetail04 {width:10%; margin:0px; padding:0px; text-align:center;}
#tblReserveList .tableDetail05 {width:10%; margin:0px; padding:0px; text-align:center;}
#tblReserveList .tableDetail06 {width:20%; margin:0px; padding:0px; text-align:center;}

/* 削除ダイアログ */
#dialogCancel {font-size:0.8em;}
.ui-dialog-title {font-size:0.8em; font-weight:bold;}
.ui-dialog-titlebar-close {display:none;}
.ui-widget button {font-size: 0.8em;}
.ui-dialog-buttonset button {width:110px;}

#dialogMail {font-size:0.8em;}
.ui-dialog-title {font-size:0.8em; font-weight:bold;}
.ui-dialog-titlebar-close {display:none;}
.ui-widget button {font-size: 0.8em;}
.ui-dialog-buttonset button {width:110px;}

#dialogInfo {font-size:0.8em;}
.ui-dialog-title {font-size:0.8em; font-weight:bold;}
.ui-dialog-titlebar-close {display:none;}
.ui-widget button {font-size: 0.8em;}
.ui-dialog-buttonset button {width:110px;}
/** トップ画面 ******************************/

/*#pnlReceipt table th, #pnlReceipt table tr, #pnlReceipt table td{vertical-align:middle;border-width:0px; margin:0px;padding:0px;}*/
#clinicinfo{display:none;}

/* 科目ごとの待ち状況のスタイル */
h1 {
 margin-top: 0px;
}

.active {
 background-color:#f5f5dc;
}

.navbar .nav>li>a {
 color:#6c6c6c;
}

.navbar .nav>.active>a {
 color:ffffff;
 background-color:#f8a3be;
}

.bg_nezumi {
 background-color: #f5f5f5;
}

.bg_white {
 background-color: #ffFFff;
}

.left_rc25 {

  border-radius: 25px 0px 0px 25px;
  -webkit-border-top-left-radius: 25px;  
  -webkit-border-bottom-left-radius: 25px;  
  -moz-border-radius-topleft: 25px;  
  -moz-border-radius-bottomleft: 25px;  
  
  position: relative;
  behavior: url(./pie/PIE.htc);
}

.right_rc25 {

  border-radius: 0px 25px 25px 0px;
  -webkit-border-top-right-radius: 25px;  
  -webkit-border-bottom-right-radius: 25px;  
  -moz-border-radius-right: 25px;  
  -moz-border-radius-bottomright: 25px;  
  
  position: relative;
  behavior: url(./pie/PIE.htc);
}

/* お知らせのスタイル */

/* ↓↓↓ADD 20161220 H.Takahashi お知らせ改善↓↓↓*/

/*お知らせNewアイコン*/
p.new-icon {
  display: inline-block;
  background: #df002c;
  padding: 1px 3px;
  vertical-align: middle; /* 先行する文字列と上下中央揃え */
  font-size: 0.8em;
  font-weight: bold;
  color: #fff; 
  border-radius: 3px;     /* アイコンの角を丸める */
}

/*お知らせ重要アイコン*/
p.important-icon {
  display: inline-block;
  background: #0040FF;
  padding: 1px 3px;
  vertical-align: middle; /* 先行する文字列と上下中央揃え */
  font-size: 0.8em;
  font-weight: bold;
  color: #fff; 
  border-radius: 3px;     /* アイコンの角を丸める */
}

/*お知らせ枠*/
.infoList 
{
 word-break: break-all;
 word-wrap: break-word;
 margin-left: 30px;
 margin-right: 30px;
}

/* ↑↑↑ADD 20161220 H.Takahashi お知らせ改善↑↑↑*/

#dgdNews 
{
 word-break: break-all;
 word-wrap: break-word;
}
.info #lblTitle, #lblDate, #lblDetail{
 font-weight: bold;
}
.info #title, #detail 
{
 word-break: break-all;
 word-wrap: break-word;
 margin-left: 30px;
 margin-right: 30px;
}
.info ul {
 margin-top: 30px;
 margin-left: 40px;
 margin-bottom: 50px;
 margin-right: 35px;
 color: #48acdc;
}
.info ul li{
 font-weight: bold;
}
.info span,ul div {
 color: #585858;
}
.contl {
 width: 60px;
  height: 60px;
}

.message_area {
background-color: #f5f5f5;
}

.bold_blue {
 color: #6c6c6c;
 font-weight: bold;

}

.bold{
 font-weight: bold;
}

/** 指定予約確認 ******************************/
#lblDate{display:inline-block;}


/** 予約全般 ******************************/
/* 診療内容 */
#lstContent td{width:100px; display:inline-block;}
#lstContent2 td{width:100px; display:inline-block;}
label[for=lblVaccineCnt]{display:inline-block;width:5em;}



/** 予約日付選択 ******************************/
/* datepicker */
.ui-datepicker {
    width: 100%;
    font-size: 1.7em;
}

.ui-state-default {
    margin: 0px auto;
    height: 45px;
}

#calendar {width: 90%;}

/* カレンダー　残枠数*/
.ui-datepicker-calendar td a[data-custom] {
  position: relative;
  /*padding-bottom: 10px;*/
}
.ui-datepicker-calendar td a[data-custom]::after {
  /*STYLE THE CUSTOME DATA HERE*/
  content: '残り' attr(data-custom) '枠';
  display: block;
  font-size: medium;
}

/*.ui-datepicker-calendar td span,
.ui-datepicker-calendar td a {
  padding-bottom: 1em;
}*/
.ui-datepicker-calendar td [title]::after {
  /*STYLE THE CUSTOME DATA HERE*/
  content: '残り' attr(title) '枠';
  display: block;
  position: relative;
  font-size: .8em;
  height: 1.25em;
  margin-top: -1.25em;
  text-align: right;
  padding-right: .25em;

}


.ui-datepicker td[title]::after {
  content: attr(title);
  display: block;
  position: relative;
  font-size: .8em;
  height: 1.25em;
  margin-top: -1.25em;
  text-align: right;
  padding-right: .25em;
}


table.ui-datepicker-calendar tbody td.ui-datepicker-week-end a.ui-state-default {
    color: #0000CD;
}
table.ui-datepicker-calendar tbody td:first-child a.ui-state-default{
    color: #FF4040;
}
table.ui-datepicker-calendar tbody td:last-child a.ui-state-default {
    color: #0000CD;
}
/* 祝日 */
.ui-datepicker-holiday1 .ui-state-default {
    color: #FF4040;
}
.ui-datepicker-holiday2 .ui-state-default {
    color: #800000;
}

.ui-datepicker-saturday .ui-state-default {
    color: #00008b;
}

.ui-datepicker-sunday .ui-state-default {
    color: #800000;
}

/*.showbox {width:30%;float: left;display: block;font-size: 1.2em;font-weight: bold; text-align:left; margin:0px 0px 15px 20px;}*/
.showbox2 {font-size: 1.2em;font-weight: bold; text-align:left; margin:20px 0px 0px 20px;}
.showbox3 {font-size: 1.2em;font-weight: bold; text-align:left; margin:0px 0px 0px 20px;}
.showbox4 {width:30%;float: left;display: block;font-size: 1.2em;font-weight: bold; text-align:left; margin:0px 0px 15px 0px;}

.container-fluid-label {
	word-break: break-all;
	display: table-cell;
}
/** 画面幅ごとのレイアウト ******************************/

/**
 * スマホ用レイアウト
 *
 */
@media screen and (max-width :767px) 
{
form {margin-bottom: 0px;}
body {font-size: 13px; padding: 0px; color: #585858;}


/* PC表示用クラス */
.showpc {display: none;}
/* タブレットスマホ表示用クラス */
.showtbsp {display: inline-block !important;}
/* PCタブレット表示用クラス */
.showpctb {display: none;}
/* スマホ表示用クラス */
.showsp {display: block;}

.showpager {display:inline-block;}
/*.showbox {width:100%;float: left;font-size: 1.2em;font-weight: bold; text-align:left; margin:0px 0px 15px 0px}*/
.showbox2 {font-size: 1.2em;font-weight: bold; text-align:left; margin:20px 0px 0px 0px;}
.showbox3 {font-size: 1.2em;font-weight: bold; text-align:left; margin:0px;}
.showbox4 {width:100%;float: left;font-size: 1.2em;font-weight: bold; text-align:left; margin:0px 0px 15px 0px}
.box2 {padding:15px 15px 15px 15px;}
.box3 {padding:15px 0px 15px 0px;}
.box5 {padding:10px 0px 0px 0px;}
.boxw {width: auto;}

.logo {max-width: 50px;}
.addr {padding-right: 10px;}
.tel {padding-right: 10px;}
.titlem{margin-left:1%}


.hiddapp tar span4 {display: none;}
.agreement{
    font-size:12px;
    height:200px;
    
}/* 規約 */

.navbar .nav>li>a {padding: 5px 7px 5px;}
.nv {font-weight: bold; margin-left: 5px; margin-right: 5px;}

.login {width:100%;}
a.btnlogin{float:none;width:90%;margin-bottom:5px;}
.unamefield {padding: 7px;}
.uname {font-size: 1.2em;}

a.btnlogin80{float:none;width:90%;margin-bottom:5px;}
a.btnTop{float:none;width:90%;margin-bottom:5px;font-size:1.0em;height:auto;}
.unamefield {padding: 7px;}
.uname {font-size: 1.2em;}

/* 患者情報関連 */
#pregist1 th, #pregist1 td{display:block;border:none;vertical-align:middle;width:auto;}
#pregist2 th, #pregist2 td {display:block;border:none;vertical-align:middle;width:auto;}
.pconfirm th, .pconfirm td {display:block;border:none;vertical-align:middle;width:auto;}
.pchange th, .pchange td {display:block;border:none;vertical-align:middle;width:auto;}

#pregist1 th {padding-bottom:1px;}
#pregist2 th {padding-bottom:1px;}
#pregist2 td {padding-bottom:3px;padding-top:3px;}
.pconfirm th {padding-bottom:1px;}
.pchange th {padding-bottom:1px;}
.pchange td {padding-bottom:3px;padding-top:3px;}

/*#pnlReceipt table th, #pnlReceipt table tr, #pnlReceipt table td{display:block;vertical-align:middle;width:100%;border:0;}*/
.btnrsv {
    margin-top: 0px;
    margin-bottom: 0px;
}
/* 予約状況 */
/*#tblReserveList {display: block; border-left:none; border-right:none;}
#tblReserveList thead {display: none;}
#tblReserveList tbody {display: block;font-size: 1.2em;}
#tblReserveList tbody tr {display: block;padding: 5px;}
#tblReserveList tbody td {display: block;border: none;text-align:left;padding:1px;margin-left: 20px;}
#tblReserveList tbody th {display:none;}
#tblReserveList tbody td:nth-of-type(1):before { content: "[診療日] \A"; white-space: pre;}
#tblReserveList tbody td:nth-of-type(2):before { content: "[科目] \A"; white-space: pre;}
#tblReserveList tbody td:nth-of-type(3):before { content: "[予約情報詳細] \A"; white-space: pre;}*/
#tblReserveList .tableDetail01 {width:auto;}
#tblReserveList .tableDetail02 {width:auto;}
#tblReserveList .tableDetail03 {width:auto;}
#tblReserveList .tableDetail04 {width:auto;}
#tblReserveList .tableDetail05 {width:auto;}
#tblReserveList .tableDetail06 {width:auto; padding-top:20px;}

/* 予約時間選択 */
.timeTableRow01{display:block;float:left;}
.timeTableRow02{display: block;width:auto;position: relative; overflow-x: auto; white-space: nowrap;font-size: 1.2em;}
.timeTableHeader01{display:none; font-size:150%;}
.timeTableHeader02{display: block; font-size:150%;}

.timeTableDetail{display:block; font-size:150%;}
.timeTableEmpty{display:none;}

#tblTimeTable tbody th 
{
	max-height: 30px;
	padding-top: 13px;
	padding-bottom: 13px;
	max-height: 30px
}
#tblTimeTable tbody td
{
	max-height: 30px
}
#tblTimeTable {width:100%}
#tblTimeTable tbody td .btn-success{margin-top: 0px;}
#tblTimeTable tbody td .disabled{margin-top: 0px;}

/* スマホではhover時にボタン背景色を変更しない */ 
.btn-info:hover
{
	background-color:#f794b4e;
	-pie-background: linear-gradient(top,#f794b4e, #f9bdd0);
	background: -ms-linear-gradient(top,#f794b4e, #f9bdd0);
	background: -moz-linear-gradient(top,#f794b4e, #f9bdd0);
	background: -webkit-gradient(linear, left top, left bottom, from(#f794b4e), to(#f9bdd0));

	position:relative;
	behavior: url(./pie/PIE.htc);
}


/* 入力フォーム */
#txtUserID, #txtPassword {width: 90%;}

/* パスワード */
#tblPassword {width:100%;}

#pnlMenu11 .row{margin:0px; padding:0px;}
#div0101 .mt10{margin-top:15px;}
#div0201 .mt10{margin-top:15px;}
#divRsvStatus .mt10{margin-top:15px;}
#divPinfoUpdate .mt10{margin-top:5px;}
#divInfoClnMsg .mt10{margin-top:15px;}
#divSlvStop .mt10{margin-top:15px;}


/* 予約日付 */
#calendar {width: 100%;}
.ui-datepicker {width: 95%; margin-left:auto; margin-right: auto;}
.ui-datepicker-ex3 .ui-state-default {background-size: 95%;}
.ui-datepicker-ex4 .ui-state-default {background-size: 95%;}
.ui-datepicker-ex5 .ui-state-default {background-size: 95%;}
.ui-datepicker-ex6 .ui-state-default {background-size: 95%;}
.ui-datepicker-ex7 .ui-state-default {background-size: 95%;}
.ui-datepicker-ex8 .ui-state-default {background-size: 95%;}
.ui-state-default {height: 40px;}

/* リストボックス */
#lstSection {width:88%;height:55px;}
#lstDoctor {width:88%;height:55px;}
#lstFamily {width:88%;height:55px;}
label[for=lstSection]{display:inline-block;}
label[for=lstDoctor]{display:inline-block;}
label[for=lstFamily]{display:inline-block;}

#lblfamilymsg {width:90%;}

/* 診療内容 */
#lstContent {width: 100%;}
#lstContent td{width: 40%; height: 30px; display:block;}
#lstContent2 {width: 100%;}
#lstContent2 td{width: 40%; height: 30px; display:block;}

h1{line-height:25px;}
#lblClinicName {font-size:0.7em;}

/* 科目一覧 */
/*.subjlist{margin-bottom:0px;}*/

/* フッタ */
.footer p {position:relative !important;}

/* ナビバーボタン */
.navbar .btn-navbar
{
	-pie-background: linear-gradient(top,#e22961,#e22961);
	background: -ms-linear-gradient	(top,#e22961,#e22961);
	background: -moz-linear-gradient(top,#e22961,#e22961);
	background: -webkit-gradient(linear, left top, left bottom, from(#e22961), to(#e22961));
  
	position: relative;
	behavior: url(./pie/PIE.htc);
}
.btn-navbar-down
{
	-pie-background: linear-gradient(top,#73bc38, #73bc38);
	background: -ms-linear-gradient(top,#73bc38, #73bc38);
	background: -moz-linear-gradient(top,#73bc38, #73bc38);
	background: -webkit-gradient(linear, left top, left bottom, from(#73bc38), to(#73bc38));
  
	position: relative;
	behavior: url(./pie/PIE.htc);
}
.bg_footer_blue {
  background: #dddddd;
}

}/* max-width 767px */



/**
 * タブレット用レイアウト
 *
 */
@media screen and (min-width :768px)
{
body {font-size: 14px;}

/* PC表示用クラス */
.showpc {display: none;}
/* タブレットスマホ表示用クラス */
.showtbsp {display: inline-block !important;}
/* PCタブレット表示用クラス */
.showpctb {display: block;}
/* スマホ表示用クラス */
.showsp {display: none;}

/*.showbox {width:100%;float: left;font-size: 1.2em;font-weight: bold; text-align:left; margin:0px 0px 15px 0px}*/
.showbox3 {font-size: 1.2em;font-weight: bold; text-align:left; margin:0px;}
.showbox4 {width:100%;float: left;font-size: 1.2em;font-weight: bold; text-align:left; margin:0px 0px 15px 0px}
.navbar .nav>li>a {padding: 5px 7px 5px;}
.nv {font-weight: bold; margin-left: 5px; margin-right: 5px;}

/* ナビバーボタン */
.navbar .btn-navbar
{
	-pie-background: linear-gradient(top,#e22961,#e22961);
	background: -ms-linear-gradient(top,#e22961,#e22961);
	background: -moz-linear-gradient(top,#e22961,#e22961);
	background: -webkit-gradient(linear, left top, left bottom, from(#e22961), to(#e22961));
  
	position: relative;
	behavior: url(./pie/PIE.htc);
}
.btn-navbar-down
{
	-pie-background: linear-gradient(top,#73bc38, #73bc38);
	background: -ms-linear-gradient(top,#73bc38, #73bc38);
	background: -moz-linear-gradient(top,#73bc38, #73bc38);
	background: -webkit-gradient(linear, left top, left bottom, from(#73bc38), to(#73bc38));
  
	position: relative;
	behavior: url(./pie/PIE.htc);
}
.bg_footer_blue {
  background: #dddddd;
}

}/* min-width 768px */



/**
 * PC用レイアウト
 *
 */
@media screen and (min-width :981px)
{
body {font-size: 15px;}

/* PC表示用クラス */
.showpc {display: block;}
/* タブレットスマホ表示用クラス */
.showtbsp {display: none !important;}
/* PCタブレット表示用クラス */
.showpctb {display: block;}
/* スマホ表示用クラス */
.showsp {display: none;}

/*.showbox {width: 30%;float: left;display: block;font-size: 1.2em;font-weight: bold;}*/
.showbox3 {font-size: 1.2em;font-weight: bold; text-align:left; margin:0px;}
.showbox4 {float: left;display: block;font-size: 1.2em;font-weight: bold;}
.navbar .nav>li>a {padding: 10px 15px 10px;}

}/* min-width 981px */

 /*時間帯枠予約*/
.tblRsv {
    border: 3px solid #585858;
    width:100%;
    text-align: center;
} 
div.listRsvBody 
{
	display: block;
	position: relative;
    overflow: scroll;
    overflow-x: hidden;
	overflow-y: hidden;
	
	text-align: center;
	font-size: 1.0em;
	
	background: #f5f5f5;
	
	margin-left: auto;
	margin-right: auto;
	
	behavior: url(./pie/PIE.htc);
    -webkit-overflow-scrolling: touch;
    border: 1px solid #f5f5f5;
}
 div.listApoHead 
{
	display: block;
	/*position: fixed;*/
    overflow: hidden;
    overflow-x: hidden;
	overflow-y: hidden;
	
	text-align: center;
	font-size: 1.0em;
	
	background: #f5f5f5;
	
	width: 100%;
    /*height:60px;*/
	margin-left: auto;
	margin-right: auto;	
	behavior: url(./pie/PIE.htc);
    /*padding-top:70px*/
    
}
 .tblapoint {
    text-align: center;
    width: 100%;
    height:auto;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.0em;
    overflow-y: scroll;
    background-color:white;
    border-top:3px solid #f5f5f5;
    border-bottom:1px solid #f5f5f5;
}
td.rsvTime
{
	font-size: 0.9em;
    font-weight:bold;
	text-align:center;  
    border-Top: 1px solid #f5f5f5;   
	vertical-align: middle;
    height:30px;
    width: 110px;
    border-right: 1px solid #f5f5f5;
    background-color:white;
    padding-left:5px;
    padding-right:5px;
}
td.NoRsvtime
{
	font-size: 1.2em;
	/*padding: 4px 4px 4px 4px;*/
	text-align:center;


    width:83px;
    height:30px;

    border-right: 1px solid #f5f5f5;   
	border-bottom: 1px solid #f5f5f5;
	vertical-align: middle;
    background: -webkit-gradient(linear, left top, left bottom, from(#e5e5e5), to(#FFFFFF));

}

td.Holiday
{
	font-size: 1.2em;
	/*padding: 4px 4px 4px 4px;*/
	text-align:center;
	border-right: 1px solid #f5f5f5;   
	border-bottom: 1px solid #f5f5f5;
	vertical-align: middle;
    background-color:pink;
    width:83px;
    height:30px;
}
td.rsvDetail
{
	font-size: 1.2em;
	/*padding: 4px 4px 4px 4px;*/
	text-align:center;
	border-right: 1px solid #f5f5f5;   
	border-bottom: 1px solid #f5f5f5;
	vertical-align: middle;
    width:83px;
    height:30px;
    background: -webkit-gradient(linear, left top, left bottom, from(#d9e6f3), to(#FFFFFF));
}
/*予約済み*/
td.rsvDetail2
{
	font-size: 1.2em;
	/*padding: 4px 4px 4px 4px;*/
	text-align:center;
	border-right: 1px solid #f5f5f5;   
	border-bottom: 1px solid #f5f5f5; 
	vertical-align: middle;
    width:83px;
    background-color:#ae954f;
    /*background: -webkit-gradient(linear, left top, left bottom, from(#337cbd), to(#FFFFFF));*/
    color:white;
    /*font-weight:bold;*/
    height:30px;
}
.floating {
top: 0px;
position: fixed;
z-index: 1;
}