@charset "utf-8";

/*-----------------------------------------------
 __base_style
-----------------------------------------------*/

body {
	font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	margin: 20px 0 0 0;
	padding: 0 0 0 0;
	background: #ffffff;
	color: #000;
	line-height: 1.5;
	text-align: center;
	font-size: small;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 14pt;
	letter-spacing: .1em;
}

a:link {
	color: #666666;
	text-decoration: none;
}

a:visited {
	color: #666666;
	text-decoration: none;
}

a:hover {
	color: #000000;
	text-decoration: underline;
}

a:active {
	color: #0000ff;
}

img {
	border-style:none;
	vertical-align: bottom;
}

a img {
	border-style:none;
}

ul {
	list-style:none;
}

/*-----------------------------------------------
 __layout
-----------------------------------------------*/

#page {
	width: 962px;
	margin: 0 auto;
}

.unauth_msg{
	color: red;
	margin-left: 15px;
}

.unauth_msg_detail{
	color: red;
	margin-left: 5px;
}

/*-----------------------------------------------
 __login
-----------------------------------------------*/

#attention {
	width: 500px;
	height: 500px;
	margin: 0 auto;
	padding: 120px 0px 0px 0px;
	text-align: center;
}

#login {
	width: 480px;
	height: 379px;
	margin: 0 auto;
	background-image: url(../img/logincard.svg);
	background-repeat: no-repeat;
	text-align: center;
	position: relative;
}

#loginblank {
	width: 240px;
	height: 96px;
	margin: 0px auto;
}

#loginnote {
	width: 240px;
	height: 44px;
	margin: 0px auto;
}

#loginform {
	width: 350px;
	height: 220px;
	margin: 30px auto 10px;
	text-align: left;
}
#loginform form{
	width: 240px;
	margin: 0 auto;
}

#loginbtnarea{
	display: flex;
	margin: 0 auto;
}

#loginsubmit {
	width: 240px;
	height: 34px;
	margin: 0px 0px 0px 0px;
	text-align: center;
}

#pbtop{
	width: 240px;
	height: 34px;
	margin: 0px 0px 0px 0px;
	text-align: center;
}

.forgetPW{
	font-size: 12px;
	padding-top: 12px;
	padding-left: 57px;
	line-height: 1.4;
}
.forgetPW a{
	color: #f00;
}

.forgetPW a:hover{
	color: #FF7676;
}

/*-----------------------------------------------
 __office_box
-----------------------------------------------*/

#office_box {
	clear: both;
	width: 962px;
	height: 296px;
	margin: 0px;
}


#office_title {
	width: 962px;
	height: 20px;
}

#office_entry {
	width: 959px;
	height: 276px;
	border: solid 1px #CCC;
}

#office_inner {
	text-align: left;
	width: 920px;
	height: 200px;
	margin: 20px 19px 20px 19px;
}

/*-----------------------------------------------
 __info
-----------------------------------------------*/

#info {
	width: 962px;
	margin: 20px 0px 0px 0px;
}

#infobar {
	width: 960px;
	height: 20px;
}

#news {
	float: left;
	width: 960px;
}

#newbie {
	float: right;
	width: 475px;
}

#contact {
	clear: both;
	width: 962xp;
}

#box {
	width: 960px;
	/* height: 120px; */
	border: solid 1px #c8c8c8;
	border-top-style: none;
}

#box2 {
	background-image: url(../img/newback.gif);
	width: 473px;
	height: 120px;
	border: solid 1px #c8c8c8;
	border-top-style: none;
}

#inner {
	padding: 10px 0px 10px 10px;
	text-align: left;
}

#newleft {
	float: left;
	width: 190px;
	height: 90px;
	text-align: left;
	padding: 30px 0px 0px 30px;
}

#newright {
	float: right;
	width: 190px;
	height: 107px;
	padding: 10px 0px 0px 0px;
}

/*-----------------------------------------------
 __support
-----------------------------------------------*/

#support {
	width: 960px;
	text-align: left;
}

#suplogo {
	float: left;
	width: 118px;
	vertical-align: top;
	text-align: right;
}

#suptext {
	float: right;
	width: 826px;
	text-align: left;
}

/*-----------------------------------------------
 __header
-----------------------------------------------*/

#header {
	width: 962px;
	height: 60px;
}

#contents {
	width: 962px;
}

/*-----------------------------------------------
 __menu
-----------------------------------------------*/

#left {
	float: left;
	width: 240px;
	height: auto;
	margin: 16px 0px 0px 0px;
	border: 1px solid #d3d3d3;
}

