@charset "utf-8";
/* CSS Document */

#menu {
	width: 100%;
	/*max-width: 960px;*/
	margin: 0 auto;
	padding: 0;

	display: inline-block;
}

#menu li {
	display: block;
	float: left;
	width: 16.5%;
	margin: 0;
	padding: 0;
}

#menu.type01 li {
	width: 20.0%;
}

#menu.type02 li {
	width: 16.64%;
}

#menu li a {
	display: block;
	padding: 12px 5px 10px;
	background: #eceff0;
	color: #000;
	text-align: center;
	text-decoration: none;

}

#menu li a.selected {
	background: #000000;
	background: #c5cacb;

}

#menu li a:hover {
	background: #b6bbbd;
}

#toggle,
#CategoryToggle {
	display: none;
}


#CategoryMenu {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	padding: 0;
	position: relative;

	display: inline-block;
}

#CategoryMenu li {
	display: block;
	float: left;
	width: 15%;
	margin: 0;
	padding: 2px;
	font-size: 12px;
}


#CategoryMenu li a {
	display: block;
	padding: 8px 1px 6px;
	background: #d4e2e9;
	color: #333;
	text-align: center;
	text-decoration: none;
	border-radius: 5px;
}


#CategoryMenu li a.selected {
	background: #69aae0;
	color: #fff;
}

#CategoryMenu li a:hover {
	background: #69aae0;
	color: #fff;
}

.BackMenu {
	background: url(../img/backBtn01.png);
	-moz-background-size: cover;
	background-size: cover;
	width: 20px;
	height: 20px;
	margin-right: 5px;
	float: right;
}

.SwitchMenu {
	display: block;
	float: right;
	width: 160px;
	height: 20px;
	border: #999999 1px solid;
	border-radius: 3px;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
}



#MyHeader {
	position: relative;
	display: block;
}

.TopAddMenu {
	display: block;
	width: 40%;
	position: absolute;
	right: 5px;
	top: 5px;
}

.switchDays {
	clear: both;
	display: block;
	width: 70px;
	height: 20px;
	margin-top: 4px;
	float: right;
}

.switchDays a.btnPrev,
.switchDays a.btnNext {
	display: block;
	text-align: center;
	line-height: 20px;
	border: #CCCCCC 1px solid;
	border-radius: 3px;
	background: #e8e8e8;
	padding: 0 5px;
	margin-left: 5px;
	text-decoration: none;
	float: right;
}

.switchDays a:hover,
.switchDays a:hover {
	background: #d4e2e9;

}

.SwitchMenu {
	display: block;

}

.addSc {
	width: 100%;
	height: 500px;
	overflow-x: hidden;
	margin: 0 auto 10px;
	padding: 0 5px 5px 5px;

}

.theBtn01 {
	display: compact;
	padding: 5px 0 5px 0;
}

.theBtn01 a,
.theBtn01 a:link,
.theBtn01 a:visited,
.theBtn01 a:active {
	display: block;
	width: 150px;
	text-align: center;
	font-size: 14px;
	line-height: 24px;
	padding: 3px 5px;
	background: #54d6d6;
	border-radius: 5px;
	color: #333333;
	text-decoration: none;
}

.theBtn01 a:hover {
	background: #28bdbd;
}

.UserData .addtx {
	font-size: 10px;
	padding-left: 10px;
	text-indent: -10px;
	line-height: 14px;
	display: block;
}

.dateSet {
	display: block;
	width: 30%;
	font-size: 14px;
	line-height: 18px;
	float: left;
}

.dateSet h3 {
	font-size: 14px;
	line-height: 18px;
	padding: 0 0 5px 0;
	margin: 0;
}

.ui-datepicker-calendar {
	line-height: 150%;
}

.OneItemSet {
	border: #CCCCCC 1px solid;
	display: block;
	margin: 2px 3px 8px 3px;
	padding: 5px;
	position: relative;
}

.OneItemSet ul {
	display: block;
	padding: 2px;
}

.OneItemSet .ItemSet {
	display: block;
	float: left;
	width: 18%;
	width: 180px;
	padding: 2px;
	height: 180px;
	overflow: hidden;
	margin: 0 3px 3px 1px;
	border: #ddd 1px solid;
	font-size: 10px;
	line-height: 14px;
	position: relative;
	text-align: center;
}

.CrDataLine {
	width: 100%;
	box-sizing: border-box;
}

.CrHeader,
.CrHeader2,
.CrHeader3,
.CrDataLine {
	display: block;
	border: #999999 1px solid;
	border-bottom: none;
	border-right: none;
}

.CrHeader2,
.CrDataLine {
	border-top: none;
}

