/* 全般 */
body {
    margin-top: 0;
    margin-bottom: 0;
    background-color: #EEE;
    color: #333;
    font-size: 0.78em;
    line-height: 1.4;
    font-family: "Lucida Grande","メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Osaka,sanserif
}
table {
    border: 0;
}
ul {
    margin: 0;
    list-style-type: none;
}
li {
    list-style-position: outside
}
select {
  font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", "MS Gothic", "Osaka-Mono", monospace;
   background-color:#F0F0FF;
  font-size: 1em;
}
input {
  padding: 1px;
  margin: 0px;
}
input[type="text"] {
  font-family: "Lucida Grande", "メイリオ", "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", "MS PGothic", "Osaka-Mono", monospace, sans-serif;
  font-size: 1em;
}
textarea { font-family: "Lucida Grande","メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", "MS PGothic", "Osaka-Mono", monospace, sans-serif;
	   font-size: 1em;
}

/* メニュー */
#Search{ float:left;  width:100%; }
#Body{ margin: 0px auto; width:98%; border 0; background-color:#FFF; }
#RightList { margin-right: 3px; }
#RightList div.list ul { margin-left: 395px; }
#RightListToContents { margin-left:395px; margin-right: 3px; }
#LeftMain { width: 387px; margin-left: 3px;  float:left; }

#LeftMainWide { width: 487px; margin-left: 3px;  float:left; }
#RightListNarrow { margin-right: 3px; }
#RightListNarrow div.list ul { margin-left: 495px; }

#LeftMainWide2 { width: 487px; margin-left: 3px;  float:left; }
#RightListNarrow2 { margin-right: 3px; }
#RightListNarrow2 div.list ul { margin-left: 495px; }

#LeftMainSuperWide { width: 567px; margin-left: 3px;  float:left; }
#RightListSuperNarrow { margin-right: 3px; }
#RightListSuperNarrow div.list ul { margin-left: 565px; }

#LeftList2 { width: 49%; margin-left: 6px; float:left; }
#RightList2 { margin-left: 51%; margin-right: 6px; }

#LeftMain table tr td { padding: 2px 4px; }
#Contents { clear: both; margin: 0px auto; width: 98%; background-color: white; }

#Footer{ clear:both; margin: 0; background-color:#DDD; text-align:right; padding:1em 0;}
#Header {
  margin-top: 3px;
  margin-left: 1%; margin-right: 1%;
  text-align: center; background-color:#FFF;
}

/* 箇条書き */
.nav1 {
  text-align: center;
  padding: 2px 0px;
  margin: 4px 0px;
}
.ul1 {
  border-bottom: 4px solid #999;
}
.nav2 {
  text-align: center;
}
.nav2 .ul2 {
  padding: 0px 0px;
  margin: 3px 0px;
}
#customer .ul2, #customer .ul3 {
  border-bottom: 4px solid #00CCFF;
}
#total .ul2, #total .ul3 {
  border-bottom: 4px solid #C96;
}
#enquete .ul2, #enquete .ul3 {
  border-bottom: 4px solid #96C;
}
#mail .ul2, #mail .ul3 {
  border-bottom: 4px solid #9C6;
}
#work .ul2, #work .ul3 {
  border-bottom: 4px solid #996;
}
#admin .ul2, #admin .ul3 {
  border-bottom: 4px solid #C36;
}
.list ul, .query ul, .search ul, .nav1 ul, .nav2 ul, .dlset ul {
  list-style: none;
  text-align: left;
  margin: 0;
  padding: 0;
}
.list li, .query li, .search li, .nav1 li, .nav2 li, .dlset li {
  margin: 0;
  padding: 0;
}
.dlset li {
  float: left;
}

.alist {
  font-family: "MS Gothic", "Osaka-Mono", monospace, sans-serif;
  overflow: hidden;
}
li.alist a {
  text-decoration: none;
  color: #66C;
}
li.alist:hover{
  display: block;
  background-color: #DDF;
}
li.highlight {
  background:#FDD;
}
li.selected {
  background:#EEE none repeat scroll 0 0;
}
li.selected a {
  color: #333;
}
li.selected:hover {
  background:#CCC none repeat scroll 0 0;
}

