@charset "UTF-8";

#content{
  margin: 15px auto;
  max-width: 350px;
border: 1px solid #000080;
}
.topmenu{
		
}
header{
	background-color: #003366;
	color: #ffffff;
	width: 100%;
	height: auto;
}
.header-in{
	margin: 0;
	padding: 0;
}
.header-in h4{
	margin: 0;
	padding: 10px 5px  5px  5px;
	color: #ffffff;
	width: 100%;
	height: 40px;
	background-color: #008080;	
	border: 2px double  #0000ff;	
	text-align: center;
	vertical-align: middle;
	font-size: 20px;	
 box-sizing: border-box;
}
.toplogosize{
	 width: 100%;
	 height: 100px;
}
.topmenu p{
	margin: 0;
}
.topmenu input:hover{
	opacity: 0.5;
}
.topimgsize01{
	 width: 100%;
	 height: 100px;
}
.topimgsize00{
	 width: 100%;
	 height:  200px;
}
.gaiyouimgsize{
	 width: 100%;
	 height:  auto;
}

#systemgaiyo{
	margin : 0 auto ;
	background-color:#e0ffff;
	width:  95%;
	padding: 10px;
	height: auto;
}
#systemgaiyo input{
	display:block;
	width: 100%;
	height: 40px;
	font-size:100%;
}   
article{
	clear: both;
}
/*******************/
.privacy{
    margin: 0 auto;
    text-align: left;
    padding: 15px;
    width: 90%;
    height:auto;
    background-color:#ffffcc;
    line-height:1.2;
    border-bottom-right-radius:15px;
    border-bottom-left-radius:15px;

}
.privacy input{
	display:block;
	width: 100%;
	height: 40px;
	font-size:100%;
}


.box2{
	margin : 0 auto ;
	text-align: left;
	padding:  10px;
 	border-bottom-right-radius:15px;
	border-bottom-left-radius:15px;
	width: 94%;
	height:auto;
	background-color:#e0ffff;
} 
.box2 input{
	padding: 5px;
	display:block;
	width: 94%;
	height: 40px;
	font-size:100%;
}
.box2 button{
	width:  98%;
	height: 40px;
	padding: 5px;
}

.box_msg{
	padding: 10px;
	margin : 0 auto ;
	background-color:#e0ffff;
	width:  94%;
}
.box_msg textarea{
	display:block;
	width: 95%;
	height:120px;
	font-size:100%;
}
.div_kakuninmsg{
	margin : 0 auto ;
	background-color:#e0ffff;
	width:  94%;
	padding: 10px;
	height: auto;

}
.div_kakuninmsg input{
	display:block;
	width: 100%;
	height:40px;
	font-size:100%;
}
.div_hensyu{
	margin : 0 auto ;
	background-color:#e0ffff;
	width:  100%;
	padding: 0;
	height: auto;

}
.div_hensyu input{
	padding: 5px;
	display:block;
	width: 100%;
	height:40px;
	font-size:100%;
}
.div_kaijyo{
	margin : 0 auto ;
	background-color:#e0ffff;
	width:  100%;
	padding: 0;
	height: auto;

}
.div_kaijyo input{
	padding: 5px;
	display:block;
	width: 100%;
	height:40px;
	font-size:100%;
}
.div_send_sinki{
	margin : 0 auto ;
	background-color:#e0ffff;
	width:  94%;
	padding: 10px;
	height: auto;
}
.div_send_sinki input{
	display:block;
	width: 100%;
	height:40px;
	font-size:100%;
}
.div_yoyaku_msg{
	margin : 0 auto ;
	background-color:#e0ffff;
	width:  94%;
	padding: 10px;
	height: auto;
}
.div_yoyaku_msg input{
	display:block;
	width: 100%;
	height:40px;
	font-size:100%;
}
.div_send_hen{
	margin : 0 auto ;
	background-color:#e0ffff;
	width:  94%;
	padding: 10px;
	height: auto;
}
.div_send_hen input{

	display:block;
	width: 100%;
	height:40px;
	font-size:100%;
}
.div_send_del{
	margin : 0 auto ;
	background-color:#e0ffff;
	width:  94%;
	padding: 10px;
	height: auto;
}
.div_send_del input{

	display:block;
	width: 100%;
	height:40px;
	font-size:100%;
}
#yoyakusosin{
		display: none;
}

