@charset "utf-8";

.errorbox {
    background: #FF97C2;
}

#box {
 width:930px;
 /*font-size:80%;*/
}

#box div {
 width:278px;
 height:auto !important;
 margin:0 10px 0 0;
 /*border:1px solid #ccc;*/
}

#box .box1 {
 padding:10px;
 float:left;
}

#box .box2 {
 padding:10px;
 float:left;
}

#box .box3 {
 margin:0;
 padding:10px;
 float:left;
}

.buttonbox {
 width:800px;
}

.buttonbox .leftbox {
 width:390px;
 float:left;
}

.buttonbox .rightbox {
 width:390px;
 float:right;
}

#printbox {
 width:540px;
}

#printbox div {
 width:540px;
 height:auto !important;
/*// border:1px solid #ccc;*/
}

label#printbox  {
    display: block;
    width: 150px;
    float: left;
    margin-bottom: 10px;
}

label#printbox  {
    float: left;
    margin-bottom: 10px;
}

/* *****************************************************
　認証画面
******************************************************** */
p.guide00 {
     margin:80px auto 20px;
}

p.guide01 {
     margin:20px auto;
}

#pg_login div#content {
     overflow:hidden;
     margin-top:20px;
     text-align:center;
     background-image:none;
}

#login_div label, input[type='text, password'] {
    display: block;
    width: 150px;
    float: left;
    margin-bottom: 10px;
}

div#login_div {
    width: 550px;   /* 20221201 ROkayasu Mod 330→430pxに拡幅→ 20221212 さらに550pxに拡幅 */
    text-align: left;
}

#pg_login br { 
    clear: left; 
}

/* *****************************************************
　end - 認証画面
******************************************************** */

/* *****************************************************
　共通
******************************************************** */
/* ===================== dirFrame ====================== */
#dirFrame {
	overflow:hidden;
	margin:0 0 7px;
	height:22px;
}

#dirFrame li {
	float:left;
	margin:0 7px 0 0;
	padding:0 22px 0 0;
	width:auto;
	background:url(../images/dir_arrow.gif) no-repeat right center;
}

#dirFrame li.curr {
	font-weight:bold;
	background:none;
}


#dirFrame .dirIdx {
	padding-left:20px;
	background:url(../images/dir_arrow.gif) no-repeat 0 center;
}

#dirFrame .curr {
	font-weight:bold;
}
/* ===================== end - dirFrame ====================== */

.pageTop {
	clear:both;
	margin:10px auto 0;
	width:860px;
	overflow:hidden;
	font-weight:bold;
	text-align:right;
}

.pageTop a {
	width:112px;
	float:right;
	background:url(../images/arrow_up.gif) no-repeat 0 center;
	line-height:1;
	text-decoration:none;
}

/* safari only */
body:first-of-type .pageTop a {
	font-size:0.9em;
}

.pageTop a:hover {
	text-decoration:underline;
	*background:url(../images/arrow_up.gif) no-repeat 0 center;
}

#pg_base div#content {
     margin-top:15px;
     text-align:center;
     background-image:none;
}

/* *****************************************************
　end - 共通
******************************************************** */
 
/* *****************************************************
　見積依頼画面
******************************************************** */
table#irai_t {
     margin:0 auto 10px;
     width:800px;
     font-size:14px;
     border-collapse:collapse;
}

table#irai_t th {
     padding:10px 5px;
     width:90px;
     text-align: right;
     vertical-align: middle;
     white-space: nowrap;
}

table#irai_t td {
     text-align: left;
     vertical-align: middle;
     white-space: nowrap;
}
/* *****************************************************
　end - 見積依頼画面
******************************************************** */

/* *****************************************************
　検索指示画面
******************************************************** */
/* ===================== search ====================== */
.pg_search #content {
}

.col {
	float:left;
	margin-top:10px;
}

#searchFrame {
	width:920px;
	overflow:hidden;
}

.col#searchFrame {
	width:640px;
}

#srch_sp h2 {
	background-image:url(../images/srch_ttl_sp.gif);
}

.searchBox {
	position:relative;
	clear:both;
	margin:15px auto 0;
}

.searchBox h2 {
	overflow:hidden;
	width:218px;
	height:23px;
	text-indent:-9999px;
	background-repeat:no-repeat;
	background-position:0 0;
}

