/*page　all
---------------------------------------------*/
@charset "shift_jis";
body,p,div,h1,h2,h3 { margin:0px; padding:0px; line-height: 140%;}
img                    { border:none;}a:link img{ border:none;}a:visited img{ border:none;}
a:hover img{ border:none;}
ul,dl,ol,li,form{
list-style:none; margin:0px; padding:0px;
}
table,td { margin:0px; padding:0px; line-height: 120%;}

input {
	font-size: 10pt;
	font-family: "ＭＳ ゴシック";
	/* height: 16px; */
	behavior: url(css/htc.htc);
}

/*▼共通*/
BODY {
	font-size: 12px;
	line-height: 180%;
	background-color:#ffffff;
	WIDTH: 100%;
	MARGIN: 0px;
	padding:0px;
	FONT-FAMILY: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	letter-spacing: 2px;
}
A:link {
	COLOR: #001ba2
}
A:visited {
	COLOR: #001ba2
}
A:hover {
	COLOR: #FF3300;
}
A:active {
	COLOR: #FF3300;
}
.NONE  { display:none }
.head {
	width:100%;
	height: 91px;
	background: url(../img/bg_header.jpg) repeat-x;
	position: static;
}
/*#contents {
	background: url(../img/bg_main.gif) repeat-y;
}*/

.side {
	padding-left: 6px;
	margin: 0;
	line-height: 130%;
	background-image : url(../img/bg_main.gif);
	background-repeat : repeat-y;
}
/*.kyoukai {
	position: absolute;
	left: 0px;
	top: 0px;}*/
	
.main{
	background: url(../img/sakae_yoko.jpg) repeat-x;
	width: 100%;
}

.main2{
	background: url(../img/sakae_yoko2.jpg) repeat-x;
	width: 100%;
}

/*
#foot {
	clear: both;
	width:100%;
	background-color: #001ba2;
	bottom: 0px;
	height: 8px;
	margin: 0px;
	padding: 0px;
}
*/

.kyoukai {
	position: absolute;
	left: 186px;
	top: 91px;
}
.clear {
	clear: both;
}
/*テーブル幅の設定　all
---------------------------------------------*/
.main_width{
	width: 765px;
}
.main_width02{
	width: 1000px;
}
/*ヘッダー中身　all
---------------------------------------------*/
.rogo {
	FLOAT: left;
	WIDTH: 178px;
	margin-left: 0px;
}
.asp {
	position: absolute;
	left: 188px;
	top: 25px;
}
.titleimg {
	position: absolute;
	left: 191px;
	top: 57px;
}
.title {
	position: absolute;
	left: 213px;
	top: 55px;
	padding: 0px;
	letter-spacing: 5px;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	vertical-align: top;
}
.welcome {
	position: absolute;
	top: 12px;
	padding: 0px;
	letter-spacing: 5px;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: right;
	right: 12px;
	line-height: 150%;
}
.date {
	font-family: "Century Gothic", "ＭＳ Ｐゴシック";
}
.headmenu {
	position: absolute;
	top: 51px;
	right: 0px;
	padding: 0px;
	text-align: right;
}
#logout A {
	FLOAT: right;
	DISPLAY: block;
	BACKGROUND-IMAGE: url(../img/btn_logout.jpg);
	BACKGROUND-REPEAT: no-repeat;
	width: 109px;
	height: 28px;
}
#logout A:hover {
	BACKGROUND-IMAGE: url(../img/btn_logout_f2.jpg);
}

#remote A {
	position: absolute;
	top: 51px;
	right: 0px;
	padding: 0px;
	DISPLAY: block;
	BACKGROUND-IMAGE: url(../img/btn_remote.jpg);
	BACKGROUND-REPEAT: no-repeat;
	width: 109px;
	height: 28px;
}
#remote A:hover {
	BACKGROUND-IMAGE: url(../img/btn_remote_f2.jpg);
}