#lefthead {
	height: 4px;
	/* background: url(../img/menuhead.jpg) no-repeat; */
	font-size: 3px;
}

#leftmid {
	height: auto;
	background: url(../img/menumid.jpg) repeat-y;
}

#leftbtm {
	height: 6px;
	/* background: url(../img/menubtm.jpg) no-repeat; */
}

.menubt {
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
}

.menubts {
	margin: 0 auto;
	padding: 0px 0px 4px 0px;
}
.menubts2 {
	margin: 0 auto;
	padding: 0px 0px 7px 0px;
}

.menubtl {
	margin: 0 auto;
	padding: 0px 0px 5px 0px;
}

.menuline {
	margin: 0 auto;
	background: url(../img/menuline.jpg) no-repeat;
	height: 2px;
	width: 232px;
}
.mouseover {
	background: #ffffff;
	font-size: 16px;
	font-family: sans-serif;
	text-align: left;
}
.menucurrent {
	background: #d3d3d3;
}
.mouseover:hover {
	background: #d3d3d3;
}
.mouseover a {
	margin: 0px 0px 0px 20px;
	display: block;
}

/*-----------------------------------------------
 __right
-----------------------------------------------*/

#right {
	float: right;
	width: 706px;
	/*border: solid 1px #c8c8c8;*/
	margin: 16px 0px 0px 0px;
}

.rline {
	clear: both;
}

#rtitle {
	float: left;
	height: 20px;
/*	width: 360px;*/
	text-align: left;
	padding: 0px 0px 0px 3px;
}

#ridbox {
	float: right;
	height: 20px;
/*	width: 320px;*/
	text-align: right;
	padding: 0px 3px 0px 0px;
	color: #009942;
}

#rid1 {
/*	float: right;*/
/*	text-align: left;*/
	font-weight: bold;
}

#ridb {
	font-weight: bold;
}

#rid2 {
/*	float: right;*/
/*	width: 180px;*/
/*	text-align: left;*/
}

#rtermbox {
	clear: both;
	width: 703px;
	height: 20px;
	padding: 6px 0px 0px 3px;
	text-align: left;
}

.term1 {
	float: left;
}

.term2 {
	float: left;
}

#rdate {
	clear: both;
	width: 703px;
	height: 24px;
	padding: 6px 0px 6px 3px;
	text-align: left;
}

#rdatestart {
	float: left;
}

#rdateend {
	float: left;
	padding: 0px 0px 0px 12px;
}

#cond th {
	background-color: #d3d3d3;
}

#cond tbody th.check {
	width: 36px;
}

#cond tbody th.change {
	width: 36px;
}

#cond tbody th.value {
	width: 130px;
}

#cond tbody th.name {
	width: 320px;
}
/* add 846 */
#proper {
	clear: both;
	width: 703px;
	height: 20px;
	padding: 0px 0px 6px 3px;
	text-align: left;
}

#proper2 {
	clear: both;
	width: 703px;
	height: 10px;
	padding: 0px 0px 0px 3px;
	text-align: left;
}



#rsetting {
	width: 700px;
	height: auto;
	padding: 12px 0px 0px 3px;
	text-align: left;
}

#rtablebox {
	padding: 12px 0px 0px 0px;
}

#rtable {
	border: 1px solid #CCC;
	width: 700px;
	/*height: auto;*/
	height: 380px;
	overflow: auto;
}

#rbtbox {
	text-align: right;
	padding: 12px 0px 0px 0px;
}

#rbt01 {
}

#rbt02 {
}



#rtitle2 {
	text-align: left;
	padding: 0px 0px 0px 4px;
	height: 20px;
	background-color: #f0f0f0;
}

#rinner {
	width: 700px;
	text-align: left;
	margin: 4px 0px 0px 3px;
}

#rinner blockquote {
	font-family: Osaka,"Osaka－等幅","ＭＳ ゴシック","MS PGothic","monospace";
	margin-bottom: 60px;
	background-color: #f3f3f3;
}

#rinner b {
	color: #009942;
}

#rform1 {
	float: left;
	width: 360px;
}

#rform2 {
	text-align: right;
	float: left;
	width: 340px;
	padding: 0px 0px 0px 0px;
	display: inline;
}

#rform2text {
	text-align: left;
	width: 340px;
	padding: 0px 0px 0px 4px;
}

#rtable1 {
	padding: 0px 0px 0px 4px;
}

#samplebox1 {
	border: solid 1px #c8c8c8;
	width: 248px;
	height: 120px;
}

#samplebox2 {
	border: solid 1px #c8c8c8;
	width: 330px;
	height: 375px;
	margin: 6px 0px 0px 0px;
}

