@charset "utf-8";
/*
	適用先
	1.スケジュール
	2.設備予約
*/

/*汎用*/
.partic{
	color: #3366cc;
	background-color:#FFF;
}
.nonpartic{
	color: #555555;
	background-color:#FFF;
}
.undec{
	color: #fb0b0e;
	background-color:#FFF;
}
.parent{
	color: #3366cc;
	background-color:#FFF;
}
.action{
	color: #3366cc;
	background-color:#FFF;
}
.partic_st {
	border-right: 2px solid #88bbff;
	background-color:#FFF;
}
.partic_end {
	background-color: #88bbff;
}
.partic_eqiup_st {
	background: url(../images/partic_back.gif) repeat;
	border-right: 2px solid #88bbff;
}
.partic_eqiup_end {
	background: url(../images/partic_back.gif) repeat;
}
.undec_st {
	background-color: #FFAACC;
	border-right: 2px solid #FFAACC;
}
.undec_end {
	background-color: #FFAACC;
}
.undec_eqiup_st {
	background: url(../images/undec_back.gif) repeat;
	border-right: 2px solid #FFAACC;
}
.undec_eqiup_end {
	background: url(../images/undec_back.gif) repeat;
}
.nonpartic_eqiup_st {
	background: url(../images/nonpartic_back.gif) repeat;
	border-right: 2px solid #999999;
}
.nonpartic_eqiup_end {
	background: url(../images/nonpartic_back.gif) repeat;
}
.nonpartic_st {
	background-color: #999999;
	border-right: 2px solid #999999;
}
.nonpartic_end {
	background-color: #999999;
}
.close_st {
	background-color: #88CC88;
	border-right: 2px solid #88CC88;
}
.close_end {
	background-color: #88CC88;
}
.vaca_st {
	background-color: #FFCC77;
	border-right: 2px solid #FFCC77;
}
.vaca_end {
	background-color: #FFCC77;
}
.parent_st {
	background-color: #9384CE;
	border-right: 2px solid #9384CE;
}
.parent_end {
	background-color: #9384CE;
}
.action_plan_st {
	background-color: #9384CE;
	border-right: 2px solid #9384CE;
}
.action_plan_end {
	background-color: #9384CE;
}
/*スケジュール表示枠*/
.partic,.nonpartic,.undec,.close,.vaca,.partic_eqiup,.nonpartic_eqiup,.undec_eqiup,.parent,.action_plan,.action_result {
	background: #FFFFFF;
	margin: 0px 0px 2px 0px;
	line-height: 18px;
}

/****通常時****/
div.partic,div.partic_eqiup {
	cursor: pointer;
	color: #000;
	border: 3px solid #6699ff;
	display: block;
	/*margin: 0px;*/
	padding: 2px;
	width: auto;
	height: auto;
	display: inline-block;
    position: relative;
}
/****IE用****/
* html .partic ,* html .partic_eqiup {
	height: 10px;
}
div.nonpartic,div.nonpartic_eqiup {
	cursor: pointer;
	color: #000;
	border: 3px solid #777777;
	display: block;
	padding: 2px;
	width: auto;
	height: auto;
    position: relative;
}
/****IE用****/
* html .nonpartic,* html .nonpartic_eqiup {
	height: 10px;
}
div.undec{
	cursor: pointer;
	color: #000;
	border: 3px solid #fb6b6e;
	display: block;
	padding: 2px;
	width: auto;
	height: auto;
    position: relative;
}
div.undec_eqiup {
	cursor: pointer;
	color: #000;
	border: 3px solid #fb6b6e;
	display: block;
	padding: 2px;
	width: auto;
	height: auto;
    position: relative;
}
/****IE用****/
* html .undec,* html .undec_eqiup {
	height: 10px;
}
div.close {
	cursor: pointer;
	color: #000;
	border: 3px solid #88CC88;
	display: block;
	padding: 2px;
	width: auto;
	height: auto;
	display: inline-block;
    position: relative;
}
/****IE用****/
* html .close {
	height: 10px;
}

div.vaca {
	cursor: pointer;
	color: #000;
	border: 3px solid #ff9966;
	display: block;
	padding: 2px;
	width: auto;
	height: auto;
	display: inline-block;
    position: relative;
}
/****IE用****/
* html .vaca {
	height: 10px;
}

div.parent {
	cursor: pointer;
	color: #000;
	border: 3px solid #9384CE;
	display: block;
	padding: 2px;
	width: auto;
	height: auto;
    position: relative;
}

div.action_plan {
	color: #000;
	border: 3px solid #0000CD;
	display: block;
	padding: 2px;
	width: auto;
	height: auto;
    position: relative;
}

div.action_result {
	cursor: pointer;
	color: #000;
	border: 3px solid #0000CD;
	display: block;
	padding: 2px;
	width: auto;
	height: auto;
	background-color: #87CEFA;
}
/****IE用****/
* html .parent {
	height: 10px;
}
* html .sction {
	height: 10px;
}

