@charset "utf-8";

/* ---------------------------------------------------------
 　■ サイト全体のベースCSS
--------------------------------------------------------- */
/*input::-ms-clear { visibility:hidden; }*/
html{
	font-size: 6.25%;
	height: 100%;
}
body {
	text-align: left;
	line-height: 1.4;
	color: #333333;
	height: 100%;
	margin: 0;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALIAAADICAYAAABMM7vPAAACLUlEQVR4nO3SsQkAIBDAQPcf+RtdQhDDFdenyJqZDb9brwPgBiOTYGQSjEyCkUkwMglGJsHIJBiZBCOTYGQSjEyCkUkwMglGJsHIJBiZBCOTYGQSjEyCkUkwMglGJsHIJBiZBCOTYGQSjEyCkUkwMglGJsHIJBiZBCOTYGQSjEyCkUkwMglGJsHIJBiZBCOTYGQSjEyCkUkwMglGJsHIJBiZBCOTYGQSjEyCkUkwMglGJsHIJBiZBCOTYGQSjEyCkUkwMglGJsHIJBiZBCOTYGQSjEyCkUkwMglGJsHIJBiZBCOTYGQSjEyCkUkwMglGJsHIJBiZBCOTYGQSjEyCkUkwMglGJsHIJBiZBCOTYGQSjEyCkUkwMglGJsHIJBiZBCOTYGQSjEyCkUkwMglGJsHIJBiZBCOTYGQSjEyCkUkwMglGJsHIJBiZBCOTYGQSjEyCkUkwMglGJsHIJBiZBCOTYGQSjEyCkUkwMglGJsHIJBiZBCOTYGQSjEyCkUkwMglGJsHIJBiZBCOTYGQSjEyCkUkwMglGJsHIJBiZBCOTYGQSjEyCkUkwMglGJsHIJBiZBCOTYGQSjEyCkUkwMglGJsHIJBiZBCOTYGQSjEyCkUkwMglGJsHIJBiZBCOTYGQSjEyCkUkwMglGJsHIJBiZBCOTYGQSjEyCkUkwMglGJsHIJBiZBCOTYGQSjEyCkUkwMglGJsHIJBiZBCOTYGQSjEyCkUkwMglGJuEAzXUNz6QQ3EsAAAAASUVORK5CYII=);
	background-position: left;
	background-repeat: repeat-y;
	-webkit-text-size-adjust: 100%;
}

body,select,input,button,textarea,pre{
	color: #333;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14rem;
}


* {
	box-sizing: border-box;
}
/* === 背景なし === */
body.nobg{
	background-image: none;
}
.nobg main{
	margin: 0 auto;
	background: #FFF;
	min-height: auto;
	height: auto;
	float: none;
}
/* --- テキストリンク --- */
a{
	text-decoration: underline;
	color: #0A6A9D;
}
a:hover{
	text-decoration: none;
}

.wrapper{
	margin: 0;
	/* min-height: 100%; */
	width: 1280px;
	/* height: 100%; */
}
.wrapper::after{
  content: "";
  display: block;
  clear: both;
}
aside{
	height: 100%;
	/*background: #ffcc00;*/
	/*background: #FAFAFA;*/
	padding: 12px 5px;
	width: 178px;
	float: left;
}
main{
	height: 100%;
	padding: 10px 10px 30px;
	width: 1102px;
	float: right;
	/*background-color: #E9BDBE;*/
}
/* aside,main{
	min-height: 100%;
} */



/* ---------------------------------------------------------
 　■ フォームパーツ
--------------------------------------------------------- */
input[type="text"],input[type="password"]{
	border: 1px solid #999999;
	height: 26px;
	margin: 5px 0;
	padding: 0 3px;
	width: 180px;
}
.btn:hover{
	opacity:0.65;
}

.btn:hover:disabled{
	opacity:1 !important;
}

.btn{
	text-decoration: none;
	color: #434343;
	vertical-align: top;
	margin: 5px 0;
	height: 23px;
	border-radius: 4px;
	border: 1px solid #434343;
	display: inline-block;
}
.btn.st{
	border: 1px solid #434343;
	background-color: #FFFFFF;
	box-shadow: 0 3px 0 #434343;
}
.btn.red{
	/*border: 1px solid #660000;*/
	/*background-color: #CC0000;*/
	/*box-shadow: 0 3px 0 #660000;*/
	/*color: #FFFFFF;*/
    border: 1px solid #434343;
	background-color: #FFFFFF;
	box-shadow: 0 3px 0 #434343;
    border: 1px solid;
}
.btn#btnSearch,
.btn#btnRirekiSearch,
.btn#dialogBtnSearch,
.btn#Z70btnSearch,
.btn#btnSearchItem,
.btn.ico-search
{
	color: #FFFFFF;
    background-color: lightcoral;
    border: 1px solid #a86965;
	box-shadow: 0 3px 0 #a86965;
    /*color: #FFFFFF;*/
}
/*{
	color: #FFFFFF;
    background-color: lightcoral;
    border: 1px solid #a86965;
	box-shadow: 0 3px 0 #a86965;
}
{
	color: #FFFFFF;
    background-color: lightcoral;
    border: 1px solid #a86965;
	box-shadow: 0 3px 0 #a86965;
}*/

