@charset "utf-8";


#calendar {
	text-align: center;
}
#calendar table {
	margin-top: 20px;
	background-color: #CCCCCC;
}
#calendar table caption {
	padding-bottom: 10px;
}
#calendar select {
	margin-right: 5px;
}

#calendar table td {
	width: 80px;
	height: 72px;
	padding: 5px 0px 0px 0px;
}
#calendar table th {
	padding: 5px 0px;
}

#calendar table th {
	font-size: 1em;
	//background-color: #F9F9F9;
	text-align: center;
	border: solid 1px #000;
}

#calendar table td.today {
	background: #0066CC;
	color: #FFFFFF;
}
#calendar table td.yoyakuDay {
	background: #CC3300;
	color: #FFFFFF;
}
#calendar table .red {
	color: #F33F33;
}

#calendar table .blue {
	color: #0066FF;
}
#calendar table td {
	font-size: 1em;
	text-align: center;
	background-color: #FFFFFF;
	border: solid 1px #000;
}
#calendar table td p {
	min-height: 50px;
	border-top: 1px solid #CCCCCC;
	padding: 5px 0px 5px 0px;
	margin: 5px 0px 0px 0px;
	font-size: 12px;
	color: #000000;
}
#calendar table td a {
	color: #000099;
	display: block;
	margin: 0px 0px 7px 0px;
	padding: 0px;
	font-size: 12px;
}
#calendar table td a:visited   { color: #000099;}
#calendar table td a:hover     { color: #ed1c24;}
#calendar table td form {
	margin: 0px;
	padding: 0px;
}
#calendar p.noriba {
	border: 2px solid #FF0000;
	padding: 3px;
	width: 700px;
	margin: 20px auto 0px auto;
}
#calendar p.noriba input {
	vertical-align: middle;
	margin-right: 3px;
}



#calendar2 {
	text-align: center;
}
#calendar2 table {
	margin-top: 20px;
	background-color: #CCCCCC;
}
#calendar2 table caption {
	padding-bottom: 10px;
}
#calendar2 select {
	margin-right: 5px;
}

#calendar2 table td {
	width: 80px;
	height: 72px;
	padding: 5px 0px 0px 0px;
}
#calendar2 table th {
	padding: 5px 0px;
}

#calendar2 table th {
	font-size: 1em;
	//background-color: #F9F9F9;
	text-align: center;
	border: solid 1px #000;
}

#calendar2 table td.today {
	background: #0066CC;
	color: #FFFFFF;
}
#calendar2 table td.yoyakuDay {
	background: #CC3300;
	color: #FFFFFF;
}
#calendar2 table .red {
	color: #F33F33;
}

#calendar2 table .blue {
	color: #0066FF;
}
#calendar2 table td {
	font-size: 1em;
	text-align: center;
	background-color: #FFFFFF;
	border: solid 1px #000;
}
#calendar2 table td p {
	min-height: 50px;
	border-top: 1px solid #CCCCCC;
	padding: 5px 0px 5px 0px;
	margin: 5px 0px 0px 0px;
	font-size: 12px;
	color: #000000;
}
#calendar2 table td a {
	color: #000099;
	display: block;
	margin: 0px 0px 7px 0px;
	padding: 0px;
	font-size: 12px;
}
#calendar2 table td a:visited   { color: #000099;}
#calendar2 table td a:hover     { color: #ed1c24;}
#calendar2 table td form {
	margin: 0px;
	padding: 0px;
}
#calendar2 p.noriba {
	border: 2px solid #FF0000;
	padding: 3px;
	width: 700px;
	margin: 20px auto 0px auto;
}
#calendar2 p.noriba input {
	vertical-align: middle;
	margin-right: 3px;
}

#btnJouriku {
	border:solid 1px #ccc;
	padding:3px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

#btnSyuyu {
	border:solid 1px #ccc;
	padding:3px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

#btnJouriku:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	cursor : pointer;
}

#btnSyuyu:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	cursor : pointer;
}

#btnJourikuON {
	border:solid 1px #ccc;
	padding:3px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background-color: red;
}

#btnSyuyuON {
	border:solid 1px #ccc;
	padding:3px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background-color: red;
}

@media screen and (max-device-width: 480px) {
  #calendar table th, #calendar table td{
    font-size: 21px!important;
  }
}