#logout2 A {
	DISPLAY: block;
	BACKGROUND-IMAGE: url(../img/btn_submit.jpg);
	BACKGROUND-REPEAT: no-repeat;
	width: 133px;
	height: 33px;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 40px;
	text-decoration: none;
	padding-top: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#help A {
	FLOAT: right;
	DISPLAY: block;
	BACKGROUND-IMAGE: url(../img/btn_help.jpg);
	BACKGROUND-REPEAT: no-repeat;
	width: 98px;
	height: 28px;
}
#help A:hover {
	BACKGROUND-IMAGE: url(../img/btn_help_f2.jpg);
}
#password A {
	FLOAT: right;
	DISPLAY: block;
	BACKGROUND-IMAGE: url(../img/btn_pass.jpg);
	BACKGROUND-REPEAT: no-repeat;
	width: 121px;
	height: 28px;
}
#password A:hover {
	BACKGROUND-IMAGE: url(../img/btn_pass_f2.jpg);
}
.helpBtn A {
	FLOAT: right;
	DISPLAY: block;
	BACKGROUND-IMAGE: url(../img/btn_help.jpg);
	BACKGROUND-REPEAT: no-repeat;
	width: 98px;
	height: 28px;
}
.helpBtn A:hover {
	BACKGROUND-IMAGE: url(../img/btn_help_f2.jpg);
}
/*サイドナビゲーション　all
---------------------------------------------*/
.koumoku {
	background-image: url(../img/side01.jpg);
	background-repeat: no-repeat;
	DISPLAY: block;
	font-size: 14px;
	margin-top: 4px;
	padding-top: 1px;
	padding-left: 20px;
	color: #FFFFFF;
	font-weight: bold;
	letter-spacing: 1px;
	width: 173px;
	height: 21px;
	padding-bottom: 1px;
}
.side li A {
	font-size: 12px;
	color: #666666;
	text-decoration: none;
	background-image: url(../img/side02.jpg);
	background-repeat: no-repeat;
	font-weight: bold;
	DISPLAY: block;
	width: 142px;
	padding-left: 32px;
	letter-spacing: 1px;
	height: 21px;
	padding-top: 4px;
	padding-bottom: 2px;
}
.side li A:hover {
	color: #FF6600;
	text-decoration: none;
	background-image: url(../img/side02_f2.jpg);
}

/*メイン　TOPページ サブタイトルバー
---------------------------------------------*/
.sub_bar {
	background: url(../img/bg_subbar.jpg) repeat-x;
	font-weight: bold;
	font-size: 14px;
	vertical-align: text-top;
	height: 25px;
	width: auto;
}
.bar_text {
	padding-top: 2px;
	color: #333333;
	margin-right: 12px;
	vertical-align: middle;
	text-indent: 5px;
}
/*メイン　TOPページ　未承認一覧
---------------------------------------------*/
.table01 tr {
	font-size: 12px;
	height: 20px;
	background: #FFFFFF;
}

.table01 td {
	padding-left: 2px;
	padding-right: 2px;
}

.table01 th {
	margin:0px;
	padding:0px;
	vertical-align: middle;
	/*background: #001ba2;*/
	color: #FFFFFF;
	height: 22px;
	font-size: 12px;
	line-height: 120%;
	font-weight: bold;
	text-align: center;
}
.table01 .kougo {
	background: #FFFFCC;
}
.sub_bar .right {
	padding-top: 2px;
	color: #333333;
	text-align: right;
	font-size: 12px;
	font-weight: normal;
	vertical-align: middle;
}


.table05 tr {
	font-size: 12px;
	height: 20px;
	background: #FFFFFF;
}
.table05 th {
	margin:0px;
	padding:0px;
	vertical-align: middle;
	background: #001ba2;
	color: #FFFFFF;
	height: 22px;
	font-size: 12px;
	line-height: 120%;
	font-weight: bold;
	text-indent: 0px;
}

.table06 tr {
	font-size: 12px;
	height: 35px;
	background: #FFFFFF;
}
.table06 th {
	margin:0px;
	padding:0px;
	vertical-align: middle;
	background: #001ba2;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 120%;
	letter-spacing: 2px;
	font-weight: normal;
	font-weight: bold;
}

/*メイン　TOPページ  インフォメーション
---------------------------------------------*/
#sc1 {
	font-size: 12px;
	color: #333333;
	height: 93px;
	width: auto;
	overflow:auto;
	border-width: 1px;
	border-style: solid;
	border-color: #999999;
	background-position: top;
	padding-left: 5px;
	padding-bottom: 2px;
	padding-top: 5px;
	padding-right: 2px;
	scrollbar-arrow-color:#9a9a9a;
	scrollbar-base-color:#e7e7e7;
	scrollbar-track-color:#ffffff;
	scrollbar-darkshadow-color:#ffffff;
	scrollbar-face-color:#e7e7e7;
	scrollbar-3dlight-color:#e7e7e7;
	scrollbar-highlight-color:#e7e7e7;
	scrollbar-shadow-color:#e7e7e7;}
