@charset "utf-8";

/* CSS Document */
body {
  display: flex;
  flex-direction: column;
  margin: auto;
  background-color: #EEE;
}

a:hover {
  color: #999;
}

#mainWrapper {
  width: 1024px;
}


.header {
	height: 75px;
	background-color: #000000;
	text-align: center;
	padding: 0px;
	margin: 0px;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
}
#logo {
  padding-top: 0px;
  padding-bottom: 0px;
  width: 265px;
  text-align: center;
  color: rgba(255, 255, 255, 1.00);
  border-bottom: solid 3px #000;
}
#headerLinks {
  border-bottom: solid 3px #000;
  width: calc(100% - 265px);
  text-align: right;
  padding-top: 0px;
  padding-bottom: 0px;

}



main {
  display: flex;
  min-height: calc(100vh - 170px);
  right: 0px;
  background-color: #FFF;
}



.content-area {
	display: flex;
	flex: 1;
	padding-top: 16px;
	padding-right: 16px;
	padding-left: 16px;
	padding-bottom: 16px;
}
.content {
  flex: 1;
  height: 200px;
  background-color: #eee;
  text-align: center;
  margin: 0 10px 0 10px;
}
.localNavigation {
  text-align: left;
  background-color: rgba(249, 185, 000, 1.00);
  width: calc(265px - 12px);
    min-width: calc(265px - 12px);
  padding: 16px 6px;
}
.localNavigation td, .localNavigation table {
  background-color: rgba(249, 185, 000, 1.00) !important;
    padding: 0px;
}
.localNavigation td {
/*  display: block;
  width: 190px;*/
    vertical-align: top;
}


.localNavigation table{

margin: auto;
}


.footer {
  color: #fff;
  height: 30px;
  text-align: center;
  background-color:rgba(51, 63, 72, 1.00);
  margin-top: auto;
  padding: 10px;
}

/* input type="radio" のみ */
input[type="radio"] {
  property: value;
}
/* input type="checkbox" のみ */
input[type="checkbox"] {
  property: value;
}
input[type="submit"], input[type="reset"], input[type="button"] {
  /* input要素のうちtype属性値がbuttonのものに対して装飾 */
  background-image: linear-gradient(0deg, #a7d9f5, #eaf6fd); /* グラデーション */
  border: 1px solid #3c7fb1; /* 枠線 */
  border-radius: 0.3em; /* 角丸 */
  padding: 0.28em 0.2em;
    line-height: 1.6em;
    width:auto;
}
/* input type="password" のみ */
input[type="text"], input[type="password"],textarea,select {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 0.28em 0.2em;
}


/* ログイン */
input[name="login_email"], input[name="login_passwd"] {
  width: 96%;
}
input[name="login_email"]{

 margin-bottom: 0.8em;
}

[value="ログイン"]{
    width: 8em;
}
[value="会員登録"]{
    width: 8em;
}



/* 左メニュー */

.form_10pt_commandbutton_syl{
    width: 5em!important;
}

#e_searchDakoku,#e_searchGouki{

    float: right;
    width:6.2em!important;
}

.localNavigation [value="見積り履歴から注文"],
.localNavigation [value="発注履歴一覧"],
.localNavigation [value="配送先情報一覧"],
.localNavigation [value="見積り履歴から注文"],
.localNavigation [value="CSVファイルから一括発注"],
.localNavigation [value="拠点別部品情報検索"],
.localNavigation [value="買い物カゴ"]{
    width: 14em!important;
}

.localNavigation [value="ログアウト"]{

}

.localNavigation  .font_default{
    font-size: 0.8em;
    white-space: nowrap;
}

.localNavigation .font_large{
	font-weight: bold;
/*border-bottom: solid 1px #333;*/
    padding: 0px;
}


.localNavigation .font_large::before{
    content: "■";
}

.content-area table{

    /*width:auto;*/

}
/* estsearch */

.content-area [value="見積り番号検索"],.content-area [value="発注履歴一覧"],.content-area [value="前の画面に戻る"]{
    width: 8em!important;
}

/* basket */
.content-area [value="価格問い合わせ"],.content-area [value="変更した数量を反映"],.content-area [value="見積り発行確認"]{
    width: 12em!important;
}

/* batchorder */
.content-area [value="アップロード"]{
    width: 7em!important;
}

.content-area [value="発注フォーム ダウンロード"]{
    width: 13em!important;
}
.content-area [value="OK"],.content-area [value="キャンセル"]{
    width: 8em!important;
}


/* batchorder */
.content-area [value="アップロード"]{
    width: 7em!important;
}

.content-area [value="発注フォーム ダウンロード"]{
    width: 13em!important;
}
.content-area [value="OK"],.content-area [value="キャンセル"]{
    width: 8em!important;
}


/* userupdate */
.content-area [name="user_email"],.content-area [name="user_email2"],.content-area [name="user_emailcheck"]{
    width: 30em!important;
}

.content-area [name="user_passwd"]{
    width: 12em!important;
}

.content-area [name="user_name"],.content-area [name="user_kana"]{
    width:100%!important;
}
.content-area [name="user_person_f"],.content-area [name="user_person_s"]{
    width: 16em!important;
}
.content-area [name="user_person_kana_f"],.content-area [name="user_person_kana_s"]{
    width: 16em!important;
}
.content-area [name="user_zip_code"]{
    width: 8em!important;
}
.content-area [name="user_address2"],.content-area [name="user_address3"]{
    width:100%!important;
}

.content-area [name="user_tel"],.content-area [name="user_fax"]{
    width: 16em!important;
}
.content-area [name="user_own"]{
    width:100%!important;
}

.form_columnbutton{
  background-image:none !important; /* グラデーション */
  border:none !important; /* 枠線 */
  border-radius:none !important; /* 角丸 */
  line-height:none !important;
	font-weight:bold  !important;
	color:#0000ff  !important;
	background-color:#ffffff  !important;
	border-style:none  !important;
}

*::-ms-backdrop, body{
  height: 700px;
  padding-top: 30px;
}

*::-ms-backdrop, main{
  min-height: 700px;
}


_:-ms-lang(x)::backdrop, body{
  height: 700px;
  padding-top: 30px;
}

_:-ms-lang(x)::backdrop, main{
  min-height: 700px;
}