#right2 {
	float: left;
	width: 700px;
	/*border: solid 1px #c8c8c8;*/
	margin: 0px 0px 0px 0px;
}

#rbt1 {
	float: left;
	width: 332px;
	text-align: right;
	margin: 8px 0px 0px 0px;
}

#rbt2 {
	width: 248px;
	text-align: right;
	margin: 6px 0px 0px 0px;
}

#line {
	margin: 10px 0px 0px 0px;
	height: 10px;
	font-size: 8px;
}

/*-----------------------------------------------
 __tab
-----------------------------------------------*/


#tabbox {

}

body#tab_sample h1 {
	margin-bottom:2em;
	font-size:200%;
	font-weight:normal;
	line-height:100%;
	text-align:center;
	}

body#tab_sample div#javascript_tab_sample {
	margin:20px auto 0 auto;
	width:450px;
	text-align:left;
	}

div#javascript_tab_sample ul#tab {
	margin:0;
	padding:0;
	border-bottom:3px solid #787878;
	background-color:#fff;
	float:left;
	width:100%;
	}

div#javascript_tab_sample ul#tab li {
	margin:0 0 0 0px;
	padding: 0;
	text-align:center;
	border:1px solid #787878;
	border-bottom:none;
	float:left;
	width:160px;
	height:20px;
	}

div#javascript_tab_sample ul#tab li.selected {
	background-color:#787878;
	}

div#javascript_tab_sample ul#tab li.selected a {
	color:#fff;
	}

div#javascript_tab_sample dl {
	margin:0;
	padding:5px;
	color:#333;
	border:1px solid #787878;
	border-top:none;
	background-color:#787878;
	clear:both;
	text-align:center;
	}

div#javascript_tab_sample dl dt {
	border-bottom:1px solid #999;
	}

div#javascript_tab_sample dl dd {
	text-align: center;
}

div#javascript_tab_sample dl dd p {
	}

#tabinner {
	width: 688px;
	/* height: 340px; */
	background: #fff;
}

#tabbt {
	margin: 6px 0px 0px 0px;
}

/*-----------------------------------------------
 __list&save
-----------------------------------------------*/

#listbox {
	width: 698px;
	/* height: 393px; */
	border: solid 1px #c8c8c8;
}

#listname {
	text-align: left;
	width: 698px;
	height: 59px;
	border: solid 1px #c8c8c8;
	margin: 10px 0px 0px 0px;
}

#listbt {
	margin: 5px 0px 0px 0px;
}

/*-----------------------------------------------
 __list&save
-----------------------------------------------*/

#footerlogo {
	clear: both;
	width: 962px;
	height: 40px;
	padding: 20px 0px 0px 0px;
}


/*-----------------------------------------------
 __tabbox
-----------------------------------------------*/

#tabbox2 {
	width: 600px;
	height: auto;
	margin: 0 auto;
}

#tabbtarea {
	width: 600px;
	height: 32px;
}

#tabbtbox {
/*	width: 384px; */
	width: 480px;
	height: 32px;
	margin: 0px 0px 0px 28px;
}

.tabbt {
	width: 120px;
	height: 32px;
	float: left;
}

#tabtop {
	clear: both;
	width: 600px;
	height: 4px;
	background: url(../img/tabboxtop.jpg) no-repeat;
	font-size: 3px;
}

#tabmid {
	width: 600px;
	height: auto;
	background: url(../img/tabboxback.jpg);

}

#tabbody {
	padding: 12px 10px 12px 10px;
	text-align: left;
	height: auto;
	font-size: 12px;
}

#tabbodybtarea {
	width: 580px;
	height: 32px;
	margin: 0 auto;
	padding: 0px 0px 12px 0px;
}

.tabbodybt {
	width: 128px;
	height: 32px;
	float: right;
}

#tabbtm {
	width: 600px;
	height: 4px;
	background: url(../img/tabboxbtm.jpg) no-repeat;
	font-size: 3px;

}

.btarea {
	text-align: right;
	padding: 10px 10px 10px 10px;
}





.btareabox {
	height: 30px;
}

.btareaboxL {
	float: left;
	height: 32px;
}

.btareaboxR {
	float: right;
	height: 32px;
}

.tabform1 {
	float: left;
	padding: 3px 8px 0px 0px;
}

.tabform2 {
	float: left;
	padding: 18px 8px 0px 0px;
}

.tabformbt1 {
	float: left;
}

.tabformbt2 {
	float: left;
	height: 30px;
	margin: 48px 0px 0px 0px;
}

.attention {

}

.img_ai {
	text-align: center;
}




















/*-----------------------------------------------
 __agree
-----------------------------------------------*/

