@charset "utf-8";
/* CSS Document */
html{
	overflow-x:hidden;
}

body {
	margin:0;
	padding:0;
	font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

a {outline:0;}

img {border:0;}

/* 出勤表日付け選択 */
#ShiftHeader {
	padding-bottom:10px;
}

#ShiftHeader h3 {
	font-size:14px;
	margin:0;
	padding-bottom:5px;
	border-bottom:2px solid #F06;
}

#DateSelect {
	text-align:right;
	padding-top:5px;
	font-size:12px;
}

#DateSelect a {
	font-weight:bold;
	color:#F06;
}

#DateSelect a:hover {
	color:#06C;
}


/* 早番 */
.ProfileBox01 {
	width:186px;
	float:left;
	margin-right:9px;
	margin-bottom:9px;
}

.ProfileBox01 .Time {
	font-size:12px;
	color:#333;
	text-align:center;
	color:#F06;
}

.ProfileBox01 a {
	display:block;
	padding:5px;
	text-decoration:none;
	background-image:url(../img/girl_BG01.gif);
	background-position:0 0;
}

.ProfileBox01 a:hover {
	background-image:url(../img/girl_BG01.gif);
	background-position:-186px 0;
}

.ProfileBox01 .ProfilePhoto01 {
	border:1px solid #FDD;
	padding:2px;
	background-color:#FFF;
}

.ProfilePhoto01 img {
	width:170px;
	height:213px;
}

/* 遅番 */
.ProfileBox02 {
	width:186px;
	float:left;
	margin-right:9px;
	margin-bottom:9px;
}

.ProfileBox02 .Time {
	font-size:12px;
	color:#333;
	text-align:center;
	color:#06C;
}

.ProfileBox02 a {
	display:block;
	padding:5px;
	text-decoration:none;
	background-image:url(../img/girl_BG02.gif);
	background-position:0 0;
}

.ProfileBox02 a:hover {
	background-image:url(../img/girl_BG02.gif);
	background-position:-186px 0;
}

.ProfileBox02 .ProfilePhoto01 {
	border:1px solid #BFE2F0;
	padding:2px;
	background-color:#FFF;
}

.ProfilePhoto02 img {
	width:170px;
	height:213px;
}

/* 共通 */
.ProfileText {
	padding-top:5px;
	text-align:center;
}

.ProfileText h3 {
	font-size:14px;
	color:#F06;
	margin:0;
	padding-bottom:3px;
	line-height:1em;
}

.ProfileText span {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	display:block;
	padding-bottom:5px;
}

.ProfileText h4 {
	margin:0;
	padding:3px;
	color:#FFF;
	font-size:12px;
	background-image:url(../img/btn.gif);
	border:1px solid #F06;
}

.ProfileBox01 a:hover .ProfileText h4 {
	background-image:url(../img/btn_on.gif);
}

.ProfileBox02 a:hover .ProfileText h4 {
	background-image:url(../img/btn_on.gif);
}

/* 出勤の種類 */
.Cat01 {
	background-color:#C00;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	font-size:12px;
}

.Cat02 {
	text-align:center;
	color:#999;
	font-size:12px;
}