@charset "utf-8";
* {
  font-family: "ＭＳ ゴシック", "平成角ゴシック";
  font-size: 100%;
/*  background-color: #000000;
  color: #ffffff; */
}

body {
  background-color: #000000;
  color: #ffffff;
}

table {
  border-collapse: collapse;
}

th {
/*  color: navy;
  background-color: skyblue; */
  color: white;
  background-color: navy;
  font-size: 80%;
  font-weight: normal;
  text-align: center;
  margin: 0px;
  padding: 4px;
  border: 1px #669999 solid;
}

td {
  font-size: 100%;
  text-align: left;
  margin: 0px;
  padding: 4px;
  border: 1px #669999 solid;
}

input {
  background-color: white;
  color: #000000;
}

select {
  background-color: white;
  color: #000000;
}

/* ページ構成部品 */
#pageheader {
  width: 1090px;
  height: 28px;
  border-width: 0px;
  margin: 0px;
  padding: 0px 0px 0px 10px;
  background-color: #000000;
  color: white;
}
#pageheader img.logo {
  float: left;
  width: 80px;
  height: 47px;
  border: none;
  -moz-background-size:cover;
  background-size:cover;
}
#pageheader a.logo {
/*  color: black; */
  color: white;
  text-decoration: none;
}
#menutabbox	{
  /*width: 960px;*/
  width: 1090px;
  height: 70px;
  margin: 0px 0px 0px 10px;
  padding: 0px;
  border-style: solid;
  border-width: 0px 0px 0px 0px;
  border-color: red;
  clear: both;
  background-color: #0D0D0D; 
}

#mainview_box {
  background-color: #323232;
  color: white;
  margin: 0px 0px 0px 10px;
}

#subtitle {
  width: 1050px;
/*  text-align: center; */
  margin: 0px 0px 0px 10px;
  padding: 10px 0px 0px 10px;
  border: none;
  background-color: #323232;
/*  background-color: navy;
  color: white; */
}
#titlebox {
  position: relative;
  /*width: 960px;*/
  width: 1100px;
  height: 24px;
  border-style: solid;
  border-width: 0px 0px 2px 0px;
  border-color: navy;
  margin: 10px 0px 10px 0px;
  padding: 0px 0px 8px 0px;
  font-size: 1.5em;
}
#titlebox span {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 14px;
  /*text-align: right;*/
}
#mainview {
  /*width: 960px;*/
  width: 1100px;
  border-width: 0px;
  margin: 0px 0px 0px 0px;
  padding: 0px;
/*  background-image: url(../images/default/mainbg.jpg);
  background-repeat: repeat; */
}

#mainfooter {
  width: 1090px;
  height: 68px;
  margin: 0px 0px 0px 10px;
  border-width: 0px;
  background-image: url(../images/default/mainbg.jpg);
  background-repeat: repeat;
}

.how_to {
  margin: 0px 0px 0px 10px;
  padding: 0px 0px 0px 10px;
}

#pagefooter {
  background-color: red;
/*  background-color: #EB6001; */
  /*width: 100%;*/
  width: 1090px;
  height: 22px;
  margin: 0px 0px 0px 0px;
  padding: 4px 0px 0px 0px;
/*  clear: both; */
}
/* 営業日カレンダー */
div#business_calbox {
  float:right;
  margin-right: 40px;
}
div#business_calbox button {
  padding: 2px 2px 2px 2px;
  font-size: smaller;
  background-color: #000222;
  color: white;
  border-style: hidden;
}

/* ユーザー情報 */
div#user_info {
  float: right;
  font-size: small;
}
#user_info td {
  border: none;
}

div#logo_info {
  float: left;
  padding: 2px 2px 2px 2px;
/*  margin: 30px 0px 2px 5px; */
}
#logo_info td {
  border: none;
}

/* タブに関するスタイル */
.tabs {
  list-style: none;
  margin: 0px;
  padding: 0px 0px 0px 0px;
  background-color: #0D0D0D; 
}