.btn.blue{
	border: 1px solid #0E4466;
	background-color: #0A6A9D;
	box-shadow: 0 3px 0 #0E4466;
	color: #FFFFFF;
}.btn.blue.fblack{
	box-shadow: 0 3px 0 #85BCD8;
	color: black;
}
.btn.yellow{
	/*border: 1px solid #9E9645;
	background-color: #FFF8A7;
	box-shadow: 0 3px 0 #9E9645;*/
    	border: 1px solid #434343;
	background-color: #FFFFFF;
	box-shadow: 0 3px 0 #434343;
}
.btn.black{
	border: 1px solid #000000;
	background-color: #434343;
	box-shadow: 0 3px 0 #000000;
	color: #FFFFFF;
}
/* グラデーション */
.btn.grad{
	background: linear-gradient(to bottom,#FFF,#FFFFFF 50%,#C7C7C7);
}
/* アイコン */
.btn.ico-edit span{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAB0UlEQVQokX2SP2sUURTFrxaW/gFBQSwUG1lFZFF3ybg782Z25t5zrrMQo1gEERFZm1gJNgkREYXVSiWKkCCIIEvyGQI2ioigCIKIha2V+QDazOruKl54xbvvnXMuv/dERkpVj5HcAPAKwHOSayTXAKwCeJckyQmZrKIoTprZezNbB9CdPFfV6+6+NCk6TvJHFEU7zOwyySv/EM4B+CMkuZ/khplZte8DuKCq0wCWzKwvIgLg0liiqj4D8A1Az91vmtnTVqu1l+RBdz9lZnllOJskybyIbJLK6YWqnjOzrQB6eZ6HLMuO5nl+KM/zfUVRHBhebjQaUyR/pmk6LyQHwzHN7BaARZJ3ANxW1Xsk+yIi7Xbbut3uh06n8zXLskJIDoqiOPsX5pHKsuyiqn4E8GkYIiQHqlqIiLj7A5J3K0APRWRzCMGSJPmsqi/NrDFKdWBmMyIiaZruiuN4ZxzHu919T1mWU2VZflfV12Z2vlarbRkTqmpZgTpNcppkEsfx9iiKvoQQ1t39iJnNVFOMJQ7h3CC54O69ZrN5OIRwv16vb6tMr05+gFVVnf0fnOq9r5F89LsRQjjj7m9JPgawMrKW3X2Z5AqAJ2b2Jk3TZKj7BRe+rIAsMhsYAAAAAElFTkSuQmCC);
	background-position: left 3px;
	background-repeat: no-repeat;
	padding-left: 15px;
	display: inline-block;
}
.btn.ico-arrowR span{
	/*background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABUUlEQVQokY2STytEYRTGzx4N3TnvKAvlM8hCvgCjae773nvf99aUhZX8mcIHsJmSRKRJWVv4k0GWsmCmyQ6TkSJWrEaJJokeCwvjurc89aye86vTOQ9Rg9z+ZjZSzGgpylqJmlaiZqQ49STn3AFupzC5kh3fSTwbJRBm30m8emkrE4DiqSggaFeyQ0REyWSszSj+bAyzoz3IL49FwqlUU4I8yblgUDrZAQBsbcyFglryImnJ1WAwOd6Lx4dbAMD25nwYeE1aireola6qZQDA0eE6fKf9B1T8QlqJehRYuTgGAJSKhQAo6qSVuAwCEyPduL+rAAD2d1fCVr0hT/Hsn+MUCwCAg718xHHiebLtFisYTGf7sLY6Ff3LQauDiIi0HTf/LYBn89Cv9nhpK+M74j0K0Io/jOTh0L5K2dpplFjQks+M4qdvi3OjeEmpWFfj7BcwiTwm2IAxoAAAAABJRU5ErkJggg==);
	background-position: right 3px;
	background-repeat: no-repeat;
	padding-right: 15px;
	display: inline-block;*/
}
.btn.ico-search span{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAA0klEQVQokY3RsS5EURSF4fsCdG4lEqI01JModCj1PIBXmAiJQqXWKFTTKBQS00+nJyqFqCT000zyKWxx7NxjrHKt9e+cvU/ThNDiAhM/ukavqQn9ovyKOzwW3kEXNI9pFLZTtoGPyHoZvIxgq/KaNvKnHMBLdY+vzk30FjI4nAEeRq+fwYcZ4Pc6S6U5CnP5D3CKt2yuBPiO1ZTNYRz5WtfE/eLPbnGKK791hr0ueBP3qfyMHZwX3nFtnxbrWCy83TRwUL1kx8CTkvw3GPBRHHH4CYOFW+3vRuZ0AAAAAElFTkSuQmCC);
	background-position: left 3px;
	background-repeat: no-repeat;
	padding-left: 16px;
	display: inline-block;
}
.btn.ico-shinki span{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABiElEQVQokXWSvcryQBCFc2u22UlIkJgo2AgS9XIEBQvFzlKxME1iFbwDS7EIEfwJiqTR5vkKcVF8v612h/MsZ86Mwce53W5Mp1Pa7TZKKZRStFotxuMxRVF8SjHelzRNUUohIiilCMOQTqeDUgrLslBKkSTJN7jZbHAcB8/zmM/nlGWpBWVZslwuERFEhDRNX2BZlriuS6VSYbvdauByuXA6nfR7t9shIpimyfV6xZhMJlSrVWaz2VcPtVoNpdRXLYoiRITRaIRRr9d/BAC2bf9ZFxE8z8NQStHr9QA4n88EQYDv+zpV3/cJgoA8zwEIwxDTNF9gt9vVoG3bOsV3yrZtk2WZBkXkZVVEfiw5jvNfq67rvsJxHIfFYvElcF33B0ySBMuy6Pf7GPf7HdM0sSyL/X6vRXmea3sAWZbhui6maVIUxWsBkiTBcRxs22a1WvF4PDTwfD6J41j3HMcx8LFy6/UaEdHBfK7ce/BRFOkPNQhwPB4ZDoc0m00NNBoNBoMBh8Phq99/3xlNxvkoJK4AAAAASUVORK5CYII=);
	background-position: left 3px;
	background-repeat: no-repeat;
	padding-left: 16px;
	display: inline-block;
}
.btn.ico-history span{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAB0ElEQVQokW2RsWsUURDGBxUSUYONh4jdLQoqBmyW4ziYPb19b76Zt3us19n6T4gYwU7ExkLBCJLqULQRTVSQxEK9/AGCkEq00Ua0UUR9NnfHJtzXzfB+8803j6imNE0XROS9iHwAMFLVTQAjM9sKIWzQLLVarb0AvocQfhIRicgcM+9n5nkiIgBvVPXeNijP830APqtqNLOPswYDOB9CeDdtdLvdM6r6ycyiqkYRWR0/XFHVIYA1Zj7onOsAGE1BVX2mqlve+9MAjk36InLFe38TwB1mnheR7k5wXVUfEBF57ysRuWZm1yfZJvLec1mWz2eCAC6VZbnc6XSWiYh6vd6RPM/vquqNdrt9IEmSOSLaNQUBPBqvd1REDhERNRqN3mAwiAD+FUURzexHkiQLOx2HY8enqrpERFQURfTeP6xl/mpmb7eBIYTH9TzMfNjMIoC0dv3L/X4/1v/ndd1RRFaIiMwseu+HteN8cc6tT8EQwksReTEudzPznjG4CCAC+KOqv6qqis65zfpa50Tkm3PutohcAHARwFUApXPuJID7qrqUpukJZv5dluVf7/1ZIiLKsmzRzDYArAJ4AmANwKssy47XszebzVNVVUURufUfJvO0KdNFZigAAAAASUVORK5CYII=);
	background-position: left 3px;
	background-repeat: no-repeat;
	padding-left: 16px;
	display: inline-block;
}
.btn.ico-print span{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAB8UlEQVQokXVSQWsTYRR8HoQqnhTUQ28NiCDksCAEE/PBJvu9N/Nt2JBNkFq8eKp4FysFsURBsHhRLyIiggctlKA/QEUttGIRG2iLIAjiP+ihh3hZhWIz8C7Dm3m8YUQKkGyQHAHYJLlFcgvAMM/zUbVafS3jYGazAL6IiAA4mSTJ8TiOj5nZfLvd3iyXy0vjhFcBfNiHv2Fm871eb9Ttdlv/CQHcN7OPIiKVSuVQFEWHReRAkiRnQgjlEMKnNE0f/hPEcZyT3AHwi+Q3ki8BDAAMSL4h+dTM5kII70lum9luCOGSmNlXM+uLiDjnjjQajdPe+5L3vmRmU2Y25b3vOOcm4zg+oarXAawKyaGqXh6bmogkSRKcc5Oq2gIwDWBFAGyY2cXiz5sAHgFYMLO+mfUBLKjqIslbhUlKck0AbAAI3vujJL+HEO6SXA4hvCpmQLJPctt7X2o2m+dIrkmWZUNVbanqKZIvistNM6snSXJeVX3BPVHVShzHtSzLPkutVltM03TXzH4CeCwioqozAKbNbE5V70VRdBDAHZK/W63WTr1efyAiInmeXygq9sw5NwFgCcBt733Ze3+2qORzAD86nc7MnuRIzgJ465ybIHlFVfe0BMAKyWv7NadJckTyXeG+THKd5DqAVZIjM8v+7v8BtTbFz+HU/9QAAAAASUVORK5CYII=);
	background-position: left 3px;
	background-repeat: no-repeat;
	padding-left: 16px;
	display: inline-block;
}
.btn.ico-close span{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABG0lEQVQokZWSv0rEQBCH9xVERMFCfJbpUggHKYQ1WIS0IQk5kibcNUIa0cpXEjstFARfQUEid0f+7GeThBgTwR8M7OzOt/xmd5QaCDgA1sA98N7GA3AFHKkpAbYx5pMZGWO+AD2GzuaACdkdtAc0/wABDlXrH4CqqsjzHNd1+wrP81itVux2uyF4o4CXLttut9i2jYgQhiFJkiAiWJZFURRD8FUBP64CWC6XiAgiQhAENM2vTgoFbMa7aZr2YBzHUz1uFPA8tKq1RkTwfZ8oihARFovF2OqbAvIuK8uSLMvQWvcVjuMQx/H4ce4UsD/2Udd1v57oD+C4+8vzqdMZXY6n58IYU/4BVIA7N68nwDXwCHy08QTcAqfD2m8HXmZB3B0XiAAAAABJRU5ErkJggg==);
	background-position: left 3px;
	background-repeat: no-repeat;
	padding-left: 16px;
	display: inline-block;
}
.btn.ico-blank span{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAzElEQVQokcXSMUoDURSF4YuFhV2wML12I1jMEh7M4/ynsQgBsREkgpIFuANxhTaKhcQ2IV1EGAtnECzmjZUH/vKr7o3oBsxtb0e26l1IWthuxxbARVVV+5LO/wC3YbtNKR1KugTeJB0P5e+tw/an7YmkW+A5CgOmPdx1cAG8lmDO+eyfoe2bMbBpmtPf8M72SwmmlI6ATdje1XV9IGnW3ehpKOC9f4APYBoRIWkG3A/0ADzavg7braRlzvkkIvYK/cz2CtjYXpcCrnr3Bc2myGjxsbaJAAAAAElFTkSuQmCC);
	background-position: left 3px;
	background-repeat: no-repeat;
	padding-left: 16px;
	display: inline-block;
}
.btn.ico-cart span{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABDElEQVQokY3RvysEYBgH8Bsci6L8A4YLg/JPYJXLJCmlLLJKFpuFQU5JLnSDTBYm6pTBQl3c4Oeh/EqZJGX5GDzDdZ3rnnp7v+/T9/u8z/d5Eok6A4149hdL9eoSSOMJbWhNoA8r2MYGZrCJtcA5LOIB2fJK0/H9AnbwFeTdwFvIBCddLuzBXeAmlOLuwn3kk7hBe2X/x2G8gB+c4zLwGd5wVM14JjwM4gMTmA3ci1usVhMO4SLwdbTaiVLkTjD237iv8IiXIJ7iFUW8o/k/YQrj6McohtGNPRRqLTiFLNaRx2HsL4+pWsKOGPkkGuLM4QDJWsJcLLkY75bwCPO1hCP4xnJZbh+fGKjk/wKMH58W6oxlAAAAAABJRU5ErkJggg==);
	background-position: left 3px;
	background-repeat: no-repeat;
	padding-left: 16px;
	display: inline-block;
}