/****選択時****/
div.partic:hover,div.partic_eqiup:hover {
	border: 3px solid #3366cc;
}

div.nonpartic:hover,div.nonpartic_eqiup:hover {
	border: 3px solid #444444;
}

div.undec:hover,div.undec_eqiup:hover {
	border: 3px solid #fb0b0e;
}

div.close:hover {
	border: 3px solid #338833;
}

div.vaca:hover {
	border: 3px solid #ff6633;
}

div.parent:hover {
	border: 3px solid #9384FF;
}

div.action_plan:hover {
	border: 3px solid #1E90FF;
}

div.action_result:hover {
	border: 3px solid #1E90FF;
}


/*表示説明アイコン*/
.sch_expla {
	margin-top:-4px;
}
.description_item {
	margin: 5px 0px 2px 5px;
	padding: 0px;
	float: left;
	height: 13px;
}
.description_block{
	/*float: left;*/
	margin-top:2px;
}
.p_depa,.p_arri,.p_repet,.p_reserve,.p_close{
	float: left;
	padding:0px;
	margin:1px 2px 0px 0px;
	height: 13px;
	width: 13px;
}
.p_partic,.p_nonpartic,.p_undec,.p_close_line,.p_vaca,.p_parent,.p_action_plan{
	float: left;
	padding:0px;
	margin:1px 2px 0px 0px;
	height: 9px;
	width: 9px;
}
.p_action_result{
	float: left;
	padding:0px;
	margin:1px 2px 0px 0px;
	height: 9px;
	width: 9px;
	background-color: #87CEFA;
}
.p_partic {
	border:solid 2px #8db9f6;
}
.p_nonpartic {
	border:solid 2px #999999;
}
.p_undec {
	border:solid 2px #feb8d0;
}
.p_vaca {
	border:solid 2px #f8c27a;
}
.p_close_line {
	border:solid 2px #86ce84;
}
.p_parent {
	border:solid 2px #9384CE
}
.p_action_plan {
	border:solid 2px #0000CD;
}
.p_action_result {
	border:solid 2px #0000CD;
}
.p_close {
	background: url(../images/aicon_4.gif) no-repeat;
}
.p_depa {
	background: url(../images/aicon_2.gif) no-repeat;
}
.p_reserve {
	background: url(../images/reserve.gif) no-repeat;
}
.p_arri {
	background: url(../images/aicon_3.gif) no-repeat;
}
.p_repet {
	background: url(../images/aicon_1.gif) no-repeat;
}

/*設備予約/スケジュールの1日表示*/
.equipbox .partic_eqiup,.reserve_item{
	height: 20px;
	background-color:#8db9f6;
	border:solid 1px #66f;
	cursor: pointer;
}
.equipbox .nonpartic,.equipbox .nonpartic_eqiup{
	height: 20px;
	background-color:#999999;
	border:solid 1px #777777;
	cursor: pointer;
}
.equipbox .undec,.equipbox .undec_eqiup{
	height: 20px;
	background-color:#feb8d0;
	border:solid 1px #fb6b6e;
	cursor: pointer;
}
.equipbox .vaca{
	height: 20px;
	background-color:#f8c27a;
	border:solid 1px #66f;
	cursor: pointer;
}
.equipbox .close{
	height: 20px;
	background-color:#86ce84;
	border:solid 1px #66f;
	cursor: pointer;
}
.equipbox .partic{
	height: 20px;
	background-color:#8db9f6;
	border:solid 1px #66f;
	cursor: pointer;
}
.reserve_length_item {
	font-weight:bold;
	vertical-align:middle;
	cursor: pointer;
	color:#333;
	background-color:#8db9f6;
}

/*スケジュール用*/
#schedule_box {
	padding: 10px;
	border: 1px solid #989898;
}
#schedule_box th {
	font-weight: normal;
}
#schedule_daybox {
	padding: 10px;
	border: 1px solid #989898;
}
#schedule_daybox {
	width: 100%;
	table-layout: fixed;
	border-top: 1px solid #989898;
	border-left: 1px solid #989898;
}
#schedule_daybox th {
	padding: 5px 2px 5px 2px;
	border-bottom: 1px solid #989898;
	border-right: 1px solid #989898;
	background: #E0E0E0;
	font-weight: normal;
}
#schedule_daybox td {
	height: 5px;
	padding: 0px;
	border-right: 1px solid #989898;
	border-bottom: 1px solid #E0E0E0;
}
#schedule_daybox .end {
	border-bottom: 1px solid #989898;
	padding: 0px;
}
.blank_end{
	position: static;
	height: 10px;
	background-color:#FFF;
	float: left;
}

/*施設予約*/
.equipbox td {
	padding: 0px;
	height: 36px;
}

/*施設予約表示ライン*/
.reserv_st,.reserv_end {
	position: relative;
	height: 36px;
	cursor: pointer;
	float: left;
}
.reserv_st {
	background-color: #99ccff;
	border-right: 2px solid #99ccff;
}
.reserv_end {
	background-color: #99ccff;
}