@charset "UTF-8";
@-ms-viewport {
    width: 1024px;
    height: 768px;
    /*initial-scale: 1;*/
}
@page {
    size: A4 landscape;
}
@media print{
/*    width: 650px;*/
    /* 2022.04.19 start  【確認依頼】WEB発注　印刷デフォルト設定について */
    /* EDGE で印刷方向を決定する「レイアウト」が表示されない現象の対応 */
    /*@page {size: portrait}*/
    /*@page {size: landscape}*/
    @page {size: auto!important}
    /* 2022.04.19 end 【確認依頼】WEB発注　印刷デフォルト設定について */
}
/*
 * base.css
 *
 */
html{
	min-height: 100%;
	position: relative;
}
body {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Osaka", "MS Pゴシック", "MS PGothic", "MSゴシック", Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.64;
	margin-bottom:40px;
}
img {
	vertical-align: top;
}

a:link,
a:visited{
	color: #333333;
}
a:hover {
	text-decoration: none;
}

a img{
    border: none;
}

.mod-list-table table{
    width: 100%;
    border-collapse: collapse;
}
.mod-list-table-wrap table{
    table-layout: fixed;
}
/* 2020.11.09 発注結果問合せ項目固定化対応 add Start */
.mod-list-table-wrap_result table{
    table-layout: fixed;
}
/* 2020.11.09 発注結果問合せ項目固定化対応 add End */
.mod-list-table th{
    background-color: #3b3536;
    color: #fff;
    font-weight: normal;
    padding: 0 7px 1px;
    white-space: nowrap !important;
}
.mod-list-table td{
    padding: 0 7px;
    line-height: 100%;
	position: relative;
}
.mod-list-table-wrap td{
	word-wrap: break-word;
    overflow-wrap: break-word;
}
.mod-list-table-col-01{
   width: 4%;
}
.mod-list-table-col-02{
   width: 10%;
}
.mod-list-table-col-03{
   width: 11%;
}
.mod-list-table-col-04{
   width: 4%;
}
.mod-list-table-col-05{
   width: 15%;
}
.mod-list-table-col-06{
   width: 17%;
}
.mod-list-table-col-07{
   width: 23%;
}
.mod-list-table-col-08{
   width: 4%;
}
.mod-list-table-col-09{
   width: 4%;
}
.mod-list-table-col-10{
   width: 4%;
}
.mod-list-table-col-11{
   width: 4%;
}

/* 2020.11.09 発注結果問合せ項目固定化対応 add Start */
.mod-list-table-wrap_result td{
	word-wrap: break-word;
    overflow-wrap: break-word;
}
.mod-list-table-col-result-01{
   width: 4%;
}
.mod-list-table-col-result-02{
   width: 14%;
}
.mod-list-table-col-result-03{
   width: 8%;
}
.mod-list-table-col-result-04{
   width: 11%;
}
.mod-list-table-col-result-05{
   width: 30%;
}
.mod-list-table-col-result-06{
   width: 11%;
}
.mod-list-table-col-result-07{
   width: 10%;
}
.mod-list-table-col-result-08{
   width: 12%;
}
/* 2020.11.09 発注結果問合せ項目固定化対応 add End */

.mod-list-table .oddLine2{
    background-color: #f3f3f3;
}
.mod-list-table .evenLine2{
    background-color: #e7e7e7;
}
.mod-list-table .oddLine2 td,
.mod-list-table .evenLine2 td{
    padding-bottom: 4px;
    padding-top: 2px;
}

/* @group Content */
#content{
    margin: 22px 10px 30px;
}

/* タイヤ検索入力 */
.mod-search-form{
    border-bottom: solid 2px #ededed;
}
.mod-search-form table{
    border-collapse: collapse;
}

.mod-search-form table td img{
    vertical-align: bottom;
}

.mod-search-form table .inputTableVLine{
    background: url(../images/line_v_2dot.gif) repeat-y;
    padding-left: 20px;
}

.mod-search-form table td input,
.mod-search-form table td select,
.mod-list-table td {
    font-size: inherit;
}


/* !header
---------------------------------------------------------- */
#header {
	margin: 0 auto;
	background: none;
	height: auto;
}

	#headerContent {
		width: 1024px;
		margin: 5px auto 10px;
		overflow: hidden
	}
		.header-logo {
			float: left;
			margin: 5px 0 0;
			line-height: 38px;
		}
			.header-logo-text {
				display: inline-block;
				font-weight: bold;
				margin-left: 1em;
			}
		.header-utility {
/* 2021.11.12 2021年下期小規模改修 add Start */
			/*font-size: 86%;*/
			font-size: 77%;
/* 2021.11.12 2021年下期小規模改修 add End */
			float: right;
			margin-top: 12px;
		}
/* 2021.11.12 2021年下期小規模改修 add Start */
			#headerManual,
/* 2021.11.12 2021年下期小規模改修 add End */
			#headerMailAddress,
			#headerUsername,
			#headerInfo,
			#headerLogout,
			#headerClose {
				display: inline-block;