.searchBox #hitFrame {
	position:absolute;
	top:-7px;
	right:0;
	text-align:right;
	font-weight:bold;
	line-height:1;
}

.searchBox #hitFrame p {
	padding:0;
}

.searchBox #hitFrame .hitNum {
	font-family:Arial,Helvetica;
	font-size:1.5em;
	color:#dd0000;
}

.srchWrap {
	position:relative;
	padding:10px;
	overflow:hidden;
	*zoom:1;
	border:1px solid #5378b4;
}

.searchBox .guide {
	text-indent:15px;
	text-align:left;
	margin:0 0 5px;
	padding:0;
	background:url(../images/arrow01.gif) no-repeat 0 center;
}

.btn_search,
.btn_specify,
.btn_back {
	position:absolute;
	top:10px;
	width:109px;
	height:29px;
	background-repeat:no-repeat;
	background-position:0 0;
}

.btn_clear {
	position:absolute;
	top:10px;
	width:109px;
	height:29px;
	background-repeat:no-repeat;
	background-position:0 0;
}

.btn_csv {
	position:absolute;
	top:8px;
	width:109px;
	height:20px;
	background-repeat:no-repeat;
	background-position:0 0;
        border: solid 1px #bbb;
}

/* 検索ボタン */
.btn_search {
	right:10px;
	background-image:url(../images/btn_search.gif);
}

.btn_search:hover {
	background:url(../images/btn_search.gif) no-repeat 0 -29px;
}

/* クリアボタン */
.btn_clear {
	right:124px;
	background-image:url(../images/btn_clear.gif);
}

.btn_clear:hover {
	background:url(../images/btn_clear.gif) no-repeat 0 -29px;
}

/* ===================== end - search ================ */

/* ===================== search_sp ================ */
#srch_sp {
	margin-top:0;
}

#srch_sp .guide {
	margin:5px auto 12px;
}

#addBtnFrame {
	clear:both;
	position:relative;
	margin:10px;
	height:34px;
	background:url(../images/line_bg01.gif) repeat-x 0 0;
	text-align:right;
}

#addBtnFrame #btn_addCar {
	position:absolute;
	top:12px;
	right:5px;
	width:140px;
	height:22px;
	background:url(../images/btn_addcar.gif) no-repeat 0 0;
	text-align:left;
}


#addBtnFrame #btn_addCar:hover {
	background:red url(../images/btn_addcar.gif) no-repeat 0 -22px;
}

#addBtnFrame .guide.aside {
	text-align:right;
	position:absolute;
	top:8px;
	right:155px;
	font-size:1em;
	color:#dd0000;
}

.spFrame {
	clear:both;
	margin:15px 3px 0;
}

.spFrame div {
	zoom:1;
}

.spFrame h3 {
	overflow:hidden;
	margin:0 auto 10px;
	height:30px;
	text-indent:-9999px;
	background:url(../images/srch_sttl_sp.gif) no-repeat 0 8px;
	border-bottom:3px double #a0b8e0;
}

.spFrame #spFrame {
	clear:both;
	margin:20px 10px 0;
}

.spFrame .spRow {
	clear:both;
	position:relative;
	overflow:hidden;
	margin:5px 0;
	padding:0 0 5px;
	height:auto;
	border-bottom:1px dotted #bbb;
}

.spFrame .spRow.btm {
	border-bottom:0;
}

.spFrame .spRow .head {
	float:left;
	width:150px;
	background:url(../images/arrow02.gif) no-repeat 0 center;
	text-indent:10px;
	font-weight:bold;
}

.spFrame .spRow .inp1 input[type="text"] {
	float:left;
	width:200px;
	text-indent:10px;
}

.spFrame .spRow .inp2 input[type="text"] {
	float:left;
	width:100px;
	text-indent:10px;
}

.spFrame .spRow .inp2 {
	float:left;
	text-indent:10px;
}

.spFrame .spRow .inp3 input[type="text"] {
	width:100px;
	text-indent:10px;
        float: left;
}

.spFrame .spRow .lab1 input[type="text"] {
	width:300px;
	text-indent:10px;
}

.spFrame .spRow .sp {
	float:left;
	/* width:300px; */
	width:640px;
}

