/* カレンダー */

body {
    font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', Arial, Helvetica, Verdana, sans-serif;
    font-size: 14px;
    color: #4d4d4d;
    width: 100%;
    margin-left: 0;
    padding-left: 5px;
    box-sizing:border-box;
}

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

ol, ul, li {
    list-style-type: none;
}

.seldata {
	font-size: 100%;
	text-align: center;
	height: 40px;
	display: table-cell;
	vertical-align: middle;
	width: 260px;
	color: #4d4d4d;
}

.calendar_main {
    float: left;
    color: #4d4d4d;
    margin: 0 20px 20px 0;
    width: 260px;
}

.calendar_list {
	width: 100%;
	margin: 0 auto;
}

ul.calendar_list {
	 padding: 0;
	 list-style-type: none;
	 clear: both;
	 margin:auto;
}
.calendar_list li{
	margin-bottom: 10px;
	float: left;
}

.counter_name {
	padding: 5px 0;
	text-align: center;
	font-size: 115%;
	font-weight: bold;
	color: #4d4d4d;
}

.calendar_side {
	text-align: left;
	width: 260px;
	overflow: auto;
	margin-left: 10px;
}

.calendar_comment {
	text-align: left;
	width: 260px;
	line-height: 1.2;
}

.calendar_header {
	height: 25px;
	background: none repeat scroll 0 0 #EEEEEE;
	padding-top: 5px;
	width: 260px;
}

.calendar_title {
	width: 70%;
	font-weight: bold;
	font-size: 115%;
	text-align: right;
	color: #4d4d4d;
	float: left;
}

.calendar_header .prev_icon {
	width: 15%;
	float: left;
	margin-left: 5px;
}

.calendar_header .next_icon {
	width: 15%;
	float: right;
	margin-right:5px;
	text-align: right;
}

.clearLeft {
	clear: left;
}

.lib_calendar {
    border: 2px solid #dddddd;
    border-collapse: separate;
    letter-spacing: normal;
    padding: 0;
    inline-height: 1.0em;
    width: 260px;
    table-layout: fixed;
}

.lib_calendar th {
	line-height: 1.7em;
	padding: 2px 2px;
	text-align: center;
	border: 2px solid #FFFFFF;
	vertical-align: middle;
	width: 24px;
}

.lib_calendar td {
	line-height: 1.7em;
	text-align: center;
	border: 1px solid #FFFFFF;
    vertical-align: middle;
    width:24px;
}

.lib_calendar td a{
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
	#color: #4d4d4d;
}

.lib_calendar tbody td {
    background: #f2f2f2 none repeat scroll 0 0;
}
#calendar_content {
	overflow:auto;
#	max-width: 320px;
}

.lib_calendar tbody tr td.calendar_nodata {
	background: none repeat scroll 0 0 #fff;
	color: #4d4d4d;
}

.calendar_cm {
    margin: 10px 0;
    width: 260px;
}

.calendar_cm table.remarks {
	border: 2px solid #dddddd;
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 250px;
	table-layout: fixed;
}

.calendar_cm table.remarks td {
	text-align: left;
	line-height: 1.5em;
	padding: 3px;
	vertical-align: middle;
	word-break: break-all;
	/* border: 1px solid #EDE6FB; */
}

.lib_calendar tbody tr td.calendar_today {
	border: 2px solid #00BF61;
}

.calendarLink {
	margin: 0 auto;
    padding: 5px 10px;
    /* width: 90%; */
}

.calendarLink a {
	font-size: 110%;
}

.calendarLef {
	float: left;
}

.calendarRig {
	float: right;
}

.textbox_pyear {
    width: 5em;
}

.date_sel{
	 color: #4d4d4d;
	 list-style-type: none;
	 clear: both;
	 max-width: 600px;
	 margin:20px;
}
.date_left{
	color: #4d4d4d;
	float:left;
}
.date_right{
	text-align: right;
}
ul.calendar_daily {
	 padding: 0;
	 list-style-type: none;
	 clear: both;
	 max-width: 600px;
	 margin:20px;
}
ul.calendar_daily li {
	 padding: 0.4em;
	 margin-top: 5px;
}
ul.calendar_daily li span {
	 display: inline-block;
	 line-height: 1.5;
	 font-weight: normal;
	 width: 32%;
}
ul.calendar_daily .seldate {
	display: inline-block;
	font-weight: bold;
	font-size: 17px;
	text-align: center;
	color: #4d4d4d;
	width: 100%;
}
ul.calendar_daily .seldate_holiday {
	display: inline-block;
	font-weight: bold;
	font-size: 17px;
	text-align: center;
	color: #4d4d4d;
	width: 100%;
}

p.calendar_nodata{
	color: #006699 !important;
}

input[type="text"] {
  border: solid 1px #1d8f56;
  border-radius: 3px;
  padding: 6px 12px;
  margin: 1px ;
  color: #4d4d4d;
  vertical-align: middle;
  background-color: #fff;
  font-size: 14px;
}

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 3px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-secondary {
  color: #fff;
  background-color: #00bf61;
  border-color: #009b4f;
}
.btn-secondary:focus,
.btn-secondary.focus {
  color: #fff;
  background-color: #008c47;
  border-color: #001c0e;
}
.btn-secondary:hover {
  color: #fff;
  background-color: #008c47;
  border-color: #005e30;
}
.btn-secondary:active,
.btn-secondary.active,