/* 2021.11.12 2021年下期小規模改修 add Start */
				/* padding: 2px 0 0 20px;;*/
				padding: 2px 0 0 16px;
/* 2021.11.12 2021年下期小規模改修 add End */
			}
			#headerUsername {
/* 2021.11.12 2021年下期小規模改修 add Start */
				/*margin-left: 10px;*/
				margin-left: 8px;
/* 2021.11.12 2021年下期小規模改修 add End */
				background: url(../images/ico_user_01.png) no-repeat 0;
			}
			#headerInfo {
/* 2021.11.12 2021年下期小規模改修 add Start */
				/*margin-left: 10px;*/
				margin-left: 8px;
/* 2021.11.12 2021年下期小規模改修 add End */
				background: url(../images/ico_info_01.png) no-repeat 0;
			}
			#headerLogout {
/* 2021.11.12 2021年下期小規模改修 add Start */
				/*margin-left: 10px;*/
				margin-left: 8px;
/* 2021.11.12 2021年下期小規模改修 add End */
				background: url(../images/ico_logout_01.png) no-repeat 0;
			}
				#headerInfoNew {
					vertical-align: middle;
					display: inline-block;
/* 202409.04 【2024下期】 start */
/* ・お知らせ機能改善（沖縄） */
					/*font-size: 10px;*/
					font-size: 15px;
/* 202409.04 【2024下期】 end */
					background-color: red;
					color: #ffffff;
					border-radius: 3px;
					margin-right: 3px;
					padding: 0 2px;
/* 202409.04 【2024下期】 start */
/* ・お知らせ機能改善（沖縄） */
					/*animation: blinkNew 1s infinite alternate;*/
/* 202409.04 【2024下期】 end */
				}
/* 202409.04 【2024下期】 start */
/* ・お知らせ機能改善（沖縄） */
				@keyframes blinkNew {
				   0%{ color : red;   background:white }
				 100%{ color : white; background:red   }
				}
/* 202409.04 【2024下期】 end */
				#headerInfo a,
				#headerLogout a {
					text-decoration: underline;
					color: #333;
					cursor: pointer
				}
				#headerInfo a:hover,
				#headerLogout a:hover {
					text-decoration: none;
				}

			#headerCustomer {
				display: inline-block;
/* 2021.11.12 2021年下期小規模改修 add Start */
				/*margin-left: 10px;*/
				margin-left: 8px;
/* 2021.11.12 2021年下期小規模改修 add End */
			}

				#headerCustomer dd,
				#headerCustomer dt {
					display: inline-block;
				}


/* !gnav
---------------------------------------------------------- */
#gnav {
	min-width: 1024px;
	border-top: solid 1px #cccccc;
	border-bottom: solid 1px #dddddd;
	background: #f2f2f2;
	font-weight: bold;
}

#gnavSecond {
	min-width: 1024px;
	border-bottom: solid 1px #cccccc;
}

	#gnav > ul,
	#gnavSecond > ul {
		display: table;
		table-layout: fixed;
		width: 1024px;
		margin: 0 auto;
	}

		#gnav > ul > li,
		#gnavSecond > ul > li {
			display: table-cell;
			text-align: center;
			padding: 3px 0;
		}

		#gnav > ul > li {/*width: 16.7%;*/}
		#gnavSecond > ul > li {width: 33.33%;}

		#gnav > ul > li.input,
		#gnav > ul > li.input > a,
		#gnav > ul > li.master {
			/*background: #e2e2e2; */
			background: #b2b2b2;
			text-align: center;
			padding: 3px 0;
			color: #fefefe;
		}

		#gnav > ul > li:hover,
		#gnav > ul > li.current {
			border-bottom: solid 3px #333333;
			padding-bottom: 0;
		}

		#gnavSecond > ul > li:hover,
		#gnavSecond > ul > li.current {
			border-bottom: solid 3px #aaaaaa;
			padding-bottom: 0;
		}

			#gnav > ul > li a,
			#gnavSecond > ul > li a {
				display: block;
				border-right: solid 1px #cccccc;
				cursor: pointer;
				color: #333333;
				text-decoration: none;
			}

			#gnav > ul > li a:hover,
			#gnavSecond > ul > li a:hover {
				text-decoration: none;
			}

			#gnav > ul > li a {
				line-height: initial;
			}

			#gnavSecond > ul > li a {
				font-weight: bold;
			}

			#gnav > ul > li:first-child a,
			#gnavSecond > ul > li:first-child a {
				border-left: solid 1px #cccccc;
			}

			#gnavSecond > ul > li.input,
			#gnavSecond > ul > li.input > a {
				font-weight: bold;
				background: #b2b2b2;
				text-align: center;
				color: #fefefe;
			}

/* !footer
---------------------------------------------------------- */
#footer {
	position:absolute;
	bottom: 0;
	width:100%;
}
	.copyright {
		text-align: center;
		font-size: 86%;
		padding: 10px 0;
		border-top: solid 1px #cccccc;
	}



