#schedule .photo span,
#schedule .box_bl,
#schedule .box_pl,
#schedule .box_gd
{ behavior: url("../iepngfix.htc") }

p.comment {
	text-align: center;
	margin-bottom: 30px;
}

/* 出勤 */


#day_select {
	height		: 55px;
	margin-bottom: 40px;
}
#day_select ul{
	display		: block;
	padding		: 0 0 0 380px;
}
#day_select li {
	float		: left;
	text-align	: center;
	font-size	: 16px;
	margin-right: 30px;
	line-height: 140%;
	display: block;
}
#day_select li a, #day_select li div {
	width: 40px;
	height: 40px;
	padding: 12px 12px 12px 12px;
	text-align	: center;
}
#day_select li span.date {
	margin-left: -4px;
}
#day_select li div {
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	background: #fff;
	color: #000;
	text-align	: center;
}
#day_select li a {
	color: #fff;
	background: #bbb;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
 display: inline-block;
 vertical-align: middle;
 -webkit-transform: perspective(1px) translateZ(0);
 transform: perspective(1px) translateZ(0);
 box-shadow: 0 0 1px transparent;
 position: relative;
 overflow: hidden;
 -webkit-transition-property: color;
 transition-property: color;
 -webkit-transition-duration: 0.8s;
 transition-duration: 0.8s;
}
#day_select li a:before {
 content: "";
 position: absolute;
 z-index: -1;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 background: #2c2c2c;
 border-radius: 100%;
 -webkit-transform: scale(2);
 transform: scale(2);
 -webkit-transition-property: transform;
 transition-property: transform;
 -webkit-transition-duration: 0.8s;
 transition-duration: 0.8s;
 -webkit-transition-timing-function: ease-in-out;
 transition-timing-function: ease-in-out;
}
#day_select li a:hover, #day_select li a:focus, #day_select li a:active {
 color: #000;
	background: #fff;
}
#day_select li a:hover:before, #day_select li a:focus:before, #day_select li a:active:before {
 -webkit-transform: scale(0);
 transform: scale(0);
	background: #bbb;
}
#day_select li .today {
	font-size: 12px;
}
#day_select li a:hover {
	text-decoration	: none;
}
.small {
	font-size: 12px;
}
.sat{
	font-size: 12px;
	color		: #0099ff;
}
.sun{
	font-size: 12px;
	color		: #ff0000;
}




#schedule{
	width			: 1000px;
}

#schedule h3{
	margin			: 0 0 20px 0;
}

#schedule ul{
	display			: block;
	margin			: 0 0 10px 11px;
}

#schedule li{
	width			: 195px;
	height			: 300px;
	float			: left;
	margin			: 0 0 20px 0;
}

#schedule .box_bl{	background		: url(../schedule/img/box_bl.png) no-repeat;}
#schedule .box_pl{	background		: url(../schedule/img/box_pl.png) no-repeat;}
#schedule .box_gd{	background		: url(../schedule/img/box_gd.png) no-repeat;}

#schedule li .photo{
	padding			: 17px 0 7px 28px;
}

#schedule .photo span{
	display			: block;
	width			: 140px;
	height			: 210px;
	position		: relative;
	margin-top		: -210px;
	background		: url(../schedule/img/new.png) no-repeat;
	cursor			: hand;
}

#schedule li .data{
	text-align		: center;
	padding			: 0 0 5px 0;
	height: 35px;
}

#schedule li .data div{
	font-size		: 13px;
	line-height		: 16px;
}

#schedule li .data p{
	font-size		: 11px;
}

#schedule li .data span{
	color			: #666666;
}

#schedule li .time{
	font-size		: 12px;
	text-align		: center;
	color			: #ff66cc;
}

#schedule ul:after{
	content			: "";
	display			: block;
	clear			: both;
}


/* よく使いそうなCSS3
----------------------------------------------------*/
#selectors {
/* 角丸 */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

/* 角丸個別 */
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topright: 15px;
	border-top-right-radius: 15px;

/* ボックスに影 */
	-webkit-box-shadow: 1px 1px 3px #999;
	-moz-box-shadow: 1px 1px 3px #999;
	box-shadow: 1px 1px 3px #999;

/* テキストに影 */
	text-shadow: 1px 1px 0px #999;

/* グラデーション */
    background: -moz-linear-gradient(top, #f5f5f5, #fff);　/* Firefox用 */  
    background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#066));　/* Safari,Google Chrome用 */  
}