@charset "utf-8";

/*　トップ
------------------------------------------------------------ */

#main {
	margin-bottom: 10px;
}

#img_top {
	width: 448px;
	height: 527px;
	background: url(common/images/img_top.jpg) no-repeat;
	float: left;
	display: block;
	text-indent: -9999em;
}

#recruit {
    width: 146px;
	_width: 166px;
	height: 467px;
	_height: 527px;
	padding: 50px 10px 10px 10px;
	color: #FFF;
	font-size: 0.9em;
	background: url(common/images/top_recruit.gif) top no-repeat #6A5F51;
	float: right;
}

#tc_left h3 {
	width: 430px;
	height: 23px;
	background: url(common/images/top_topics.gif) no-repeat;
	text-indent: -999em;
}

#tc_left h4 {
	width: 430px;
	height: 23px;
	background: url(common/images/top_schedule.gif) no-repeat;
	text-indent: -999em;
}

.box_topics {
	width: 420px;
	_width: 430px;
	height: 90px;
	_height: 100px;
	padding: 5px;
	overflow: auto;
	margin-bottom: 20px;
}

.box_topics span {
	padding-right: 3px;
	font-weight: bold;
}

.box_topics p {
	margin-bottom: 5px;
}

.box_schedule {
    width: 430px;
	/*height: 320px;*/
	height: 280px;
}

.box_schedule2 {
	width: 420px;
	_width: 430px;
	padding: 5px;
	background-color: #E2E2E2;
	overflow: auto;
}

.box_schedule2 span {
	padding-right: 3px;
	font-weight: bold;
}

.box_schedule2 p {
	margin-bottom: 7px;
}

#banner_01,
#banner_02,
#banner_04 {
	width: 240px;
	height: 30px;
	margin-bottom: 20px;
}

#banner_03 {
	width: 240px;
	height: 80px;
	margin-bottom: 20px;
}

#banner_01 a:hover img,
#banner_02 a:hover img,
#banner_04 a:hover img {
    filter: alpha(opacity=70); 
	-moz-opacity:0.70;
	opacity:0.70;
} 

#cl_container {
    width: 420px;
	_width: 430px;
	padding: 5px 10px;
}

.cl_left {
    width: 163px;
	float: left;
}
.cl_right {
    width: 163px;
	float: right;
}

.monthbox {
    width: 163px;
	height: 40px;
	background-color: #E2E2E2;
	text-align: right;
}

.monthbox p {
    font-size: 0.8em;
	padding: 22px 3px 0 0;
}
.monthbox span {
    font-size: 1.6em;
	font-weight: bold;
}

#cl_container table {
    width: 163px;
	font-size: 1em;
}
#cl_container th {  	
	font-size: 0.8em;
	font-weight: normal;
}

th.sun {
    width: 21px;
	height: 12px;
	_height: 15px;
	text-align: center;
	border-bottom: 3px solid #AA0000;
}
th.sat {
    width: 21px;
	height: 12px;
	_height: 15px;
	text-align: center;
	border-bottom: 3px solid #000BAA;
}
th.reg {
    width: 21px;
	height: 12px;
	_height: 15px;
	text-align: center;
	border-bottom: 3px solid #515156;
}

th.cl_btm {
    width: 134px;
	_width: 159px;
	height: 17px;
	_height: 37px;
	padding: 20px 0 0 25px;
	text-align: left;
	background: url(common/images/cl_btm.gif) no-repeat; 
}

#cl_container td {
    width: 21px;
	height: 27px;
	font-size: 0.9em;
	text-align: right;
	vertical-align: bottom;
}

td.red {
    background-color: #E5D4D4;
}
td.reg {
    background-color: #E2E2E2;
}
td.blu {
    background-color: #D4D6E5;
}
td.hol {
    background-color: #9999FF;
}