@charset "utf-8";

/* ++++++++++++++++++++++++++++++++++++++++

	/schedule/

++++++++++++++++++++++++++++++++++++++++ */

article section {
	padding-bottom: 30px;
}
article section>div {
    padding: 0 10px;
}

.schedules {
	width: 700px;
}
.schedules li {
	float: left;
	margin-right: 1px;
	padding: 25px 0 22px;
	border: 1px solid #fff;
	background: #fff;
	text-align: center;
	line-height: 19px;
} 
.schedules li:before {
	display: none;
}
.schedules li:nth-child(1){ width: 118px; }
.schedules li:nth-child(2){ width: 168px; }
.schedules li:nth-child(3){ width: 138px; }
.schedules li:nth-child(4){ width: 235px; }

#heading li {
	padding: 0;
	border-color: #a1a1a1;
	background: #f3f3f3;
	font-size: 12px;
}

/* btnSchedule
---------------------------------------- */

.btnSchedule {
	padding-left: 126px;
	border-top: 1px dotted #a6a6a6;
	border-bottom: 1px solid #a6a6a6;
}

.btnSchedule li {
	float: left;
	margin-right: 6px;
	padding: 15px 0;
}
.btnSchedule li:before {
	display: none;	
}

.btnSchedule .btn {
	width: 130px;
}
.btnSchedule .btn a {
	color: #fff;
	font-weight: normal;
}

.btnSchedule .btnOutline a {
	box-shadow: 0 5px 0 #0f4790;
	text-shadow: 0 1px 0 #0f4790;
	background: #246cca;
}
.btnSchedule .btnOutline a:hover {
	box-shadow: 0 5px 0 #264b7a;
	background: #4277bc;
}
.btnSchedule .btnOutline a:active {
	box-shadow: 0 -5px 0 #0a2a52;
	background: #0f4790;
}

.btnSchedule .btnEntryList a {
	box-shadow: 0 5px 0 #94670b;
	text-shadow: 0 1px 0 #94670b;
}
.btnSchedule .btnEntryList a:hover {
	background: #ffc753;
}
.btnSchedule .btnEntryList a,
.btnSchedule .btnEntryList a:active {
	background: #dd980b;
}
.btnSchedule .btnEntryList a:active {
	box-shadow: 0 -5px 0 #94670b;
}

.btnSchedule .btnResult a {
	box-shadow: 0 5px 0 #0f5953;
	text-shadow: 0 1px 0 #0f5953;
}
.btnSchedule .btnResult a:hover {
	background: #2caea4;
}
.btnSchedule .btnResult a,
.btnSchedule .btnResult a:active {
	background: #228981;
}
.btnSchedule .btnResult a:active {
	box-shadow: 0 -5px 0 #0f5953;
}

.btnSchedule .btnLibrary a {
	box-shadow: 0 5px 0 #672576;
	text-shadow: 0 1px 0 #672576;
}
.btnSchedule .btnLibrary a:hover{
	background: #b652ce;
}
.btnSchedule .btnLibrary a,
.btnSchedule .btnLibrary a:active {
	background: #9843ac;
}
.btnSchedule .btnLibrary a:active {
	box-shadow: 0 -5px 0 #672576;
}

.btnSchedule .btnOff {
	color: #fff;
	font-weight: normal;
	font-size: 12px;
}



/* ++++++++++++++++++++++++++++++++++++++++

	for Outline Pages

++++++++++++++++++++++++++++++++++++++++ */

#scheduleOutline h3 {
	margin-bottom: 10px;
}

#scheduleOutline section>div {
	padding: 0 5px;
}

#scheduleOutline article p {
	margin-bottom: 10px;
}
#scheduleOutline article ul,
#scheduleOutline article ol {
	margin-top: 5px;
}

#scheduleOutline .notes {
	margin-top: 5px;
}
#scheduleOutline li .notes {
	margin-left: -22px;
}

#scheduleOutline #gmap {
	display: block;
	width: 100%;
	height: 270px;
	margin: 10px 0;
}



/* ++++++++++++++++++++++++++++++++++++++++

	for Smart Devices

++++++++++++++++++++++++++++++++++++++++ */

@media (max-width: 767px) {

.schedules {
	width: auto;
}
.schedules li {
	margin-bottom: 0;
	padding: 10px 0;
}
.schedules li:nth-child(1){ width: 17%; }
.schedules li:nth-child(2){ width: 25%; }
.schedules li:nth-child(3){ width: 20%; }
.schedules li:nth-child(4){ width: 33%; }

.btnSchedule {
	margin: auto;
	padding: 10px 0 5px;
	text-align: center;
}
.btnSchedule li {
	display: inline-block;
	float: none;
	margin: 0 2px 5px !important;
	padding: 0 0;
}

/* Break Point */
}

@media (max-width: 610px) {
	
.btnSchedule {
	max-width: 400px;
}

/* Break Point */
}