#agmain{
	width: 700px;
	margin: 0 auto;
	text-align: left;
}

#agright{
	width: 700px;
	margin: 0 auto;
	text-align:right;
}

#agcenter{
	margin: 0 auto;
	text-align: center;

}


/*-----------------------------------------------
 __regist
-----------------------------------------------*/

#regcenter {
	width: 700px;
	margin: 0 auto;
	text-align: center;
}



/*-----------------------------------------------
 __api
-----------------------------------------------*/

#page2 {
	width: 700px;
	margin: 0 auto;
}

#shoplist {
	width: 600px;
	margin: 0 auto;
	text-align: left;
}



/*-----------------------------------------------
 __table
-----------------------------------------------*/

/* tables */
table.tablesorter {
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
	table-layout: fixed;
}
table.tablesorter thead th {
	position: sticky;
	top: 0;
	z-index: 1;
	box-shadow: 0 -3px 1px -1px #ccc;
}
table.tablesorter .thcolumnfixed {
	position: sticky;
	left: 0;
	z-index: 2;
}
table.tablesorter .thcolumnfixed2 {
	position: sticky;
	left: 110px;
	z-index: 2;
}
table.tablesorter .tdcolumnfixed {
	position: sticky;
	left: 0;
	z-index: 1;
}
table.tablesorter .tdcolumnfixed::before{
    content : "" ;
    position : absolute ;
    top : 0 ;
    left : 0 ;
    width : 100% ;
    height : 100% ;
    border-right : 1px solid #CDCDCD ;
}
table.tablesorter .tdcolumnfixed2 {
	position: sticky;
	left: 110px;
	z-index: 1;
}
table.tablesorter .tdcolumnfixed2::before{
    content : "" ;
    position : absolute ;
    top : 0 ;
    left : 0 ;
    width : 100% ;
    height : 100% ;
    border-right : 1px solid #CDCDCD ;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #d3d3d3;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
	color: #000000
}
table.tablesorter thead tr .header {
	background-image: url(../img/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
	text-align: right;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #ffcccc;
}

#leftxt {
	text-align: left;
}

#centxt {
	text-align: center;
}

table.tablesorter .tdcolumnfixed.itemname {
	text-align: left;
	vertical-align: middle;
	background-color: #bbbbbb;
}

table.tablesorter .colorcell {
	background-color: #bbbbbb;
}

table.tablesorter tbody tr.odd td.colorcell {
	background-color:#bbbbbb;
}

.sorter-false {
	background-image: none;
}

/*-----------------------------------------------
 __jan_search
-----------------------------------------------*/

#jan_search {
	border: solid 1px #c8c8c8;
	width: 480px;
	margin: 6px 0px 0px 0px;
	text-align: left;
}



/*-----------------------------------------------
 __store_list
-----------------------------------------------*/

#store_list {
	border: solid 1px #c8c8c8;
	width: 540px;
	height: 300px;
	margin: 0 auto;
	text-align: center;
	overflow: auto;
}

#store_listall {
	border: solid 1px #c8c8c8;
	width: 540px;
	height: 300px;
	margin: 0 auto;
	text-align: center;
	overflow: auto;
}

.store_c {
	/*border: solid 1px #c8c8c8;*/
	width: 504px;
	margin: 8px 0px 0px 8px;
	text-align: left;
}
.store_j {
	/*border: solid 1px #c8c8c8;*/
	width: 490px;
	margin: 6px 0px 0px 24px;
	text-align: left;
}
.store_t {
	/*border: solid 1px #c8c8c8;*/
	width: 480px;
	margin: 0px 0px 0px 40px;
	text-align: left;
}
.store_t_in {
	float: left;
	width: 240px;
	margin: 6px 0px 0px 0px;
	text-align: left;
}
.store_clear {
	clear:both;
}
.jigyoubu_node {
	width: 490px;
	margin: 6px 0px 0px 8px;
	text-align: left;
	font-weight: 700;
}
.ten_node {
	float: left;
	width: 240px;
	margin: 6px 0px 0px 0px;
	text-align: left;
}

/*-----------------------------------------------
 __bumon_list
-----------------------------------------------*/

#bumon_list {
	border: solid 1px #c8c8c8;
	width: 540px;
	height: 300px;
	margin: 0 auto;
	text-align: center;
	overflow: auto;
}

