body{ /*ディフォルト設定(フォント・画面位置・背景色）*/
	font-size: 12px;
	padding: 0px;
	margin: 0px;
	background-color: #FAFAFA;
	font-family: "ＭＳ Ｐゴシック", "Osaka";
}

span.form-warning { /* 入力エラーのテキスト */
	color: red;
	font-weight: bold;
}

td{ /*テーブル内ディフォルト設定(フォントカラー・背景色)*/
	color: #000000;
	background-color: #FFFFFF;
}

.outer-frame {
	background-color: #FFFFFF;
	color: #000000;
	border-left: 1px solid #003366;
	border-top: 1px solid #003366;
	border-bottom: 1px solid #003366;
	border-right: 1px solid #003366;
}

.margined-outer-frame {
	background-color: #FFFFFF;
	color: #000000;
	padding-left: 6px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right: 6px;
	border-left: 1px solid #003366;
	border-top: 1px solid #003366;
	border-bottom: 1px solid #003366;
	border-right: 1px solid #003366;
	line-height: 16px;
}

.head-bgcolor { /*ヘッダー(背景色)*/
	background-color: #95B8FF;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #003366;
	padding: 2px;
	color: #FFFFFF;
}

td.user{ /*ユーザー情報*/
	color: #FFFFFF;
	background-color: #95B8FF;
	padding: 2px;
}

td.normal{ /*テーブル内(フォントカラー・背景色)*/
	color: #FFFFFF;
	background-color: #fafafa;
}

td.bgcolor01 { /*ログイン(ヘッダー)*/
	background-color: #95B8FF;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #003366;
	line-height: 20pt;
}