.CrHeader li,
.CrHeader2 li,
.CrHeader3 li,
.CrDataLine li {
	border-bottom: #999999 1px solid;
	border-right: #999999 1px solid;
	display: block;
	float: left;
	box-sizing: border-box;
	padding: 1px;
	font-size: 12px;
}

.CrDataLine li {
	height: 40px;
	overflow: hidden;
}

.CrHeader li.daysOne,
.CrHeader2 li.daysOne,
.CrHeader3 li.daysOne,
.CrDataLine li.daysOne {
	width: 2.4%;
	text-align: center;
}

.CrHeader3 {
	border-right: #999999 1px solid;
	border-bottom: #999999 1px solid;
	margin-bottom: 1px;
	margin-top: 3px;
	height: 18px;
	line-height: 16px;
	box-sizing: border-box;
	overflow: hidden;
}

.CrHeader3 li.y-m-print {
	width: 7.2%;
	/*width:4.8%;*/
	height: 36px;
	overflow: hidden;
	border-right: none;
	border-left: #999999 1px solid;
}

.CrHeader3 li.LineHead,
.CrHeader3 li.LineHeadLK,
.CrHeader3 li.daysOne {
	height: 36px;
	border-right: none;
	border-bottom: none;
}

.CrHeader3 li.y-m-print.SmalData {
	width: 2.4%;
}

.CrHeader li.LineHeadLK,
.CrHeader2 li.LineHeadLK,
.CrHeader3 li.LineHeadLK,
.CrDataLine li.LineHeadLK {
	width: 7%;
}

.CrHeader li.LineHead,
.CrHeader2 li.LineHead,
.CrHeader3 li.LineHead,
.CrDataLine li.LineHead {
	width: 9%;
	width: 16%;
}

.CrDataLine li.LineHead,
.CrDataLine li.LineHeadLK {
	line-height: 18px;
}

.CrHeader li.daysOne .hdy {
	color: #F66;
}

.CrHeader li.daysOne .ddy {
	color: #06F;
}

.CrHeader li.daysOne .ndy {
	color: #F00;
}

.CrHeader li.daysOne .fdy {
	color: #333;
}

.CrHeader2 li.daysOne .hdy {
	color: #F66;
}

.CrHeader2 li.daysOne .ddy {
	color: #06F;
}

.CrHeader2 li.daysOne .ndy {
	color: #F00;
}

.CrHeader2 li.daysOne .fdy {
	color: #333;
}

.CrDataLine li.daysOne .inDate,
.CrDataLine li.daysOne .noDate,
.CrDataLine li.daysOne .yoDate,
.CrDataLine li.daysOne .yoyakuDate,
.CrDataLine li.daysOne .sinseiDate,
.CrDataLine li.daysOne .shouninDate,
.CrDataLine li.daysOne .ninshoDate,
.CrDataLine li.daysOne .kashiDate,
.CrDataLine li.daysOne .henkyakDate {
	display: block;
	margin-top: 5px;
	height: 28px;
	width: 100%;
	background: #3399CC;
}

.CrDataLine li.daysOne .yoyakuDate {
	background: #000399;
}

.CrDataLine li.daysOne .sinseiDate {
	background: #3399cc;
}

.CrDataLine li.daysOne .ninshoDate {
	background: #1c8a3b;
}

.CrDataLine li.daysOne .kashiDate {
	background: #ff526e;
}

.CrDataLine li.daysOne .henkyakDate {
	background: #f19819;
}

.CrDataLine li.daysOne .noDate {
	background: none;
}

.CrDataLine li.daysOne .yoDate {
	background: #ddd;
}


.CrDataLine li.daysOne.ndy {
	background: #f8e6ec;
}

.CrDataLine li.daysOne.ddy {
	background: #c9e0f7;
}

.CrDataLine li.daysOne.fdy {
	background: none;
}

.CrDataLine li.daysOne.hdy {
	background: #f8f2e6;
}


.DataLineNavieSet {
	display: block;
	position: relative;
}

.hanleiSet {
	display: block;
	width: 200px;
	min-height: 50px;
	padding: 6px 0px 3px 3px;
	position: absolute;
	border: #ccc 1px solid;
	top: -32px;
	right: 1px;
	border-radius: 3px;
	font-size: 10px;
	line-height: 14px;
}

.hanleiSet li {
	display: block;

	width: 48%;
	float: left;
	margin: 1px 1px 5px 2px;
}

.hanleiSet li.yoyakuDate span {
	background: #000399;
	color: #000399;
}

.hanleiSet li.sinseiDate span {
	background: #3399cc;
	color: #3399cc;
}

.hanleiSet li.ninshoDate span {
	background: #1c8a3b;
	color: #1c8a3b;
}

.hanleiSet li.kashiDate span {
	background: #ff526e;
	color: #ff526e;
}