a.btn{
	line-height: 1.2;
	padding-top: 5px;
	padding: 4px 6px 0;
}
a.btn.ico-edit span,
a.btn.ico-search span,
a.btn.ico-shinki span,
a.btn.ico-history span,
a.btn.ico-print span,
a.btn.ico-close span,
a.btn.ico-blank span,
a.btn.ico-cart span{
	background-position: left 0;
}
a.btn.ico-arrowR span{
	background-position: right 0;
}




/* セット */
.btn.back{
	border: 1px solid #000000;
	background-color: #434343;
	color: #FFFFFF;
}
.btn.back span{
	position: relative;
	display: inline-block;
	padding-left: 10px;
}
/* .btn.back span::after{
	position: absolute;
	left: 0;
	top: calc(50% - 4px);
	width: 7px;
	height: 7px;
	content: "";
	display: block;
	border-bottom: 2px solid #FFFFFF;
	border-left: 2px solid #FFFFFF;
	transform: rotate(45deg);
} */
.btn.back span::after{
	position: absolute;
	left: 0px;
	top: calc(50% - 5px);
	width: 6px;
	height: 6px;
	content: "";
	display: block;
	border-bottom: 2px solid #FFFFFF;
	border-left: 2px solid #FFFFFF;
	transform: rotate(45deg);
}
.btn.count{
	border: 1px solid #666666;
	background-color: #FFFFFF;
	border-radius: 4px;
	background: linear-gradient(to bottom,#FFF,#FFFFFF 50%,#C7C7C7);
	font-size: 20rem;
	line-height: 1;
	box-shadow: 0 3px 0 #666666;
	padding: 0;
}


select{
	border: 1px solid #999999;
	margin-left: 0px;
    margin-right: 0px;
	margin-bottom: 0;
    margin-top: 0;
	height: 24px;
	/*margin: 5px 0;*/
}
* + input[type="text"],
* + .btn,
* + select{
	margin-left: 5px;
}
br + input[type="text"],
br + .btn,
br + select{
	margin-left: 0;
}
/* 数量ボタンセット */
.iblock.count_price .btn{
	width: 30px;
}
.iblock.count_price .txtbox{
	width: 57px;
}

/* ラジオボタン・チェックボックス */
label.radioBtn ,
label.checkBox {
	cursor: pointer;
	padding-left: 20px;
	overflow: hidden;
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	min-height: 20px;
	vertical-align: middle;
}
label.radioBtn input[type="radio"] + span:before ,
label.checkBox input[type="checkbox"] + span:before ,
label.checkBox input[type="checkbox"] + input[type="hidden"] + span:before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 0;
	top: calc(50% - 9px);
	border: 1px solid #999999;
	border-radius: 50%;
	background: #FFFFFF;
	z-index: 3;
}
label.checkBox input[type="checkbox"] + span:before,
label.checkBox input[type="checkbox"] + input[type="hidden"] + span:before  {
	border-radius: 1px;
}
label.radioBtn input[type="radio"] ,
label.checkBox input[type="checkbox"] {
	display: none;
}
label.radioBtn input[type="radio"]:checked + span:after{
	content: '';
	position: absolute;
	top: calc(50% - 5px);
	left: 4px;
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #D11222;
	z-index: 4;
}

label.checkBox input[type="checkbox"] + span:after,
label.checkBox input[type="checkbox"] + input[type="hidden"] + span:after {
	content: '';
	position: absolute;
	top: calc(50% - 9px);
	left: 5px;
	width: 6px;
	height: 12px;
	border-radius: 0;
	border-right: 3px solid #DDDDDD;
	border-bottom: 3px solid #DDDDDD;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	z-index: 4;
}

label.checkBox input[type="checkbox"]:checked + span:after,
label.checkBox input[type="checkbox"]:checked + input[type="hidden"] + span:after {
	content: '';
	position: absolute;
	top: calc(50% - 9px);
	left: 5px;
	width: 6px;
	height: 12px;
	border-radius: 0;
	border-right: 3px solid #D11222;
	border-bottom: 3px solid #D11222;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	z-index: 4;
}


/* 枠付き */
label.radioBtn.frame{
	border: 1px solid #CCCCCC;
	border-radius: 3px;
	height: 24px;
	padding: 0 5px 0 30px;
	background: #FFFFFF;
}
label.radioBtn.frame input[type="radio"] + span{
	display: inline-block;
	line-height: 1;
	vertical-align: top;
	padding: 4px 0 0;
}
label.radioBtn.frame input[type="radio"] + span:before{
	left: 5px;
}
label.radioBtn.frame input[type="radio"]:checked + span:after{
	left: 9px;
}




/* フォームパーツを囲む */
.iblock-wp{
	letter-spacing: -.4em;
	display: block;
}
.iblock-wp .iblock{
	letter-spacing: normal;
}
.iblock{
	margin: 0;
	display: inline-block;
	vertical-align: top;
	line-height: 30px;
}
.iblock + .iblock{
	margin-left: 10px;
}





/* ---------------------------------------------------------
 　■ サイドナビ
--------------------------------------------------------- */
aside .logo {
	text-align: center;
	margin: 20px 0 25px;
}
aside .logo span{
	display: block;
	margin-top: 5px;
}
aside .login-info ul{
	padding: 0;
}
aside .login-info ul li{
	font-size: 13px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	padding: 0 0 0 18px;
	margin-bottom: 5px;
	position: relative;
}
aside .login-info ul li:nth-child(1){
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABMUlEQVQokYXSvUrEQBAA4IC1haIWWga5Uwg2go0EkrvMZmcmbLKX5AV8Ah/AN7AStLGw8Qq90sYHsRa0s7KxEcGxSY5wuT0HppuPnZ/1vIUYDAbrZVneE9E3Iv6UZTkLgmBjsa4Xo9HoxRgjRCREJMYYSZLk1fO8NSeqquosz3PRWs+h1lryPJe6rs+dUCl1w8xz1CYzi9Z66oRa64tF1GaWZZdOmCTJLhH9dl9lZmFmCcNwf+VyxuPxAQB8tAARP6MoOlqJlFKbcRzvNW1vA8BO20mWZVtOCABXzSkelVIGABgRp8YYUUrduRZzuGyj3VkB4KQH0zS9/g+maXrbg5PJ5AERnRARxVo760Hf9yNrrbg+gLVWhsMhL50TEY8R8YmI3hDxq8l3InouiuK0W/sHXYC3jNmfUXMAAAAASUVORK5CYII=);
}
aside .login-info ul li:nth-child(2){
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABQUlEQVQokY2RvUoDQRSF9zW28j2izRaZe+85s9vETlCsJO8gSMAHCP5hsLEylioIQrqAIijYqUUKiYVa2ETRStZmJ2ziil74ihnOmcM9E0UVIyKxiBw1Go2TOI5nqjSVA6BP8tTMDkme/9tI8k5Vj1W1672//+31VZKbATNrquoSyWuSN2a2CGC5rFHVtYhkHvDe5wByM+sAaANom9lOWROISI7KF2ma5t77H8IpRmXjp/d+wTk3r6rvwQxgCGAbwBbJXqF9i0iOvPe5qm6Evev1equU+gFgUPAykZhlWZ4kybj2JEnOsiwLiU8kuwUXE4nFYeCca6rqCoDbsA+AV5I9AAck+2Njmqa5iDxWfNNVMAK4rCrnC8CDc66mqnNmNuucqwUxgCHJfZLP08a/qq8kEpEWyQ6AvSl2qyDZEZH1bxs7BzdYBysZAAAAAElFTkSuQmCC);
}
aside .login-info ul li:nth-child(3){
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABk0lEQVQokW2Sv6pTQRDGxxcQ/IOKxQUhbV4gCckm52R355vZ3ZArInjBwspWX0DQQsFKbnEbKx/BSvBisPI5xFItDJKgxVh4IsfDGdhiZ/a337ezQ9SKqqquiMgzAJ9FxJr1hZlfVFV1nfoihHDMzKaqB+Cjqm5ExFJKllIyZr73HzSfz3PO+QCdENGFdr2u6zsiYqUU897fJiKiwWBwkZktpWR1XR+1bD8CcHbYj8fjmwD2pRRzzl0lZn6eUjIAx20VAJ9U1dq5yWQSc84WYzwlZt6KyM/umwG8EZGv3XyMca+qO1JVY+b3PeCmq9iAf/MiYgDO28Wc80NVteVy+bjnwnciYqSqWwD/rC4Wi6er1cpijE+6EBGRqm6Z+TellF6WUmw2m3Gj9jbG+KoPmk6n0+Y/X9NwOLwEwEIIv0aj0bU+gIgohHBZRH6IiDnnbhARkXPu7nq9tpzzznvPPVAUkW0zUfe73ToBYE2z9gA2zPwBwO4whjHGB7126ro+UtVTAN9ExFTVAHwHcOa9v9U++wf36K4j3q3sogAAAABJRU5ErkJggg==);
}



