@charset "utf-8";

/* --- Sticky Footer Layout --- */
html {
  height: 100%;
}

BODY {
  font-size: 13pt;
  color: #666666;
  min-height: 100%;
  position: relative;
  padding-bottom: 50px; /* フッタの高さ分の余白 */
  box-sizing: border-box;

  SCROLLBAR-FACE-COLOR: #ffffff; 
  BACKGROUND-ATTACHMENT: scroll; SCROLLBAR-HIGHLIGHT-COLOR: #666666; 
  SCROLLBAR-SHADOW-COLOR: #666666; 
  SCROLLBAR-3DLIGHT-COLOR: #ffffff; 
  SCROLLBAR-ARROW-COLOR: #666666; 
  SCROLLBAR-TRACK-COLOR:#ffffff;   
  SCROLLBAR-DARKSHADOW-COLOR: #ffffff; 
  scrollbar-width: 30

}
body,p {
 	font-size:13px;
 	color:#666666;
  	margin:3px;
}

B {
        
        COLOR: #ff0080;
        FONT-FAMILY: 'ms ui gothic', arial, helvetica
}
B2 {
        
        COLOR: GREEN;
        FONT-SIZE: 15pt;
        font-weight: bold;
        FONT-FAMILY: 'ms ui gothic', arial, helvetica
}

TABLE , td, th {
	border: 1px #ffffff solid;
	border-collapse:collapse;
        FONT-SIZE: 15pt;
        COLOR: #666666;
        FONT-FAMILY: 'ms ui gothic', arial, helvetica
}

/* テキストボックス,ボタンデザイン--------------------*/

input[type="text"] {
	MARGIN-TOP: 5px; MARGIN-LEFT: 5px;  MARGIN-RIGHT: 5px;
 line-height: 1;
 padding: 0.4em 0.6em;
 border: 1px solid #999;
 border-radius: 0.8em;
 letter-spacing: 1px;
 box-shadow: inset 0.2em 0.2em 0.2em #ccc;
 background-color: #fff;
 font-size: inherit;
}

input[type="text"]:disabled {
 background-color: #eee;
 box-shadow: none;
}

input[type="text"]:focus,
texture:focus {
    box-shadow: 0 0 7px #3498db;
    border: 1px solid #3498db;
}

textarea{
border-radius: 0.8em; 
FONT-SIZE: 15px; 
padding:3px;
 border: 1px solid #999;
  box-shadow: inset 0.2em 0.2em 0.2em #ccc;
 background-color: #fff;

}
textarea:focus,
texture:focus {
    box-shadow: 0 0 7px #3498db;
    border: 1px solid #3498db;
}