td.bgcolor02 { /*ログイン(テーブル背景色)*/
	background-color: #003366;
	line-height: 20pt;
	color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

td.topline{ /*ログイン(テーブルートップライン)*/
	padding: 1px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #003366;
}

td.thin-grid {
	background-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}

a:link { /*リンク設定(ディフォルト)*/
	text-decoration: none;
	color: #003366;
	font-weight: normal;
}

a:visited {
	color: #003366;
}

a:hover {
	color: #FF0000;
	text-decoration: underline;
}

.a01:link { /*リンク設定(スケジュール−平日)*/
	text-decoration: none;
	color: #333333;
	font-weight: normal;
}

.a01:visited {
	color: #333333;
	line-height: 20px;
}

.a01:hover {
	color: #666666;
	text-decoration: underline;
}

.a02:link { /*リンク設定(スケジュール−土・日・平日)*/
	text-decoration: none;
	color: #ffffff;
	font-weight: normal;
	line-height: 20pt;
}

.a02:visited {
	color: #ffffff;
	line-height: 20pt;
}

.a02:hover {
	color: #cccccc;
	text-decoration: underline;
	line-height: 20pt;
}

.a03:link { /*リンク設定((サブメニュー)*/
	text-decoration: none;
	color: #ffffff;
	font-weight: normal;
}

.a03:visited {
	color: #ffffff;
}

.a03:hover {
	color: #FF0000;
	text-decoration: underline;
}

.main-menu {  /*メインメニュー用背景･フォント*/
	font-size: 14px;
	color: #003366;
	line-height: 200%;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #003366;
	background-color: #fafafa;
}

td.menu-title01{  /*メイン画面タイトル用背景・フォント*/
	padding: 1px;
	background-color: #95B8FF;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #fafafa;
	font-size: 14px;
	line-height: 15pt;
	color: #FFFFFF;
	text-indent: 5pt;
	font-weight: bold;
}

td.menu-title02{ /*メイン画面タイトル付随背景01*/
	padding: 1px;
	background-color: #3366CC;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #fafafa;
	font-size: 14px;
	font-weight: bold;
	line-height: 15pt;
	color: #FFFFFF;
	text-indent: 5pt;
}

td.menu-title03{  /*メイン画面タイトル付随背景02*/
	padding: 1px;
	background-color: #003366;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #fafafa;
}

td.submenu-title{  /*メイン画面タイトル用背景・フォント*/
	padding: 1px;
	background-color: #3366CC;
	font-size: 14px;
	line-height: 15pt;
	color: #FFFFFF;
	text-indent: 5pt;
}

.main-text{ /*メイン−テキスト設定*/
	background-color: #FFFFFF;
	border: 1px solid #003366;
	color: #000000;
	line-height: 15px;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 5px;
}

.title {
	font-size: 14px;
	font-weight: bold;
	color: #003366;
	background-color: #95B8FF;
	line-height: 17pt;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #003366;
	padding-right: 5px;
	padding-left: 5px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #003366;
	border-left-color: #003366;
	background-position: top;

}

.main-textbox{ /*メイン−テーブル内テキスト設定*/
	background-color: #FFFFFF;
	color: #000000;
	padding-left: 5px;
	padding-top: 2px;
	border-bottom: 1px solid #003366;
	padding-bottom: 2px;
	padding-right: 5px;
	line-height: 16px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #003366;
}

td.sat {
	background-color: #6666ff;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #003366;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #003366;

}

td.sun {
	background-color: #ff6666;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #003366;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #003366;

}

td.today {
	background-color: #FFCC33;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #003366;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #003366;
	color: #333333;
	font-size: 14px;
	font-weight: bold;
}

td.weekday { /*スケジュール(平日背景色)*/
	background-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}

td.schedule { /*スケジュール(書き込み部分)*/
	padding: 2px;
}

.space { /*スケジュール(縦ライン)*/
	background-color: #CCCCCC;
}

.day { /*スケジュール(日付)*/
	font-size: 16px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.right-menu { /*ライトメニュー(タイトル)*/
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #003366;
	line-height: 17pt;
	text-indent: 5pt;
}

.right-text { /*ライトメニュー(テキスト)*/
	font-weight: bold;
	color: #FFFFFF;
	line-height: 16pt;
	border: 1px solid #003366;
}

.right-menu-on { /*ライトメニュー(タイムカードオン)*/
	font-weight: bold;
	color: #FFFFFF;
	background-color: #3366CC;
	line-height: 16pt;
	text-indent: 5pt;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #003366;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #003366;
	border-left-color: #003366;
}

.right-menu-off { /*ライトメニュー(タイムカードオフ)*/
	color: #333333;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #003366;
	text-indent: 5pt;
	line-height: 16px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #003366;
	border-left-color: #003366;
}

.right-menu-underline { /*ライトメニュー(アンダーライン付きテキスト)*/
	color: #333333;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #003366;
	padding-top: 1px;
	padding-bottom: 1px;
}

.copy {  /*フッター（コピーライト）*/
	font-family: "Times New Roman", "Times", "serif";
	font-size: 8pt;
	line-height: 20pt;
	color: #CCCCCC;
	text-align: center;
	background-color: #fafafa;
}
.textbox-second-line {
	background-color: #FFFFFF;
	color: #000000;
	padding-left: 5px;
	border-bottom: 1px solid #003366;
	padding-right: 5px;
	line-height: 16px;
	border-right-width: 3px;
	border-right-style: double;
	border-right-color: #003366;
	padding-top: 2px;
	padding-bottom: 2px;


}
.title-second-line {

	font-size: 14px;
	font-weight: bold;
	color: #003366;
	background-color: #95B8FF;
	line-height: 17pt;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #003366;
	padding-right: 5px;
	padding-left: 5px;
	border-right-width: 3px;
	border-right-style: double;
	border-right-color: #003366;
}
.left-textbox {
	background-color: #FFFFFF;
	color: #000000;
	padding-left: 5px;
	padding-top: 2px;
	border-bottom: 1px solid #003366;
	padding-bottom: 2px;
	padding-right: 5px;
	line-height: 16px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #003366;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #003366;

}
.title-textbox {

	font-size: 14px;
	font-weight: bold;
	color: #003366;
	background-color: #95B8FF;
	line-height: 17pt;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #003366;
	padding-right: 5px;
	padding-left: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #003366;
}
.right-only-textbox {

	background-color: #FFFFFF;
	color: #000000;
	padding-left: 5px;
	padding-right: 5px;
	line-height: 16px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #003366;
	padding-top: 2px;
	padding-bottom: 2px;
}
.top-under-line {


	background-color: #FFFFFF;
	color: #000000;
	padding-left: 6px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right: 6px;
	border-top: 1px solid #003366;
	border-bottom: 1px solid #003366;
	line-height: 16px;
}

.main-framebox {
	background-color: #FFFFFF;
	color: #000000;
	padding-left: 6px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right: 6px;
	border-left: 1px solid #003366;
	border-top: 1px solid #003366;
	border-bottom: 1px solid #003366;
	border-right: 1px solid #003366;
	line-height: 16px;
}.blue-color {
	color: #0066FF;
}
.green-color {
	color: #64c864;
}
.yellow-color {
	color: #ffd83c;
}
.pink-color {
	color: #e664e6;
}
.red-color {
	color: #e64646;
}
.menu-title04 {
	padding: 3px;
	background-color: #3366CC;
	font-size: 14px;
	font-weight: bold;
	line-height: 15pt;
	color: #FFFFFF;
	text-indent: 5pt;

}
.BR { /* Brown */
	color: #804040;
}
.RE { /* Red */
	color: #FF0000;
}
.GR {　/* Green */
	color: #64C864;
}
.PE {　/* Purple */
	color: #CC66FF;
}
.PI {　/* Pink */
	color: #E664E6;
}
.OG {　/* Orange */
	color: #FF9933;
}
.NA { /* Navy  */
	color: #003366;
}
.BL {
	color: #0000FF;
}
.indicator-light {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: small;
	font-style: normal;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #0000FF;
	border-bottom-color: #0000FF;
	border-left-color: #0000FF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	background-position: center center;
	text-align: center;


}
.indicator-light-end {

	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: small;
	font-style: normal;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #0000FF;
	border-bottom-color: #0000FF;
	border-left-color: #0000FF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	background-position: center center;
	text-align: center;
}