.query li, .search li, .nav1 li, .nav2 li, .dlset li {
  display: inline;
  white-space: nowrap;
}
.search li {
  line-height: 2.6;
  padding: 4px 2px;
  color:#665;
  border-bottom:1px dashed #AAA;
}
.search span.condition {
  line-height: 2.6;
  padding: 4px 2px;
  color:#665;
}
.search span.search_condition {
  display: block;
  float: left;
  line-height: 2.6;
  padding: 5px 0px 0px 3px;
  color:#665;
}
.search span.popup_condition {
  display: block;
  line-height: 2.6;
  padding: 4px 2px;
  margin-left: 2px;
  height: 32px;
  color:#665;
}
.search span.calendar_condition {
  display: block;
  line-height: 2.6;
  padding: 4px 2px;
  height: 32px;
  color:#665;
}
*html .search li, *html .query li {
  padding: 1px 2px;
  white-space: normal;
}
*:first-child+html .search li, *:first-child+html .query li {
  white-space: normal;
}
.query li {
  line-height: 2.5;
  padding: 5px 3px;
  color:#665;
  border-bottom:1px dashed #AAA;
}
.list li {
  line-height: 1.3;
  padding: 3px 3px;
  color:#665;
  border-bottom:1px solid #AAA;
}
.nav1 li a, .nav2 li a {
  text-align: center;
  padding: 3px 6px;
  border:1px solid #999;
}
#customer .nav2 li a {
  border:1px solid #00CCFF;
}
#total .nav2 li a {
  border:1px solid #C96;
}
#enquete .nav2 li a {
  border:1px solid #96C;
}
#mail .nav2 li a {
  border:1px solid #9C6;
}
#work .nav2 li a {
  border:1px solid #996;
}
#admin .nav2 li a {
  border:1px solid #C36;
}
.nav1 li a:link, .nav1 li a:visited { color:#666; }
.nav1 li a:hover {
  color: #333;
  background-color: #CCC;
}

.nav2 li a:link, .nav2 li a:visited { color:#666; }
.nav1 li a {
  background-color: #EEE;
  line-height: 2.1;
}
.nav2 li a {
  margin: 0px;
  line-height: 2.1;
}
#customer .nav2 li a { background-color: #EFF; }
#total .nav2 li a { background-color: #FFD; }
#enquete .nav2 li a { background-color: #EDF; }
#mail .nav2 li a { background-color: #EFD; }
#work .nav2 li a { background-color: #EED; }
#admin .nav2 li a { background-color: #FDE; }

.nav2 li a:hover { color: #666; }
#customer .nav2 li a:hover { background-color: #00CCFF; }
#total .nav2 li a:hover { background-color: #FD9; }
#enquete .nav2 li a:hover { background-color: #C9F; }
#mail .nav2 li a:hover { background-color: #CF9; }
#work .nav2 li a:hover { background-color: #DD9; }
#admin .nav2 li a:hover { background-color: #F9C; }

.nav1 .On a { color: white; background-color: #999;}
.nav1 .On a:link { color:white; }
.nav1 .On a:visited { color: white; }
.nav1 .On a:hover { color: white; }

#customer .nav1 .On a, #total .nav1 .On a, #enquete .nav1 .On a,
#mail .nav1 .On a, #work .nav1 .On a, #admin .nav1 .On a{
  color: #333;
  background-color: #CCC;
}

.nav2 .On a { color: #000; }
.nav2 .On a:link { color: #000; }
.nav2 .On a:visited { color: #000; }
.nav2 .On a:hover { color: #333; }

#customer .nav2 .On a { color: #333333; background-color: #00CCFF; }
#total .nav2 .On a { background-color: #FD9; }
#enquete .nav2 .On a { background-color: #C9F; }
#mail .nav2 .On a { background-color: #CF9; }
#work .nav2 .On a { background-color: #DD9; }
#admin .nav2 .On a { background-color: #F9C; }

#top ul {
  list-style: none;
  margin: 0;
}

#loginHead #top ul {
  padding: 4px 5px 4px 5px;
}

#top li {
  display: inline;
}

#topLeft {
  padding:10px 0px 3px 14px;
  color:#00c;
  font-size: 1.5em;
  float: left;
}

#topRight {
  padding:4px 8px;
  float: right;
  text-align: right;
}

#loginHead #topLeft {
  padding: 6px 0px 3px 14px;
}

#loginHead #topRight {
  padding: 6px 0px 6px 14px;
}