aside .loginBtn{
	text-align: center;
	padding: 0 10px;
}
aside .loginBtn .btn{
	width: 100%;
}

aside nav{
	margin-top: 20px;
	font-size: 13rem;
}
aside nav ul{
	padding: 0;
	margin: 0;
}
aside nav > ul > li{
}
aside nav .accHid{
	display: none;
}
aside nav .accBtn{
	text-decoration: none;
	color: #ffffff;
	padding: 10px 12px;
	display: block;
	background: #0A679A;
	cursor: pointer;
	position: relative;
	border-bottom: 1px solid #FFFFFF;
}
aside nav .accSubBtn{
	text-decoration: none;
	color: #ffffff;
	padding: 10px 12px;
	display: block;
	background: #789DB2;
	cursor: pointer;
	position: relative;
	border-bottom: 1px solid #FFFFFF;
}
aside nav .accBtn::after,
aside nav .accSubBtn::after{
	position: absolute;
	right: 15px;
	top: calc(50% - 5px);
	width: 6px;
	height: 6px;
	content: "";
	display: block;
	border-top: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
	transform: rotate(45deg);
	transition-duration: 0.5s;
}
aside nav span.accBtn::after{
	transform: rotate(135deg);
}
aside nav .accBtn.active::after{
	transform: rotate(-45deg);
}
aside nav span:hover,
aside nav a:hover{
	opacity:0.65;
}
/* ---------------------------------------------------------
 　■ メインコンテンツ
--------------------------------------------------------- */

main .pg-ttl{
	margin: 0 0 10px;
	background: #D9E6EE;
	font-size: 18rem;
	text-align: center;
	padding: 6px;
	font-weight: bold;
}
/* === 基本のtable === */
.Widthauto table{
    width: auto !important;
}
.table-wp{
	margin-top: 1em;
}
.table-wp table{
	width: 100%;
	border-collapse: collapse; /* tdスキマ */
}
.table-wp table tr{
}
.table-wp th,
.table-wp td{
	font-weight: normal;
	vertical-align: middle;
	padding: 5px;
	border: 1px solid #D5D5D5;
}
.table-wp th{
	background: #FAFAFA;
	text-align: center;
}
.table-wp td .frame{
	font-size: 12rem;
	border: 1px solid #D5D5D5;
	display: inline-block;
	padding: 0 3px;
	margin-right: 5px;
}
.table-wp td .bold{
	font-weight: bold;
}
.table-wp td .ss{
	font-size: 12rem;
}
.pageHachudenSheet main .table-wp tr.checked,
.pageHachudenSheet main .table-wp tr.checked + tr{
	background: #FFFDD7;
}

.table-wp table tr.hachuStatus-1{
    background-color:#FFFFFF;
}
.table-wp table tr.hachuStatus-2{
    background-color:#FFFDD7
}
.table-wp table tr.hachuStatus-3{
    background-color:#CEF6F5;
}
.table-wp table tr.errLine{
    background-color:#FFE4E1!important;
}
.table-wp table td.coltype-num{
    text-align:right;
}

table .seller{
background-color: #F0F8FF;
}
table .buyer{
background-color: #FAFAFA;
}
/* ページネーション */
.pager
{
    text-align: -webkit-center;
}
.pager ul{
	margin: 0;
	text-align: center;
	letter-spacing: -.4em;
	line-height: 24px;
	padding: 0;
}
.pager ul li {
	display: inline-block;
	letter-spacing: normal;
	margin: 0 2px;
	padding: 0;
	vertical-align: middle;
}
.pager ul li a {
	display: block;
	padding: 2px 0 0;
	min-width: 35px;
	border: 1px solid #454545;
	text-decoration: none;
	border-radius: 4px;
	color: #333333;
}
.pager ul li a.active {
	background: #454545;
	color: #FFFFFF;
}
.pager ul li.prv a,
.pager ul li:first-child a{
	padding-left: 20px;
	padding-right: 10px;
	position: relative;
	width: auto;
}
.pager ul li.nxt a,
.pager ul li:last-child a {
	padding-left: 10px;
	padding-right: 20px;
	position: relative;
	width: auto;
}
.pager ul li.prv a::after,
.pager ul li:not(.skip):first-child a::after
{
	position: absolute;
	left: 8px;
	top: calc(50% - 4px);
	width: 6px;
	height: 6px;
	content: "";
	display: block;
	border-bottom: 2px solid #454545;
	border-left: 2px solid #454545;
	transform: rotate(45deg);
    
}
.pager ul li span.active {
	background: #454545;
	color: #FFFFFF;
}

.pager ul li span{
    font-size:9px;
	display: block;
	padding: 2px 0 0;
	min-width: 35px;
	border: 1px solid #454545;
	text-decoration: none;
	border-radius: 4px;
	color: #333333;
}
.pager ul li.nxt a::after,
.pager ul li:not(.skip):last-child a::after{
	position: absolute;
	right: 8px;
	top: calc(50% - 4px);
	width: 6px;
	height: 6px;
	content: "";
	display: block;
	border-top: 2px solid #454545;
	border-right: 2px solid #454545;
	transform: rotate(45deg);
}

.pager ul li.skip:first-child a::after{
	position: absolute;
	left: 8px;
	top: calc(50% - 5px);
	width: 6px;
	height: 6px;
	content: "";
	display: block;
	border-bottom: 5px double #454545;
	border-left: 5px double #454545;
	transform: rotate(45deg);
}

.pager ul li.skip:last-child a::after{
	position: absolute;
	right: 8px;
	top: calc(50% - 5px);
	width: 6px;
	height: 6px;
	content: "";
	display: block;
	border-top: double 5px #454545;
	border-right: double 5px #454545;
	transform: rotate(45deg);
}
.pager ul li a:hover {
	opacity:0.65;
    cursor:pointer;
}
.pager ul li a.active:hover {
	opacity:1;
}


/* 次の週・前の週 */
.weekBtn{
	padding: 0;
}
.weekBtn li{
	display: inline-block;
}
.weekBtn a{
	text-decoration: none;
	color: #ffffff;
	background-color: #434343;
	vertical-align: top;
	margin: 5px 0;
	height: 23px;
	border: 1px solid #000000;
	border-radius: 4px;
	display: inline-block;
	padding: 0 5px;
	line-height: 23px;
	position: relative;
}
.weekBtn li.nxt a{
	padding-right: 15px;
}
.weekBtn li.prv a{
	padding-left: 15px;
}
.weekBtn a::after {
	position: absolute;
	right: 15px;
	top: calc(50% - 4px);
	width: 6px;
	height: 6px;
	content: "";
	display: block;
	border-top: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
	transform: rotate(45deg);
	transition-duration: 0.5s;
}
.weekBtn li.nxt a::after {
	right: 5px;
}
.weekBtn li.prv a::after {
	left: 5px;
	transform: rotate(225deg);
}
/* === 検索枠 === */
.head-search-wp {
    border: 1px solid #CCCCCC;
    background: #FAFAFA;
    padding: 10px;
    margin: 0 0 10px;
}
.weekBtn a:hover{
	opacity:0.65;
}





/* ---------------------------------------------------------
 　■ オーダーリスト OrderList.html
--------------------------------------------------------- */