#info  {
	clear: both;
	margin-bottom: 10px;
	padding-left: 5px;
}
.info01 {
	width: 58px;
	float: left;
}
.info02 {
	float: left;
}
/*メイン　TOPページ  営業カレンダー
---------------------------------------------*/
.table02 tr {
	font-size: 12px;
	height: 22px;
	background: #FFFFFF;
	text-align: center;
}
.table02 th {
	margin:0px;
	padding:0px;
	vertical-align: middle;
	/*background: #001ba2;*/
	color: #FFFFFF;
	line-height: 120%;
	font-weight: bold;
}
.table02 .sun {
	font-size: 12px;
	height: 22px;
	text-align: center;
	color: #FF3300;
	background-color: #CCCCCC;
}
.table02 .sat {
	font-size: 12px;
	height: 22px;
	text-align: center;
	color: #0066ff;
	background-color: #CCCCCC;
}
.table02 .holi {
	font-size: 12px;
	height: 22px;
	text-align: center;
	background-color: #CCCCCC;
}
.table02 .today {
	font-size: 14px;
	height: 22px;
	text-align: center;
	color: #000000;
	background-color: #ffff99;
	font-weight: bold;
}
.table02 .igai {
	height: 22px;
	text-align: center;
	color: #CCCCCC;
}
.calentext {
	font-size: 10px;
	text-align: left;
	color: #000000;
	vertical-align: bottom;
}
.month {
	font-size: 12px;
	color: #333333;
	height: 20px;
	font-weight: bold;
}
.cale01 {
	font-size: 12px;
	color: #333333;
	margin-bottom: 5px;
}
/*入力フォーム（共通）
---------------------------------------------*/
.table_nyuryoku th {
	margin:0px;
	padding:0px;
	vertical-align: middle;
	/*background: #001ba2;*/
	color: #FFFFFF;
	font-size: 12px;
	line-height: 120%;
	text-align: left;
	text-indent: 10px;
	letter-spacing: 2px;
	font-weight: normal;
	font-weight: bold;
}
.table_nyuryoku tr {
	font-size: 12px;
	height: 35px;
	background: #FFFFFF;
}
.comment {
	color: #666666;
	font-size: 12px;
	background-color: #E8E8E8;
	padding-left: 5px;
}
.nyuryoku {
	vertical-align: middle;
	text-align: left;
}
.textfield {
	margin-left: 5px;
	background-color:#FFFFDD;
	padding-left: 5px;
}
.textfield_time {
	background-color:#FFFFDD;
	text-align: center;
}
th .kome{
	font-size: 10px;
	color: #FFCC00;
}
.number {
	text-align: right;
		margin-left: 5px;
	background-color:#FFFFDD;
}
.table_nyuryoku .table01 .table01th {
	margin:0px;
	padding:0px;
	vertical-align: middle;
	/*background: #001ba2;*/
	color: #FFFFFF;
	height: 30px;
	font-size: 12px;
	line-height: 120%;
	font-weight: bold;
	text-align: center;
	text-indent: 0px;
}
.table_nyuryoku .table01 tr {
	height: 30px;
}
select {
	background: #FFFFDD;
	margin-right: 5px;
	margin-left: 5px;
	padding-left: 5px;
}
/*申請系用　説明ボックス
---------------------------------------------*/
#box {
	font-size: 12px;
	color: #333333;
	height: 35px;
	width: auto;
	border-width: 1px;
	border-style: solid;
	border-color: #999999;
	background-position: top;
	padding-left: 5px;
	padding-bottom: 2px;
	padding-top: 5px;
	padding-right: 2px;
}
#box .data01 {
	width: auto;
	float: left;
	text-align:right;
	color: #999999;
}
#box .data02 {
	float: left;
	width: auto;
	text-align:left;
	font-weight: bold;
	padding-right: 80px;
}
.migihashi{
	float: right;
	font-size: 12px;
}
/*sabmit関係　ボタン
---------------------------------------------*/
A.cancel  {
	DISPLAY: block;
	BACKGROUND-IMAGE: url(../img/btn_cancel.jpg);
	BACKGROUND-REPEAT: no-repeat;
	width: 100px;
	height: 33px;
	font-size: 12px;
	font-weight: bold;
	color: #999999;
	text-decoration: none;
	padding-top: 7px;
		margin-top: 5px;
	margin-bottom: 5px;
}
A.cancel:hover {
	BACKGROUND-IMAGE: url(../img/btn_cancel_f2.jpg);
	color: #001ba2;
}
A.sbmt  {
	BACKGROUND-IMAGE: url(../img/btn_submit.jpg);
	BACKGROUND-REPEAT: no-repeat;
	width: 133px;
	height: 33px;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 8px;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align:center;
}
A.sbmt:hover {
	color: #001ba2;
}
A.btnlarge  {
    BACKGROUND-IMAGE: url(../img/btn_large.jpg);
    BACKGROUND-REPEAT: no-repeat;
    width: 179px;
    height: 34px;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    padding-top: 9px;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align:center;
}
A.big  {
	BACKGROUND-IMAGE: url(../img/btn_big.jpg);
	BACKGROUND-REPEAT: no-repeat;
	width: 156px;
	height: 34px;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 8px;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align:center;
}
A.big3  {
	BACKGROUND-IMAGE: url(../img/btn_big.jpg);
	BACKGROUND-REPEAT: no-repeat;
	width: 156px;
	height: 34px;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 8px;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align:center;
}
A.big2  {
	BACKGROUND-IMAGE: url(../img/btn_big.jpg);
	BACKGROUND-REPEAT: no-repeat;
	width: 156px;
	height: 33px;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 9px;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align:center;
}
A.big:hover {
	BACKGROUND-IMAGE: url(../img/btn_big02.jpg);
	color: #001ba2;
}