input[type="radio"] {
 -webkit-appearance: none;
 appearance: none;
 width: 1.5em;
 height: 1.5em;
 border: 1px solid #999;
 border-radius: 50%;
 background-color: #fff;
 background-image: linear-gradient(#fff, #aaa);
 font-size: inherit;
}

input[type="radio"]:checked {
 background-image: linear-gradient(#aaa, #fff);
 position: relative;
}

input[type="radio"]:checked:before {
 content: "";
 display: block;
 width: 50%;
 height: 50%;
 background-color: #333;
 border-radius: 50%;
 box-shadow: 0.1em 0.1em 0.2em #999;
 position: absolute;
 left: 25%;
 top: 25%;
}

input[type="radio"]:disabled {
 background-color: #aaa;
 background-image: none;
}

input[type="radio"]:disabled:checked:before {
 background-color: #666;
 box-shadow: none;
}

input[type="Submit"] {
    border-radius: 0.8em;
    background: -moz-linear-gradient(top, #4A90D9 0%, #357ABD);
    background: -webkit-gradient(linear, left top, left bottom, from(#4A90D9), to(#357ABD));
    background: linear-gradient(to bottom, #4A90D9 0%, #357ABD 100%);
    border: 1px solid #2E6CA4;
    color: #FFFFFF;
    padding: 10px 30px;
}
input[type="Submit"]:hover {
    cursor: pointer;
    opacity: 0.7;
    background: linear-gradient(to bottom, #5BA0E9 0%, #4A90D9 100%);
    border-radius: 0.8em;
    border: 1px solid #2E6CA4;
    color: #FFFFFF;
}

select {BORDER-RIGHT: #888888 1px solid; BORDER-TOP: #888888 1px solid; FONT-SIZE: 15px; BORDER-LEFT: #888888 1px solid; COLOR: #800000; BORDER-BOTTOM: #888888 1px solid
}

FORM {
	MARGIN-TOP: 5px; MARGIN-BOTTOM: 1px
}


H2 {
        color: #FFFFFF;
        background-color: #5555AA;
        padding: 2 0 2 8;
        width: 100%;
        border: 3px solid #9999DD;
        font-weight: bold;
}
h3 {

 background-color: #f6f6f6;
  border-left: 6px solid royalblue;
  text-align:center;
  color:#6495ed;

}
H4 {
        color: #666666;
        background-color: #7596aa;
        padding: 4 4 2 4;
        width: 100%;
        border: 1px none white;
        font-weight: bold;
        FONT-SIZE: 15pt;
}

H5{
    background:#DDD;
    border-radius:5px;
    color:#FFF;
    padding:20px;
    position:fixed;
    bottom:20px;
    right:20px;
    }
H5:hover{
    background:#EEE;
    }



A:link {
       
        FONT-SIZE: 14pt;
}
A:visited {
        
        FONT-SIZE: 14pt;
}
A:hover {
	BACKGROUND: #f0f0f0;
	FONT-SIZE: 14pt;
        COLOR: #ff00ff;
        text-decoration: none
}


/* ボタンデザイン青--------------------*/

.btn-2 {  
    text-decoration: none;  
     font-weight: bold;  
     text-align: center;  
     font-size: 11px;  
     display: block;  
     width: 130px;  
     padding: 2px 0;  

     background: -moz-linear-gradient(top,#8BD1E3 0%,#99B3FF 50%,#526FC4 50%,#3385FF);  
     background: -webkit-gradient(linear, left top, left bottom, from(#8BD1E3),color-stop(0.50, #99B3FF),color-stop(0.50, #526FC4),to(#3385FF));  
     color: #FFF;  
     border-radius: 7px;  
     -moz-border-radius: 7px;  
     -webkit-border-radius: 7px;  
     border: 1px solid #4D5FD6;  
     -moz-box-shadow: 0px 1px 4px rgba(000,000,000,0.8),inset 0px 0px 13px rgba(255,255,255,0.5);  
     -webkit-box-shadow: 0px 1px 4px rgba(000,000,000,0.8),inset 0px 0px 13px rgba(255,255,255,0.5);  
     text-shadow: 0px -1px 5px rgba(000,000,000,0.3),0px 1px 0px rgba(255,255,255,1);  
 } 
/* ボタンデザイン緑*/
.btn-1 {  
   text-decoration: none;  
     font-weight: bold;  
     text-align: center;  
     font-size: 11px;  
     display: block;  
     width: 130px;  
     padding: 2px 0;  

     background: -moz-linear-gradient(top,#99CC00 0%,#339900);  
     background: -webkit-gradient(linear, left top, left bottom, from(#99CC00),to(#339900));  
     color:#FFF;  
     border-radius: 7px;  
     -moz-border-radius: 7px;  
     -webkit-border-radius: 7px;  
     border: 1px solid #01661C;  
     -moz-box-shadow: 0px 1px 2px rgba(000,000,000,0.2),inset 0px -1px 0px rgba(74,201,0,1);  
     -webkit-box-shadow: 0px 1px 2px rgba(000,000,000,0.2),inset 0px -1px 0px rgba(74,201,0,1);  
     text-shadow: 0px -1px 0px rgba(000,000,000,0),0px 1px 0px rgba(0,0,0,0.5);  
} 

/* ボタンデザイン赤*/
.btn-3 {  

  text-decoration: none;  
     font-weight: bold;  
     text-align: center;  
     font-size: 11px;  
     display: block;  
     width: 130px;  
     padding: 2px 0;  

     background: -moz-linear-gradient(top,#F52952 0%,#FFBAD1);  
     background: -webkit-gradient(linear, left top, left bottom, from(#F52952),to(#FFBAD1));  
     color: #FFF;  
     border-radius: 7px;  
     -moz-border-radius: 7px;  
     -webkit-border-radius: 7px;  
     border: 2px solid #FF69A0;  
     -moz-box-shadow: 0px 0px 5px rgba(102,51,0,0.5),inset 0px 0px 8px rgba(255,240,196,1);  
     -webkit-box-shadow: 0px 0px 5px rgba(102,51,0,0.5),inset 0px 0px 8px　rgba(255,240,196,1);  
     text-shadow: 1px 1px 3px rgba(153,17,89,1),2px 1px 0px rgba(152,230,34,0);  
 } 

/* ボタンデザイン橙*/
.btn-4 {  

 text-decoration: none;  
     font-weight: bold;  
     text-align: center;  
     font-size: 11px;  
     display: block;  
     width: 130px;  
     padding: 2px 0;  
     background: -moz-linear-gradient(top,#FFCC00 0%,#FF6600 50%,#FF8533);  
     background: -webkit-gradient(linear, left top, left bottom, from(#FFCC00),color-stop(0.50, #FF6600),to(#FF8533));  
     color: #FFF;  
     border-radius: 7px;  
     -moz-border-radius: 7px;  
     -webkit-border-radius: 7px;  
     border: 1px solid #FF6600;  
     -moz-box-shadow: 0px 2px 4px rgba(000,000,000,0.5),inset 0px 0px 0px rgba(255,255,255,0);  
     -webkit-box-shadow: 0px 2px 4px rgba(000,000,000,0.5),inset 0px 0px 0px rgba(255,255,255,0);  
     text-shadow: 2px 2px 5px rgba(102,051,000,1),0px 1px 0px rgba(255,255,255,0);  

 } 
/* ボタンデザイン青長--------------------*/

.btn-5 {  
    text-decoration: none;  
     font-weight: bold;  
     text-align: center;  
     font-size: 11px;  
     display: block;  
     width: 210px;  
     padding: 2px 0;  

    background: -moz-linear-gradient(top,#BADDFF 0%,#0C81F5);  
     background: -webkit-gradient(linear, left top, left bottom, from(#BADDFF),to(#0C81F5));  
     color: #FFF;  
     border-radius: 7px;  
     -moz-border-radius: 7px;  
     -webkit-border-radius: 7px;  
     border: 1px solid #528BC4;  
     -moz-box-shadow: 0px 1px 5px rgba(000,000,000,0.5),inset 0px 0px 1px rgba(255,255,255,0.6);  
     -webkit-box-shadow: 0px 1px 5px rgba(000,000,000,0.5),inset 0px 0px 1px rgba(255,255,255,0.6);  
     text-shadow: 1px 1px 3px rgba(000,000,000,0.2),0px 1px 0px rgba(255,255,255,0.3);  
 } 
/* ボタンデザイン赤長*/
.btn-6 {  

  text-decoration: none;  
     font-weight: bold;  
     text-align: center;  
     font-size: 11px;  
     display: block;  
     width: 210px;  
     padding: 2px 0;  

     background: -moz-linear-gradient(top,#F52952 0%,#FFBAD1);  
     background: -webkit-gradient(linear, left top, left bottom, from(#F52952),to(#FFBAD1));  
     color: #FFF;  
     border-radius: 7px;  
     -moz-border-radius: 7px;  
     -webkit-border-radius: 7px;  
     border: 1px solid #FF69A0;  
     -moz-box-shadow: 0px 0px 5px rgba(102,51,0,0.5),inset 0px 0px 8px rgba(255,240,196,1);  
     -webkit-box-shadow: 0px 1px 5px rgba(102,51,0,0.5),inset 0px 0px 8px　rgba(255,240,196,1);  
     text-shadow: 1px 1px 3px rgba(153,17,89,1),2px 1px 0px rgba(152,230,34,0);  
 } 
/* ボタンデザイン青円*/
.btn-7 {  
    text-decoration: none;  
     font-weight: bold;  
     text-align: center;  
     font-size: 11px;  
     display: block;  
     width: 25px;  
     padding: 2px 0;  

     background: -moz-linear-gradient(top,#BADDFF 0%,#0C81F5);  
     background: -webkit-gradient(linear, left top, left bottom, from(#BADDFF),to(#0C81F5));  
     color: #FFF;  
     border-radius: 75px;  
     -moz-border-radius: 75px;  
     -webkit-border-radius: 75px;  
     border: 1px solid #528BC4;  
     -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5),inset 0px 0px 1px rgba(255,255,255,0.6);  
     -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5),inset 0px 0px 1px rgba(255,255,255,0.6);  
     text-shadow: 0px -1px 0px rgba(000,000,000,0.2),0px 1px 0px rgba(255,255,255,0.3);  

 } 
.btn-8 {  
    text-decoration: none;  
     font-weight: bold;  
     text-align: center;  
     font-size: 11px;  
     display: block;  
     width: 2px;  
     padding: 2px 0;  
     background: -moz-linear-gradient(top,#BADDFF 0%,#0C81F5);  
     background: -webkit-gradient(linear, left top, left bottom, from(#BADDFF),to(#0C81F5));  
     color: #FFF;  
     border-radius: 75px;  
     -moz-border-radius: 75px;  
     -webkit-border-radius: 75px;  
     border: 1px solid #528BC4;  
     -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5),inset 0px 0px 1px rgba(255,255,255,0.6);  
     -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5),inset 0px 0px 1px rgba(255,255,255,0.6);  
     text-shadow: 0px -1px 0px rgba(000,000,000,0.2),0px 1px 0px rgba(255,255,255,0.3);  
float:center;


 } 
a.btn-15{
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  border: 0px solid #cbcbcb;
  border-bottom: 1px solid #b2b1b1;
  border-radius: 5px;
  box-shadow: 0 1px 0 #f5f5f5 inset, 1px 1px 1px #e9e9e9;
  background: #5386ad;
  margin-bottom: 5px;     
  margin-light: 5px;     
}
.btn-15:hover {
    opacity: 0.7 ;
    color: #fff;
}
a.btn-15:active{  /* クリックした時 */
  -ms-transform: translateY(2px);
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
  box-shadow: none;
}
/* ボタンデザイン橙*/
a.btn-16 {  

   display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
 font-size: 13px;
      font-weight: bold;
  text-align: center;
  color: #fff;
  border: 0px solid #cbcbcb;
  border-bottom: 1px solid #b2b1b1;
  border-radius: 5px;
  box-shadow: 0 1px 0 #f5f5f5 inset, 1px 1px 1px #e9e9e9;
  background: darkorange;
  margin: 3px;      
}
a.btn-16:hover {
    opacity: 0.7 ;
    color: #fff;
}
a.btn-16:active{  /* クリックした時 */
  -ms-transform: translateY(2px);
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
  box-shadow: none;

 } 
/* ローディング*/
#loader {
    width: 32px;
    height: 32px;
    display: none;
    position: fixed;
    _position: absolute; /* IE6対策 */
    top: 50%;
    left: 50%;
    margin-top: -16px; /* heightの半分のマイナス値 */
    margin-left: -16px; /* widthの半分のマイナス値 */
    z-index: 100;
}
#fade {
    width: 100%;
    height: 100%;
    display: none;
    background-color: #FFFFFF;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 50;
}

td.s1{
	background-image   : url("../hygiene/cal_th_bg.gif");
	background-repeat:no-repeat;
	background-position: center;

	 font-size:13px;
 	text-align:center;
 	color:#ffffff;
        padding:3px;
 	border-radius:15px;

}
td.s2{
	background-image   : url("../hygiene/cal_th_bg8.gif");
	background-repeat:no-repeat;
	background-position: center;

	 font-size:13px;
 	text-align:center;
 	color:#ffffff;
        padding:3px;
 	border-radius:15px;

}
td.s3{
	background-image   : url("../hygiene/cal_th_bg9.gif");
	background-repeat:no-repeat;
	background-position: center;

	 font-size:13px;
 	text-align:center;
 	color:#ffffff;
        padding:3px;
 	border-radius:15px;

}

td.s4{
	font-size:13px;
 	text-align:center;
 	color:#cccccc;
        padding:3px;

}
th,tr {
	 font-size:13px;
 	text-align:center;
 	color:#333333;
        padding:10px;
 	border-radius:15px;
	background-repeat:no-repeat;

}
td {
	font-size:13px;
 
 	color:#333333;
        padding:3px;
  	border-radius:5px;
	background-repeat:no-repeat;
	height: 32px;
	align: center;

}

table {
	background-repeat:no-repeat;
        padding:3px;
}


span{
font-size:11px;
font-weight:normal;
color:darkgoldenrod;
margin-left:30px;
vertical-align:middle;
}

 a.t1{
        BACKGROUND: #f5f5f5; 
    background-image   : url("../appointdir/cal_th_bg2.gif");
    background-repeat:no-repeat;
    background-position: center;
    FONT-SIZE: 13px;
        COLOR: #333333; 
        FONT-STYLE: normal;
        text-decoration: none;
        padding:0px;
        background-repeat:no-repeat;
        border-radius:5px;
        background-color:lavender; ;

        line-height: 20pt ;
        }
 a.t1:visited {
        BACKGROUND: #f5f5f5; 
        background-image   : url("./cal_th_bg2.gif");
    background-repeat:no-repeat;
    background-position: center;
        FONT-SIZE: 13px;
        COLOR: #333333; 
        FONT-STYLE: normal;
        text-decoration: none;
        padding:0px;
        background-repeat:no-repeat;
        border-radius:0px;
        background-color:lavender; ;
        }
  a.t1:hover {
        BACKGROUND: #e6e6fa; 
        background-image   : url("./cal_th_bg2.gif");
        background-repeat:no-repeat;
        background-position: center;
        FONT-SIZE: 13px;
        COLOR: #6699cc; 
        FONT-STYLE: normal;
        text-decoration: none;
        padding:0px;
        background-repeat:no-repeat;
        border-radius:0px;
     background-color:#e6e6fa;
     opacity: 0.7 ;

     }
/* 青矢印 */

div.s1{
position:relative;
  left: 5%; 
float:left;
 background-color:royalblue;
 color:#fff; height:22px;
 width:60px; padding:0 5px;
 font-size :10px;
 text-align:center;
 line-height: 22px;
margin-bottom : 7px;
}
div.s1b{
position: relative;
  left: 5%; 
 float:left;
 border-left:10px solid royalblue; 
 border-top:11px solid transparent; 
 border-bottom:11px solid transparent;"
margin-bottom : 7px;
}

/* グレー矢印 */
div.s2{
position: relative;
  left: 5%; 
 float:left;
 background-color:#cccccc;
 color:#fff; height:22px;
 width:60px; padding:0 5px;
 font-size :10px;
text-align:center;
  line-height: 22px;
 white-space: nowrap;
margin-bottom : 7px;
}
div.s2b{
position: relative;
  left: 5%; 
 float:left;
 border-left:10px solid #cccccc; 
 border-top:11px solid transparent; 
 border-bottom:11px solid transparent;"
 white-space: nowrap;
margin-bottom : 7px;
}


hr { border: 0 none; 
    height: 1px; 
    color: green;
    background-color: royalblue;
    width: 95%;
}

hr.style1{
  border: 0 none; 
    height: 1px; 
    color: royalblue;
    background-color: royalblue;
    width: 95%;
 
}
hr.style2{
 border: 0 none; 
    height: 1px; 
    color: royalblue;
    background-color: gray;
    width: 80%;

}
}
hr.style3{

    border: 0 none; 
    height: 1px; 
    color: #696969;
    background-color: #696969;
    width: 95%;

}
img.pika{

vertical-align: -3px;

}
#footer{
    /* コピーライト文字設定 */

    font-size: 1em;
    text-align: center;
    color: #fff;
    text-decoration: none;
	padding:5px;
	margin-top:0;
	margin-bottom:0px;
	background-color: #5386ad;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	box-sizing: border-box;
}

/* ========================================================
   formBook インラインスタイル (yoyakufull2.cgi より移動)
   body に背景画像を適用する
   ======================================================== */
body.yoyaku-bg {
  background-image: url("../image/bgs.jpg");
  background-size: auto;
  background-repeat: repeat;
  backdrop-filter: blur(3px);
}