.bumon_b {
	/*border: solid 1px #c8c8c8;*/
	width: 504px;
	margin: 8px 0px 0px 8px;
	text-align: left;
}
.bumon_l {
	/*border: solid 1px #c8c8c8;*/
	width: 490px;
	margin: 6px 0px 0px 24px;
	text-align: left;
}
.bumon_c {
	/*border: solid 1px #c8c8c8;*/
	width: 480px;
	margin: 0px 0px 0px 40px;
	text-align: left;
}
.bumon_c_in {
	float: left;
	width: 240px;
	margin: 6px 0px 0px 0px;
	text-align: left;
}
.bumon_clear {
	clear:both;
}
.bumon_node {
	width: 504px;
	margin: 8px 0px 0px 8px;
	text-align: left;
	font-weight: 900;
	font-size: 15px;
}
.line_node {
	width: 490px;
	margin: 6px 0px 0px 24px;
	text-align: left;
	font-weight: 700;
}
.class_node {
	float: left;
	width: 240px;
	margin: 6px 0px 0px 0px;
	text-align: left;
}


/*-----------------------------------------------
 __sku_list
-----------------------------------------------*/

#sku_list {
	border: solid 1px #c8c8c8;
	width: 560px;
	height: 160px;
	margin: 0 auto;
	text-align: center;
	overflow: auto;
}

.sku {
	float: left;
	width: 520px;
	margin: 0px 0px 0px 20px;
	text-align: left;
}


/*-----------------------------------------------
 __accout
-----------------------------------------------*/

#account {
	height: 8px;
	text-align: right;
	padding: 0px 16px 0px 3px;
}



/*-----------------------------------------------
 __error
-----------------------------------------------*/

.error_txt{
	border: solid 1px #FF0000;
	width: 480px;
	margin: 6px 0px 12px 20px;
	padding: 0px 16px 0px 12px;
	text-align: left;
	background-color: #ffffc0;
}

.error_ttl{
	color: red;
}

.red{
	color: red;
}


/*-----------------------------------------------
 __loading
-----------------------------------------------*/

.loading{
	text-align: center;
	color: red;
	padding: 0px 16px 0px 12px;
}


.button {
position: relative;
color: #828282 !important;
line-height: 22px;
font-weight: bolder;
text-align: center;
width: 128px;
display: inline-block;
font-weight: lighter;
border: 3px solid #b4b4b4;
box-shadow: inset 0 -1px 2px rgba(0, 0, 0, 0.6), inset 0 2px 0 rgba(255, 255, 255, 0.9);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #d4d4d4), color-stop(0.00, #eee));
background: -webkit-linear-gradient(#eee, #d4d4d4);
background: -moz-linear-gradient(#eee, #d4d4d4);
background: -o-linear-gradient(#eee, #d4d4d4);
background: -ms-linear-gradient(#eee, #d4d4d4);
background: linear-gradient(#eee, #d4d4d4);
}
.button:hover {
border: 3px solid #8c8c8c;
text-decoration: none;
color: #595959 !important;
}



/*-----------------------------------------------
 __store_select_table
-----------------------------------------------*/


.fTHLC-outer-wrapper{
	border:1px #ccc solid;
	min-height:35px;
}

.fTHLC-inner-wrapper{
min-height:35px;
}
.flex td{
	word-break: normal;
	white-space: nowrap;
	/* add 20160829 yashiro */
/*	padding: 10px 5px 30px 10px;*/
	}
.flex td.headerColumn{
	font-weight: bolder;
	width: 15%;
	}

.nonStore{
	border-style: solid;
	border-width: 1px;
	padding: 10px 5px 10px 20px;
	border-color: #ccc;
}

/*-----------------------------------------------
 __download-tasks
-----------------------------------------------*/

table.download-tasks{
	width: 100%;
	border-collapse: collapse;
	margin: 2em 0 0 0;
}
table.download-tasks tr th,
table.download-tasks tr td{
	padding: 5px 10px;
	border: 1px solid #ddd;
	vertical-align: middle;
}
table.download-tasks tr th{
	text-align: center;
	font-weight: bold;
	background-color: #dedede;
}
table.download-tasks tr:nth-child(n+1):hover{
	cursor: default;
	background: #f2f2f2;
}


/*-----------------------------------------------
 tabbt
-----------------------------------------------*/

.tabbt_on {
    margin-right: 1px;
    margin-left: 1px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    text-align: center;
    display: table;
    vertical-align: middle;
    background-color: #e5e6e1;
}

.tabbt_off {
    margin-right: 1px;
    margin-left: 1px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    text-align: center;
    display: table;
    vertical-align: middle;
    background-color: #b3b4ae;
}

.tabbt a {
    width: 120px;
	display: block;
	font-size: 15px;
}

.tabbt_on span {
    color: black;
    margin-top: 7px;
    display: block;
}

.tabbt_off span {
    color: white;
    margin-top: 7px;
    display: block;
}