html	{ margin: 0; padding: 0; }
body	{ margin: 0; padding: 0; text-align: center; }

html, body, th, td, input, select, textarea, li, dt, dd
{
	font-family:"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Verdana,sans-serif;
	color      : #202020;
	font-size  : 12px;
}

html, body, th, td, textarea, li, dt, dd {
	line-height: 1.5em;
}

h1              { font-size: 24px; line-height: 30px; margin:2em 0px 24px 0px; padding-bottom: 8px; background: url(images/border-hor.gif) left bottom no-repeat; }
h2              { font-size: 20px; line-height: 22px; margin-top: 2em; margin-bottom: 1em; padding: 6px 4px 4px; border: 1px solid silver; background-color: #eeeeee; }
h3              { font-size: 18px; line-height: 20px; margin-top: 2em; margin-bottom: 1em; }
h4              { font-size: 15px; line-height: 16px; margin-top: 2em; margin-bottom: 0.25em; }
h5              { font-size: 12px; line-height: 16px; margin-top: 2em; margin-bottom: 0.25em; }
h6              { font-size: 12px; line-height: 16px; margin-top: 2em; margin-bottom: 0.25em; }
h1, h2, h3, h4, h5
                { font-weight: bold; color: #005695; }
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child  { margin-top: 0px; }
h1 a, h2 a, h3 a, h4 a, h5 a, h4 a
                { text-decoration: none; }

p               { margin: 0 0 1em 0; padding: 0; }
p:last-child    { margin-bottom: 0px; }

ul, ol          { margin-top: 1em; margin-left: 0; padding-left: 3em; }
ul:last-child   { margin-bottom: 1em; }
ol:last-child   { margin-bottom: 1em; }
li              { margin: 0 0 0.5em 0; padding: 0; }

ul.compact      { padding-left: 1.2em; }
ul.compact li	{ margin: 0; padding: 0; marker-offset:1em; }
ul.nomark       { list-style-type: none; padding-left: 0em; }

blockquote      { margin-left: 20px; margin-right: 20px; padding: 16px; background-color: #eeeeee; border-top: 1px solid silver; border-bottom: 1px solid silver; }

a               { color: #005695; text-decoration: underline; }
a:hover         { }
a.moderate      { color: #202020; text-decoration: none; border-bottom: 1px dotted; }

img             { border: 0px; vertical-align: middle; }
fieldset        { border: 0px; }
strong          { font-weight: bold; }
em              { font-weight: bold; font-style: normal; }

hr              { margin: 16px 0px; }

pre             { background-color: #ededed; padding: 1em; border: 1px solid silver; overflow: auto; }

dl              { }
dt              { font-weight: bold; border: 1px solid silver; background: #EEEEEE; padding: 0px 4px; margin-top:6px; margin-bottom: 4px; }
dd              { }

/* ログインページのコンテナ */
.login-page-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 15px;
    position: relative;
    display: flex; /* IE7でも基本的な機能は動作 */
    justify-content: center; /* 中央寄せ */
    gap: 0; /* 要素間の隙間をなくす */
}

/* メイン画像コンテナ */
.main-image-container {
    width: 500px; /* 固定幅に変更 */
}

/* メイン画像 */
.main-image {
    width: 100%;
    height: auto;
    display: block;
}

/* ログインフォーム */
#login_form_container {
    width: 270px;
    padding: 20px;
    margin: 0; /* マージンを0に */
    border: 0px solid #E0E0E0;
    background-color: #606060;
    height: 548px; /* 画像の高さに合わせて調整 */
    float: left;
}


/* IE7対応のクリアフィックス */
.login-page-container:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


/* @Stracture */

#WARNING_NOSCRIPT {
	width: 980px; margin: 0px auto; padding:8px 0;
	background-color:red;
	text-align:center;
	color:white;
	font-weight:bold;
}

#TEST_MODE {
	position: fixed; right: 0px; bottom: 0px;
	padding:24px;
	color:white;
	font-weight:bold;
	background-color:#a22041;
}

#CONTENT_PANEL        { width: 980px; margin: 0px auto; padding: 12px 0px; text-align: left;
                        border: solid #515866; border-width: 6px 0px; }

#HEADER               { width: 980px; height: 64px; }
#HEADER_IDENTITY      { width: 220px; display: inline; float: left; }
#HEADER_MENU          { width: 740px; display: inline; float: right; margin-top: 4px; position: relative; }
#FAUX                 { overflow: visible; width: 100%; }
#BODY                 { width: 740px; display: inline; float: left; }
#BODY.NO_SIDE_PANEL   { width: 980px;}
#SIDE                 { width: 200px; display: inline; float: right; position: relative; }
#FOOTER               { width: 980px; margin: 24px 0px; padding-top: 12px; clear: both; 
                        text-align: center;
                        background: url(images/border-hor.gif) left top no-repeat; }
#FOOTER p             { font-weight:normal; color: #909999; font-size: 10px; line-height: 14px; margin-bottom: 7px; }

#NOW_PROCESSING       { color: white; background-color: #FF4D64; position: fixed; left: 0px; top: 0px; }


#logo_site_identity   { width: 104px; height: 35px; float: left; background-image: url(images/general-head-indus.gif); }
#logo_page_wiki       { width: 54px; height: 35px; float: left; background-image: url(images/general-head-wiki.gif); }
#logo_page_core       { width: 54px; height: 35px; float: left; background-image: url(images/general-head-core.gif); }

#login_form_container,
#login_form_container li,
#login_form_container h3,
#login_form_container a  { color: white; }


/* CSS huck for IE6 */
*html body #SIDE,
*html body #BODY { overflow: hidden; }




/* table */
table {
	margin: 0px 0px;
	border-collapse: collapse;
	border-spacing: 0;
}
td, th       { padding: 2px 3px; text-align: left; vertical-align: top;  }

table.center { margin-left: auto !important; margin-right: auto !important; }
table.left   { margin-left: 0 !important; margin-right: auto !important; }
table.right  { margin-left: auto !important; margin-right: 0 !important; }

tr.left   > td, tr.left   > th, td.left,   th.left   { text-align: left !important; }
tr.center > td, tr.center > th, td.center, th.center { text-align: center !important; }
tr.right  > td, tr.right  > th, td.right,  th.right  { text-align: right !important; }
tr.top    > td, tr.top    > th, td.top,    th.top    { vertical-align: top !important; }
tr.middle > td, tr.middle > th, td.middle, th.middle { vertical-align: middle !important; }
tr.bottom > td, tr.bottom > th, td.bottom, th.bottom { vertical-align: bottom !important; }


/* 基本テーブル */
table.style_table    { background-color: white; margin-top: 12px; margin-bottom: 12px; }
table.style_table th { background-color: #D9DDDD; font-weight: normal;  }
table.style_table td { }

table.style_table, 
table.style_table td,
table.style_table th { border: 0px solid #808888; border-width: 1px; }


table.style_table thead th,
table.style_table thead td,
table.style_table tfoot th,
table.style_table tfoot td   { text-align: center; color: white; 
							   background: #515866 url(images/general-table-header.jpg) left top no-repeat; }

table.style_table tr.console th, 
table.style_table tr.console td, 
table.style_table tr.section th,
table.style_table tr.section td,
table.style_table th.console, 
table.style_table td.console,
table.style_table th.section, 
table.style_table td.section { font-weight: bold; color: white; 
                               background: #515866 url(images/general-table-section.jpg) left top no-repeat; }

table.style_table tr.section2 th,
table.style_table tr.section2 td,
table.style_table th.section2, 
table.style_table td.section2 { background-color: silver; }

table.style_table thead a,
table.style_table tfoot a,
table.style_table tr.console th a, 
table.style_table tr.console td a, 
table.style_table tr.section th a,
table.style_table tr.section td a,
table.style_table th.console a,
table.style_table td.console a,
table.style_table th.section a,
table.style_table td.section a { color:white; }

table.style_table thead a:hover,
table.style_table tfoot a:hover,
table.style_table th.console a:hover,
table.style_table td.console a:hover,
table.style_table th.section a:hover,
table.style_table td.section a:hover { color: #afeeee; }

/* 交互カラー */
.cycle1 { background-color: #eeeeee; }
.cycle2 { background-color: #e0e0e0; }


/* ボーダーなし */
table.no-border    { border-style: hidden; }



/* 無効設定�値 */
td.disabled,
th.disabled,
tr.disabled > td,
tr.disabled > th    { text-decoration: line-through; color: #909999;  }

td.disabled a,
th.disabled a,
tr.disabled > td a,
tr.disabled > th a  { color: #909999;  }

/* 選択行、削除行、行マウスオーバーハイライト */
tr.selected { background-color: blue; }
tr.deleted  { background-color: #FFB6C1; }

tr.hover:hover,
tr.hover:hover td,
tr.hover:hover th,
td.hover:hover,
td.hover:hover,
td.hover:hover,
th.hover:hover,
th.hover:hover,
th.hover:hover		{ background-color: #afeeee; }

/* 構造用テーブル、セル */
table.structure,
table.structure tr,
table.structure td,
table.structure th  { margin: 0px auto; padding: 0px; border: none; }


/* マージンの大きなテーブル・行・セル */
table.wide_padding th,
table.wide_padding td,
tr.wide_padding th,
tr.wide_padding td,
th.wide_padding,
td.wide_padding        { padding: 8px; }

table.wide_vertical_padding th,
table.wide_vertical_padding td,
tr.wide_vertical_padding th,
tr.wide_vertical_padding td,
th.wide_vertical_padding,
td.wide_vertical_padding { padding: 6px 3px; }

table.wide_horizonal_padding th,
table.wide_horizonal_padding td,
tr.wide_horizonal_padding th,
tr.wide_horizonal_padding td,
th.wide_horizonal_padding,
td.wide_horizonal_padding { padding: 3px 6px; }

/* 通常のマージンのテーブル・行・セル */
table.normal_padding th,
table.normal_padding td,
tr.normal_padding th,
tr.normal_padding td,
th.normal_padding,
td.normal_padding        { padding: 2px 3px; }

/* マージンの小さなテーブル・セル */
table.short_padding th,
table.short_padding td,
tr.short_padding th,
tr.short_padding td,
th.short_padding,
td.short_padding        { padding: 1px; }

/* マージン無し�Eテーブル・セル */
table.no_padding th,
table.no_padding td,
tr.no_padding th,
tr.no_padding td,
th.no_padding,
td.no_padding        { padding: 0px; }

/* 合計セル */
tr.sum th,
tr.sum td,
th.sum,
td.sum        { padding-bottom:20px; }


/* 大きなテーブル用のスクローラブルパネル */
div.scroll_panel         { width:740px; min-height: 240px; max-height: 540px; margin: 12px 0px; overflow: auto; 
                           _height: 640px; } /* Hack for IE6 */
div.scroll_panel > table { margin: 1px; }


/* DIV 要素を用いた簡易テーブル風なセル */
div.cell     {  float: left; padding: 1px; margin: 1px; border-right: 1px solid silver; border-bottom: 1px solid silver; }

div.box      { border: 1px solid silver; }



/* フォーム
---------------------------------------------------------------- */
form			{ margin: 0px; padding: 0px; }
form.border		{ margin:12px 0px; padding:12px; border: 1px solid silver; text-align: left; }
form.mini_form	{ margin: 0px; padding: 1px 6px; border: 1px solid silver; text-align: right; vertical-align: middle; }

input { margin: 0; }

label			{ }
input[type="text"], 
input[type="password"], 
select, textarea 
				{ border: 1px silver solid; vertical-align: middle; }

input[type="text"][readonly="readonly"],
input[type="text"][disabled="disabled"],
input[type="password"][readonly="readonly"],
input[type="password"][disabled="disabled"],
input.readonly,
input.disabled,
textarea[type="text"][readonly="readonly"],
textarea[readonly="disabled"],
textarea.readonly,
textarea.disabled
				{ color: #202020; background-color: #ECE9D8; }




.horizonal_section
			   { display: block; float: left; color: white; background-color: #a9a9a9; text-align: center; padding-left: 4px; padding-right: 4px; }

label.horizonal, div.horizonal
               { display: block; float: left; margin-right: 8px; white-space: nowrap; }



input.not_empty,
textarea.not_empty,
select.not_empty   { background-color: #FFEECC; }


/* 目的別入力スタイル */
input.DATE          { width:  80px; text-align: center; }
input.TIME          { width:  50px; text-align: center; }
input.DATETIME      { width: 140px; text-align: center; }
input.date_with_day { width: 110px; text-align: center; }

.error_field { background-color: #FFB6C1; }





/* 汎用装飾用クラス */
.weak, .small  { font-size: 0.85em !important; line-height:1.4em; }
.bold, .em     { font-weight: bold !important; }
.underline     { text-decoration: underline; }

.border        { padding: 4px 12px; border: 1px solid silver; }
.border-top    { padding-top: 4px; border-top: 1px solid silver; }
.border-bottom { padding-bottom: 4px; border-bottom: 1px solid silver; }

.c-text        { color: #202020; }
.c-light-text  { color: #909999; }

.no_above_space { margin-top: 0px !important; }
.no_below_space { margin-bottom: 0px !important; }

.label_light    { color: #909999; font-size: 10px; line-height: 10px; }

img.border     { padding: 0px; border: 1px solid #808888; }

.center  { text-align:center; }
.left    { text-align:left;   }
.right   { text-align:right;  }

.float-left  { float: left;  }
.float-right { float: right; }
.clear       { clear: both;  }




.information,
.notice        { color: #005599; }
.caution       { color: #DD6633; }
.warning,
.important,
.error,
.system        { color: #DC0D2A; }
.authorised    { color: #119911; }
.success       { color: #0000FF; }

.disabled      { color: #a9a9a9; }

.noteSuper     { font-size: 0.8em; font-weight: bold; position: relative; top: -0.4em; }

.navi-pagetop  { display: block; margin: 2px 0px; height: 12px; color: silver; text-decoration: none; line-height: 12px;
                 background: url(images/icon-page_top.gif) no-repeat; padding-left: 16px; }

/* 警告 */
div.information             { margin:12px auto; padding: 1em; border: 4px solid silver; background: white; min-height: 42px; }
div.caution                 { margin:12px auto; padding: 1em; border: 4px solid #BFBF85; background: white; min-height: 42px; }
div.warning                 { margin:12px auto; padding: 1em; border: 4px solid #BF8F81; background: white; min-height: 42px; }
div.information div.icon    { width: 52px; height: 42px; float: left; background:url(images/icon-note-information.gif) no-repeat left top; }
div.caution     div.icon    { width: 52px; height: 42px; float: left; background:url(images/icon-note-caution.gif) no-repeat left top; }
div.warning     div.icon    { width: 52px; height: 42px; float: left; background:url(images/icon-note-warning.gif) no-repeat left top; }
div.information div.message { padding-left: 52px; text-align: left; color: #202020; }
div.caution     div.message { padding-left: 52px; text-align: left; color: #202020; }
div.warning     div.message { padding-left: 52px; text-align: left; color: #202020; }
div.information h4          { color: #005599; }
div.caution     h4          { color: #DD6633; }
div.warning     h4          { color: #DC0D2A; }



/* Notice */

div.info2, div.success2, div.warning2, div.error2 {
	border: 1px solid;
	margin: 10px 0px;
	padding:15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
}
div.info2 {
	color: #00529B;
	background-color: #BDE5F8;
	background-image: url('images/icon-information.png');
}
div.success2 {
	color: #4F8A10;
	background-color: #DFF2BF;
	background-image:url('images/icon-success.png');
}
div.warning2 {
	color: #9F6000;
	background-color: #FEEFB3;
	background-image: url('images/icon-warning.png');
}
div.error2 {
	color: #D8000C;
	background-color: #FFBABA;
	background-image: url('images/icon-error.png');
}

span.icon-info2, span.icon-success2, span.icon-warning2, span.icon-error2
				{ background-repeat: no-repeat; background-position: 0px center; padding-left: 20px; overflow: visible; }

span.icon-info2    { background-image: url(images/icon-information-s.png); }
span.icon-success2 { background-image: url(images/icon-success-s.png); }
span.icon-warning2 { background-image: url(images/icon-warning-s.png); }
span.icon-error2   { background-image: url(images/icon-error2.png); }


/* Mini アイコン */

.icon-mini-help,
.icon-mini-pj
	{ background-repeat: no-repeat; background-position: 0% top; padding-left: 10px; overflow: visible; }

.icon-mini-help		{ background-image: url(images/icon-mini-help.png); }
.icon-mini-pj		{ background-image: url(images/icon-mini-pj.png); }







/* ハイライト */
.highlight { background-color: #FFFF66; }

/* ボーダー付きスクローラブルコンテナ */
div.document_panel { 
	border: 1px solid silver; 
	width:714px; min-height: 240px; max-height: 420px; 
	margin: 12px 0px; padding: 24px 12px; overflow: auto; 
   _height: 420px; /* Hack for IE6 */
}






/* アイコン関係 */
a.icon-new, a.icon-edit, a.icon-duplicate, a.icon-copy,
a.icon-profile
				{ background-repeat: no-repeat; background-position: 0px center; padding-left: 20px; overflow: visible; }

a.icon-new		{ background-image: url(images/icon_new.png); }
a.icon-edit		{ background-image: url(images/icon_edit.png); }
a.icon-duplicate,
a.icon-copy		{ background-image: url(images/icon_copy.png); }
a.icon-profile	{ background-image: url(images/icon_profile.png); }
    


img.add          { background: url(images/icon_add.png) no-repeat; width: 20px; height: 20px; margin-top: -5px; margin-bottom: -5px; vertical-align: middle; overflow: visible; }
img.update,
img.edit         { background: url(images/icon_edit.png) no-repeat; width: 20px; height: 20px; margin-top: -5px; margin-bottom: -5px; vertical-align: middle; overflow: visible; }
img.remove,
img.delete       { background: url(images/icon_delete.png) no-repeat; width: 20px; height: 20px; margin-top: -5px; margin-bottom: -5px; vertical-align: middle; overflow: visible; }
img.checkbox-on  { background: url(images/icon-checkbox-on.gif) no-repeat; width: 18px; height: 16px; vertical-align: middle; }
img.checkbox-off { background: url(images/icon-checkbox-off.gif) no-repeat; width: 18px; height: 16px; vertical-align: middle; }
img.radio-on     { background: url(images/icon-radio-on.gif) no-repeat; width: 18px; height: 16px; vertical-align: middle; }
img.radio-off    { background: url(images/icon-radio-off.gif) no-repeat; width: 18px; height: 16px; vertical-align: middle; }

img.icon_top           { width: 20px; height: 20px; background: url(images/icon_top.png) left top no-repeat; }
img.icon_reload        { width: 20px; height: 20px; background: url(images/icon_reload.png) left top no-repeat; }
img.icon_new           { width: 20px; height: 20px; background: url(images/icon_new.png) left top no-repeat; }
img.icon_delete        { width: 20px; height: 20px; background: url(images/icon_delete.png) left top no-repeat; }
img.icon_edit          { width: 20px; height: 20px; background: url(images/icon_edit.png) left top no-repeat; }
img.icon_freeze        { width: 20px; height: 20px; background: url(images/icon_freeze.png) left top no-repeat; }
img.icon_unfreeze      { width: 20px; height: 20px; background: url(images/icon_unfreeze.png) left top no-repeat; }
img.icon_diff          { width: 20px; height: 20px; background: url(images/icon_diff.png) left top no-repeat; }
img.icon_file          { width: 20px; height: 20px; background: url(images/icon_file.png) left top no-repeat; }
img.icon_upload        { width: 20px; height: 20px; background: url(images/icon_file.png) left top no-repeat; }
img.icon_copy          { width: 20px; height: 20px; background: url(images/icon_copy.png) left top no-repeat; }
img.icon_rename        { width: 20px; height: 20px; background: url(images/icon_rename.png) left top no-repeat; }
img.icon_top           { width: 20px; height: 20px; background: url(images/icon_top.png) left top no-repeat; }
img.icon_list          { width: 20px; height: 20px; background: url(images/icon_list.png) left top no-repeat; }
img.icon_search        { width: 20px; height: 20px; background: url(images/icon_search.png) left top no-repeat; }
img.icon_recent        { width: 20px; height: 20px; background: url(images/icon_recentchanges.png) left top no-repeat; }
img.icon_recentchanges { width: 20px; height: 20px; background: url(images/icon_recentchanges.png) left top no-repeat; }
img.icon_backup        { width: 20px; height: 20px; background: url(images/icon_backup.png) left top no-repeat; }
img.icon_help          { width: 20px; height: 20px; background: url(images/icon_help.png) left top no-repeat; }
img.icon_rule_page     { width: 20px; height: 20px; background: url(images/icon_help.png) left top no-repeat; }
img.icon_rss           { width: 36px; height: 14px; background: url(images/icon_rss.png) left top no-repeat; }
img.icon_rss10         { width: 36px; height: 14px; background: url(images/icon_rss.png) left top no-repeat; }
img.icon_rss20         { width: 20px; height: 20px; background: url(images/icon_rss20.png) left top no-repeat; }
img.icon_rdf           { width: 20px; height: 20px; background: url(images/icon_rdf.png) left top no-repeat; }

img.icon_pdf           { width: 20px; height: 20px; background: url(images/icon_pdf.gif) left top no-repeat; }

img.icon_mypage        { width: 20px; height: 20px; background: url(images/icon_mypage.png) left top no-repeat; }
img.icon_mywiki        { width: 20px; height: 20px; background: url(images/icon_mywiki.png) left top no-repeat; }
img.icon_profile       { width: 20px; height: 20px; background: url(images/icon_profile.png) left top no-repeat; }
img.icon_document      { width: 20px; height: 20px; background: url(images/icon_document.png) left top no-repeat; }
img.icon_yen           { width: 20px; height: 20px; background: url(images/icon_yen.png) left top no-repeat; }
img.icon_docs          { width: 20px; height: 20px; background: url(images/icon_docs.png) left top no-repeat; }
img.icon_calendar      { width: 20px; height: 20px; background: url(images/icon_calendar.png) left top no-repeat; }

img.pj_status_alldone  { width: 16px; height: 16px; background: url(images/project/status_alldone.png) left top no-repeat; }
img.pj_status_bill     { width: 16px; height: 16px; background: url(images/project/status_bill.png) left top no-repeat; }
img.pj_status_canceled { width: 16px; height: 16px; background: url(images/project/status_canceled.png) left top no-repeat; }
img.pj_status_done     { width: 16px; height: 16px; background: url(images/project/status_done.png) left top no-repeat; }
img.pj_status_new      { width: 16px; height: 16px; background: url(images/project/status_new.png) left top no-repeat; }
img.pj_status_payment  { width: 16px; height: 16px; background: url(images/project/status_payment.png) left top no-repeat; }
img.pj_status_salary   { width: 16px; height: 16px; background: url(images/project/status_salary.png) left top no-repeat; }
img.pj_status_working  { width: 16px; height: 16px; background: url(images/project/status_working.png) left top no-repeat; }

img.pj_type_dtp,   img.pj_type_10 { width: 38px; height: 17px; background: url(images/project/type_dtp.png) left top no-repeat; }
img.pj_type_trans, img.pj_type_20 { width: 38px; height: 17px; background: url(images/project/type_trans.png) left top no-repeat; }
img.pj_type_dev,   img.pj_type_30 { width: 38px; height: 17px; background: url(images/project/type_dev.png) left top no-repeat; }
img.pj_type_other, img.pj_type_40 { width: 38px; height: 17px; background: url(images/project/type_other.png) left top no-repeat; }








/* ユーザー */
img.no-user-image   { width: 100px; height: 112px; background: url(images/no-image.jpg); border: 1px solid #808888; }



/* サブメニュー */
.submenu                  { text-align: right; margin-bottom: 12px; }
.submenu a                { display: inline-block; height: 18px; line-height:18px; 
                             margin-left: 1px; padding:2px 8px; text-decoration: none; 
					         color: white; background-color: silver; }
.submenu .hover           { color: white; background-color: #005695; }
.submenu a:hover          { color: white; background-color: #005695; }
.submenu a.disabled       { color: silver; background-color: lightgrey; }
.submenu a.disabled:hover { color: silver; background-color: lightgrey; }
.submenu a.current        { color: white; background-color: #a9a9a9; }
.submenu a.current:hover  { color: white; background-color: #a9a9a9; }
.submenu a.narrow         { padding-left:2px; padding-right:2px; }
.submenu .weak            { margin-left: 1px; }

table.submenu             { margin-left: auto; margin-right: 0; }
table.submenu td          { padding: 0; }
table.submenu input,
table.submenu select      { margin-left: 1px; }


/* Project */
.budget-rate-additional-reason-option-tag { 
	margin-left:4px; padding:0px 2px; font-size:10px; background-color: palevioletred; color: white;
}



/* Task */
#task-plan {
}


#task-plan #target_date {
	text-align: center;
	font-size: 60px; line-height: 42px;
	margin-bottom: 8px; padding: 4px;
	font-family: Arial;
	font-weight: bold;
	color: gray; 
}

#task-plan .task-log {
	position:relative;
	padding: 2px;
	border-bottom: 1px solid silver;
}
#task-plan .task-log .time {
	position: absolute;
	bottom: 2px;
	right: 2px;
	font-weight: bold;
	background-color: white;
}


#task-plan .task-log-total,
#task-plan .task-log-edit {
	padding: 2px;
	text-align: right;
	background-color: lightgrey;
	border-bottom: 1px solid silver;
}

#task-plan .box {
	color: #333333;
	margin: 0 0 0 8px;
	width: 264px;
	border: 1px solid #a9a9a9;
	padding-bottom: 1px;
}

#task-plan .box h5 {
	font-family: verdana;
	margin: 0px;
	padding: 1px;
	background-color: silver;
	color: white;
}

#task-plan .box div.task {
	margin: 1px 0px;
	padding: 0px 1px;
	border-width: 0px 0px 1px 4px;
	border-color: silver;
	border-style: solid;
}

#task-plan .box div.task:hover		{ background-color: #afeeee; }
#task-plan .box div.task a			{ text-decoration: none; }
#task-plan .box div.task a:hover	{ text-decoration: underline; }


#task-plan .box div.high	{ border-left-color: crimson; }
#task-plan .box div.normal	{ border-left-color: #4682b4; }
#task-plan .box div.low		{ border-left-color: #b0c4de; }


#task-plan .box  span.expired,
.task-item span.expired { padding:0px 2px; background-color: crimson; color: white; font-weight: bold; }


.suspense { background-color: khaki; }
.accepted { }
.rejected { background-color: lightpink; }
.canceled { }


#task-plan .box-tag { margin-left:4px; padding:0px 2px; font-size:10px; background-color: #a9a9a9; color: white; }

.task-request-tag { padding: 0px 2px; font-size:10px; background-color: mediumseagreen; color: white; }
.task-request-tag .name {  margin-left:1px; padding:0px 1px; }
.task-request-tag .suspense { background-color:#DD6633; color:white; margin-left:1px; padding:0px 1px; }
.task-request-tag .rejected { background-color:crimson; color:white; margin-left:1px; padding:0px 1px; }
.task-request-tag .canceled { background-color:crimson; color:white; margin-left:1px; padding:0px 1px; }
.task-request-tag .finished { background-color:blue; color:white; margin-left:1px; padding:0px 1px; }
.task-request-tag .box { margin-left:1px; padding:0px 1px; }

#task-plan .box .current { background-image: url(images/task-current.gif); }

#task-plan div.hover    { background-color: #afeeee; }
#task-plan div.hover h5 { background-color: #5f9ea0; }




/* ログ一覧 */
#task_log {}
#task_log_target_date {
	color: gray; 
	font-size: 24px;
	line-height:1em;
	font-weight: bold;
}
#task_log .mday  { font-size:20px; }
#task_log .youbi {  }

#task_log .log, #task_log .log-sum
                   { width:215px; padding:1px 4px; }
#task_log .log     { border-bottom: 1px dotted silver; }
#task_log .log-sum { font-weight: bold; font-style:italic; text-align: right; background-color: #D9DDDD; }
#task_log .log .content { width:100%; }
#task_log .log .time    { float:right; font-style:italic; }






/* メニューサイドパネル
---------------------------------------------------------------- */
#SIDE h2  { color: #202020; font-size: 13px; font-weight: bold; margin: 12px 0px 4px; padding: 1px 4px; border: 1px solid silver; background-color: #eeeeee; }
#SIDE h3  { color: #202020; font-size: 12px; font-weight: bold; margin: 12px 0px 4px; padding: 0px 0px; border-bottom: 1px solid silver; }
#SIDE h2:first-child { margin-top: 0px; }
#SIDE h3:first-child { margin-top: 0px; }

#SIDE ul  { margin: 0px 0px 12px 0px; padding: 0px; list-style-type: none; }
#SIDE li  { margin: 0px 0px 4px 12px; padding: 0px; }



/* 更新履歴 */
.history         { }
.history .entity { font-weight: bold; }
.history .object { font-weight: bold; }
.history .attr   { font-weight: bold; color: #4682b4; }
.history .old    { color: #666666; font-size:0.8em;    }
.history .new    {  }
.history .delete { color: #AA5566;    }




/* アンケート */
#questionnaire_confirm,
#questionnaire { background-color: #ededed; padding: 1em; border: 4px solid silver; overflow: auto; }
#questionnaire_confirm p.question,
#questionnaire p.question           { margin-top: 1em; margin-bottom:4px; }
#questionnaire_confirm div.response_container,
#questionnaire div.response_container { margin-left: 2em; }
#questionnaire_confirm div.sub_container,
#questionnaire div.sub_container    { margin-left: 2em; padding-left: 1em; border-left: 1px solid silver; }

#questionnaire p.question           { font-weight: bold; }
#questionnaire_confirm span.response  { background-color: white; padding: 1px 4px; margin: 0px 4px; }
#questionnaire_confirm div.response   { background-color: white; padding: 4px 8px; }
#questionnaire_confirm div.response_container { margin-right: 2em; }





/* -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- */
/* -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- */
/* -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-  W I K I  -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- */
/* -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- */
/* -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- */




.wiki_related                 { }

#wiki_page_function           { color: #909999; position: relative; top: -20px;}
#wiki_page_function div.left  { position: absolute; top: 1px; left: 0px; }
#wiki_page_function div.right { position: absolute; top: 0px; right: 0px; }
#wiki_page_function a         { text-decoration: none; }

#wiki_page_body    { margin-top: 60px; overflow: hidden; padding-left: 1px; }
	/* padding-left: 1px は、Firefox において overflow: hidden の影響でテーブルの左側が�Eれて表示されることへの対策 */

#wiki_menu h2      { color: #202020; font-size: 13px; font-weight: bold; margin: 12px 0px 4px; padding: 1px 4px; border: 1px solid silver; background-color: #eeeeee; }
#wiki_menu h2:first-child { margin-top: 0px; }
#wiki_menu h3      { font-size: 12px; margin: 4px 0px 1px 0px; padding: 0px; }
#wiki_menu ul      { margin: 0px 0px 12px 0px; padding: 0px; list-style-type: none; }
#wiki_menu li      { margin: 0px 0px  4px 8px; padding: 0px; }
#wiki_menu .navi-pagetop { display: none; }

#wiki_resent h5    { color: #202020; font-size: 13px; font-weight: bold; margin: 12px 0px 4px; padding: 1px 4px; border: 1px solid silver;  background-color: #eeeeee; }
#wiki_resent strong{  }
#wiki_resent ul    { margin: 0px 0px 12px 0px; padding: 0px; list-style-type: none; }
#wiki_resent li    { margin: 0px 0px  4px 8px; padding: 0px; }

#wiki_note         { padding: 8px; }

.wiki_page_footnote       { margin-top:6px; padding: 6px 0px; font-size: 11px; background: url(images/border-hor.gif) left top no-repeat; }

.wiki_page_footer         { margin-top:6px; padding: 6px 0px; font-size: 10px; color:#909999; background: url(images/border-hor.gif) left top no-repeat; }
.wiki_page_footer a       { color:#909999; }
.wiki_page_footer a:hover { color: #afeeee; }

strong.word0       { color: black; background-color: #ffff66 }
strong.word1       { color: black; background-color: #a0ffff }
strong.word2       { color: black; background-color: #99ff99 }
strong.word3       { color: black; background-color: #ff9999 }
strong.word4       { color: black; background-color: #ff66ff }
strong.word5       { color: white; background-color: #880000 }
strong.word6       { color: white; background-color: #00aa00 }
strong.word7       { color: white; background-color: #886800 }
strong.word8       { color: white; background-color: #004699 }
strong.word9       { color: white; background-color: #990099 }

.noexists          { background-color: #E9F2E8; }

.inline_header     { margin: 0px 4px ; padding: 0px 2px; border: 1px solid silver; background-color: #eeeeee; }


.contents a        { text-decoration: none; border-bottom: 1px dotted; }

/* rename.inc. php */
span.not_target      { text-decoration: line-through; color: #909999;  }
span.not_target a    { text-decoration: line-through; color: #909999;  }


/* navi.inc.php */
ul.navi            { margin: 0px; padding: 1px 8px; text-align: center; border: 1px solid silver; background: #EEEEEE; }
ul.navi li         { display: inline; margin: 0px; color: #909999; }
ul.navi li a       { color: #909999; }
ul.navi li a:hover { color: #666666; }
li.navi_none       { float: none; }
li.navi_left       { text-align: left;  float: left;  }
li.navi_right      { text-align: right; float: right; }
ul.navi_header     { margin-bottom: 24px; }
ul.navi_footer     { margin-top: 24px; }

/* diff.inc.php */
.diff_added        { color: #3333ff; }
.diff_removed      { color: #808080; text-decoration: line-through; }

/* vote.inc.php */
table.style_table th { vertical-align: middle; }
table.style_table td { vertical-align: middle; }

/* new.inc.php */
span.comment_date { font-size: x-small; }
span.new1 {
	color:red;
	background-color:transparent;
	font-size:x-small;
}
span.new5 {
	color:green;
	background-color:transparent;
	font-size:xx-small;
}