/*--------------- フッタ設定---------------*/

#footer{
	position: fixed;
    bottom: 0;
    width: 100%;
    height: 20px;
	color:#ffffff;
	background:#FFA851;
	text-align:center;
}


/*--------------- NAVI設定---------------*/
#navi{
    width: 100%;
    margin: 0;
    padding: 0;
    height: 34px;
    margin-bottom: 10px;
    border-bottom:solid 2px #CC2647;

}

#navi-bar{
    margin: 0 auto;
	width:100%;
    max-width: 980px;
    padding: 0px 0px 4px 0px;
    height: 30px;
	list-style-type:none;
}

#navi-bar li {
	position: relative;
	list-style-type: none;
	float: left;
	font-size: 14px;
	text-align: center;
	line-height: 2;
	height: 28px;
	width: 145px;
	z-index: 1000;
	border-right:2px solid #cccccc;
}
#navi-bar li a {
	display: block;
	text-decoration: none;
	color: #665A59;
	z-index: 1000;
}

#navi-bar li a:hover {
	border-bottom:solid 4px #FD9267;
	color: #FD9267;
	z-index: 1000;
}

#navi-bar li a.current {
	border-bottom:solid 4px #CC2647;
	color: #CC2647;
	z-index: 1000;
}

/* OFF */
#navi-bar li ul {
	display: none;
	position: absolute;
	top: 32px;
	left: -1px;
	padding: 5px;
	width: 200px;
	background: #F5F5F5;
	border: solid 1px #bab6aa;
	border-radius: 2px;
	z-index: 1000;
}

/* ON */
#navi-bar li:hover ul {
	display: block;
	position: absolute;
	z-index: 1000;
	visibility:visible;
}

#navi-bar li ul li {
	margin: 0;
	padding: 0;
	width: 200px;
	border: none;
	text-align: left;
	z-index: 1000;

}
#navi-bar li ul li a {
	display: block;
	height: 28px;
	width: 200px;
	background-image : none;
	text-decoration: none;
	color: #4A708B;
	border : none;
	z-index: 1000;

}
#navi-bar li ul li a:hover {
	height: 28px;
	width: 200px;
	background-image : none;
	color: #000000;
	font-weight:normal;
	border:none;
	z-index: 1000;
}

#menu {
	padding:0px;
	display:bolck;
	float:right;
}

#menu a:hover{
	color:#2d0f89;
}

#menu ul{
	list-style:none;
	margin-top:2px;
}

#menu li{
	float:left;
	padding-left:3px;
	padding-right:3px;
	margin-right:3px;
}

/*--------------- ボタン設定---------------*/

.btn-logout {
	background-color:#89CAD6;
	border-radius:2px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:11px;
	padding:2px 10px;
	text-decoration:none;
	border:solid 1px #89CAD6;
}
.btn-logout:hover {
	background-color:#94CAD3;
	color:#ffffff;
	text-decoration:none;
}
.btn-logout:active {
	position:relative;
	top:1px;
}

.btn-di-net {
	background-color:#F1673F;
	border-radius:2px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:12px;
	padding:2px 10px;
	text-decoration:none;
	border:solid 1px #EF3704;
}
.btn-di-net:hover {
	background-color:#EF9E88;
	color:#ffffff;
	text-decoration:none;
}
.btn-di-net:active {
	position:relative;
	top:1px;
}

.btn-header {
	background-color:#807E89;
	border-radius:2px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:12px;
	padding:2px 10px;
	text-decoration:none;
	border:solid 1px #807E89;
}

.btn-header:hover {
	background-color:#A19FAD;
	color:#ffffff;
	text-decoration:none;
}
.btn-header:active {
	position:relative;
	top:1px;
}



.btn-cart {
    background-color:#eb6796;
    border-radius:2px;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-size:16px;
    padding:4px 12px;
    text-decoration:none;
}
.btn-cart:hover {
    background-color:#f78db3;
    color:#ffffff;
    text-decoration:none;
}
.btn-cart:active {
    position:relative;
    top:1px;
}