.pageOrderList #tabCont div#historyBox{
	display: none;
}
.pageOrderList #jishamei .btn,
.pageOrderList #todokesakimei .btn{
	/* width: 68px; */
	padding: 0;
}
.pageOrderList #jishamei .txtbox,
.pageOrderList #todokesakimei .txtbox{
	/* width: 430px; */
}
.pageOrderList #chakka-date .txtbox{
	/* width: 100px; */
}
/* タブ */
.pageOrderList #tabLabel{
}
.pageOrderList #tabLabel{
	margin: 20px 0 12px;
	padding: 0;
	overflow: hidden;
	border-bottom: 3px solid #0A679A;
}
.pageOrderList #tabLabel li{
	padding-right: 18px;
	float: left;
}
.pageOrderList #tabLabel li a{
	text-decoration: none;
	text-align: center;
	padding: 8px 10px 8px 0;
	position: relative;
	width: 137px;
	display: block;
	background: #E9E9E9;
	color: #333333;
}
.pageOrderList #tabLabel li a::after {
	position: absolute;
	right: 15px;
	top: calc(50% - 7px);
	width: 7px;
	height: 7px;
	content: "";
	display: block;
	border-bottom: 2px solid #333333;
	border-right: 2px solid #333333;
	transform: rotate(45deg);
}
.pageOrderList #tabLabel li a::before {
	position: absolute;
	right: -23px;
	top: 14px;
	width: 45px;
	height: 20px;
	content: "";
	display: block;
	background: #E9E9E9;
	transform: rotate(65deg);
}
.pageOrderList #tabLabel li.active a{
	background: #0A679A;
	color: #FFFFFF;
}
.pageOrderList #tabLabel li.active a::after {
	border-bottom: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
}
.pageOrderList #tabLabel li.active a::before {
	background: #0A679A;
}
/* タブ内（企業提供）テーブル */
.pageOrderList #offeredBox{
	position: relative;
}
.pageOrderList #hyouji-count{
	position: absolute;
	right: 0px;
	top: -50px;
}
.pageOrderList #hacchusaki .txtbox{
	width: 185px;
}
.pageOrderList #orderlist .txtbox.txt01{
	/* width: 80px; */
}
.pageOrderList #orderlist .txtbox.txt02{
	/* width: 240px; */
}
.pageOrderList #update .txtbox{
	width: 100px;
}
.pageOrderList #orderlist-print ,
.pageOrderList #edit {
	float: right;
}
.pageOrderList #offeredBox .table-wp{
	margin-top: 5px;
}
.pageOrderList #historyBox table tr td:nth-child(2),
.pageOrderList #offeredBox table tr td:nth-child(2){
	width: 50%;
}
.pageOrderList #historyBox table tr td:nth-child(3),
.pageOrderList #offeredBox table tr td:nth-child(3){
	text-align: center;
	white-space: nowrap;/* 改行禁止 */
}
.pageOrderList #historyBox table tr td:nth-child(4),
.pageOrderList #historyBox table tr td:nth-child(5),
.pageOrderList #offeredBox table tr td:nth-child(4),
.pageOrderList #offeredBox table tr td:nth-child(5){
	text-align: right;
	white-space: nowrap;/* 改行禁止 */
}
.pageOrderList #historyBox table tr td:nth-child(6),
.pageOrderList #offeredBox table tr td:nth-child(6){
	text-align: center;
	white-space: nowrap;/* 改行禁止 */
}
.pageOrderList #offeredBox #btm-total-price{
	background: #FFCCCC;
	padding: 8px 8px 8px 35px;
	float: right;
	margin-top: -3px;
}
.pageOrderList #offeredBox #btm-total-price .txt{
	margin-right: 10px;
}
.pageOrderList #offeredBox #btm-total-price .txtbox{
	width: 170px;
}
.pageOrderList #offeredBox .pager{
	margin: 40px 0 20px;
}

/* 履歴 */
.pageOrderList #historyBox{
	position: relative;
}
.pageOrderList #historyBox .history-hd{
	display: flex;
	justify-content: space-between;
}
.pageOrderList #historyBox .pager {
    margin: 40px 0 20px;
}
.pageOrderList #hyouji-count-h {
    position: absolute;
    right: 0px;
    top: -50px;
}

/* 日付タブ */
.pageOrderList #dateTab{
}
.pageOrderList #dateTab{
	margin: 20px 0 12px;
	padding: 0;
	overflow: hidden;
	border-bottom: 3px solid #F39801;
}
.pageOrderList #dateTab li{
	padding-right: 18px;
	float: left;
}
.pageOrderList #dateTab li a{
	text-decoration: none;
	text-align: center;
	padding: 7px 10px 4px 0;
	position: relative;
	width: 110px;
	display: block;
	background: #E9E9E9;
	color: #333333;
}
.pageOrderList #dateTab li a::after {
	position: absolute;
	right: 10px;
	top: calc(50% - 5px);
	width: 7px;
	height: 7px;
	content: "";
	display: block;
	border-bottom: 2px solid #333333;
	border-right: 2px solid #333333;
	transform: rotate(45deg);
}
.pageOrderList #dateTab li a::before {
	position: absolute;
	right: -23px;
	top: 14px;
	width: 45px;
	height: 20px;
	content: "";
	display: block;
	background: #E9E9E9;
	transform: rotate(65deg);
}
.pageOrderList #dateTab li.active a{
	background: #F39801;
	color: #FFFFFF;
}
.pageOrderList #dateTab li.active a::after {
	border-bottom: 2px solid #FFF;
	border-right: 2px solid #FFF;
}
.pageOrderList #dateTab li.active a::before {
	background: #F39801;
}


/* ---------------------------------------------------------
 　■ ログインページ login.html
--------------------------------------------------------- */
.pageLogin .wrapper {
	width: 100%;
	margin: 0 auto;
	display: block;
}
.pageLogin main{
	margin: 0 auto;
	width: 640px;
	padding: 0;
	float: none;
}
.pageLogin header{
	text-align: center;
	font-size: 16rem;
	padding: 70px 0 40px;
}
.pageLogin header h1{
	margin: 0;
}
.pageLogin header p{
	margin: 5px 0 0;
}
.pageLogin #loginBox{
	border: 1px solid #CDCDCD;
	border-radius: 2px;
	text-align: center;
	padding: 40px 0;
}
.pageLogin #loginBox ul.iblock-wp{
	margin: 0 auto;
	padding: 0;
	display: inline-block;
}
.pageLogin #loginBox ul li.iblock{
	display: block;
	margin: 0 0 10px !important;
	text-align: right;
}



.pageLogin #loginBox #login-id .txtbox{
	width: 360px;
	margin-left: 10px;
}
.pageLogin #loginBox #login-pw .txtbox{
	width: 360px;
	margin-left: 10px;
}
.pageLogin #loginBox #login-btn .btn{
	width: 180px;
}
.pageLogin #loginBox .ct{
	display: inline-block;
	text-align: left;
	margin-top: 20px;
}
.pageLogin #loginBox .ct p{
	margin: 0;
	line-height: 1.8;
	padding-left: 20px;
}
.pageLogin #loginBox .ct p:nth-child(1){
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABQUlEQVQokY2RvUoDQRSF9zW28j2izRaZe+85s9vETlCsJO8gSMAHCP5hsLEylioIQrqAIijYqUUKiYVa2ETRStZmJ2ziil74ihnOmcM9E0UVIyKxiBw1Go2TOI5nqjSVA6BP8tTMDkme/9tI8k5Vj1W1672//+31VZKbATNrquoSyWuSN2a2CGC5rFHVtYhkHvDe5wByM+sAaANom9lOWROISI7KF2ma5t77H8IpRmXjp/d+wTk3r6rvwQxgCGAbwBbJXqF9i0iOvPe5qm6Evev1equU+gFgUPAykZhlWZ4kybj2JEnOsiwLiU8kuwUXE4nFYeCca6rqCoDbsA+AV5I9AAck+2Njmqa5iDxWfNNVMAK4rCrnC8CDc66mqnNmNuucqwUxgCHJfZLP08a/qq8kEpEWyQ6AvSl2qyDZEZH1bxs7BzdYBysZAAAAAElFTkSuQmCC);
	background-position: 0px center;
	background-repeat: no-repeat;
}
.pageLogin #loginBox .ct p:nth-child(2){
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABMUlEQVQokYXSvUrEQBAA4IC1haIWWga5Uwg2go0EkrvMZmcmbLKX5AV8Ah/AN7AStLGw8Qq90sYHsRa0s7KxEcGxSY5wuT0HppuPnZ/1vIUYDAbrZVneE9E3Iv6UZTkLgmBjsa4Xo9HoxRgjRCREJMYYSZLk1fO8NSeqquosz3PRWs+h1lryPJe6rs+dUCl1w8xz1CYzi9Z66oRa64tF1GaWZZdOmCTJLhH9dl9lZmFmCcNwf+VyxuPxAQB8tAARP6MoOlqJlFKbcRzvNW1vA8BO20mWZVtOCABXzSkelVIGABgRp8YYUUrduRZzuGyj3VkB4KQH0zS9/g+maXrbg5PJ5AERnRARxVo760Hf9yNrrbg+gLVWhsMhL50TEY8R8YmI3hDxq8l3InouiuK0W/sHXYC3jNmfUXMAAAAASUVORK5CYII);
	background-position: 0px center;
	background-repeat: no-repeat;
}