.yoyakunaiyou_disp{
	 border: 1px solid #0aa2b5;
	padding: 10px 50px 10px 50px;
 	line-height: 1.5;
	font-weight: 900;
}

.disp_kaiincode{
	color: #000080;
}

.disp_kaiinname{
	color: #b22222;

}
.disp_yoyakuyymmdd{
	color: #8a2be2;

}
.disp_yoyakuhhmm{
	color: #ff1493;

}

#gamen01{
	display: none;
	text-align: center;
}
#gamen02{
	display: none;
	text-align: center;
}
.hhmm_in{
	font-size: 20px;
	color: #940093;
}		
/* <  > */
.container-calendar{
  background: #ffffff;
  padding: 5px;
  width: 95%;
  margin: 0 auto;
  overflow: auto;
}


.button-container-calendar button{
  cursor: pointer;
  display: inline-block;
  zoom: 1;
  background: #00a2b7;
  color: #fff;
 font-weight: bold;
  border: 1px solid #0aa2b5;
  border-radius: 4px;
  padding: 5px 10px;
}
.table-calendar{
  border-collapse: collapse;
  width: 100%;
}
.table-calendar th,
.table-calendar td{
  padding: 10px;
  border: 1px solid #e2e2e2;
  text-align: center;
  font-weight: bold;
  vertical-align: top;
 /* background: #cc00cc;   */ 
}
.date-picker.selected{
  font-weight: bold;
  color: #000;
  background: #cc0000;
}
.date-picker.selected span{
  border-bottom: 2px solid currentColor;
  
}
/* 日曜 */
.date-picker:nth-child(1){
	color: red;
}
/* 土曜 */
.date-picker:nth-child(7){
	color: blue;
}
/*月　年*/
#monthAndYear{
  text-align: center;
 
  margin-top: 0;
}
.button-container-calendar{
  position: relative;
  margin-bottom: 1em;
  overflow: hidden;
  clear: both;
}
#previous{
  float: left;
}
#next{
  float: right;
}
#previousday{
  float: left;
}
#nextday{
  float: right;
}
#yoyakubi{
	width: 125px;
	height: 30px;
	font-weight: bold;
	font-size: 18px;	
}
#div_yoyakubikakunin button{
	padding: 5px;
	display:block;
	width: 100%;
	height:40px;
	font-size:100%;
}
.footer-container-calendar{
  margin-top: 1em;
  border-top: 2px solid #dadada;
  padding: 10px 0;
}
.footer-container-calendar select{
  cursor: pointer;
  display: inline-block;
  zoom: 1;
  background: #ffffff;
  color: #454545;
 font-weight: bold;
  border: 2px solid #bfc5c5;
  border-radius: 3px;
  padding: 5px 1em;
}
.footer-container-calendar p{
	margin: 0;
}


.tableyoyakutime{
	border:1px solid #333333;
	font-size: 90%;
	margin-bottom: 20px;
	width: 100%;
table-layout: fixed;
}
.tableyoyakutime .th1{
	border:1px solid #333333;
	text-align: center;
	width: 20%;
	 background-color: #ffd700;
}
.tableyoyakutime .th2{
	border:1px solid #333333;
	 background-color: #ff7f50;
 	text-align: center;
	width: 15%;
}
.tableyoyakutime .th3{
	border:1px solid #333333;
	background-color: #7fffd4;
 	text-align: center;
	width: 25%;
}
.tableyoyakutime .th4{
	border:1px solid #333333;
	background-color: #7fffd4;
 	text-align: center;
	width: 40%;
}
.tableyoyakutime .td1{
	border:1px solid #333333;
	text-align: center;
	background-color: #0000ff;
	color: #ffffff;
}
.tableyoyakutime .td2{
	border:1px solid #333333;
 	text-align: center;

}
.tableyoyakutime .td3{
	border:1px solid #333333;
 	text-align: center;
}
.tableyoyakutime .td4{
	border:1px solid #333333;
 	text-align: center;

}

}