.tabs a {
  text-decoration: none;
  vertical-align: middle;
}

.tabs .tab {
  width: 110px;
  height: 70px;
  text-align: center;
  vertical-align: middle;
  font-size: 1.0em;
  font-weight: bold;
  float: left;  /* 左並びにする。 */
  padding: 0px 0px 0px 0px;
  margin: 25px 0px 0px 0px;
  background-color: #0D0D0D; 
}

.tabs .tab .logo {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  float: left;
  width: 160px;
  height: 70px;
  border: none;
}

.tabs .normal {
/*  background-image: url(../images/default/tabbg1.jpg);
  background-repeat: no-repeat; */
  height: 38px;
}
.tabs .normal a {
/*  color: black; */
  vertical-align: middle;
  color: white;
}

.tabs .active {
/*  background-image: url(../images/default/tabbg2.jpg);
  background-repeat: no-repeat;
  background-color: #CCCCCC; */
  height: 38px;
}
.tabs .active a {
/*  color: white; */
  vertical-align: middle;
  color: #ff6600;
}

.tabs .logoff  {
/*  background-image: url(../images/default/tabbg3.jpg);
  background-repeat: no-repeat; */
  height: 38px;
  float: right;  /* 右並びにする。 */
}
.tabs .logoff a {
/*  color: black; */
  color: white;
}

/* ページフッターのスタイル */
.footers {
  list-style: none;
  font-size: 0.9em;
  margin: 0px;
  padding: 0px 0px 0px 10px;
}

.footers li {
  float: left;  /* 左並びにする。 */
  padding: 0px 0px 0px 0px;
}

.footers a {
  background-color: red;
  color: white;
  text-decoration: none;
}


/* メッセージ */
.error_message {
  margin-bottom: 20px;
  margin-left: 20px;
  padding: 2px;
  border: 2px solid #ff0000;
  background-color: #ffcccc;
  color: #000000;
/*  color: #0000ff; */
  font-size: smaller;
}
.error_message p {
  margin: 2px 4px;
}
#notice {
  color: green;
}
.flash_message {
  color: #ff0000;
  font-size: smaller;
  margin-bottom: 10px;
}
/*.field_with_errors {
  padding: 2px;
  background-color: red;
  display: table;
}*/

.field_with_errors input {
  background-color: #ffa0cc;
}
.field_with_errors select {
  background-color: #ffa0cc;
}

#error_explanation {
  width: 450px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 0;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#error_explanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  margin-bottom: 0px;
  background-color: #c00;
  color: #fff;
}

#error_explanation ul li {
  font-size: 12px;
  list-style: square;
}

/* ページネート */
.pagination {
  margin-top: 8px;
  margin-left: 8px;
  font-family: monospace;
  color: #98fb98;
  font-weight: bold;
}
.pagination a {
  color: #ffffff;
  font-weight: normal;
}
.pagination .gap {
  color: #ffffff;
  font-weight: normal;
}


/* 品番検索アイコンのスタイル */
.hincdfinder {
  border: 0px;
  width: 35px;
  height: 15px;
/*  background: url('../images/hincdfinder16_2.png') left top no-repeat;
  -moz-background-size:cover;
  background-size:cover;
  outline: none;
  display: inline; */
  background-color: #cc0000;
  color: #fff;
  font-size: 10px;
  text-align: center;
  padding: 0;
}

.hincdfinder:hover {
  cursor: pointer;
}

.ui-icon-calendar2 {
  border: 0px;
  width: 14px;
  height: 14px;
  background: url('../images/calendar.gif') left top no-repeat;
  -moz-background-size:cover;
  background-size:cover;
  outline: none;
  display: inline;
}

/* 発注の説明 */
table.how_to {
  margin: 1em 0px;
  padding: 0px;
}

table.how_to td {
  margin: 0px;
  padding: 4px;
  border: none;
}

a { color: #000; }
a:link { color: #00FFFF; }
a:visited { color: #00FF00; }
a:hover { color: #fff; background-color:#000; }