.pageLogin #infoBox {
}
.pageLogin #infoBox p{
	font-weight: bold;
	color: #d00004;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABOUlEQVQokXWSsUtCURjFf4iPh1OQIQVBSzq7u+jeFrhEQ0P+Ac4ONURTQqH0Z4h/RK989xqCIllvCDMMIVtSzKSvJUPfux640/nOvefc88ECNGwoONFwq+Bdw1BBTcGZhi1MULCvLWukQUynHg5PFBwuiWqwtzRk2/JaKMhzLhe4wIXs3N6agtki+ZLPyxztZNIk3kTDqZ/opNMyGw7l03GkEY2arF+ioLkqVyuRkLptm7gnNAQ+pJPJyKBclmmvJ41YzCQcoWDsJ96Kxf+MdcsKCBWMUdAy2fyoVkVE5D4SMb3ooeHcKKxURESM2RVc48C6n2jG4zLt90VE5CGVCgjvYBsAF7L+Hr+6XZl4ngxKJX+HR0vb48KBDoW+V1Wj4ceFY+O+3sCOggsNbQWzv416VHDlwO7i7C9VVUtioJFnZwAAAABJRU5ErkJggg==);
	background-position: 0px center;
	background-repeat: no-repeat;
	padding: 0 0 0 20px;
	margin: 25px 0 15px;
}
.pageLogin #infoBox ul{
	padding: 0 10px 0 0;
	height: 240px;
	overflow-y: scroll;
}
.pageLogin #infoBox ul li{
	padding: 10px 0;
	border-bottom: 1px dotted #B5B5B5;
}
.pageLogin #infoBox ul li span{
	display: block;
}
.pageLogin #infoBox ul li span.date{
	font-weight: bold;
}

.pageLogin #infoBox ul li span.text{
	display: block;
    white-space: pre;
}
.pageLogin #infoBox ul li span.title{
	display: block;
    font-weight: bold;
    color:blue;
}

/* ---------------------------------------------------------
 　■ お知らせページ info.html
--------------------------------------------------------- */
.pageInfo{
}
.pageInfo #infoBox {
	font-size: 16rem;
  	padding: 0 10px 0 0;
	height: 720px;
	overflow-y: scroll;
}
.pageInfo #infoBox ul.list{
	padding: 0 2em;
}
.pageInfo #infoBox ul.list li{
	padding: 10px 0;
	border-bottom: 1px dotted #B5B5B5;
}
.pageInfo #infoBox ul.list li span.text{
	display: block;
    white-space: pre;
}
.pageInfo #infoBox ul.list li span.title{
	display: block;
    color:blue;
}
.pageInfo #infoBox ul.list li span.text + .text{
	margin-top: 5px;
}
.pageInfo #infoBox ul.list li span.date{
	font-weight: bold;
	vertical-align: middle;
	display: inline-block;
}
.pageInfo #infoBox ul.list li span.ico{
	color: #FFFFFF;
	border-radius: 3px;
	font-size: 12rem;
	padding: 2px 5px;
	margin-left: 10px;
	display: inline-block;
	
}
.pageInfo #infoBox ul.list li span.ico.sys{
	background: #0E6696;
}
.pageInfo #infoBox ul.list li span.ico.usr{
	background: #EE924F;
}

.pageInfo #infoBox .pager{
	margin-top: 35px;
}

/* ---------------------------------------------------------
 　■ 発注確認(詳細)　/hachuden/hachuden_0030.html
--------------------------------------------------------- */
.pageHachudenDetail .pg-ttl{
	position: relative;
}
.pageHachudenDetail .pg-ttl .iblock{
	position: absolute;
	left: 10px;
	top: 2px;
}
.pageHachudenDetail .iblock-wp.border{
	position: relative;
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 10px;
	margin-bottom: 5px;
}
.pageHachudenDetail .iblock-wp.border #detail-top-edit{
	position: absolute;
	left: 0;
	top: -2px;
}


.pageHachudenDetail #detailViewBox{
	border-top: 1px solid #D5D5D5;
	margin: 10px 0;
}
.pageHachudenDetail #detailViewBox p.txt{
	margin: 10px 0 0;
}
.pageHachudenDetail #detailViewBox .table-wp{
	margin-top: 5px;
}
.pageHachudenDetail #detailViewBox table,
.pageHachudenDetail #detailViewBox table select,
.pageHachudenDetail #detailViewBox table input,
.pageHachudenDetail #detailViewBox table button,
.pageHachudenDetail #detailViewBox table textarea{
	font-size: 12rem;
}
/* .pageHachudenDetail #detailViewBox table tr:nth-child(3n + 1){
	border-top: 2px solid #333;
} */
.pageHachudenDetail #detailViewBox table tr:nth-child(1){
	border-top: none;
}
.pageHachudenDetail #detailViewBox table tr th{
	text-align: center;
	padding: 2px 5px;
	padding: 0;
	white-space: nowrap;/* 改行禁止 */
}
.pageHachudenDetail #detailViewBox table tr:nth-child(1) th:nth-child(1){
	font-size: 10rem;
}
.pageHachudenDetail #detailViewBox table tr td{
	white-space: nowrap;/* 改行禁止 */
}
.pageHachudenDetail #detailViewBox table tr th ,
.pageHachudenDetail #detailViewBox table tr td {
    padding: 0px;
}
/*.pageHachudenDetail #detailViewBox table tr:nth-child(1) td:nth-child(1),
.pageHachudenDetail #detailViewBox table tr:nth-child(1) td:nth-child(2),
.pageHachudenDetail #detailViewBox table tr:nth-child(1) td:nth-child(3){
	text-align: center;
	vertical-align: middle;
}*/
.pageHachudenDetail #detailViewBox table tr:nth-child(1) th:nth-child(4),
.pageHachudenDetail #detailViewBox table tr:nth-child(2) th:nth-child(1),
.pageHachudenDetail #detailViewBox table tr:nth-child(3) th:nth-child(1){
	text-align: left;
}
/* 参照ボタン */
.pageHachudenDetail #detailViewBox table tr:nth-child(3n + 1) td:nth-child(3) .btn{
	height: auto;
	line-height: 1.2;
    padding: 1px 3px;
}
/*.pageHachudenDetail #detailViewBox table tr:nth-child(3n + 1) td:nth-child(1){
	text-align: center;
}*/

.pageHachudenDetail #detailViewBox table tr:nth-child(3n) td:nth-child(4){
}
.pageHachudenDetail #detailViewBox label.radioBtn input[type="radio"] + span:before,
.pageHachudenDetail #detailViewBox label.checkBox input[type="checkbox"] + span:before{
	left: 1px;
}
.pageHachudenDetail #detailViewBox input.txtbox,
.pageHachudenDetail #detailViewBox select{
	height: 22px;
}

.pageHachudenDetail #bottomBox{
	display: flex;
	justify-content: space-between;
	margin: 20px 0;
}
.pageHachudenDetail #bottomBox ul{
	padding: 0;
	margin: 0;
}
.pageHachudenDetail #bottomBox ul.note .txtbox{
	width: 300px;
	margin-left: 5px;
	height: 30px;
}
.pageHachudenDetail #bottomBox ul.total{
	width: 380px;
	background: #FFCDCC;
	display: flex;
	justify-content: space-between;
	padding: 0 10px;
	align-items: center;
}
.pageHachudenDetail #bottomBox ul.total .txtbox {
	width: 170px;
	margin: 0;
	vertical-align: top;
	height: 30px;
	font-size: 16rem;
	text-align: right;
}
.pageHachudenDetail #bottomBox ul.total li{
	text-align: center;
}
.pageHachudenDetail #bottomBox{
}