.hanleiSet li.henkyakDate span {
	background: #f19819;
	color: #f19819;
}

.hanleiSet li.yoDate span {
	background: #ddd;
	color: #ddd;
}

.MeinSCBox {
	position: relative;
}

h4.tableAddTitle {
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 4px;
	background: #f0f0f0;
	color: #333333;
	font-size: 12px;
	line-height: 12px;
	border-left: #999999 1px solid;
	border-right: #999999 1px solid;
	border-bottom: #999999 1px solid;
}

.ItemsHeaderSet3 {
	display: block;
	position: absolute;
	top: 0px;
	width: auto;
	width: 914px;
	width: 98.9%;
	background: #fff;
}

.ItemsHeaderSet3 .wH {
	background: #FFFFFF;
	overflow: hidden;
	width: 914px;
	display: block;
	height: 10px;
}

.ItemsHeaderSet3Mag {
	height: 93px;
}


.MessWindow {
	width: 700px;
	display: block;
	margin: 15px auto 15px;
	border: #72a4d7 1px solid;
	padding: 0;
	font-size: 12px;
}

.MessWindow h4 {
	display: block;
	padding: 3px;
	background: #72a4d7;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
}

.MessWindow .InnersItem {
	display: block;
	margin: 8px;
	font-size: 12px;
	line-height: 20px;
	padding-left: 15px;
	text-indent: -15px;
	margin-bottom: 10px;
}

.MessWindow .InnersItem span.addColor {
	color: #72a4d7;
}

.MessWindow .InnersItem .addTxMb span {
	color: #666666;
	text-indent: 0px;
	display: block;
	margin-bottom: 0;
}

.MessWindow .InnersItem .addtx {
	display: block;
	margin: 5px;
	font-size: 10px;
}

.table_onDataline .table_data05 {
	width: 160px;
}


@media only screen and (max-width: 768px) {
	#menu li {
		width: 25%;
		border-bottom: 1px solid #444;
	}
}

@media only screen and (max-width: 480px) {
	#menu {
		display: none;
	}

	#menu li {
		width: 100%;
	}

	#toggle,
	#CategoryToggle {
		display: block;
		position: relative;
		width: 100%;
		background: #222;
	}

	#toggle a {
		display: block;
		position: relative;
		padding: 12px 0 10px;
		border-bottom: 1px solid #444;
		color: #fff;
		text-align: center;
		text-decoration: none;
	}

	#toggle:before {
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 10px;
		width: 20px;
		height: 20px;
		margin-top: -10px;
		background: #fff;
	}

	#toggle a:before,
	#toggle a:after {
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 10px;
		width: 20px;
		height: 4px;
		background: #222;
	}

	#toggle a:before {
		margin-top: -6px;
	}

	#toggle a:after {
		margin-top: 2px;
	}
}

#ChannelMenu {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	display: inline-block;
}

#ChannelMenu li {
	display: block;
	float: left;
	width: 18%;
	margin: 0;
	padding: 2px;
	font-size: 12px;
}

#ChannelMenu li label,
#ChannelMenu li a {
	color: #333;
	text-decoration: none;
	cursor: pointer;
}

#ChannelBtn {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	padding: 0;
	position: relative;

	display: inline-block;
}

#ChannelBtn li {
	display: block;
	float: left;
	width: 15%;
	margin: 0;
	padding: 2px;
	font-size: 12px;
}

#ChannelBtn li input{
	display: none;
}

#ChannelBtn li label,
#ChannelBtn li a {
	display: block;
	padding: 8px 1px 6px;
	background: #d4e2e9;
	color: #333;
	text-align: center;
	text-decoration: none;
	border-radius: 5px;
	cursor: pointer;
}

#ChannelBtn li label.checked,
#ChannelBtn li a.selected {
	background: #69aae0;
	color: #fff;
}

#ChannelBtn li label:hover,
#ChannelBtn li a:hover {
	background: #69aae0;
	color: #fff;
}

/*
#ChannelMenu {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	padding: 0;
	position: relative;

	display: inline-block;
}

#ChannelMenu li {
	display: block;
	float: left;
	width: 15%;
	margin: 0;
	padding: 2px;
	font-size: 12px;
}

#ChannelMenu li input{
	display: none;
}

#ChannelMenu li label,
#ChannelMenu li a {
	display: block;
	padding: 8px 1px 6px;
	background: #d4e2e9;
	color: #333;
	text-align: center;
	text-decoration: none;
	border-radius: 5px;
	cursor: pointer;
}

#ChannelMenu li label.checked,
#ChannelMenu li a.selected {
	background: #69aae0;
	color: #fff;
}

#ChannelMenu li label:hover,
#ChannelMenu li a:hover {
	background: #69aae0;
	color: #fff;
}
*/