#content .h2Wrap h2 {
    position: relative;
    line-height: initial;
	font-weight: bold;
    font-size: 129%;
}
#shoppingCart01 {
	overflow: hidden;
}
#shoppingCart02 {
	overflow: hidden;
}
#content .h2Wrap {
	display: inline-block;
	height: auto;
}

.mod-btn-wrap {
	display: inline-block;
	float: right;
}

.mod-btn-wrap li {
	margin-left: 10px;
	display: inline-block;
}

.btn-cmn {
	display: inline-block;
	border-style: solid;
	border-width: 1px;
	padding: 6px 10px;
	border-radius: 5px;
	line-height: normal;
	text-decoration: none;
}

.btn-cmn:hover {
	cursor: pointer;
	text-decoration: none;
}

.btn-cmn {
	display: inline-block;
	border-style: solid;
	border-width: 1px;
	padding: 6px 10px;
	border-radius: 5px;
	line-height: normal;
	text-decoration: none;
}

.btn-cmn:hover {
	cursor: pointer;
	text-decoration: none;
}

.btn-disabled {
	pointer-events: none;
	cursor: default;
	text-decoration:none;
}

.btn-gray {
	background: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); /* IE7,8,9 */
	border-color: #adadad #a2a2a2 #888888;
	color: #000000;
}