.spFrame .spRow .btn_sp {
	position:absolute;
	top:0;
	right:0;
	width:100px;
	height:20px;
	background:url(../images/btn_sp.gif) no-repeat 0 0;
}

.spFrame .spRow .btn_sp:hover {
	background:url(../images/btn_sp.gif) no-repeat 0 -20px;
}

.spFrame .spRow .chkFrame {
	display:block;
	width:640px;
	float:left;
}

.spRow .optFrame{
        float:left;
    	text-align:left;
        /*text-indent:10px;*/
}

#srch_sp .aside {
	clear:both;
	margin:5px 0 0;
	padding:3px 0 0;
	line-height:1;
	font-size:0.8em;
	text-indent:0;
}
/* ===================== end - search_sp ================ */

/* *****************************************************
　end - 検索指示画面
******************************************************** */

/* *****************************************************
　検索結果一覧
******************************************************** */

.mitsumori_list h2.spToggle {
	cursor:pointer;
	text-indent:0;
}

.mitsumori_list h2.spToggle a.btn {
	margin:3px 0 0;
	height:17px;
	/*background-color:none;*/
	background:url(../images/btn_srchtoggle.gif) no-repeat 198px 0;
}

.mitsumori_list h2.spToggle a.btn:hover {
	background-position: 198px -17px;
}

.mitsumori_list h2.spToggle.open a.btn {
	background-position: 198px -34px;
}

.mitsumori_list h2.spToggle.open a.btn:hover {
	background-position: 198px bottom;
}

.mitsumori_list .srchWrap {
	display:none;
}

.mitsumori_list .srchWrap.disp {
	display:block;
}

/* ***** 件数、ページ数表示 ***** */
div.listhead {
     overflow:hidden;
     margin:15px auto 5px;
     width:920px;
     height:auto;
     font-size:14px;
}

div.listhead .lft {
     float:left;
     width:920px;
}

div.listhead table#rslt {
     margin:auto 0;
     background:url(../images/list_rslt_bg.gif) no-repeat left top;
     height:29px;
     overflow:hidden;
}

div.listhead table#rslt th {
     padding:4px 5px 3px;
     width:51px;
     text-indent:-9999px;
}

div.listhead table#rslt td {
     padding:4px 0 3px 7px;
}

div.listhead table#rslt td#disppg1 {
     text-align:center;
     padding:2px 0 3px 0;
}

div.listhead table#rslt td#disppg2 {
     text-align:right;
     padding:4px 7px 3px 0;
}
/* ***** end - 件数、ページ数表示 ***** */

/* ***** ページング ***** */
div.pagination {
     clear:both;
     position:relative;
     margin:0 auto;
     width:920px;
     font-size:16px;
     text-align:center;
}

div.pagination a.pgmv {
     padding:0;
     font-size:14px;
}

div.pagination a.ie6hover {
     color:#52809f;
     background:#ecf2f6;
}

div.pagination a.pg_first,
div.pagination a.pg_prev {
     padding-left:0;
}

div.pagination a.pg_last,
div.pagination a.pg_next {
     padding-right:0;
}

div.pagination img {
     float:none;
     width:15px;
     height:14px;
     vertical-align:middle;
}

div.pagination img.pgarr1 {
     margin-right:1px;
}

div.pagination img.pgarr2 {
     margin-left:1px;
}

div.pagination span.pg {
     display:inline-block;
     overflow:hidden;
     margin-right:6px;
     height:auto;
     vertical-align:middle;
}

div.pagination span.pg a {
     padding:0 8px;
     border-right:1px solid #888;
     width:auto;
     display:block;
     float:left;
     text-align:center;
}

div.pagination span.pg a.bn {
     border:0;
}

div.pagination span.pg a.crr {
     font-weight:bold;
     background:#ecf2f6;
     text-decoration:none;
}

div#pghead {
     width:470px;
}

div#pghead a.pgmv {

}

div#pgcover {
     position:absolute;
     background:url(../images/none.gif) no-repeat 0 0;;
     left:0;
     top:0;
     width:500px;
     height:25px;
}

div#pgcover2 {
     position:absolute;
     background:url(../images/none.gif) no-repeat 0 0;;
     width:920px;
     height:25px;
     left:0;
     bottom:-1px;
}
/* ***** end - ページング ***** */

