/* ===========================
logo
============================*/
.g_logo {
	float: left;
}

.g_logo a {
	text-decoration: none;
	font-size: 160%;
	color: #366b02;
	font-weight: bold;
}

.hp_link {
	float: right;
	margin-top: 15px;
}

/* ===========================
menu
============================*/
.online_menu {
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #23683a),
		color-stop(1, #308d4f)
	);
	background-image: -o-linear-gradient(bottom, #23683a 0%, #308d4f 100%);
	background-image: -moz-linear-gradient(bottom, #23683a 0%, #308d4f 100%);
	background-image: -webkit-linear-gradient(bottom, #23683a 0%, #308d4f 100%);
	background-image: -ms-linear-gradient(bottom, #23683a 0%, #308d4f 100%);
	background-image: linear-gradient(to bottom, #308d4f 0%, #23683a 100%);
}
.online_menu ul { width: 950px; margin: 0 auto; border-left: 1px #2a6a20 dotted; }
.online_menu ul li a { float: left; font-size: 124%; font-weight: bold; color: #FFF; text-decoration: none; padding-top: 15px; padding-bottom: 15px; display: block; border-right: 1px #2a6a20 dotted; width: 18%; text-align: center; }
.online_menu ul li a:hover { background: #000; }

/* ===========================
footer
============================*/
#online_footer {
	margin-top: 70px;
	padding-bottom: 10px;
	background: #23683a;
}

#online_footer a { color: #FFF; }
#online_footer a:hover { color: #B1AFAF; }

/* ===========================
slidebox
============================*/
.info { cursor: pointer; color: #5d563a; font-weight: bold; margin-top: 3px; margin-bottom: 3px; }

#slideBox { display:none; }
#slideBox02 { display:none; }
#slideBox03 { display:none; }
#slideBox04 { display:none; }
#slideBox05 { display:none; }
#slideBox06 { display:none; }

/* ===========================
table
============================*/
.sticky_table thead th { position:-webkit-sticky;position:sticky;top:0;z-index:0; }
.calendar_table { width: 100%; border-collapse: collapse; }
.calendar_table th.sat { background: #ddf1fe; }
.calendar_table th.holiday { background: #fedfdf; }
.calendar_table th {
	text-align: center; padding: 5px 2px; line-height: 120%; color: #000; border-left: 2px #FFF solid; border-right: 2px #FFF solid; font-size:90%;
	background: #e7e3cf;
	background: -webkit-linear-gradient(#f6f3e7 30%, #e7e3cf 68%, #f6f3e7 100%);
	background: -o-linear-gradient(#f6f3e7 30%, #e7e3cf 68%, #f6f3e7 100%);
	background: linear-gradient(#f6f3e7 30%, #e7e3cf 68%, #f6f3e7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f3e7', endColorstr='#f6f3e7',GradientType=0 );
}
.calendar_table td { text-align: center; padding: 5px 2px; background: #f8f7f1; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border: 2px #FFF solid; }
.calendar_table dt { float: left; width: 36%; padding: 0 5px; text-align: left; }
.calendar_table dd { float: right; width: 52%; padding: 0 5px; font-size: 112%; font-weight: bold; color: #F10000; text-align: right; }
.calendar_table .category {
	text-align: left; padding: 13px 15px; color: #FFF; font-weight: bold; font-size: 112%;
	background: #222;
	background: -webkit-linear-gradient(#333 30%, #222 68%, #333 100%);
	background: -o-linear-gradient(#333 30%, #222 68%, #333 100%);
	background: linear-gradient(#333 30%, #222 68%, #333 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333', endColorstr='#333',GradientType=0 );
}
.calendar_table .real a { color: #ED0007; text-decoration: none; }
.calendar_table .req a { color: #01436d; text-decoration: none; }
.calendar_table .holiday { background: #fedfdf; }
.calendar_table .sat { background: #ddf1fe; }
.calendar_table .other { background: #d8d7ca; }
.calendar_table .other_link a { color: #818181; }
.calendar_table .plan_icon { padding: 2px 5px; margin-bottom: 2px; background: #ffba00; text-align: center; color: #3a2a00; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
.calendar_table td a { color: #000; text-decoration: none; }
.calendar_table td a:hover { color: #E90000; text-decoration: underline; }

.calendar_table02 { width: 100%; border-spacing: 2px; }
.calendar_table02 th { text-align: center; padding: 10px; width: 14.3%; }
.calendar_table02 td { text-align: center; vertical-align: top; font-size: 112%; }
.calendar_table02 a { padding: 10px; display: block; text-decoration: none; color: #000; }
.calendar_table02 a:hover { background: #EEE; }

/* ===========================
tab_menu
============================*/
.tab_menu li { text-align: center; float: left;	width: 12%; font-size: 106%; margin-right: 0.5%; 	margin-bottom: 5px; }
.tab_menu li a { padding: 10px; display: block; background: #e7e4dd; color: #000; text-decoration: none; }
.tab_menu li a:hover { background: #686153; color: #FFF; }
.tab_menu .tab_select a { background: #686153; color: #FFFFFF; font-weight: bold; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; }

/* ===========================
icon
============================*/
.calegory_icon { background: url(../../images_vg/common/category_icon.png) no-repeat left center; padding-left: 22px; background-size: 15px; }

.atten_list li { background: url(../../images_vg/common/check01.png) left top no-repeat; padding-left: 25px; border-bottom: 1px dotted #CCC; padding-bottom: 4px; margin-bottom: 10px; }

.one_icon img { margin-right: 0.7px; width: 30px; }