@charset "UTF-8";

/*
information{
	file name : /css/individual/schedule/index.css;
	infomation : This CSS file define [index] styles.;
	site name : HMCA Human Creative Academy;
	copyrihgt : Copyright (C) HMCA Human Creative Academy;
}
*/

/* contents
--------------------------------------------------------------------------
1. 
--------------------------------------------------------------------------
*/

/* 1. h2
-----------------------------------------------	*/
div.cell h2 {
	font-size: 120%;
	font-weight: bold;
	color: #006666;
}

/* 2. div.calender
-----------------------------------------------	*/
div.calender {
	width: 809px;
	margin-bottom: 25px;
	background-image: url("/schedule/img/calender_background.gif");
	background-repeat: repeat-x;
	background-position: top left;
}

div.calender table {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}

div.calender table thead tr th {
	width: 14.3%;
	height: 12px;
	padding: 8px 0 7px 0;
	border-bottom: 1px solid #0CBD9D;
}

div.calender table tbody tr td {
	padding: 8px 8px 0px 8px;
	vertical-align: top;
}

div.calender table tbody tr td.firstChild {
	border-left: 1px solid #0CBD9D;
}

div.calender table tbody tr.firstLine td {
	border-right: 1px solid #0CBD9D;
	border-bottom: 1px solid #E4E4E4;
}

div.calender table tbody tr.firstLine td.on {
	background-color: #FFFFD7;
}

div.calender table tbody tr.firstLine td.off {
	border-bottom: 0;
	background-color: #F8F7F1;
}

div.calender table tbody tr.secondLine td {
	border-right: 1px solid #0CBD9D;
	border-bottom: 1px solid #E4E4E4;
}

div.calender table tbody tr.secondLine td.on {
	background-color: #EAFED3;
}

div.calender table tbody tr.secondLine td.off {
	border-bottom: 0;
	background-color: #F8F7F1;	
}

div.calender table tbody tr.thirdLine td {
	border-right: 1px solid #0CBD9D;
	border-bottom: 1px solid #0CBD9D;
}

div.calender table tbody tr.thirdLine td.off {
	background-color: #F8F7F1;	
}

div.calender table tbody tr td p {
	margin-bottom: 8px;
	font-size: 85%;
	line-height: 130%;
}

div.calender table tbody tr td p.date {
	text-align: right;
	font-weight: bold;
	color: #006666;
}


div.calender table tbody tr td p a {
	display: block;
	padding: 0 0 2px 15px;
	background-image: url("/img_common/icon_arrow_greenM_right.gif");
	background-repeat: no-repeat;
	background-position: left top;
}