ul.explain dl dt {
  line-height: 2.2;
}
ul.explain li {
  list-style-type: square;
}
dl dt {
  font-weight: bold;
}
dl dd {
  margin-left: 10px;
}
ol.declist li {
 list-style-type: decimal;
}
ol.urlist li {
 list-style-type: upper-roman;
}
ol.ullist li {
 list-style-type: upper-latin;
}
/* 一般的な定義 */
.c { text-align: center; }
.l { text-align: left; }
.r { text-align: right; }
.fl { float: left; }
.fr { float: right; }
.fc {
 margin-left:auto;
 margin-right:auto;
}
.b { font-weight: bold; }
.nowrap { white-space: nowrap; }
.clear { clear: both; }

.posc { margin-left: auto; margin-right: auto; }
td.no { text-align: right; padding-right: 4px; }
.fs06 { font-size: 0.6em; }
.fs078 { font-size: 0.78em; }
.BG_white { background-color:#FFF; }
.BG_555 { background-color:#555; }
.BG_99F { background-color:#99F; }
.BG_9FF { background-color:#9FF; }
.BG_CCC { background-color:#CCC; }
.BG_DDD { background-color:#DDD; }
.BG_EEE { background-color:#EEE; }
.BG_EEF { background-color:#EEF; }
.BG_F00 { background-color:#F00; }
.BG_F6C { background-color:#F6C; }
.BG_F9F { background-color:#F9F; }
.BG_F99 { background-color:#F99; }
.BG_FCC { background-color:#FCC; }

.red { color:#F00; }
.blue { color:#00F; }
.black { color:#000; }
.disabled_item { color:#AAA; }
.search_form { color:#665; }

.w35p { width:35%; }
.w50p { width:50%; }
.w70p { width:70%; }
.w80p { width:80%; }
.w100p { width:100%; }
.w10 { width: 10px; }
.w30 { width: 30px; }
.w45 { width: 45px; }
.w50 { width: 50px; }
.w60 { width: 60px; }
.w80 { width: 80px; }
.w90 { width: 90px; }
.w100 { width: 100px; }
.w120 { width: 120px; }
.w130 { width: 130px; }
.w140 { width: 140px; }
.w160 { width: 160px; }
.w180 { width: 180px; }
*html select.w180 option { width: 180px; }
.w200 { width: 200px; }
.w220 { width: 220px; }
.w240 { width: 240px; }
.w260 { width: 260px; }
*html select.w260 option { width: 260px; }
.w280 { width: 280px; }
.w295 { width: 295px; }
.w300 { width: 300px; }
.w320 { width: 320px; }
.w360 { width: 360px; }
.w380 { width: 380px; }
.w400 { width: 400px; }
.w480 { width: 480px; }

.error {
  font-size: 1.5em;
  color: red;
}

div.inlinehelp {
  /* border: 1px solid gray; */
  padding: 8px;
  margin-bottom: 10px;
  background-color:#FFE;
  display: none;
}

div.inlinehelp dl {
  margin: 0px;
}

div.customsetting {
  border: 1px solid gray;
  padding: 8px;
}

div.pagesel {
  font-size: 1.1em;
  text-align: center;
  margin: 15px;
}
div.pagesel a.pageprevnext {
  font-size: 1.3em;
}
div.pagesel span.pageselected {
  font-size: 1.3em;
}
div.pagesel a:visited {
  color: blue;
}

select.changed, input.changed, textarea.changed, td.changed {
  background-color: #FDD;
}
span.changed {
  background-color: #FDD;
  padding: 3px 4px 2px 4px;
}
select.condchanged, input.condchanged, textarea.condchanged, td.condchanged {
  background-color: #FDD;
}
span.condchanged {
  background-color: #FDD;
  padding: 3px 4px 2px 4px;
}
span.highlight {
  background-color: #9C9;
  display: block;
  padding: 3px;
}
input.opencalendar {
  padding: 5px 1px;
}
option.globalquery {
  background-color: #FFFFF0;
}

/* 等幅フォント */
.mail {
  font-family: "MS Gothic", "Osaka-Mono", monospace, sans-serif;
  font-size: 1em;
  line-height: normal;
}
#scut {
  padding: 0;
  border-bottom: 2px dotted #999;
  margin-bottom: 6px;
  width: 100%;
}

/* 部品 */
.subject {
  font-weight: bold;
  line-height: 2;
  margin-top: 5px;
  margin-bottom: 5px;
}
.m16 {
  margin: 0px 16px;
}

/* 線 */
.uline {
  border-bottom: 1px solid #CCC;
}
.duline {
  border-bottom: 3px double #CCC;
}
.rline {
  border-bottom: 3px ridge #CCC;
}
.dline {
  border-bottom: 1px dotted #CCC;
}

/* table 定義 */
table.normal {
  width: 100%;
  border-collapse: collapse;
}
table.normal tr td, table.normal tr th {
  color:#000;
  padding:4px;
  line-height: 1.8;
}
table.normal tr td {
  border: 0;
}
.nowselected {
  padding:6px 6px 6px 12px;
  font-weight: bold;
}
table.fm {
  width: 98%;
  border-collapse: collapse;
  margin: 4px 0px;
}
table.fm td {
  margin: 6px 2px;
  padding: 3px 6px;
}
tr.sep td {
  border-bottom:1px dashed #AAA;
}

#command, #commandwide {
  border-bottom: 2px ridge #999;
  margin-bottom: 3px;
}
#command input[type="button"], #command input[type="reset"], #command input[type="submit"] {
  width: 52px;
}
#command64 input[type="button"], #command64 input[type="reset"], #command64 input[type="submit"] {
  width: 64px;
}
#command70 input[type="button"], #command70 input[type="reset"], #command70 input[type="submit"] {
  width: 70px;
}
#command90 input[type="button"], #command90 input[type="reset"], #command90 input[type="submit"] {
  width: 90px;
}
.sortbutton {
  width: 64px;
}
.sortarrow {
  vertical-align:middle;
}
div#span_select {
  border-bottom:1px dashed #AAA;
  float: left;
}
table.status {
  width: 100%;
  padding: 2px;
  margin: 4px;
  border-bottom:2px double #CCC;
  font-family: "Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Osaka,sanserif
}
table.status tr td {
  width: 20%;
  text-align: center;
}
tr.border td {
  border-bottom:1px solid #C33;
}

div.summary .client td {
  border-bottom:1px dotted #66F;
}
.client th {
  border-bottom:3px double #66F;
}
div.summary .enquete td {
  border-bottom:1px dotted #A7B;
}
.enquete th {
  border-bottom:3px double #A7B;
}
div.summary .follow td {
  border-bottom:1px dotted #963;
}
.follow th {
  border-bottom:3px double #963;
}
div.summary .appointment td {
  border-bottom:1px dotted #A46;
}
.appointment th {
  border-bottom:3px double #A46;
}
div.summary .biztalk td {
  border-bottom:1px dotted #696;
}
.biztalk th {
  border-bottom:3px double #696;
}
.biztalk tr.tsum td {
  border-top:3px double #696;
  border-bottom:3px double #696;
}
div.summary .estimate td {
  border-bottom:1px dotted #CCC;
}
.estimate th {
  border-bottom:3px double #CCC;
}
div.summary .invoice td {
  border-bottom:1px dotted #BDD;
}
.invoice th {
  border-bottom:3px double #BDD;
}
.urlclick th {
  border-bottom:3px double #6C6;
}
.mailhistory th {
  border-bottom:3px double #6C6;
}
div.summary .custompage td {
  border-bottom:1px dotted #CDC;
}
.custompage th {
  border-bottom:3px double #CDC;
}
.work th {
  border-bottom:3px double #996;
}
.admin th {
  border-bottom:3px double #F9C;
}

/* 縦線不要 */
table.tlist {
  width: 100%;
  padding-top: 4px;
  padding-bottom: 4px;
  margin-bottom: 6px;
}
.tlist td {
  color: #333;
  padding: 2px 6px;
}
.tlist td.readonly {
  color: #AAA;
}
.tlist .no {
  width: 50px;
  white-space: nowrap;
}
.tlist .date {
  width: 64px;
}
.tlist .company {
  width: 120px;
}
.tlist .price {
  width: 50px;
  text-align: right;
  white-space: nowrap;
}

/* 縦線必要 */
.totallist {
  border-collapse: collapse;
  background-color: white;
  margin: 4px 0px;
}
.enqresult { width:50%; margin-left: auto; margin-right: auto;}
.totallist td, .totallist th {
  padding: 4px 4px;
  border-left: 1px dotted #666;
  border-right: 1px dotted #666;
}
.csvlist {
  width: 100%;
  border-collapse: collapse;
  margin: 0px;
}
.csvlist td, .csvlist th {
  padding: 4px;
  border: 1px dotted #666;
}
.csvlist th {
  border-bottom: 3px double #999;
}
.uploadtable {
  white-space: nowrap;
  font-size: 0.78em;
}

/* 商品リスト */
#plist, #ealist, #lalist {
  padding: 0px;
  margin: 1px 2px;
  width: 98%;
  background-color: white;
}
#plist th, #ealist th, #lalist th, #flist th,
#plist td, #ealist td, #lalist td, #flist td {
  border-bottom: 2px double #999;
}
#flist td textarea {
  border: 0px;
}
#lalist td {
  line-height: 1.4;
}

/* 表の下に入れる線 */
tr.dee_line_t th {
  border-top: 2px double #dee;
}
tr.dee_line th {
  border-bottom: 2px double #dee;
}
tr.ddd_line th {
  border-bottom: 2px double #ddd;
}
tr.line_699 th {
  border-bottom: 2px double #699;
}
tr.line_399 th {
  border-bottom: 2px double #399;
}
tr.dde_line_t td {
  border-top: 2px double #dde;
}
tr.dde_line td {
  border-bottom: 2px double #dde;
}
tr.cee_line td {
  border-bottom: 2px double #cee;
}
tr.bee_line_t td {
  border-top: 2px double #bee;
}
tr.bee_line td {
  border-bottom: 2px double #bee;
}
tr.d00_line td {
  border-bottom: 2px double #d00;
}
tr.line_999 td {
  border-bottom: 2px double #999;
}
tr.dline_999 td {
  border-bottom: 1px dotted #999;
}
tr.f99_line td {
  border-bottom: 2px double #f99;
}

/* マウスオーバー */
.totallist tr:hover > td, .tlist tr:hover > td {
  background:#EEE none repeat scroll 0 0;
}

/* ログイン画面 */
#login {
  margin: 0px auto; width:900px;
  padding: 20px;
  min-height: 300px;
  text-align: center;
}
#login table {
  width: 100%;
  text-align: left;
  margin: 10px;
}
#login th {
  border-bottom:2px double #666;
  border-top:1px solid #DFB;
  color:#063;
  padding: 2px 14px;
  text-align: center;
}
#login td {
  border-bottom:1px dashed #666;
  border-top:1px dashed #DFB;
  color:#333;
  padding: 2px 14px;
}


/* content-specific */

#popup_window h1 {
  /* header */
  font-size:2em;
  margin:0px;
  padding:0px;
  margin-top:-0.6em;
}

#popupMsg {
  margin: 0px;
}

p {
  font-family:verdana,tahoma,arial,"sans serif";
}

#popup_window p {
  margin:0.5em 0px 0px 0px;
  padding:0px;
  font:0.95em/1.5em arial,tahoma,"sans serif";
}