A.mikakutei  {/*未確定　未登録のボタン
　　　------------------------------------------*/
	BACKGROUND-IMAGE: url(../img/btn_mikakutei.jpg);
	BACKGROUND-REPEAT: no-repeat;
	text-decoration: none;
	width: 76px;
	height: 29px;
	font-size: 12px;
	font-weight: bold;
	color: #ff3300;
	text-decoration: none;
	padding-top: 7px;
	margin-top: 4px;
	margin-bottom: 5px;
}
A.mikakutei:hover {
	BACKGROUND-IMAGE: url(../img/btn_mikakutei02.jpg);
	color: #001ba2;
}
A.sumi {/*確定済のボタン
　-------------------------------------------*/
	BACKGROUND-IMAGE: url(../img/btn_sumi.jpg);
	BACKGROUND-REPEAT: no-repeat;
	text-decoration: none;
	width: 76px;
	height: 29px;
	font-size: 12px;
	font-weight: bold;
	color: #999999;
	text-decoration: none;
	padding-top: 7px;
	margin-top: 4px;
	margin-bottom: 5px;
}
A.sumi:hover {
	BACKGROUND-IMAGE: url(../img/btn_sumi02.jpg);
	color: #001ba2;
}
A.submit_small {/*複写のボタン
　-------------------------------------------*/
	BACKGROUND-IMAGE: url(../img/btn_small.jpg);
	BACKGROUND-REPEAT: no-repeat;
	text-decoration: none;
	width: 76px;
	height: 29px;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 7px;
	margin-top: 4px;
	margin-bottom: 5px;
}
A.submit_small:hover {
	BACKGROUND-IMAGE: url(../img/btn_small02.jpg);
	color: #001ba2;
}
.submit_small A {/*複写のボタン2
　-------------------------------------------*/
	BACKGROUND-IMAGE: url(../img/btn_small.jpg);
	BACKGROUND-REPEAT: no-repeat;
	text-decoration: none;
	width: 76px;
	height: 29px;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 7px;
	margin-top: 4px;
	margin-bottom: 5px;
}
.submit_small A:hover {
	BACKGROUND-IMAGE: url(../img/btn_small02.jpg);
	color: #001ba2;
}
.btn_left A {
	DISPLAY: block;
	BACKGROUND-IMAGE: url(../img/btn_left.jpg);
	BACKGROUND-REPEAT: no-repeat;
	width: 45px;
	height: 25px;
}
.btn_left A:hover {
	BACKGROUND-IMAGE: url(../img/btn_left02.jpg);
}
.btn_left_single A {
	DISPLAY: block;
	BACKGROUND-IMAGE: url(../img/btn_left03.jpg);
	BACKGROUND-REPEAT: no-repeat;
	width: 45px;
	height: 25px;
}
.btn_left_single A:hover {
	BACKGROUND-IMAGE: url(../img/btn_left04.jpg);
}
.btn_right A {
	DISPLAY: block;
	BACKGROUND-IMAGE: url(../img/btn_right.jpg);
	BACKGROUND-REPEAT: no-repeat;
	width: 45px;
	height: 25px;
}
.btn_right A:hover {
	BACKGROUND-IMAGE: url(../img/btn_right02.jpg);
}
.btn_right_single A {
	DISPLAY: block;
	BACKGROUND-IMAGE: url(../img/btn_right03.jpg);
	BACKGROUND-REPEAT: no-repeat;
	width: 45px;
	height: 25px;
}
.btn_right_single A:hover {
	BACKGROUND-IMAGE: url(../img/btn_right04.jpg);
}

