﻿.area1{
	width:100%;
	height:850px;
	overflow-y:auto;
}

.area2{
	width:100%;
	height:450px;
	overflow-y:auto;
}

.bar{
	width:100%;
	background:#2f4f4f;
	color:#ffffff;
	margin:0;
	padding:0;
	border-collapse:collapse;
}

.backL{
	width:100%;
	margin:0;
	padding:0;
	text-align:left;
	border-collapse:collapse;
}

.backC{
	width:100%;
	margin:0;
	padding:0;
	text-align:center;
	border-collapse:collapse;
}

.backR{
	width:100%;
	margin:0;
	padding:0;
	text-align:right;
	border-collapse:collapse;
}
.back8R{
	width:10%;
	margin:0;
	padding:0;
	text-align:right;
	border-collapse:collapse;
}

.backTitleBar{
	width:100%;
	background:#2f4f4f;
	margin:0;
	padding:0;
	border-collapse:collapse;
}
.btn1{
	background:#2f4f4f;
	color:#ffffff;
	border-radius:20px;
	font-size:100%;
	text-align:center;
}

.btn2{
	background:#e6e6fa;
	color:#000000;
	border-radius:20px;
	font-size:80%;
	text-align:center;
}

.btn3{
	background:#800000;
	color:#ffffff;
	border-radius:20px;
	font-size:100%;
	text-align:center;
}

.btn4{
	border-radius:20px;
	font-size:100%;
	text-align:center;
}

.btn5{
	width:60%;
	height:50px;
	background:#2f4f4f;
	color:#ffffff;
	border-radius:25px;
	font-size:150%;
	text-align:center;
}

.btn6{
	width:60%;
	height:50px;
	background:#800000;
	color:#ffffff;
	border-radius:25px;
	font-size:150%;
	text-align:center;
}

.body{
	margin:0;
	padding:0;
	font-family:sans-serif;
}
.calendarIndexSun{
	font-size:120%;
	background:#b22222;
	color:#ffffff;
	width:15%;
	text-align:center;
	border:1px solid #ffffff;
}

.calendarIndexSut{
	font-size:120%;
	background:#4169e1;
	color:#ffffff;
	width:15%;
	text-align:center;
	border:1px solid #ffffff;
}

.calendarIndexOther{
	font-size:120%;
	background:#a9a9a9;
	color:#ffffff;
	width:14%;
	text-align:center;
	border:1px solid #ffffff;
}

.calendarInnerOther{
	background:#f5f5f5;
	width:14%;
	text-align:center;
	border:1px solid #ffffff;
}

.calendarInnerSun{
	background:#ffcccc;
	width:15%;
	text-align:center;
	border:1px solid #ffffff;
}

.calendarInnerSut{
	background:#ccffff;
	width:15%;
	text-align:center;
	border:1px solid #ffffff;
}

.calendarInnerToday{
	background:#eee8aa;
	text-align:center;
	border:1px solid #ffffff;
}

.colL{
	background:#808080;
	color:#ffffff;
	text-align:left;
	border:1px solid #ffffff;
}

.colC{
	background:#808080;
	color:#ffffff;
	text-align:center;
	border:1px solid #ffffff;
}

.colR{
	background:#e6e6fa;
	color:#ffffff;
	text-align:right;
	border:1px solid #ffffff;
}

.gageFrame{
	width:100%;
	text-align:left;
	border-color:#ffffff;
	border:0px solid #ffffff;
}

.gage1{
	height:8px;
	background:#800000;
	border-color:#800000;
	border:0px solid #800000;
}

.gage2{
	height:8px;
	background:#ffffff;
	border-color:#ffffff;
	border:0px solid #ffffff;
}

.grayText{
	font-size:80%;
	color:#808080;
}

.inputL{
	width:94%;
	border-color:#ffffff;
	text-align:left;
}

.inputL50{
	width:50%;
	border-color:#ffffff;
	text-align:left;
}

.inputC{
	width:94%;
	border-color:#ffffff;
	text-align:center;
}

.inputR{
	width:94%;
	border-color:#ffffff;
	text-align:right;
}

.inputR80{
	width:80%;
	border-color:#ffffff;
	text-align:right;
}

.panel{
	width:33%;
	height:100px;
	background:#e6e6fa;
	color:#2f4f4f;
	text-align:center;
	border-radius:100px;
	margin:0;
	padding:0;
	border:1px solid #ffffff;
}

.panel2{
	width:33%;
	height:100px;
	background:#ffffff;
	color:#c0c0c0;
	font-size:200%;
	font-weight:bold;
	text-align:center;
	border-radius:100px;
	margin:0;
	padding:0;
	border:1px solid #ffffff;
}

.panel3{
	width:33%;
	height:100px;
	background:#b0c4de;
	color:#2f4f4f;
	font-size:200%;
	font-weight:bold;
	text-align:center;
	border-radius:100px;
	margin:0;
	padding:0;
	border:1px solid #ffffff;
}

.rowL{
	background:#e6e6fa;
	color:#000000;
	text-align:left;
	border:1px solid #ffffff;
}

.rowC{
	background:#e6e6fa;
	color:#000000;
	text-align:center;
	border:1px solid #ffffff;
}

.rowR{
	background:#e6e6fa;
	color:#000000;
	text-align:right;
	border:1px solid #ffffff;
}

.row2L{
	background:#f5f5dc;
	color:#000000;
	text-align:left;
	border:1px solid #ffffff;
}

.row2C{
	background:#f5f5dc;
	color:#000000;
	text-align:center;
	border:1px solid #ffffff;
}

.row2R{
	background:#f5f5dc;
	color:#000000;
	text-align:right;
	border:1px solid #ffffff;
}

.rowLChange{
	background:#e6e6fa;
	color:red;
	text-align:left;
	border:1px solid #ffffff;
}

.schedulePlace{
	color:#000000;
	font-size:70%;
}

.scheduleSelectEvent{
	color:#2f4f4f;
	font-size:80%;
	font-weight:700;
}

.scheduleTime{
	color:blue;
	font-size:70%;
}

.scheduleTitle{
	color:#000000;
	font-size:80%;
}

.subTitle{
	font-size:105%;
	color:#000000;
}

.title{
	font-size:120%;
	color:#2f4f4f;
}