html>body #popup_window pre {
  font-size:1.1em;
}

#popupError {
  color: red;
}

table#popupLogin {
  margin: 5px;
  border: 0;
  width: 350px;
}

.popupTLabel {
  font-size: 14px;
  font-family:verdana,tahoma,arial,"sans serif";
  color:#fff;
}

.popupTValue {
  font-size: 14px;
  font-family:verdana,tahoma,arial,"sans serif";
  color:#fff;
}

/* 顧客情報 */
.clickable {
  cursor: pointer;
}

/* 残案件 */
.past60 {
  background-color: #D00000;
}

.past30 {
  background-color: #F09090;
}

/* 検索 */
span.keyword {
  background-color: #FFFF99;
}

/* 日報固定幅textarea */
.drfixed {
  font-family: "MS Gothic", "Osaka-Mono", monospace, sans-serif;
  overflow: hidden;
}

/* 日報/週報/月報 */
.reporttitle {
  padding:10px 0px 3px 14px;
  color:#00c;
  font-size: 1.5em;
}

/* 顧客データ登録 */
#UploadProgress {
  font-size: 24px;
  padding: 10px;
  text-align: center;
}

#UploadStep .setting ul {
  padding-bottom: 10px;
}

#UploadStep .title {
  font-weight: bold;
}