.btn_up A {
	DISPLAY: block;
	BACKGROUND-IMAGE: url(../img/btn_up.jpg);
	BACKGROUND-REPEAT: no-repeat;
	width: 27px;
	height: 26px;
}
.btn_up A:hover {
	BACKGROUND-IMAGE: url(../img/btn_up02.jpg);
}
.btn_down A {
	DISPLAY: block;
	BACKGROUND-IMAGE: url(../img/btn_down.jpg);
	BACKGROUND-REPEAT: no-repeat;
	width: 27px;
	height: 26px;
}
.btn_down A:hover {
	BACKGROUND-IMAGE: url(../img/btn_down02.jpg);
}
/*アイコン　カレンダー・虫眼鏡・×
---------------------------------------------*/
.calender_icon A {
	DISPLAY: block;
	BACKGROUND-IMAGE: url(../img/calender.jpg);
	BACKGROUND-REPEAT: no-repeat;
	width: 27px;
	height: 26px;
	float: left;
	vertical-align: middle;
}
.calender_icon A:hover {
	BACKGROUND-IMAGE: url(../img/calender_f2.jpg);
}
.loupe_icon A {
	DISPLAY: block;
	BACKGROUND-IMAGE: url(../img/loupe.jpg);
	BACKGROUND-REPEAT: no-repeat;
	width: 27px;
	height: 26px;
}
.loupe_icon A:hover {
	BACKGROUND-IMAGE: url(../img/loupe_f2.jpg);
}
.batu_icon A {
	DISPLAY: block;
	BACKGROUND-IMAGE: url(../img/btn_batu.jpg);
	BACKGROUND-REPEAT: no-repeat;
	width: 27px;
	height: 26px;
}
.batu_icon A:hover {
	BACKGROUND-IMAGE: url(../img/btn_batu02.jpg);
}
.iconato {
	float: left;
	vertical-align: middle;
	padding-top: 4px;
}

/*******従業員設定-従業員　タブ画面系**********
---------------------------------------------*/
.tab  li{
	float: left;}