.btn-normal {
	background-color:#9e9aa6;
	border-radius:2px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	/*padding:6px 14px;   base_XX.cssで設定*/
	text-decoration:none;
    /*width:150px;   base_XX.cssで設定*/
}
.btn-normal-mini {
	background-color:#9e9aa6;
	border-radius:2px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
    font-size:12px;
	padding:2px 10px;
	text-decoration:none;
}

.btn-normal:hover,
.btn-normal-mini:hover {
	background-color:#A19FAD;
	color:#ffffff;
	text-decoration:none;
}
.btn-normal:active,
.btn-normal-mini:active {
	position:relative;
	top:1px;
}

.btn-primary {
	background-color:#69C3D3;
	border-radius:2px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	/*padding:6px 14px;   base_XX.cssで設定*/
	text-decoration:none;
    /*width:150px;   base_XX.cssで設定*/
}
.btn-primary-mini {
	background-color:#69C3D3;
	border-radius:2px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
    font-size:12px;
	padding:2px 10px;
	text-decoration:none;
}

.btn-primary:hover,
.btn-primary-mini:hover {
	background-color:#94CAD3;
	color:#ffffff;
	text-decoration:none;
}
.btn-primary:active,
.btn-primary-mini:active {
	position:relative;
	top:1px;
}


/*--------------- 文字色---------------*/
.txt-error{
  color:#AE2B52
}
.txt-comment{
  color:#2a6bad
}
.txt-message{
  color:#47373f
}
.txt-alert{
  color:#ad2a3e;
  font-weight:bold;
}
.txt-attention{
  color:#ad2a3e;
  font-weight:bold;
  font-size:120%;
}

/*--------------- text align設定 ---------------*/
.txt-right{
	text-align:right;
}
.txt-center{
	text-align:center;
}
.txt-left{
	text-align:left;
}
.txt-top{
	vertical-align:top;
}


/*--------------- 入力関連設定 ---------------*//
.required{
	color:#ff0000;
}
.ime-active{
	ime-mode:active;
}
.ime-inactive{
	ime-mode:inactive;
}
.ime-disabled{
	ime-mode:disabled;
}
.readonly{
	color: #999999;
}

.goods_id{
	width:80px;
	ime-mode:disabled;
}
.ymd-y{
	width:50px;
	ime-mode:disabled;
}
.ymd-m{
	width:30px;
	ime-mode:disabled;
}
.ymd-d{
	width:30px;
	ime-mode:disabled;
}
.inp-date{
    width:110px;
	ime-mode:disabled;
}
/*-----〒-----*/
.inp-zip1{
	width:40px;
	ime-mode:disabled;
}
.inp-zip2{
	width:50px;
	ime-mode:disabled;
}

.priority{
	width:60px;
	ime-mode:disabled;
}
.order-seq{
	width:80px;
	ime-mode:disabled;
}

/*--------------- その他---------------*/
.pos-center{
	 margin: 0 auto;
}
.clear{
	clear:both;
}