/* ---------------------------------------------------------
 　■ 発注確認(詳細)　/hachuden/hachuden_0030.html
--------------------------------------------------------- */
.pageHachudenSheet .pg-ttl{
	position: relative;
}
.pageHachudenSheet .pg-ttl .iblock{
	position: absolute;
	left: 10px;
	top: 2px;
}
.pageHachudenSheet .head-wp{
	border: 1px solid #CCCCCC;
	background: #FAFAFA;
	padding: 10px;
	margin: 0 0 20px;
}
.pageHachudenSheet #detailViewBox .top-text p{
	margin: 0;
}
.pageHachudenSheet #detailViewBox .top-text p.small{
	font-size: 12rem;
}
.pageHachudenSheet .buttons{
		display: flex;
		justify-content: space-between;
	
}
.pageHachudenSheet .table-wp{
	margin-top: 10px;
}
.pageHachudenSheet #detailViewBox table tr th {
	text-align: center;
	padding: 2px 5px;
	white-space: nowrap;
}
.pageHachudenSheet #detailViewBox table tr th:nth-child(1) {
	font-size: 10rem;
}
.pageHachudenSheet #detailViewBox table tr th:nth-child(6) ,
.pageHachudenSheet #detailViewBox table tr td:nth-child(6) {
	width: 225px;
}
.pageHachudenSheet #detailViewBox table tr:nth-child(2n) td:nth-child(1) {
	text-align: center;
}
.pageHachudenSheet #detailViewBox table tr td:nth-child(10) {
	text-align: center;
	width: 110px;
}
.pageHachudenSheet #detailViewBox table tr:nth-child(2n) td:nth-child(1) {
	text-align: center;
	width: 40px;
}
.pageHachudenSheet #detailViewBox table tr:nth-child(2n) td:nth-child(2) ,
.pageHachudenSheet #detailViewBox table tr:nth-child(2n) td:nth-child(3) ,
.pageHachudenSheet #detailViewBox table tr:nth-child(2n) td:nth-child(7) {
	width: 100px;
	text-align: center;
}
.pageHachudenSheet #detailViewBox table tr:nth-child(2n) td:nth-child(4) {
	width: 100px;
	text-align: right;
}
.pageHachudenSheet #detailViewBox table tr:nth-child(2n) td:nth-child(5) {
	width: 155px;
}
.pageHachudenSheet #detailViewBox table tr:nth-child(2n) td:nth-child(8) {
	width: 45px;
	text-align: center;
}
.pageHachudenSheet #detailViewBox table tr:nth-child(2n) td:nth-child(9) {
	width: 60px;
	text-align: center;
}




.pageHachudenSheet #regist-date-from .txtbox,
.pageHachudenSheet #regist-date-to .txtbox,
.pageHachudenSheet #order-date-from .txtbox,
.pageHachudenSheet #order-date-to .txtbox,
.pageHachudenSheet #chakka-from .txtbox,
.pageHachudenSheet #chakka-to .txtbox{
	/* width: 105px; */
}
.pageHachudenSheet #order-date-to,
.pageHachudenSheet #regist-date-to,
.pageHachudenSheet #chakka-to{
	margin-left: 5px;
}

/* ---------------------------------------------------------
 　■ calendar
--------------------------------------------------------- */
.pageCalendar{
	text-align: center;
}
.pageCalendar .calendar{
	width: 248px;
	margin: 0 auto;
	box-shadow: 0 0 15px rgba(0,0,0,0.6);
}
.how-style-table {
	width: 250px;
	margin-left: -1px;
	border-collapse: collapse;
	border-spacing: 0;
	background-color: #fff;
}
.how-style-table th,.how-style-table td {
	border-bottom: 1px solid #D4D4D4;
	border-right: 1px solid #D4D4D4;
	text-align: center;
	padding: 6px 0;
	font-size: 16rem;
}
.how-style-table tr th:nth-child(7),
.how-style-table td:nth-child(7) {
	border-right: none;
}
.how-style-table tr:last-child td{
	border-bottom: none;
}
.how-style-table a{
	text-decoration: none;
	color: #000000;
	display: block;
}
.how-style-table .how-style-table-td0{
	background: #0A6A9D;
	border: none;
	border-left: 1px solid #0A6A9D;
}
.how-style-table .how-style-table-td0 span{
	width: 80%;
	display: inline-block;
	color: #FFFFFF;
	font-weight: bold;
}
.how-style-table .how-style-table-td0 a{
	display: inline-block;
	color: #FFFFFF;
	font-weight: bold;
}

/* ---------------------------------------------------------
 　■ 自社参照
--------------------------------------------------------- */
.pageHelpJisya{
}
.pageHelpJisya main{
	padding: 10px;
	width: 1024px;
	margin: 0 auto;
	background: #FFF;
	min-height: auto;
	height:auto;
	float: none;
}
.pageHelpJisya main .pg-ttl{
	background: #0A6A9D;
	color: #FFFFFF;
}
.pageHelpJisya .HelpJisya-inner{
	padding: 10px;
}
.pageHelpJisya #HelpJisya-top{
	text-align: center;
	border-radius: 3px;
	background: #EEEEEE;
	padding: 10px;
}
.pageHelpJisya .table-wp td:nth-child(4){
	text-align: center;
}
.pageHelpJisya .close-btn{
	text-align: center;
	margin: 10px 0 20px;
}

.pageHelpJisya main .table-wp tr th:nth-child(1),
.pageHelpJisya main .table-wp tr td:nth-child(1){
	width: 50px;
	text-align: center;
}
.pageHelpJisya main .table-wp tr th:nth-child(1){
	font-size: 10rem;
}
.pageHelpJisya main .table-wp tr td:nth-child(2){
	text-align: right;
	width: 160px;
}
.pageHelpJisya main .table-wp tr td:nth-child(4){
	width: 110px;
	text-align: center;
}


/* ---------------------------------------------------------
 　■ カート
--------------------------------------------------------- */
.pageCart .head-wp {
	border: 1px solid #CCCCCC;
	background: #FAFAFA;
	padding: 10px;
	margin: 10px 0 20px;
}
.pageCart #resultsBox .resultsBox-hd{
	display: flex;
	justify-content: space-between;
}
/*.pageCart #resultsBox*/
 #cart-num{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABsElEQVQokY3Rv2tUQRAH8CkSrxEU/AcsgsqdYPH+gT3evd2d73fe7hmsRARBsBFbCWnsbEwhRhAxaLhCrGy0UjjBIo1C0BRqNEYwRgKpRIQ0zyYGNDnJVsMyn2F+iOzzdTqdA2a2ZmYNgJv7ddLtdie991/LsjzinDssACoAt0k+BHAfwBTJByTvApgCMEgpzeScV733czuVSF41s4bkDQCPSP4EMADweDuer6pqFkCTUprcgWZ2iuQnERFVbZFcUdWW9/4EgM8iIkVRjIcQlp1zR//qP4TwMqW0RnIRwBaANwDeAdgi+bqu6+8AXuwaPMY4q6qrMcbTADYBXCI5DWCTZK+u64/e+zu7YM75DMm3IiIAPqhqK8Z43MxWtkdY6PV6F/Zct6q+N7MvAL4BWCD5CsC6qi4B2HDOHdwThhAmAFxUVa+q5wGc9d6fJPkkxrg48sAhhAlVnQNwj+Qw5/zczGZIDmOMV0bCsiyPqeqyql52zo2JyJhz7lpK6VlRFOMjYVVVg5RSo6pLIiJFURzy3q+TbHLO1/8HzwH4RfLWn78Y49N+v/+j3W7nf/N/AylcpcJ9f0ffAAAAAElFTkSuQmCC);
	background-position: 0 12px;
	background-repeat: no-repeat;
	padding: 5px 0 0 15px;
}
/*.pageCart #cart-num{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABsElEQVQokY3Rv2tUQRAH8CkSrxEU/AcsgsqdYPH+gT3evd2d73fe7hmsRARBsBFbCWnsbEwhRhAxaLhCrGy0UjjBIo1C0BRqNEYwRgKpRIQ0zyYGNDnJVsMyn2F+iOzzdTqdA2a2ZmYNgJv7ddLtdie991/LsjzinDssACoAt0k+BHAfwBTJByTvApgCMEgpzeScV733czuVSF41s4bkDQCPSP4EMADweDuer6pqFkCTUprcgWZ2iuQnERFVbZFcUdWW9/4EgM8iIkVRjIcQlp1zR//qP4TwMqW0RnIRwBaANwDeAdgi+bqu6+8AXuwaPMY4q6qrMcbTADYBXCI5DWCTZK+u64/e+zu7YM75DMm3IiIAPqhqK8Z43MxWtkdY6PV6F/Zct6q+N7MvAL4BWCD5CsC6qi4B2HDOHdwThhAmAFxUVa+q5wGc9d6fJPkkxrg48sAhhAlVnQNwj+Qw5/zczGZIDmOMV0bCsiyPqeqyql52zo2JyJhz7lpK6VlRFOMjYVVVg5RSo6pLIiJFURzy3q+TbHLO1/8HzwH4RfLWn78Y49N+v/+j3W7nf/N/AylcpcJ9f0ffAAAAAElFTkSuQmCC);
	background-position: 0 0px;
	background-repeat: no-repeat;
    background-size:50px 40px;
	padding: 5px 0 0 15px;
}*/
.pageCart #resultsBox .table-wp {
	margin-top: 5px;
}
.pageCart #resultsBox .table-wp td .lt{
	float: left;
	width: 98px;
}
.pageCart #resultsBox .table-wp td .rt{
	float: right;
	width: 390px;
}
.pageCart #resultsBox .table-wp td .lt .iblock,
.pageCart #resultsBox .table-wp td .lt .btn{
	width: 100%;
}
.pageCart #resultsBox .table-wp td figure{
	margin: 0;
}
.pageCart #resultsBox .table-wp td span.ss{
	display: inline-block;
}
.pageCart #resultsBox .table-wp td span.red{
	color: #CC0000;
	font-weight: bold;
}
.pageCart #resultsBox .table-wp td a{
	font-weight: bold;
}
.pageCart #resultsBox .table-wp td:nth-child(1),
.pageCart #resultsBox .table-wp td:nth-child(3){
	color: #B5080E;
	font-size: 21rem;
}