#UploadStep .title tr {
  vertical-align: top;
}

#UploadStep .title .inlinehelp {
  font-weight: normal;
}

#UploadStep .title .inlinehelp ul {
  list-style: disc outside;
}

.hier_frame {
  display: block;
  text-align: left;
  border: 1px solid #C0C0C0;
  padding: 5px;
  background-color: #F0F0F0;
  top: 30px;
  left: 10px;
  position: absolute;
  z-index: 1;
}

.hier_frame .hier_selected {
  background-color: #E0D0D0;
}

.hier_frame .hier_selected1 {
  background-color: #E0E0E0;
}

.hier_frame .hier_selected2 {
  background-color: #D0D0D0;
}

.hier_frame .hier_level1 {
}

.hier_frame .hier_label1 {
  color: #3060F0;
  cursor: pointer;
  text-decoration: underline;
  padding: 5px 10px;
  word-break: break-all;
  font-size: 12px;
}

.hier_frame .hier_level2_frame {
  background-color: #E0E0E0;
  padding: 5px;
}

.hier_frame .hier_level2 {
  background-color: #E0E0E0;
}

.hier_frame .hier_label2 {
  color: #3060F0;
  cursor: pointer;
  text-decoration: underline;
  padding: 5px 10px;
  word-break: break-all;
  font-size: 12px;
}

.hier_frame .hier_level3 {
  background-color: #D0D0D0;
}

.hier_frame .hier_label {
  color: #3060F0;
  cursor: pointer;
  text-decoration: underline;
  padding: 5px;
  white-space: nowrap;
  font-size: 12px;
  display: inline-block;
}

.hier_frame .select_all {
  display: block;
}

/* popup.js */
.popup {
  border: 1px solid black;
  background-color: #FAFAFA;
  text-align: center;
  padding: 10px;
  box-shadow: 3px 3px 5px;
}
.popup .popupbutton {
  margin: 10px;
}
.popup div.popupframe {
  border: 1px solid black;
  background-color: #F4F4F4;
}
.grayout {
  background-color: black;
  filter: alpha(opacity=30);
  -moz-opacity: 0.30;
  opacity: 0.30;
}

#custdetail tr {
  text-align: left;
  vertical-align: top;
}