.tab .active{
	color: #FFFFCC;
	DISPLAY: block;
	text-decoration: none;
	background-image: url(../img/tab_f2.jpg);
	font-size: 12px;
	font-weight: bold;
	width: 112px;
	height: 22px;
	letter-spacing: 1px;
	background-repeat: no-repeat;
	text-indent: 25px;
	padding-top: 3px;
}
.tab  li a {
	color: #001ba2;
	background-image: url(../img/tab.jpg);
	DISPLAY: block;
	font-size: 12px;
	font-weight: bold;
	width: 112px;
	height: 22px;
	letter-spacing: 1px;
	background-repeat: no-repeat;
	text-indent: 25px;
	padding-top: 3px;
}
.tab  li a:hover {
	color: #FFCC66;
	background-image: url(../img/tab_f2.jpg);
}
.tab_line {
	/*background: #001BA2;*/
	width: 765px;
	height: 15px;
	line-height: 100%;
}
.tab_waku{
	/*border: 1px solid #001ba2;*/
		/*width: 765px;*/
}
/****会社情報設定営業カレンダー*********
---------------------------------------------*/
#box02 {
	font-size: 12px;
	color: #333333;
	height: 30px;
	width: auto;
	border-width: 1px;
	border-style: solid;
	border-color: #999999;
}
#box02 .kensaku01 {
	width: 150px;
	float: left;
	text-align:right;
	color: #666666;
	padding-top: 15px;
}
#box02 .kensaku02 {
	float: left;
	width: auto;
	text-align:left;
	font-weight: bold;
	padding-top: 10px;
}
#box02 .kensaku03 {
	float: left;
	width: auto;
	text-align:left;
	color: #666666;
	padding-right: 100px;
	padding-top: 15px;
}
.month_pull {
	font-size: 12px;
	height: 40px;
	text-align: right;
	color: #666666;
	padding-top: 15px;
}
/**会社情報設定営業カレンダー*カレンダー部
---------------------------------------------*/
.table_calendar tr {
	font-size: 12px;
	height: 50px;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
}
.table_calendar input {
	padding: 0;
	margin: 0;
	font-size: 9px;
}
.table_calendar th {
	margin:0px;
	padding:0px;
	vertical-align: middle;
	/*background: #001ba2;*/
	color: #FFFFFF;
	line-height: 120%;
	font-weight: bold;
	width: 90px;
	height: 30px;
}
.table_calendar .igai {
	color: #CCCCCC;
	background: #FFFFFF;
	vertical-align: middle;
}
.checked01 {
	background-color: #CCCCCC;
	color: #333333;
}
.checked02 {
	background-color: #FFE3C8;
	color: #FF6600;
}
.checked03 {
	background-color: #FFCCFF;
	color: #FF0000;
}
.comentshita {
	font-size: 12px;
	height: 50px;
	text-align: right;
	vertical-align: middle;
	color: #666666;
}
.checked01text {
	color: #333333;
}
.checked02text {
	color: #FF6600;
}
.checked03text {
	color: #FF0000;
}
/**シフト確認（部署毎）　検索一覧系
---------------------------------------------*/
.kensakujouken {
	font-size: 12px;
	/*background: #001BA2;*/
	width: 765px;
	height: 30px;
	vertical-align: middle;
	color: #FFFFFF;
	font-weight: bold;
	padding-left: 20px;
	border-color: #FFFFFF;
	text-align:left;
}

.kensakuwaku {
	color: #666666;
	font-size: 12px;
	width:650px;
	border-collapse:collapse;
	border:0;
}

.kensakuwaku tr {
	padding-top: 10px;
}
/**シフト確認（部署毎）　検索一覧系
---------------------------------------------*/
.table_shift tr {
	margin:0px;
	padding:0px;
	font-size: 12px;
	height: 20px;
	background: #FFFFFF;
	text-align: center;
}

/* table_shift tr と同様 */
.table_shift_tr {
	margin:0px;
	padding:0px;
	font-size: 12px;
	height: 20px;
	background: #FFFFFF;
	text-align: center;
}

.table_shift th {
	margin:0px;
	padding:0px;
	vertical-align: middle;
	/*background: #001ba2;*/
	color: #FFFFFF;
	height: 50px;
	font-size: 12px;
	line-height: 120%;
	text-align: center;
}

/* table_shift th と同様 */
.table_shift_th {
	margin:0px;
	padding:0px;
	vertical-align: middle;
	/*background: #001ba2;*/
	color: #FFFFFF;
	height: 50px;
	font-size: 12px;
	line-height: 120%;
	text-align: center;
}

.table_shift .kougo {
	background: #FFFFCC;
}
.table_shift .kougo tr{
	background: #FFFFCC;
}