/* ====================== list ======================*/
/* ***** 検索結果リスト表示 ***** */
table.list_t {
    clear:both;
    border:1px solid #999;
  /*   overflow: scroll;   20191216 ROkayasu Add オーバーフロー属性を追加→20200129　無用なので引っ込める */
    /*  width:auto;　20191216 ROkayasu Commented Out */
    table-layout: fixed;
    font-size:0.9em;
}

table.list_in{
    margin-bottom:0px;
    background-color:  #ecf2f6;
}

table.list_t th {
     border:1px solid #999;
     height:5em;
     line-height:1.1;
     color:#fff;
     background:#797979;
     font-size:12px;
     text-align:center;
}

table.list_t td {
    padding:1px 1px 1px;
    border:1px solid #999;
}

table.list_t th.header_number {
    width: 80px;
}

table.list_t th.header_date {
    width: 70px;
}

table.list_t th.header_names {
    width: 160px;
}

table.list_t th.header_item {
    width: 200px;
}

table.list_t th.header_quote {
    width: 100px;
}

table.list_t th.header_apploval {
    width: 50px;
}

table.list_in td {
    width: 110px;
}

table.list_t td.colnowworp {
    white-space: nowrap;    
}

table.list_t td.col_apploval {
    white-space: nowrap;    
    margin-left: auto;
    margin-right: auto;
}
/* 2020/03/02 ROkayasu Add[品名欄] */

.hinmei {
    position:relative;
    cursor: pointer;
    display:inline-block;
}
.hinmei p{
    padding: 0;
    margin: 0;
    width:140px;    
    white-space:nowrap;
    overflow:hidden;
    /*text-overflow:ellipsis;*/
}

.tooltip {
    display:none;
    position: absolute;
    padding: 10px;
    font-size: 12px;
    line-height: 1.6em;
    color: #000;
    border-radius: 5px;
    background: rgba(122, 122, 255, 0.80);
    width:250px;
}
.tooltip:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    border: 15px solid transparent;
    border-top: 15px solid rgba(122, 122, 255, 0.80);
    margin-left: -15px;
}
.hinmei:hover .tooltip{
    display: inline-block;
    top: -70px;
    left: -30px;
}

/*  2020/03/02 ROkayasu Add(終) */

/* for IE8 only[09/04/07] */
html>/**/body table.list_t td {
     padding/*\**/:0 2px\9;/*[09/04/07]*/
}
/* end for IE8 only*/

.mywrap {
     position:relative;
     overflow:visible;
     width:36px;
     height:36px;
}

/* for safari only \*/
html:\66irst-child table.list_t td {
     font-family:monospace;
}
/* end */

/* ***** end - 検索結果リスト表示 ***** */
/* ======================== end list ========================*/
/* *****************************************************
　end - 検索結果一覧
******************************************************** */

/* ***** 20191216 ROkayasu Add ***** */
 #wrapper {
  width: 1000px;
  margin: auto;
  padding: 5px 0;
}
/* ***** 20200303 ROkayasu Commented Out ***** */
/*.scrollbar {
  width: 100%;
  height: 10px;
  overflow-x: scroll;
  overflow-y: hidden;
}
.scrollbar .inner {
  width: 1000px;     ***** 20200129 ROkayasu 1105->1000に変更 ***** 
  height: 1px;
}
.scrollbox {
  width: 100%;
  margin-top: 5px;
  overflow-x: scroll;
  overflow-y: hidden;
}
.scrollbox .inner {
  width: 1000px;     ***** 20200129 ROkayasu 1105->1000に変更 ***** 
  height: 200px;
  margin-bottom: 5px;
  background-color: #F9F8F6;
}
.scrollbox .txtscroll {
  margin: 0;
  font-size: 16px;
  line-height: 1.5;
}
 スクロールバーのスタイル 
.scrollbar::-webkit-scrollbar,
.scrollbox::-webkit-scrollbar{
  height: 10px;
}
.scrollbar::-webkit-scrollbar-track,
.scrollbox::-webkit-scrollbar-track{
  border-radius: 5px;
}
.scrollbar::-webkit-scrollbar-thumb,
.scrollbox::-webkit-scrollbar-thumb{
  border-radius: 5px;
  background-color: #e7e7e7;
}*/
/* ***** 20200303 ROkayasu Commented Out(END) ***** */
/* ***** end -  ***** */