/*--------------- テーブル---------------*/
.uw-tbl-list { font-size: 12.8px; width: 100%; border-top: 1px solid #BBBBBB; border-left: 1px solid #BBBBBB; border-collapse: collapse; }
.uw-tbl-list th, .uw-tbl-list td { border-right: 1px solid #BBBBBB; border-bottom: 1px solid #BBBBBB; height:30px; padding: 2px 6px; }
.uw-tbl-list th { background-color: #fedeb8; color: #575450; text-align: center; }
.uw-tbl-list td { color: #333333; }
.uw-tbl-list td.title {background:#dddddd;color:#575450;height:20px;}
.uw-tbl-list th.attention { background-color: #FFE4E1}
.uw-tbl-list td.attention { background-color: #FFF5EE}
.uw-tbl-list td.title-sp-p{ display: none; }

/*--------------- テーブル---------------*/
.uw-tbl-search{ font-size: 12.8px; width: 100%; border-top: 1px solid #BBBBBB; border-left: 1px solid #BBBBBB; border-collapse: collapse; }
.uw-tbl-search a { color: #2450E2; }
.uw-tbl-search th, .uw-tbl-search td { border-right: 1px solid #BBBBBB; border-bottom: 1px solid #BBBBBB; padding: 6px 6px; }
.uw-tbl-search th { background-color: #fbf0e2; color: #575450; text-align: left; }
.uw-tbl-search th span{  color: #f73f5b; }
.uw-tbl-search td { color: #333333; }

.uw-tbl-input { font-size: 12.8px; width: 100%; border-top: 1px solid #BBBBBB; border-left: 1px solid #BBBBBB; border-collapse: collapse; }
.uw-tbl-input th, .uw-tbl-input td { border-right: 1px solid #BBBBBB; border-bottom: 1px solid #BBBBBB; border-right: 1px solid #BBBBBB; padding: 6px 6px; }
.uw-tbl-input th { background-color: #EEEEE0; color: #575450; text-align: left; }
.uw-tbl-input th span{  color: #f73f5b; }
.uw-tbl-input td { color: #333333;background:#ffffff; }
.uw-tbl-input td.title {background:#dddddd;color:#575450;height:20px;}
.uw-tbl-input th.attention { background-color: #FFE4E1}
.uw-tbl-input td.attention { background-color: #FFF5EE}



/*--------------- ページャー---------------*/
.uw-pager { clear: both; /*padding:20px 0;*/ position: relative; font-size: 12.8px; /*line-height:13px ;*/ background: none; /*margin:10px 0 20px;*/ vertical-align: middle; }
.uw-pager span { display: block; float: left; margin: 2px 2px 2px 0; padding: 3px; text-decoration: none; width: auto; }
.uw-pager a { display: block; float: left; margin: 2px 2px 2px 0; padding: 3px 9px 3px 9px; text-decoration: none; width: auto; color: #ADA99A; background: #FCFCFC; border: solid 1px #ADA99A; }
.uw-pager a:hover { color: #fff; background: #ADA99A; }
.uw-pager a.current { background: #ADA99A; color: #fff; }

.page-title{
	font-size:16px;
	color:#ffffff;
	font-weight:bold;
	padding:5px 5px 5px 15px;
	background: #feac5f;
    border-radius: 6px;
	margin:5px 0px 10px 0px;
}



.error-box{
    border:solid 1px #fa546d;
    background:#f7f6f2;
    margin:10px auto;
    padding:5px 5px;
}

.error-area{
    background:#f7f6f2;
    margin:10px auto;
    padding:5px 5px;
}

.non-login-box{
    border:solid 1px #c8c0ba;
    background:#fefafa;
    margin:30 auto;
    padding:5px;
}

/*---- ヤマト管理画面 ----*/
#yamato-header{
	width:100%;

	background: #3a6523;
    color:#ffffff;
    margin-bottom:20px;
}
#yamato-hheader-info{
    margin: 0 auto;
    width: 980px;
    padding: 8px 0px;
}

.yamato-menu-box{
    border:solid 1px #57ac86;
    margin:0px auto 20px auto;
    font-size:18px;
    width:600px;
    padding:3px;
}
.yamato-menu-title{
	font-size:18px;
	color:#ffffff;
	font-weight:bold;
	padding:5px 5px 5px 15px;
	background: #57ac86;
}
.yamato-menu-box li{
    list-style-type:none;
    padding:10px;
}
.yamato-page-title{
    font-size:18px;
	color:#ffffff;
	font-weight:bold;
	padding:10px 5px 10px 15px;
	background: #579aac;
    border-radius: 6px;
	margin:5px 0px 10px 0px;
}

#cmn_loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -11px;
	margin-left: -91px;
	z-index:3000;
}
.cmn_wait {
	opacity: 0.2;
	filter: alpha(opacity=20); /* for IE */
}
.cmn_wait_color{
	background-color:#ffffff;
}