/* ---------------------------------------------------------
 　■ カート発注商品明細
--------------------------------------------------------- */
.pageCartDetail main{
	padding: 10px 10px 30px;
	width: 1160px;
	margin: 0 auto;
	background: #FFF;
	min-height: auto;
	height: auto;
	float: none;
}
.pageCartDetail main .pg-ttl{
	background: #0A6A9D;
	color: #FFFFFF;
}
.pageCartDetail #favorite{
	float: right;
}
.pageCartDetail #product th{
	width: 140px;
	text-align: left;
}
.pageCartDetail #detailBox{
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
}
.pageCartDetail #detailBox .lt{
	width: 765px;
}
.pageCartDetail #detailBox .rt{
	width: 360px;
	background: #FAFAFA;
}
.pageCartDetail #detailBox .rt figure{
	margin: 0 0 20px;
}
.pageCartDetail #detailBox .rt p.ttl{
	font-size: 18rem;
	text-align: center;
}
.pageCartDetail #detailBox .rt .iblock-wp{
	text-align: right;
	padding: 0 30px;
}
.pageCartDetail #detailBox .rt p.total{
	margin: 15px 30px 20px;
	padding: 10px 10px 10px 25px;
	background: #FFCDCC;
}
.pageCartDetail #detailBox .rt p.total .price{
	width: 200px;
	float: right;
	text-align: right;
	/* font-weight: bold; */
	font-size: 18rem;
}
.pageCartDetail #detailBox .rt p.total .txt{
}
.pageCartDetail #detailBox .rt p.toCart,
.pageCartDetail #detailBox .rt p.cancel{
	text-align: center;
}
.pageCartDetail #detailBox .rt p.toCart .btn,
.pageCartDetail #detailBox .rt p.cancel .btn{
	width: 240px;
	height: 42px;
}
.pageCartDetail #detailBox .rt p.toCart .btn.ico-cart span{
	padding-left: 20px;
}
.pageCartDetail #detailBox .rt{
}
.pageCartDetail #detailBox .rt{
}
.pageCartDetail #detailBox .lt .zairyou .iblock{
	width: 100%;
	margin: 0 0 15px;
}
.pageCartDetail #detailBox .lt .zairyou input,
.pageCartDetail #detailBox .lt .zairyou textarea{
	margin: 0;
	width: calc( 100% - 70px );
}
.pageCartDetail #detailBox .lt .zairyou .iblock span {
	width: 70px;
	display: inline-block;
}
.pageCartDetail #detailBox .lt .table-wp{
	margin: 0;
}
.pageCartDetail #detailBox .lt .table-wp caption{
	background: #FAFAFA;
	border: 1px solid #D5D5D5;
	border-bottom: none;
	padding: 5px;
}
.pageCartDetail #detailBox .lt .table-flx{
		display: flex;
		justify-content: space-between;
	
}
.pageCartDetail #detailBox .lt .table-flx .table-wp{
	width: 365px;
	margin-top: 10px;
}
.pageCartDetail #detailBox .item-size tr td:nth-child(1){
	width: 60px;
	text-align: center;
}
.pageCartDetail #detailBox .item-size tr td:nth-child(2),
.pageCartDetail #detailBox .item-size tr td:nth-child(3),
.pageCartDetail #detailBox .item-size tr td:nth-child(5),
.pageCartDetail #detailBox .item-size tr td:nth-child(7),
.pageCartDetail #detailBox .item-size tr td:nth-child(8){
	text-align: right;
}
.pageCartDetail #detailBox .item-size tr td:nth-child(4){
	width: 70px;
	text-align: center;
}
.pageCartDetail #detailBox .item-size tr td:nth-child(6){
	word-break: break-all;
}
.pageCartDetail #detailBox .history tr td:nth-child(1){
	text-align: center;
}
.pageCartDetail #detailBox .history tr td:nth-child(2),
.pageCartDetail #detailBox .history tr td:nth-child(3){
	text-align: right;
}
.pageCartDetail #detailBox .recycle tr td:nth-child(1){
	text-align: right;
}
.pageCartDetail #detailBox .recycle tr td:nth-child(2){
	text-align: center;
}


/* ---------------------------------------------------------
 　■ タブ（ハウネット会員マスタ）
--------------------------------------------------------- */

#TabSection #tabLabel
{
margin: 20px 0 12px;
padding: 0;
overflow: hidden;
border-bottom: 3px solid #0A679A;
}

#TabSection #tabLabel li
{
padding-right: 18px;
float: left;
}

#TabSection #tabLabel li a
{
text-decoration: none;
text-align: center;
padding: 8px 10px 8px 0;
position: relative;
width: 137px;
display: block;
background: #E9E9E9;
color: #333333;
}

#TabSection #tabLabel li a::after
{
position: absolute;
right: 15px;
top: calc(50% - 7px);
width: 7px;
height: 7px;
content: "";
display: block;
border-bottom: 2px solid #333333;
border-right: 2px solid #333333;
transform: rotate(45deg);
}

#TabSection #tabLabel li a::before
{
position: absolute;
right: -23px;
top: 14px;
width: 45px;
height: 20px;
content: "";
display: block;
background: #E9E9E9;
transform: rotate(65deg);
}

#TabSection #tabLabel li.active a
{
background: #0A679A;
color: #FFFFFF;
}

#TabSection #tabLabel li.active a::after
{
border-bottom: 2px solid #FFFFFF;
border-right: 2px solid #FFFFFF;
}

#TabSection #tabLabel li.active a::before
{
background: #0A679A;
}


#TabSection .TabPage{
	border: 2px solid #0A679A;
    margin-top: -12px;
    padding:5px;
}

/*.inTable
{
    border-style:solid;
    border-width:1px;
    border-color:#222222;
}*/
/*.inTable thead
{
    border-style:solid;
    border-width:1px;
    border-color:#222222;
    background-color:lightgray;
}*/
.inTable thead th
{
    text-align: center;
    border-style:solid;
    border-width:1px;
    border-color:#666666;
    background-color:lightgray;
}
.inTable thead,.inTable thead label
{
        font-size: 12rem;
}
.inTable tbody td
{
    border-style:solid;
    border-width:1px;
    border-color:#666666;
    padding:0;
}
.inTable tbody td input
{
    margin:0 !important; 
    border:none !important;
    font-size: 12rem;
}

#frmEdit .iblock-wp + .iblock-wp
{
    margin-top:10px;
}

#frmEdit .iblock-wp .iblock-wp + .iblock-wp
{
    margin-top:2px;
}

#frmEdit label,#frmEdit textarea
{
    font-size: 12rem;
}

.details .iblock-wp .iblock + .iblock{
	margin-left: 0px;
}