.jikan {
	margin:0px;
	padding:0px;
}
.none_left {
	border-right: 1px solid #CEDAF2;
	height: 20px;
	width:8px;
}
.none_right {
	height: 20px;
	width:8px;
}
.yotei_left {
	border-right: 1px solid #CEDAF2;
	height: 20px;
	width:8px;
	background-color: #A6D2FF;
}
.yotei_right {
	height: 20px;
	background-color: #A6D2FF;
}
.jisseki_left {
	border-right: 1px solid #CEDAF2;
	height: 20px;
	width:8px;
	background-color: #B08EFF;
}
.jisseki_right {
	height: 20px;
	background-color: #B08EFF;
}
.sagyou_left {
	border-right: 1px solid #CEDAF2;
	height: 20px;
	background-color: #FF9933;
}
.sagyou_right {
	height: 20px;
	background-color: #FF9933;
}
.hidari {
	float:left;
	font-size: 12px;
	color: #666666;
}
.tyuuou {
	float:left;
	font-size: 12px;
	color: #666666;
	margin-left: 200px;
}
.migi {
	float:right;
	font-size: 12px;
	color: #666666;
}
.yotei_box {
	background-color: #A6D2FF;
	height: 10px;
	width:30px;
	border: 1px solid #999999;
}
.jisseki_box {
	background-color: #B08EFF;
	height: 10px;
	width:30px;
	border: 1px solid #999999;
}
.sagyou_box {
	background-color: #FF9933;
	height: 10px;
	width:30px;
	border: 1px solid #999999;
}
.kyukei_box {
	background-color: #F20000;
	height: 10px;
	width:30px;
	border: 1px solid #999999;
}
.bottommargin {
	margin-bottom: 4px;
}
/**ログイン画面
---------------------------------------------*/
#contents01 {
	background-color: #FFFFFF;
}
.table_login {
	background-image: url(../img/login.jpg);
	background-repeat: no-repeat;
	height: 287px;
	width: 469px;
}
.table_login th{
	margin:20px;
	padding:5px;
	vertical-align: middle;
	color: #FFFFFF;
	height: 40px;
	font-size: 12px;
	line-height: 120%;
	text-align: right;
}
.table_lineup {
	margin:20px;
	vertical-align: middle;
	font-size: 12px;
	line-height: 120%;
	text-align:center;
	border: 1px solid #001BA2;
	letter-spacing: 1px;
	color: #666666;
}
.lineup {
	height: 30px;
	line-height: 140%;
	font-size: 14px;
	/*color: #001BA2;*/
	font-weight: bold;
	text-indent: 20px;
	letter-spacing: 5px;
	background-color: #ACBBFF;
}
.table_lineup td {
	padding-bottom: 10px;
	padding-top: 10px;
	vertical-align: top;
}
.copyright {
	font-family: "Times New Roman", Times, serif;
	color: #666666;
	padding-right: 10px;
	font-size: 10px;
	letter-spacing: 2px;
}

/* 改行制御用 */
.break_ctrl {
	word-break: break-all;
}	

/* NONE */
	.NONE  { display:none }

.reftext
{
	border-style:none;
	width:200px;
	border-color:Transparent;
	background-color:Transparent;
}

/* ちゃっかり勤太くんロゴ */
.logo {
	DISPLAY: block;
	BACKGROUND-IMAGE: url(../img/rogo.jpg);
	BACKGROUND-REPEAT: no-repeat;
	width: 178px;
	height: 91px
}

/* ASP勤怠管理システムロゴ */
.asp 
{
	DISPLAY: block;
	BACKGROUND-IMAGE: url(../img/asp.jpg);
	BACKGROUND-REPEAT: no-repeat;
	width: 185px;
	height: 23px
}

/* ヘッダ背景 */
.headdiv
{
	width:100%;
	height: 91px;
	BACKGROUND-IMAGE: url(../img/bg_header.jpg);
	background-repeat:repeat-x;
	position: static;
}

/* ヘッダ･ボタン */
.titleimg
{
	width:17px;
	height: 15px;
	BACKGROUND-IMAGE: url(../img/btn01.jpg);
	background-repeat:no-repeat;
}

A.kado
{
	BACKGROUND-REPEAT: no-repeat;
	width: 14px;
	height: 16px;
}

.subbar_left
{
	width:10px;
	height: 17px;
	BACKGROUND-IMAGE: url(../img/subbar_left.jpg);
	background-repeat:no-repeat;
}

/* しばらくお待ち下さい */
.msg-plate
{
	BACKGROUND-IMAGE: url(../img/kinta_anime.gif);
	width:300px;
	height:100px;
}

/* ログイン画面 */
.login_big
{
	background-image: url(../img/login_big.gif);
	height: 160px; 
	width: 330px; 
	background-repeat: no-repeat; 
}

/* バナー */
.divBanner A {
	BACKGROUND-IMAGE: url(../img/bnr_help.png);
	BACKGROUND-REPEAT: no-repeat;
	display: table-cell;
	vertical-align: top;
}
.divBanner A:hover {
	BACKGROUND-IMAGE: url(../img/bnr_help_h.png);
}