.btn-gray:hover {
	background: linear-gradient(to bottom, #f2f2f2 0%, #e1e1e1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#e1e1e1', GradientType=0); /* IE7,8,9 */
	border-color: #a2a2a2 #929292 #787878;
	color: #000000;
}

.btn-darkgray {
	background: linear-gradient(to bottom, #b2b2b2 0%, #858585 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); /* IE7,8,9 */
	border-color: #4d4d4d #4d4d4d #4d4d4d;
	color: #fefefe;
}

.btn-orange {
	background: linear-gradient(to bottom, #f7dfa5 0%, #f0c14b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7dfa5', endColorstr='#f0c14b', GradientType=0); /* IE7,8,9 */
	border-color: #a88734 #9c7e31 #846a29;
	color: #000000;
}

.btn-orange:hover {
	background: linear-gradient(to bottom, #dbc695 0%, #d6a945 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dbc695', endColorstr='#d6a945', GradientType=0); /* IE7,8,9 */
	border-color: #8c6e2c #82662a #685221;
	color: #000000;
}

.btn-red,
a.btn-red {
	background: linear-gradient(to bottom, #FC2828 0%, #BE1625 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FC2828', endColorstr='#BE1625', GradientType=0); /* IE7,8,9 */
	border-color: #A00 #A00 #800;
	color: #ffffff;
}

.btn-red:hover {
	background: linear-gradient(to bottom, #E02727 0%, #A31425 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E02727', endColorstr='#A31425', GradientType=0); /* IE7,8,9 */
	border-color: #A00 #A00 #800;
	color: #ffffff;
}

.btn-search {
	padding: 22px 8px;
	font-size: 150%;
}

/* 2023.10.10 2023年下期 お気に入り機能 Start */
.btn-search1 {
    padding: 22px 8px;
    font-size: 150%;
    width: 70px;
    height: 40px;
    text-align: center;
    vertical-align: middle;
}

.btn-search2 {
    padding: 22px 8px;
    font-size: 110%;
    width: 70px;
    height: 40px;
    text-align: center;
}

#fav_toast_on {
    display: flex;
    visibility: hidden;
    height: 60px;
    width: 300px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    z-index: 999;
    /*background-color: #7cfc00;*/
    background-color: #898989;
    /*position: absolute;*/
    position: fixed;
    /*top: 0;*/ /* if show bottom, replace to 'bottom: 0;' */
    /*left: 414px;*/
    top: 50%;
    left: 40%;
    margin:0 auto;
    padding:0;
}
#fav_toast_on > p {
    margin: auto;
    /*font-family: "Noto Sans CJK JP";*/
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Osaka", "MS Pゴシック", "MS PGothic", "MSゴシック", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    vertical-align: center;
    horizontal-align: center;
    text-align: center;
    color: #ffffff;
    letter-spacing: 0;
    line-height: 18px;
}

#fav_toast_off {
    display: flex;
    visibility: hidden;
    height: 60px;
    width: 300px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    z-index: 999;
    /*background-color: #ffd700;*/
    background-color: #898989;
    /*position: absolute;*/
    position: fixed;
    /*top: 0;*/ /* if show bottom, replace to 'bottom: 0;' */
    /*left: 414px;*/
    top: 50%;
    left: 40%;
    margin:0 auto;
    padding:0;
}
#fav_toast_off > p {
    margin: auto;
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Osaka", "MS Pゴシック", "MS PGothic", "MSゴシック", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    vertical-align: center;
    horizontal-align: center;
    text-align: center;
    color: #ffffff;
    letter-spacing: 0;
    line-height: 18px;
}
/* 2023.10.10 2023年下期 お気に入り機能 End */

.btn-reload img,
.btn-cart img,
.btn-order img,
.btn-print img,
.btn-delete img,
.btn-similar img {
	margin-right: 5px;
}
.btn-cart ,
.btn-similar {
	cursor: pointer;	/* iOSクリックイベント */
}
.btn-calendar img {
}
.btn-text {
	padding: 6px 40px;

}
.link-delete-01 {
	display: inline-block;
	position: absolute;
	bottom: 10px;
	left: 7px;
}
.mod-list-table tr {
    border-top: solid 1px #ddd;
}
.mod-list-table tr:first-child {
    border-top: none;
}
.mod-list-table tr:nth-child(2) {
	border-top: solid 1px #ffffff;
}
.mod-list-table .oddLine {
    background-color: #ffffff;
    /*border-top: solid 1px #ddd;*/
}
.mod-list-table .evenLine,
.mod-list-table .disableLine {
    background-color: #f2f2f2;
    /*border-top: solid 1px #ddd;*/
}
.mod-list-table .summaryLine {
    border-top: solid 3px #ddd;
}
.mod-list-table .cartLine { /* 買い物かごに登録された商品背景色 */
	background-color: #fffacd;
}

.mod-list-table th {
    padding: 5px 7px 5px;
}

.mod-list-table tr td {
    padding: 10px 7px;
}

.mod-form-table {
    clear: both;
    border: solid 1px #ccc;
    margin: 0;
}

.mod-form-table table {
    width: 100%;
    border-collapse: collapse;
}
.mod-form-table tr {
    border: solid 1px #ddd;
}
.mod-form-table th{
    background-color: #3b3536;
    color: #fff;
    font-weight: normal;
    white-space: nowrap !important;
    padding-left: 4px;
}
.mod-form-table td{
    white-space: nowrap !important;
    padding-left: 4px;
}

#content {
    margin: 30px auto 0;
	padding-bottom: 30px;
    width: 1024px;

}



.ttl-cmn-01 {
	font-size: 186%;
	font-weight: bold;
	margin-bottom: 15px;
}
.ttl-cmn-02 {
}
/* 2023.10.10 2023年下期 お気に入り機能 Start */
/*
.ttl-cmn-02 > p {
    font-size: 150%;
    font-weight: bold;
    display: inline-block;
}
*/
.ttl-cmn-02 > p {
	font-size: 130%;
	font-weight: bold;
	display: inline-block;
}
/* 2023.10.10 2023年下期 お気に入り機能 End */
.ttl-02-border {
	background-color: #f2f2f2;
	border-top: solid 5px #333333;
	padding: 10px;
	margin-bottom: 15px;
}
.ttl-02-blue {
	border-top: solid 10px #0E7AC4;
}
.ttl-02-green {
	border-top: solid 10px #58BE89;
}
.ttl-02-orange {
	border-top: solid 10px #E9872E;
}
.ttl-02-sky {
	border-top: solid 10px #40AAEF;
}


.sec-cmn {
	margin-bottom: 60px;
}
.sec-mb30 {
	margin-bottom: 30px;
}
.box-cmn {
	margin-bottom: 15px;
	overflow: hidden;
}
.box-01-blue {
	padding-left: 20px;
	border-left: solid 5px #0E7AC4;
}
.box-01-green {
	padding-left: 20px;
	border-left: solid 5px #58BE89;
}
.box-01-orange {
	padding-left: 20px;
	border-left: solid 5px #E9872E;
}
.box-01-sky {
	padding-left: 20px;
	border-left: solid 5px #40AAEF;
}
.table-layout-cmn {
	/*width: 100%;*/
}
.table-layout-display-01,
.table-layout-input-01 {
	width: 100%;
}

.table-layout-display-01 > tbody > tr > th,
.table-layout-input-01 > tbody > tr > th{
	font-weight: bold;
	font-size: 115%;
	width: 135px;
}
.table-layout-input-01 > tbody > tr > th,
.table-layout-input-01 > tbody > tr > td{
	padding-top: 15px;
}
.table-layout-input-01 > tbody > tr:first-child > th,
.table-layout-input-01 > tbody > tr:first-child > td {
	padding-top: 0;
}
.table-layout-input-02 > tbody > tr > th{

}


.txt-input-guide {
    padding: 5px 10px;
    color: #251219;
    font-weight: bold;
	border-top : solid 1px #cccccc;
    border-right : solid 1px #cccccc;
    border-left : solid 1px #cccccc;
    border-radius: 3px 3px 0 0 ;
    background-color: #f2f2f2;
    font-size: 115%;
}

.mod-search-form {
	border: solid 1px #cccccc;
	padding: 5px 10px;
	border-radius: 0 0 3px 3px;
	background-color: #f2f2f2;
}
	.mod-search-form > table > tbody > tr > th,
	.mod-search-form > table > tbody > tr > td {
		height: 30px;
		vertical-align: middle;
		text-align: left;
		padding: 0 5px;
	}
	.mod-search-form > table > tbody > tr > th > span {
		background: url(../images/ico_tire_01.gif) no-repeat 0;
		padding-left: 15px;
	}
	.mod-search-form > table > tbody > tr  > td {
		padding-right: 5px;
	}
	.mod-search-form > table > tbody > tr  > td > .btn-search > img {/*応急処置 該当箇所上書きしてます*/
		vertical-align: top;
		margin: 4px 5px 0 0;
	}
.txt-example {
	font-size: 79%
}
.mod-list-table {
    clear: both;
    border: solid 1px #ccc;
    margin: 0;
}



.required-01 {
	display: inline-block;
	margin: 0 3px 0 3px;
	font-size: 72%;
	color: #ff0000;
	border: solid 1px #ff0000;
	padding: 0 2px;
	border-radius: 3px;
}
.input-free-01 {
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.input-quantity-01 {
	text-align: right;
}
.text-caution-01 {
	color: #ff0000;
}
.text-caution-02 {
	color: #0E7AC4;
}
/* 2022.06.07 Start 2022下期：１１．発注結果画面で画面左上の結果メッセージを廃止、個別メッセージの文字色を正常時は青に変更する。 */
/* 正常時は文字色を青にする */
.text-caution-03 {
	color: #0000ff;
}
/* 2022.06.07 End 2022下期：１１．発注結果画面で画面左上の結果メッセージを廃止、個別メッセージの文字色を正常時は青に変更する。 */
.align-right {
	text-align: right;
}

/*チェック機能*/
.th-checkbox-01,
.td-checkbox-01 {
	width: 30px;
	text-align: center;
	cursor:pointer;
}

.th-checkbox-01 { border-right: solid 1px #ffffff; }
.td-checkbox-01 { border-right: solid 1px #dddddd; }

.oddLine .td-checkbox-01:hover,
.evenLine .td-checkbox-01:hover {
	background-color: #fffeba;
}
input[type=checkbox],
input[type=radio],
input[type=radio] + label {
	cursor:pointer;
}

/* チェックボックス非活性 */
.td-checkbox-01-disabled {
	width: 30px;
	text-align: center;
	cursor:default;
}
.td-checkbox-01-disabled { border-right: solid 1px #dddddd; }
input[type=checkbox]:disabled {
	cursor:default;
}

.ul-info {
	display: table;
	list-style: none;
	margin: 1em 0;
	padding: 0;
}
	.ul-info li {
		display: table-row;
	}
		.ul-info li > span {
			display: table-cell;
		}
		.ul-info li > .date {
			white-space: nowrap;
			padding: 10px 20px 10px 0;
		}

@media print{
	.print-no {
		display: none;
	}
	.print-page {
		page-break-after: always; /* 各ページの終わりに改ページ */
	}
	/* 2020.11.09 発注結果問合せ項目固定化対応 add Start */
	/* 発注履歴 */
	.mod-list-table-col-01{
		width: 10%;
	}
	.mod-list-table-col-02{
		width: 11%;
	}
	.mod-list-table-col-03{
		width: 4%;
	}
	.mod-list-table-col-04{
		width: 16%;
	}
	.mod-list-table-col-05{
		width: 18%;
	}
	.mod-list-table-col-06{
		width: 25%;
	}
	.mod-list-table-col-07{
		width: 4%;
	}
	.mod-list-table-col-08{
		width: 4%;
	}
	.mod-list-table-col-09{
		width: 4%;
	}
	.mod-list-table-col-10{
		width: 4%;
	}
	.mod-list-table-col-11{
		width: 0%;
	}

	/* 発注結果問合せ */
	.mod-list-table-col-result-01{
	   width: 15%;
	}
	.mod-list-table-col-result-02{
	   width: 8%;
	}
	.mod-list-table-col-result-03{
	   width: 11%;
	}
	.mod-list-table-col-result-04{
	   width: 32%;
	}
	.mod-list-table-col-result-05{
	   width: 11%;
	}
	.mod-list-table-col-result-06{
	   width: 10%;
	}
	.mod-list-table-col-result-07{
	   width: 13%;
	}
	.mod-list-table-col-result-08{
	   width: 0%;
	}
	/* 2020.11.09 発注結果問合せ項目固定化対応 add End */
}

.txt-note {
	font-size: 86%;
	background: rgba(255,0,0,0.08);
	padding: 5px 10px;
	border-radius: 3px;
}

.td-cart-no {
	width: 30px;
	text-align: center;
}
.td-cart-no { border-right: solid 1px #dddddd; }

/* 2022.02.14 D322501_WEB_2022上期改善 Start */
.td-title-01 {
	/*font-size: 70%;*/
	line-height: 1em;
	width: 60px;
	text-justify: inter-ideograph;
	text-align: justify;
	text-align-last: justify;
	/*border-top: 1px #adadad solid;*/
	border-right: 1px #adadad dotted;
	/*border-left: 1px #adadad solid;*/
	border-bottom: 1px #adadad dotted;
}
.td-title-02 {
	/*font-size: 70%;*/
	line-height: 1em;
	width: 60px;
	text-justify: inter-ideograph;
	text-align: justify;
	text-align-last: justify;
	border-right: 1px #adadad dotted;
	/*border-left: 1px #adadad solid;
	border-bottom: 1px #adadad solid;*/
}
.td-style-nowrap {
	white-space: nowrap;
}
/* 2022.02.14 D322501_WEB_2022上期改善 End */

/* !タッチデバイス対応セレクトボックス
---------------------------------------------------------- */
.select-cmn select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	height: 35px;
	/*padding: auto \0/;*/
	border-radius: 5px;
	border: solid 1px #adadad;
	/*border: inherite\0;*/
	padding: 0 25px 0 5px;
	margin: 2px 0;
	position: relative;
	display: block;
	padding:0 5px \9;
	padding:0 5px \0/;
	width: 100%;
	background-color: #ffffff;
}
.select-cmn select::-ms-expand { /*IE10以降はデフォルトの矢印消す*/
	display: none;
}
.select-cmn select:disabled { /* disabledの背景色グレー */
	background-color: #f0f0f0;
}


.select-cmn {
    position: relative;
    display: inline-block;
	width: 12em;
}
.select-cmn:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    display: block;
    width: 0;
    height: 0;
    margin: -3px 0 0 0;
    border: 5px solid transparent;
    border-top: 7px solid #000;
	pointer-events: none;
	display:none \9; /*IE8は疑似要素の矢印消す*/
	display:none \0/; /*IE9は疑似要素の矢印消す*/
}


@media all and (-ms-high-contrast:none){ /*ie10以降はでデフォルトの矢印表示*/
.select-cmn:after {
	display: inherit;
}
}

.select-w7-5 {
	width: 7.5em;
}
.select-w20 {
	width: 20em;
}
.select-w30 {
	width: 30em;
}

.input-txt {
	height: 35px;
    border-radius: 5px;
    border: solid 1px #adadad;
    padding: 0 5px;
	box-sizing: border-box;
	margin: 2px 0;
}
input[readonly] {
	color:#848484;
	background-color: #f0f0f0;
}

/* !ログインページ
---------------------------------------------------------- */
#pageLogin {
	background-color: #f0f0f0;
}


/* !contentLogin
---------------------------------------------------------- */
#contentLogin {
	margin: 0 auto;
	padding: 120px 0 10px;
	width: 380px;
}
	.logo-login {
		text-align: center;
		margin-bottom: 30px;
	}
	.sec-login {
		background-color: #ffffff;
		border-radius: 5px;
		padding: 30px 30px 15px;
		box-shadow:0px 1px 3px 1px #d2d2d2;
	}
	.ttl-02-login {
		font-size: 150%;
		font-weight:bold;
		text-align: center;
		margin-bottom:15px;
	}
	.box-01-login{
		margin-bottom: 30px;
	}
	.box-01-login input[type=text],
	.box-01-login input[type=password] {
		display:block;
		width:100%;
		height:44px;
		border-radius:5px;
		box-sizing: border-box;
		border:solid 1px #b2b2b2;
	}
	.box-01-login input[type=text]:first-of-type {
		margin-bottom: 15px;
	}
	/* 2021.10.25 2021下期対応 Start */
	.box-02-login{
		margin-bottom: 10px;
	}
	/* 2021.10.25 2021下期対応 End */
	.btn-login {
		width: 100%;
		text-align:center;
		padding:11px;
		box-sizing: border-box;
		color: #ffffff;
		text-decoration:none;
	}

.mod-btn-wrap:after {

}
.cf:after {content:' '; display:table;}
.cf:after {clear:both;}

.txt-date {
	float: right;
	font-size: 86%;
}
.txt-other {
    background: #f2f2f2;
    padding: 5px 10px;
    border-radius: 3px;
	border: solid 1px #cccccc;
}
.box-mb0 {
	margin-bottom: 0;
}


/*実績入力履歴セクション*/
.sec-sales-histry {
    position: relative;
}

	.box-sales-histry {
		position: absolute;
		width: 350px;
		top: -15px;
		right: 0;
	}

		.mod-sales-history {
			border-top: solid 1px #dddddd;
			border-right: solid 1px #cccccc;
			border-left: solid 1px #cccccc;
			padding-top: 10px;
			padding-left: 10px;
			height: 225px;
			overflow: auto;
			background-color: #ffffff;
			font-size: 86%;
			box-shadow:0px 1px 5px 1px rgba(0,0,0,0.1);
			border-radius: 5px 5px 0 0;
		}

			.mod-sales-history th {
				font-weight: bold;
				text-align: center;
			}

		.mod-sales-history-total {
			border-bottom: solid 1px #cccccc;
			border-right: solid 1px #cccccc;
			border-left: solid 1px #cccccc;
			border-top: solid 1px #dddddd;
			padding-left: 10px;
			height: 120px;
			overflow: hidden;
			background-color: #ffffff;
			font-size: 86%;
			box-shadow:0px 1px 5px 1px rgba(0,0,0,0.1);
			border-radius: 0 0 5px 5px;
		}

			.txt-caption {
				font-weight: bold;
				display: block;
				text-align: center;
			}

/* !mod-uploader
---------------------------------------------------------- */
.no-js .form-fake-file,
.is-ie-10 .form-fake-file {
	display: none;
}

	.is-js.no-ie-10 .form-fake-file .text {
		float: left;
		width: 25em;
		padding: 0 5px;
		line-height: 35px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		cursor: pointer;
		height: 35px;
		border-radius: 5px 0 0 5px;
		border-style: solid;
		border-width: 1px 0 1px 1px;
		border-color: #adadad;
		margin: 2px 0;
		background-color: #e7e7e7;
		box-sizing: border-box;
	}

	.mod-uploader.is-js.no-ie-10 input[type="file"] {
		display: block;
		border: 0;
		width: 1px;
		height: 1px;
		margin: -1px;
		padding: 0;
		overflow: hidden;
		z-index: 1;
	}

	.mod-uploader.no-js input[type="file"] {
		width: auto;
		height: auto;
		display: inline;
}

.btn-input-file {
	border-radius: 0 5px 5px 0;
	box-sizing: border-box;
	width: 5em;
	height: 35px;
	text-align: center;
	margin: 2px 0;
}



.pagetop {
    display: none;
    position: fixed;
    bottom: 15px;
    right: 15px;
}
	.pagetop a {
		display: block;
		background-color: rgba(0,0,0,0.7);
		text-align: center;
		color: #fff;
		font-size: 12px;
		text-decoration: none;
		padding: 9px 11px;
		filter:alpha(opacity=70);
		-moz-opacity: 0.7;
		opacity: 0.7;
		border-radius: 3px;
		box-shadow: 0px 1px 5px 1px rgba(0,0,0,0.1);
		line-height: 1.2;
	}
		.pagetop a:hover {
			text-align: center;
			filter:alpha(opacity=95);
			-moz-opacity: 0.95;
			opacity: 0.95;
		}

/* !general
---------------------------------------------------------- */
/*文字サイズ*/
.s-fz-m { font-size: 100%; }
.s-fz-s { font-size: 86%; }
.s-fz-ss { font-size: 79%; }
/*幅指定*/
.s-w3em { width: 3em; }
.s-w4em { width: 4em; }
.s-w5em { width: 5em; }
.s-w7-5em { width: 7.5em; }
.s-w8-5em { width: 8.5em; }
.s-w10em { width: 10em; }
.s-w11em { width: 11em; }
.s-w12em { width: 12em; }
.s-w15em { width: 15em; }
.s-w20em { width: 20em; }
.s-w25em { width: 25em; }
.s-w30em { width: 30em; }
.s-w32em { width: 32em; }
.s-w50em { width: 50em; }
.s-ta-l { text-align: left; }
.s-ta-r { text-align: right; }
.s-ta-c { text-align: center; }
/*文字カラー*/
/* 2021.01.19 D322102_SSO強化 start */
/*.style33 {color: #FF0000;font-weight: bold;font-size: 15px ;}*/
.style33 {color: #FF0000;font-weight: bold;font-size: 15px ;white-space: nowrap;}
/* 2021.01.19 D322102_SSO強化 end */
/* 2022.06.07 Start １０．発注履歴画面でメッセージが途切れる（不具合） */
.style331 {color: #FF0000;font-weight: bold;font-size: 15px ;white-space: normal;}
/* 2022.06.07 End １０．発注履歴画面でメッセージが途切れる（不具合） */
.style34 {color: #000000;font-weight: bold;font-size: 15px ;}

/* 2023.10.10 2023年下期 お気に入り機能 Start */
.td-fav-01 { text-align: center; }
.s-fz-ss-fav { font-size: 79%; white-space: nowrap;}
/* 2023.10.10 2023年下期 お気に入り機能 End */

/* !autocomplete
   jQueryUI AutoCompleteのCSS設定を上書き
---------------------------------------------------------- */
/*得意先リスト:背景色*/
.ui-widget {
	background-color:#ffffff!important;
	color:#000000!important;
}

/* 規定された横幅を超えた場合に横スクロールを自動表示 */
.box-cmn-result {
	margin-bottom: 15px;
	overflow: auto;
}

/* メンテ取り消し画面の取り消しボタン用 */
.btn-torikeshi {
	padding: 6px 6px;
}

/*******************************************************************************
 * 在庫照会(営業所在庫／メーカ在庫)
 ******************************************************************************/
.resultZaikoKouho .searchBtn { /* 検索候補リストの検索ボタン列 */
	width: 50px;
	text-align: center;
}

.resultZaikoKouho .ltCodeNum { /* 検索候補リストの商品コード列 */
	width: 80px;
}

.resultZaikoKouho .btn-cmn { /* 検索候補リストの検索ボタン */
	line-height: inherit;
}
/*******************************************************************************
 * 在庫照会(メーカ在庫)
 ******************************************************************************/
.resultZaikoForm { /* 在庫一覧(上部フォーム)のtable */
	table-layout: fixed;
}
.resultZaikoForm th { /* 在庫一覧(上部フォーム)のth */
    width: 108px;
}
.resultZaikoKanren { /* 在庫一覧(下部リスト:関連製品) */
	table-layout: fixed;
}
.resultZaikoKanren td { /* 在庫一覧(下部リスト:関連製品)のtd */
	overflow: hidden;
}
.resultZaikoList .ltNumber { /* 在庫一覧(下部リスト)の数値項目 */
	text-align: right;
}
.resultZaikoList .ltString { /* 在庫一覧(下部リスト)の文字列項目 */
	text-align: left;
}
.resultZaikoList .no { /* 在庫一覧(下部リスト)の幅(No.)*/
    width: 40px;
}
.resultZaikoList .genzan { /* 在庫一覧(下部リスト)の幅(現品残)*/
    width: 80px;
}
.resultZaikoList .fukatu { /* 在庫一覧(下部リスト)の幅(不活動)*/
    width: 120px;
}
.resultZaikoList th.col2.no { /* 在庫一覧(下部リスト)の右側のリストのNo. */
	border-left: solid 1px #ffffff;
}
/*******************************************************************************
 * 在庫照会(営業所在庫)
 ******************************************************************************/
.resultEigyoZaikoForm tr.close { /* 営業所在庫-在庫一覧(上部フォーム)の開いたり閉じたり */
	display: none;
}

.resultEigyoZaikoForm th { /* 営業所在庫-在庫一覧(上部フォーム)のth */
	width: 144px;
}

.resultEigyoZaikoForm .fix-cell-1 { /* 営業所在庫-在庫一覧(上部フォーム)のtd。幅固定用 */
	width: 168px;
}

.resultEigyoZaikoForm .fix-cell-2 { /* 営業所在庫-在庫一覧(上部フォーム)のtd。幅固定用 */
	width: 144px;
}

.resultEigyoZaikoList .ltNumber { /* 営業所在庫-在庫一覧(下部リスト)の数値項目 */
	text-align: right;
}

.resultEigyoZaikoForm .ltString { /* 営業所在庫-在庫一覧(下部リスト)の文字列項目 */
	text-align: left;
}

.resultEigyoZaikoForm .no { /* 営業所在庫-在庫一覧(下部リスト)の幅(No.)*/
	width: 40px;
}

.resultEigyoZaikoForm .even-alloc { /* 営業所在庫-在庫一覧(下部リスト)の幅(均等)*/
	width: 80px;
}

.resultEigyoZaikoForm .kanri { /* 営業所在庫-在庫一覧(下部リスト)の幅(管理)*/
	width: 120px;
}
/*******************************************************************************
 * 在庫照会(類似品在庫)
 ******************************************************************************/
.resultRuijiForm th { /* 類似品在庫照会(上部フォーム)のth */
    width: 140px;
}

.resultRuijiForm td.fix-cell { /* 類似品在庫照会(上部フォーム)のtd。幅固定用 */
    width: 100px;
}

.resultRuijiList .ltNumber { /* 類似品在庫照会(下部リスト)の数値項目 */
	text-align: right;
}

.resultRuijiList .ltString { /* 類似品在庫照会(下部リスト)の文字列項目 */
	text-align: ｌeft;
}

.resultRuijiList .no { /* 類似品在庫照会(下部リスト)の幅(No.) */
    width: 40px;
}

.resultRuijiList .code { /* 類似品在庫照会(下部リスト)の幅(商品コード) */
    width: 80px;
}

.resultRuijiList .even-alloc { /* 類似品在庫照会(下部リスト)の幅(均等) */
    width: 80px;
}

.resultRuijiList .kanri { /* 類似品在庫照会(下部リスト)の幅(管理) */
    width: 120px;
}

.loading img{
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  opacity: 0.5;
  z-index:2;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
}

.loading p {
  display: none;
  position: fixed;
  color: #ffffff;
  font-size: small;
  top: 50%;
  left: 50%;
  opacity: 0.7;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  z-index:3;
  margin:0;
  padding:0;
}

.jyusho-wrap {
	word-wrap: break-word;
	white-space: normal;
	display: block;
}

/* 202409.04 【2024下期】 start */
/* ・パスワード変更を強制する */
/* メッセージ表示用のDIV */
.div-msg {
    font-weight: normal;
    color:#0000ff;
    white-space: nowrap !important;
    line-height: 1.64;
}
.div-msg-r {
    font-weight: bold;
    text-align: center;
    color:#ff0000;
    white-space: nowrap !important;
    line-height: 1.64;
}
.div-msg-r2 {
    font-weight: normal;
    color:#ff0000;
    line-height: 1.64;
}

#contentLogin2 {
	margin: 0 auto;
	padding: 60px 0 10px;
	width: 380px;
}

.logo-login2 {
		text-align: center;
		margin-bottom: 10px;
}

.guide-arrow {
	filter : opacity(50%);
	zoom : 80%;
}

.password-expired {
	animation: blinkNew 1s infinite alternate;
}

#passwordExpired {
	background-color: red;
	color: white;
}

.oshirase-info-n {
	text-decoration: none;
}

.oshirase-info-y {
	text-decoration: underline;
}
/* 202409.04 【2024下期】 end */