html, body {
}

/* general
-----------------------------------------------------------------------------*/
body {
  font-family: sans-serif;
  line-height: 1.1;
}

img {
  vertical-align: middle;
  text-align: center;
}

/* #TitleBarは、IE6の場合にコンボボックスを操作するとページタイトル部が動くので
   TitleBar_IE6.cssおよびTitleBar_Not_IE6.cssに分割して定義しています。 */

#title {
  font-weight: bolder;
  font-size: 125%;
  font-family: 'verdana';
  margin-top: 5px;
}

#TitleBar #logo {
  float: left;
  width: 25%;
  text-align: right;
  line-height: 2.0;
}
/* for IE6 */
* html #TitleBar #logo {
  float: left;
  width: 24%;
  text-align: right;
  line-height: 2.0;
  padding-top: 10px;
}
/* for IE7 */
*:first-child+html #TitleBar #logo {
  float: left;
  width: 24%;
  text-align: right;
  line-height: 2.0;
}

#TitleBar #logo p {
  margin-bottom: 5px;
}

#TitleBar #logo p img {
  padding-right: 4px;
}

#TitleBar #logo p a {
  font-size: 80%;
  color:#0000ff;
  text-decoration: underline;
}

#PageFooter {
  width: 100%;
  height: 1px;
  border-top: 1px #b9b9b9 solid;
  font-size: 80%;
  text-align: center;
  padding: 10px 0;
  font-family: 'verdana';
  clear: both;
}

#OperationArea {
  width: 100%;
  background-image: url( "../image/Common/bg.gif" );
  background-repeat: repeat-x;
  background-position: top;
  background-color: #ffffff;
}

#ContentsArea {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
}

#UnitArea {
  width: 100%;
  text-align: right;
  vertical-align: middle;
  right: 20px;
  padding-left: 10px;
}
/* for IE6 */
* html #UnitArea {
  width: 98%;
  text-align: right;
  vertical-align: middle;
  right: 20px;
  padding-left: 10px;
}
/* for IE7 */
*:first-child+html #UnitArea {
  width: 98%;
  text-align: right;
  vertical-align: middle;
  right: 20px;
  padding-left: 10px;
}

#UnitArea table {
  margin-left: auto;
  margin-right: 0;
  text-align: left;
}

#UnitArea table td {
  padding-right: 10px;
}

#OperationButtonBar {
  background-color: #dcdcdc;
  text-align: right;
  vertical-align: middle;
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 5px;
  width: 100%;
}

#OperationButtonBar table {
  margin-left: auto;
  margin-right: 0;
  text-align: left;
}

#OperationButtonBar table td {
  padding-right: 10px;
}

.OperationButtonBarFooter {
  background-color: #dcdcdc;
  text-align: center;
  vertical-align: middle;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 5px;
  width: 100%;
}

.OperationButtonBarFooter table {
  margin-left: auto;
  margin-right: auto;
}

.OperationButtonBarFooter table td {
  padding-right: 10px;
}

.bold {
  font-weight: bold;
}

table.ProductCategoryArea {
    width: 100%;
}

.unit {
  color: #0000ff;
  text-align: right;
  white-space: nowrap;
}

.productCategory {
  color: #008000;
}

.emphasisButton {
  color: #0000ff;
  font-weight: bold;
}

.fontMedium {
  font-size: medium;
}
.fontSmall {
  font-size: small;
}

/* 寸法単位 */
#unitLabel, #unitRadioGroup {
    white-space: nowrap;
}

/* 画面遷移ボタン */
#moveButton {
  width: auto;
}

/* for IE7 */
*:first-child+html #moveButton {
  width: 100%;
}

/* for IE6 */
* html #moveButton {
  width: 100%;
}

.preCautions {
  font-size: 80%;
}

/* 文字が欠ける対応 */
/* for IE6 */
* html .preCautionsArea {
  line-height: 1.4;
}

/* for IE7 */
*:first-child+html .preCautionsArea {
  line-height: 1.4;
}

/* バージョン */
a.version {
    font-size: 80%;
    text-decoration: underline;
    color: #136299;
    vertical-align: baseline;
}

/* ユーザー名 */
.specificUserName {
    font-size: medium;
    font-weight: bold;
    font-family: 'arial';
    color: #0000ff;
    text-align:right;
}