@charset "UTF-8";


/* TEMPLATE +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Retina parts */
@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx){

}
/* TEMPLATE Retina parts end*/

input[type=text],
input[type=number],
input[type=password]{
	padding:5px !important;
	margin:0px 5px 0px 0px !important;
	vertical-align:middle !important;
	font-size:inherit !important;
}

input[type=checkbox],
input[type=radio]{
	padding:5px !important;
	margin:5px !important;
	vertical-align:middle !important;
	font-size:inherit !important;
}

.text_400_70{
	width:400px;
	height:70px;
}


/* INTERFACE */


#contents_body{
	margin:0px auto;
	background-image:url("../img/interface/bg.jpg");
	background-repeat:repeat-y;
	background-size:1024px 75px;
	background-position:top center;
	font-family:sans-serif;
	color:#666666;
	font-size:15px;
}

#contents_iframe_body{
	width:1024px;
	margin:0px auto;
	background-repeat:repeat-y;
	background-size:1024px 75px;
	background-position:top center;
	font-family:sans-serif;
	color:#666666;
	font-size:15px;
}

#global_nav{
	position:fixed;
	width:100%;
	height:70px;
	background-image:url("../img/interface/nav_bg.jpg");
	background-repeat:repeat-x;
	background-size:1024px 70px;
	background-position:bottom center;
	z-index:2;
}

#global_nav_inner{
	width:924px;
	height:70px;
	margin:0px auto;
	position:relative;
}

#gloval_nav_logo{
	width:49px;
	height:56px;
	position:absolute;
	top:7px;
	left:0px;
}

#header_setting_btn{
	width:75px;
	height:50px;
	float:right;
	margin-top:10px;
	padding:0px 10px;
	border-left:1px solid #888888;}

#header_breadcrumb_area{
	color:#FFF;
	position:absolute;
	top:20px;
	left:145px;
	padding:0px 10px;
	border-radius:5px;
	line-height:30px;
	font-size:12px;
}

#header_breadcrumb_area span{
	display:block;
}

#header_breadcrumb_area img{
	width:25px;
	height:auto;
	padding:0px 0px 3px;
}

#home_btn_area{
	width:904px;
	margin:0px auto;
	padding:100px 12px 20px 12px;
	position:relative;
}

#home_btn_area>a>img{
	width:auto;
	height:170px;
}


#home_logo{
	width:100px;
	height:auto;
	display:block;
	margin:0px auto;
}

#home_register_btn{
	position:absolute;
	top:257px;
	left:10px;
}
#home_customer_btn{
	position:absolute;
	top:257px;
	left:323px;
}
#home_goods_btn{
	position:absolute;
	top:257px;
	right:10px;
}
#home_maintenance_btn{
	position:absolute;
	top:455px;
	left:155px;
}
#home_totalization_btn{
	position:absolute;
	top:455px;
	right:155px;
}

#global_nav_inner_bottom_bg{
	background-color:rgba(0,0,0,0.5);
}

#global_nav_inner_bottom{
	width:1010px;
	height:50px;
	margin:0px auto;
	position:relative;
}

#global_nav_inner_bottom a img{
	margin:3px 0px 0px 0px;
}
#global_nav_inner_bottom a img#edit_btn,
#global_nav_inner_bottom a img#trash_btn{
	vertical-align:top;
	margin-top:5px;
}

#customer_login_02 select{
	margin:10px 0px;
}


/*顧客*/

#contents_area{
	width:924px;
	margin:0px auto;
	padding:90px 0px 50px;
	position:relative;
	overflow:hidden;
}
a.btn_01 {
	display: inline-block;
	background-color: #333333;
	color: #ffffff;
	padding: 5px 15px;
	margin: 0px auto;
	border-radius: 5px;
	text-align: center;
	text-decoration: none;
}

#search_area{
	padding:60px 0px 0px;
}

#search_area input,
#search_area img{
	vertical-align:top;
}

#contents_area .align_left{
	display:inline-block;
	width:500px;
	padding:50px 0px 0px;
}


#contents_area .align_left span{
	font-size:20px;
	line-height:1em
}

#contents_area .align_right{
	display:inline-block;
	width:419px;
	padding:50px 0px 0px;
}


#contents_area .align_right span{
	font-size:20px;
	line-height:1em
}

#contents_end_area{
	width:400px;
	margin:0px auto 0 auto;
	padding:150px 0 0 0;
	position:relative;
	overflow:hidden;
	text-align:center;
	background-color:#ffffff;
}
#contents_end_area h1{
	margin:0 0 50px 0;
	padding:0;
	font-size:20px;
	font-weight:normal;
}
#contents_end_area img{
	width:150px;
	height:auto;
}

#header_return_btn{
	width:53px;
	height:auto;
	position:absolute;
	top:20px;
	left:75px;
}

#new_action_btn{
	width:78px;
	height:auto;
	float:right;
	margin-top:20px;
	margin-right:7px;
}

#header_end_btn{
	width:75px;
	height:50px;
	float:right;
	margin-top:10px;
	padding:0px 10px;
	border-right:1px solid #888888;
	border-left:1px solid #888888;
}

#header_bd_alert{
	width:39px;
	height:auto;
	float:right;
	margin-top:20px;
	margin-right:7px;
}

#header_maintenance_btn{
	width:39px;
	height:auto;
	float:right;
	margin-top:20px;
	margin-right:7px;
}



.full_content{
	width:100%;
	margin:50px auto 0px auto;
	font-family:sans-serif;
}
.menu,
.h-menu{
	width:80px;
	line-height:55px;
	font-size:15px;
	background:#cccccc;
	float:left;
	list-style:none;
	padding:0px 10px;
	margin:0px 15px 30px 15px;
	text-align:center;
	display:block;
	cursor:pointer;
	color:#333333;
	border-radius:5px;
}

.active, .hover{
	background-color:#5d2d07 !important;
	color:#ffffff;
}
.content,
.h-content{
	width:100%;
	border-top:2px solid #5d2d07;
	background:#FFF;
	padding:5px 0px;
	box-sizing:border-box;
}

.content p,
.h-content p{
	margin:5px;
}

.customer_table{
	width:100%;
	border-collapse:collapse;
	font-size:15px;
	border-top:1px solid #cccccc;
	margin:0px 0px 10px 0px;
}

.customer_table th{
	background-color:#eeeeee;
	font-weight:normal;
	padding:10px;
	text-align:left;
	vertical-align:middle;
	border-bottom:1px solid #cccccc;
}

.customer_table td{
	font-weight:normal;
	padding:10px;
	vertical-align:middle;
	text-align:left;
	border-bottom:1px solid #cccccc;
}

.customer_table td input{
	padding:5px;
	margin:0px 5px 0px 0px;
	vertical-align:middle;
	font-size:inherit;
}
.customer_detail_table{
	width:60%;
	border-collapse:collapse;
	font-size:15px;
	border-top:1px solid #cccccc;
	margin:0px 0px 10px 0px;
}

.customer_detail_table th{
	background-color:#eeeeee;
	font-weight:normal;
	padding:10px;
	text-align:left;
	vertical-align:middle;
	border-bottom:1px solid #cccccc;
}

.customer_detail_table td{
	font-weight:normal;
	padding:10px;
	vertical-align:middle;
	text-align:left;
	border-bottom:1px solid #cccccc;
}

.customer_detail_table td input{
	padding:5px;
	margin:0px 5px 0px 0px;
	vertical-align:middle;
	font-size:inherit;
}
.customer_basic_table{
	width:60%;
	border-collapse:collapse;
	font-size:15px;
	border-top:1px solid #cccccc;
	margin:0px 0px 10px 0px;
}

.customer_basic_table th{
	background-color:#eeeeee;
	font-weight:normal;
	padding:10px;
	text-align:left;
	vertical-align:middle;
	border-bottom:1px solid #cccccc;
}

.customer_basic_table td{
	font-weight:normal;
	padding:10px;
	vertical-align:middle;
	text-align:left;
	border-bottom:1px solid #cccccc;
}

.customer_basic_table td input{
	padding:5px;
	margin:0px 5px 0px 0px;
	vertical-align:middle;
	font-size:inherit;
}

.barcode_btn{
	text-align:center;
	cursor:pointer;
	font-size:12px;
	padding:5px 10px;
	margin:0px 0px 0px 10px;
	display:inline-block;
	border-radius:5px;
	background-color:#333333;
	color:#ffffff !important;
}

a.barcode_btn:link{
	text-decoration:none;
}

.add_btn_td{
	width:25px;
}

.add_btn_td img{
	width:25px;
	height:25px;
}

.new_btn{
	display:inline-block !important;
	background:url("../img/interface/new_btn_right.png") top right no-repeat;
	-moz-background-size:auto 35px;
	-webkit-background-size:auto 35px;
	-o-background-size:auto 35px;
	-ms-background-size:auto 35px;
	height:35px;
	float:left;
	line-height:35px;
	margin-bottom:5px;
}

.new_btn a{
	display:block;
	background:url("../img/interface/new_btn_left.png") top left no-repeat;
	-moz-background-size:auto 35px;
	-webkit-background-size:auto 35px;
	-o-background-size:auto 35px;
	-ms-background-size:auto 35px;
	height:35px;
	line-height:35px;
	padding:0px 10px 0px 30px;
	color:#333333;
	text-decoration:none;
}


select{
	-moz-appearance:none;
	-webkit-appearance:none;
	appearance:none;
	border-radius:0px;
	border:1px solid #cccccc;
	margin:0px 5px 0px 0px;
	padding:5px 30px 5px 5px;
	height:23px;
	background:none transparent;
	vertical-align:middle;
	font-size:inherit;
	color:#666666;
	background-color:#ffffff;
	box-sizing:content-box;
	background-image:url("../img/interface/select_arrow.png");
	background-size:25px 25px;
	background-repeat:no-repeat;
	background-position:center right;
	font-size:14px;
}

.customer_right{
	width:30%;
	padding:20px;
	float:right;
	border:1px solid #cccccc;
}

.customer_right h2{
	font-size:15px;
}

/*-----------------------------------------------チェックボックス----------
input[type=radio],
input[type=checkbox]{
	display:inline-block;
	margin-right:6px;
}
input[type=radio] + label,
input[type=checkbox] + label{
	position:relative;
	display:inline-block;
	margin-right:12px;
	font-size:14px;
	line-height:30px;
	cursor:pointer;
}

@media (min-width:1px){
	input[type=radio],
	input[type=checkbox]{
		display:none;
		margin:0;
	}
	input[type=radio] + label,
	input[type=checkbox] + label{
		padding:0 0 0 24px !important;
	}
	input[type=radio] + label::before,
	input[type=checkbox] + label::before{
		content:"";
		position:absolute;
		top:50%;
		left:0;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		display:block;
		width:18px;
		height:18px;
		margin-top:-9px;
		background:#FFF;
	}
	input[type=radio] + label::before{
		border:2px solid #ccc;
		border-radius:30px;
	}
	input[type=checkbox] + label::before{
		border:2px solid #ccc;
	}
	input[type=radio]:checked + label::after,
	input[type=checkbox]:checked + label::after{
		content:"";
		position:absolute;
		top:50%;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		display:block;
	}
	input[type=radio]:checked + label::after{
		left:5px;
		width:8px;
		height:8px;
		margin-top:-4px;
		background:#4c0000;
		border-radius:8px;
	}
	input[type=checkbox]:checked + label::after{
		left:3px;
		width:16px;
		height:8px;
		margin-top:-8px;
		border-left:3px solid #4c0000;
		border-bottom:3px solid #4c0000;
		-webkit-transform:rotate(-45deg);
		-ms-transform:rotate(-45deg);
		transform:rotate(-45deg);
	}
}
-----------------------------------------------チェックボックスここまで----------*/

#customer_top{
	position:relative;
	width:100%;
	height:270px;
}

#save_terms_btn{
	width:134px;
	height:auto;
	position:absolute;
	bottom:0px;
	left:0px;
}

#not_input_btn{
	width:134px;
	height:auto;
	position:absolute;
	top:0px;
	left:360px;
	cursor:pointer;
}

#free_word{
	border-collapse:collapse;
}

#free_word input{
	padding:5px;
	margin:0px 5px 0px 0px;
	vertical-align:middle;
	font-size:inherit;
}

#free_word img{
	width:25px;
	height:25px;
}

#shortcut_btn_area{
	position:absolute;
	top:0px;
	left:0px;
	padding:5px;
	margin:50px 0px;
	vertical-align:center;
}

#shortcut_btn_area a{
	display:block;
	width:134px;
	height:42px;
}

#shortcut_btn_area a img{
	width:100%;
	height:auto;
}

#shortcut_btn_area table{
	vertical-align:center;
}

#shortcut_btn_area table select{
	margin:0px 0px 5px 0px;
}

#shortcut_btn_area #short_initials span{
	display:inline-block;
	background-color:#333333;
	color:#ffffff;
	text-align:center;
	border-radius:5px;
	width:30px;
	height:26px;
	padding:4px 0px 0px 0px;
}

#shortcut_btn_area #short_men span{
	display:inline-block;
	background-color:#002a96;
	color:#ffffff;
	text-align:center;
	border-radius:5px;
	width:30px;
	height:24px;
	padding:6px 0px 0px 0px;
}

#shortcut_btn_area #short_women span{
	display:inline-block;
	background-color:#960000;
	color:#ffffff;
	text-align:center;
	border-radius:5px;
	width:30px;
	height:24px;
	padding:6px 0px 0px 0px;
}

.customer_h2{
	width:100%;
	border-top:1px solid #cccccc;
	text-align:center;
	font-size:16px;
	font-weight:normal;
	padding:10px 0px;
	margin:0px;
}

.close{
	display:none;
}

.open_btn{
	line-height:28px;
	background-color:#eeeeee;
	background-repeat:no-repeat;
	background-size:25px 25px;
	background-position:890px 10px;
	background-image:url(../img/interface/open_btn.png);
	margin:0px;
}

.h2_open_btn{
	display:block;
	width:25px;
	height:25px;
	position:absolute;
	right:10px;
	top:10px;
}

#cansel_btn{
	border-width:0px;
	width:134px;
	height:auto;
	display:block;
	margin:0px auto;
}

.search_btn,
#regi_stop_btn,
#search_btn{
	border:none !important;
	width:134px;
	height:auto;
	display:block;
	margin:0px auto;
	cursor:pointer;
}



/*---------------------------------------------------検索結果------*/

#result_list_title{
	display:block;
	width:100%;
	margin:0px auto 10px;
	padding:0px;
	text-align:center;
	font-weight:normal;
	font-size:22px;
}


.qualified_person{
	font-size:26px;
	font-weight:normal;
	margin:0px;
	padding:0px;
}

.qualified_person>span{
	font-size:14px;
}

#search_in_terms{
	width:100%;
	border-collapse:collapse;
	border:1px solid #cccccc;
	box-sizing:border-box;
	background-color:#ffffff;
	margin:0px 0px 20px 0px;
}

#search_in_terms th{
	width:120px;
	padding:10px;
	background-color:#eeeeee;
}

#search_in_terms td{
	padding:10px;
}

#search_in_terms .save_btn{
	width:150px;
	text-align:center;
}

#search_in_terms .save_btn a{
	padding:5px;
	border-radius:5px;
}

/*
#search_in_terms .save_btn span{
	display:block;
	background-color:#333333;
	color:#ffffff;
	padding:5px;
	border-radius:5px;
}
*/


#search_action{
	border-collapse:collapse;
	border:1px solid #cccccc;
	box-sizing:border-box;
	background-color:#ffffff;
	margin:0px 0px 20px 0px;
	padding:10px;
	overflow:hidden;
}

#search_action>h2{
	font-size:18px;
	font-weight:normal;
	padding:0px;
	margin:0px 0px 5px 0px;
}

#search_action ul{
	width:70%;
	padding:0px;
	margin:0px auto;
	list-style-type:none;
}

#search_action li{
	border-radius:5px;background:rgb(113,69,36);
	background:-moz-linear-gradient(top,  rgba(113,69,36,1) 0%, rgba(89,39,0,1) 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(113,69,36,1)), color-stop(100%,rgba(89,39,0,1)));
	background:-webkit-linear-gradient(top,  rgba(113,69,36,1) 0%,rgba(89,39,0,1) 100%);
	background:-o-linear-gradient(top,  rgba(113,69,36,1) 0%,rgba(89,39,0,1) 100%);
	background:-ms-linear-gradient(top,  rgba(113,69,36,1) 0%,rgba(89,39,0,1) 100%);
	background:linear-gradient(to bottom,  rgba(113,69,36,1) 0%,rgba(89,39,0,1) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#714524', endColorstr='#592700',GradientType=0 );
	color:#ffffff;
	display:block;
	float:none;
	border-radius:5px;
	padding:20px;
	margin:0px 5px 20px 0px;
	cursor:pointer;
}

#search_results_list{
	width:100%;
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-collapse:collapse;
	background-color:#ffffff;
	text-align:center;
}

#search_results_list th{
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
	background-color:#eeeeee;
	padding:10px;
	font-weight:normal;
}

#search_results_list td{
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
	background-color:#ffffff;
	padding:10px;
	font-weight:normal;
	vertical-align:middle;
}

#search_results_list td>span{
	display:block;
	background-color:#333333;
	color:#ffffff;
	padding:5px;
	border-radius:5px;
}


/*-------------------------------------------------ダイアログ-----*/


#pop_up{
	background-color:#000000;
}

#pop_up_inner{
	margin:100px auto;
	width:500px;
	background-color:#ffffff;
	padding:30px 30px;
	text-align:center;
	font-family:sans-serif;
	font-size:20px;
}

#pop_up_inner_btn_area{
	overflow:hidden;
	width:300px;
	margin:20px auto 10px;
}

#left_btn{
	display:block;
	border-radius:5px;
	background-color:#666666;
	color:#ffffff;
	width:100px;
	padding:10px;
	float:left;
	font-size:16px;
}


#right_btn{
	display:block;
	border-radius:5px;
	background-color:#666666;
	color:#ffffff;
	width:100px;
	padding:10px;
	float:right;
	font-size:16px;
}

.popup_text{
	width:180px;
	text-align:center;
}

/*------------------------------------------ログインダイアログ--------------*/

.login_h1,
#login_h1{
	font-weight:normal;
	padding:0px;
	margin:10px auto 10px auto !important;
	font-size:20px;
}

#inline{
	text-align:center;
}

.login_dialog{
	text-align:center;
}



.login_dialog a{
	width:200px;
	font-size:14px;
}

.login_dialog a:link{
	color:#333;
	text-decoration:none;
}
.login_dialog a:visited{
	color:#333;
	text-decoration:none;
}
.login_dialog a:hover{
	color:#333;
	text-decoration:none;
}
.login_dialog a:active{
	color:#333;
	text-decoration:none;
}

.login_dialog h1{
	margin:0px;
	padding:0px;
	line-height:15px !important;
}

.login_dialog input{
	padding:5px;
	margin:0px 5px 0px 0px;
	vertical-align:middle;
	font-size:inherit;
}

.login_dialog_table{
	width:70%;
	margin:0px auto 20px;
}

.login_dialog_table th{
	text-align:left;
	font-weight:normal;
	font-size:16px;
	width:100%;
}

.login_dialog_table td{
	text-align:right;
	font-weight:normal;
	font-size:14px;
}

.login_dialog .three_right_btn{
	width:100px;
	line-height:24px;
	float:right;
	margin:10px 12px 20px 0px;
	color:#ffffff;
	padding:6px;
}

.login_dialog input.three_right_btn{
	width:116px;
	line-height:26px;
	padding:5px !important;
}

.login_dialog .three_center_btn{
	width:100px;
	line-height:24px;
	float:left;
	margin:10px 0px 20px 15px;
	color:#ffffff;
	padding:6px;
}

.login_dialog input.three_center_btn{
	width:116px;
	line-height:26px;
	padding:5px !important;
}

.login_dialog .three_left_btn{
	width:100px;
	line-height:24px;
	float:left;
	margin:10px 0px 20px 12px;
	color:#ffffff;
	padding:6px;
}

.login_dialog input.three_left_btn{
	width:116px;
	line-height:26px;
	padding:5px !important;
}

.login_dialog .two_right_btn{
	width:100px;
	line-height:24px;
	float:right;
	margin:10px 12px 20px 0px;
	color:#ffffff;
	padding:6px;
}

.login_dialog input.two_right_btn{
	width:116px;
	line-height:26px;
	padding:5px !important;
}

.login_dialog .two_left_btn{
	width:100px;
	line-height:24px;
	float:left;
	margin:10px 0px 20px 12px;
	color:#ffffff;
	padding:6px;
}

.login_dialog input.two_left_btn{
	width:116px;
	line-height:26px;
	padding:5px !important;
}

.login_dialog .one_center_btn{
	width:100px;
	line-height:24px;
	color:#ffffff;
	margin:10px auto 0px auto;
}

.login_dialog input.one_center_btn{
	width:116px;
	line-height:26px;
	padding:5px !important;
}

#contents_iframe_body{
	width:400px;
}

#contents_iframe_wrapper{
	margin:10px 0px;
}

.table_btn{
	display:block;
	text-align:center;
	padding:2px 5px;
	border:1px solid #dbdbdb;
	border-radius:5px;
	border-radius:5px;background:rgb(113,69,36);
	background:-moz-linear-gradient(top,  rgba(113,69,36,1) 0%, rgba(89,39,0,1) 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(113,69,36,1)), color-stop(100%,rgba(89,39,0,1)));
	background:-webkit-linear-gradient(top,  rgba(113,69,36,1) 0%,rgba(89,39,0,1) 100%);
	background:-o-linear-gradient(top,  rgba(113,69,36,1) 0%,rgba(89,39,0,1) 100%);
	background:-ms-linear-gradient(top,  rgba(113,69,36,1) 0%,rgba(89,39,0,1) 100%);
	background:linear-gradient(to bottom,  rgba(113,69,36,1) 0%,rgba(89,39,0,1) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#714524', endColorstr='#592700',GradientType=0 );
	color:#ffffff;
	cursor:pointer;
	white-space:nowrap;
}

a.table_btn:link{
	text-decoration:none;
	color:#ffffff;
}
a.table_btn:visited{
	text-decoration:none;
	color:#ffffff;
}
a.table_btn:hover{
	text-decoration:none;
	color:#ffffff;
}
a.table_btn:active{
	text-decoration:none;
	color:#ffffff;
}

.table_alert_btn{
	display:block;
	text-align:center;
	padding:2px 5px;
	border:1px solid #dbdbdb;
	border-radius:5px;
	background-image:-webkit-gradient(linear, center top, center bottom, from(#D93B3B), to(#D11919));
	background-image:-webkit-linear-gradient(top, #D93B3B, #D11919);
	background-image:-moz-linear-gradient(top, #D93B3B, #D11919);
	background-image:-o-linear-gradient(top, #D93B3B, #D11919);
	background-image:-ms-linear-gradient(top, #D93B3B, #D11919);
	background-image:linear-gradient(to bottom, #D93B3B, #D11919);
	cursor:pointer;
}

a.table_alert_btn:link{
	text-decoration:none;
	color:#FFF;
}
a.table_alert_btn:visited{
	text-decoration:none;
	color:#FFF;
}
a.table_alert_btn:hover{
	text-decoration:none;
	color:#FFF;
}
a.table_alert_btn:active{
	text-decoration:none;
	color:#FFF;
}


.table_btn_delete{
	display:block;
	text-align:center;
	padding:2px 5px;
	border:1px solid #dbdbdb;
	border-radius:5px;
	color:#fff;
	border-radius:5px;background:rgb(113,69,36);
	background:-moz-linear-gradient(top,  rgba(113,69,36,1) 0%, rgba(89,39,0,1) 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(113,69,36,1)), color-stop(100%,rgba(89,39,0,1)));
	background:-webkit-linear-gradient(top,  rgba(113,69,36,1) 0%,rgba(89,39,0,1) 100%);
	background:-o-linear-gradient(top,  rgba(113,69,36,1) 0%,rgba(89,39,0,1) 100%);
	background:-ms-linear-gradient(top,  rgba(113,69,36,1) 0%,rgba(89,39,0,1) 100%);
	background:linear-gradient(to bottom,  rgba(113,69,36,1) 0%,rgba(89,39,0,1) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#714524', endColorstr='#592700',GradientType=0 );
	cursor:pointer;
}

a.table_btn_delete:link{
	text-decoration:none;
	color:#fff !important;
}
a.table_btn_delete:visited{
	text-decoration:none;
	color:#fff !important;
}
a.table_btn_delete:hover{
	text-decoration:none;
	color:#fff !important;
}
a.table_btn_delete:active{
	text-decoration:none;
	color:#fff !important;
}



.barcode_btn_l{
	font-size:16px;
	padding:15px 20px;
	margin:0px;
	display:inline-block;
	border-radius:5px;background:rgb(113,69,36);
	background:-moz-linear-gradient(top,  rgba(113,69,36,1) 0%, rgba(89,39,0,1) 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(113,69,36,1)), color-stop(100%,rgba(89,39,0,1)));
	background:-webkit-linear-gradient(top,  rgba(113,69,36,1) 0%,rgba(89,39,0,1) 100%);
	background:-o-linear-gradient(top,  rgba(113,69,36,1) 0%,rgba(89,39,0,1) 100%);
	background:-ms-linear-gradient(top,  rgba(113,69,36,1) 0%,rgba(89,39,0,1) 100%);
	background:linear-gradient(to bottom,  rgba(113,69,36,1) 0%,rgba(89,39,0,1) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#714524', endColorstr='#592700',GradientType=0 );
	color:#ffffff;
	float:left;
}

a.barcode_btn_l:link{
	text-decoration:none;
}




/*------------------------------------アラート-----*/

#alert_table{
	margin:30px auto;
	width:100%;
	border-collapse:collapse;
}

#alert_table th{
	font-weight:normal;
	font-size:14px;
	padding:8px;
	background-color:#eeeeee;
	border-right:1px solid #cccccc;
}
#alert_table th:last-child{
	border-right:none;
}

#alert_table td{
	font-weight:normal;
	font-size:14px;
	padding:8px;
	text-align:center;
	vertical-align:middle;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	background-color:#ffffff;
}

#alert_h2{
	font-size:24px;
	font-weight:normal;
	padding:0px;
	margin:0px 0px 30px 0px;
}



#alert_ul{
	margin:0px auto;
	width:500px;
	padding:0px 0px 5px;
	list-style-type:none;
}

#alert_ul li{
	width:120px;
	display:inline-block;
	cursor:pointer;
}

#alert_ul li img{
	width:100%;
	height:auto;
}

.alert_btn{
	margin:0px;
	padding:0px 0px 5px;
	list-style-type:none;
	text-align:center;
}

.alert_btn li{
	display:inline-block;
	font-size:16px;
	padding:20px;
	margin:10px;
	border-radius:5px;background:rgb(113,69,36);
	background:-moz-linear-gradient(top,  rgba(113,69,36,1) 0%, rgba(89,39,0,1) 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(113,69,36,1)), color-stop(100%,rgba(89,39,0,1)));
	background:-webkit-linear-gradient(top,  rgba(113,69,36,1) 0%,rgba(89,39,0,1) 100%);
	background:-o-linear-gradient(top,  rgba(113,69,36,1) 0%,rgba(89,39,0,1) 100%);
	background:-ms-linear-gradient(top,  rgba(113,69,36,1) 0%,rgba(89,39,0,1) 100%);
	background:linear-gradient(to bottom,  rgba(113,69,36,1) 0%,rgba(89,39,0,1) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#714524', endColorstr='#592700',GradientType=0 );
	color:#ffffff;
	cursor:pointer;
}

.alert_btn li.short_cut{
	width:35px;
}



/*---------------------------------------------------追加------*/

#pop_up_inner_btn_area_02{
	overflow:hidden;
	width:480px;
	margin:20px auto 10px;
}

#left_btn_01{
	display:block;
	border-radius:5px;
	background-color:#666666;
	color:#ffffff;
	width:100px;
	margin:0px 60px 0px 0px;
	padding:10px;
	float:left;
	font-size:16px;
}

#left_btn_02{
	display:block;
	border-radius:5px;
	background-color:#666666;
	color:#ffffff;
	width:100px;
	margin:0px 60px 0px 0px;
	padding:10px;
	float:left;
	font-size:16px;
}

.input_ss{
	width:40px;
}

.input_file{
	width:100px;
	padding:5px;
}

.input_100{
	width:100px;
}
.input_150{
	width:150px;
}
.input_200{
	width:200px;
}
.input_250{
	width:250px;
}
.input_300{
	width:300px;
}
.input_400{
	width:400px;
}

/*--------------------------------検索条件-----*/

#save_terms_contents{
	background-color:#ffffff;
	width:400px;
	padding:10px;
	border:1px solid #cccccc;
}

.save_terms_contents_inner{
	background-color:#eeeeee;
	padding:10px;
}

.save_terms_name_change{
	cursor:pointer;
	padding:0px 0px 0px 18px;
	display:block;
	font-size:12px;
	background-image:url("../img/interface/change_btn.png");
	background-repeat:no-repeat;
	background-position:0px 2px;
	background-size:14px 14px;
	line-height:18px;
}

#save_terms_delete_btn{
	display:block;
	text-align:center;
	margin:10px auto;
	width:80px;
	padding:5px 2px 5px 12px;
	background-color:#666666;
	color:#ffffff;
	border-radius:5px;
	cursor:pointer;
}

#save_terms_delete_btn input[type=checkbox],
#save_terms_delete_btn label{
	cursor:pointer;
}

.ui-datepicker-trigger{
	margin:2px 5px;
	width:25px;
	cursor:pointer;
}

.wareki_area{
	position:absolute;
	left:100px;
	top:0px;
	line-height:30px;
	font-size:12px;
}

.wareki_long_area{
	position:absolute;
	left:130px;
	top:0px;
	line-height:30px;
	font-size:12px;
}

#header_message_alert{
	width:39px;
	height:auto;
	float:right;
	margin-top:20px;
	margin-right:7px;
}

.message_alert{
	border-width:0px;
	background-color:#FFF !important;
}
.message_alert img{
	width:39px;
	height:auto;
}
#header_message_btn{
	width:100px;
	height:50px;
	float:right;
	margin-top:10px;
	padding:0px 10px;
	border-left:1px solid #888888;
}
#header_width_btn{
	width:39px;
	height:auto;
	float:right;
	margin-top:20px;
	margin-right:7px;
}

a.save_btn span{
	width:140px;
	text-align:center;
	display:inline-block;
	background-color:#333333;
	color:#ffffff;
	padding:5px;
	border-radius:5px;
}
a:link.save_btn{
	display:inline-block;
	background-color:#333333;
	color:#ffffff;
	border-radius:5px;
	text-decoration:none;
}
a:visited.save_btn{
	display:inline-block;
	background-color:#333333;
	color:#ffffff;
	border-radius:5px;
	text-decoration:none;
}
a:hover.save_btn{
	display:inline-block;
	background-color:#333333;
	color:#ffffff;
	border-radius:5px;
	text-decoration:none;
}
a:active.save_btn{
	display:inline-block;
	background-color:#333333;
	color:#ffffff;
	border-radius:5px;
	text-decoration:none;
}

.kokyaku_link{
	color:#666666 !important;
	text-decoration:underline !important;
	background-color:#fff !important;
}

.btn{
	display: inline-block;
	background-color:#333333;
	color:#ffffff;
	padding:5px 15px;
	margin:0;
	border-radius:5px;
	text-decoration:none;
}


.pagination{
	padding:20px;
	margin-bottom:20px;
}

.page{
	display:inline-block;
	padding:6px 9px;
	margin-right:4px;
	border-radius:3px;
	border:solid 1px #c0c0c0;
	background:#e9e9e9;
	box-shadow:inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	color:#717171;
	text-shadow:0px 1px 0px rgba(255,255,255, 1);
}

.page:hover,
.page.gradient:hover{
	background:#fefefe;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
	background:-moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);
}

.page.active{
	border:none;
	background:#616161;
	box-shadow:inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
	color:#f0f0f0;
	text-shadow:0px 0px 3px rgba(0,0,0, .5);
}

.page.gradient{
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#e9e9e9));
	background:-moz-linear-gradient(0% 0% 270deg,#f8f8f8, #e9e9e9);
}

.page.disabled{
	border:solid 1px #c0c0c0;
	background:#e9e9e9;
	box-shadow:inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
	color:#717171;
	text-shadow:0px 1px 0px rgba(255,255,255, 1);
}

a.tree_link,
a.syokai_link{
	color: #666666 !important;
	text-decoration: underline !important;
	background-color: #fff !important;
}

.hide{
	display:none;
}

.three_right_btn{
	width:100px;
	line-height:24px;
	float:right;
	margin:10px 12px 20px 0px;
	color:#ffffff;
	padding:6px;
}

input.three_right_btn{
	width:116px;
	line-height:26px;
	padding:5px !important;
}

.three_center_btn{
	width:100px;
	line-height:24px;
	float:left;
	margin:10px 0px 20px 15px;
	color:#ffffff;
	padding:6px;
}

input.three_center_btn{
	width:116px;
	line-height:26px;
	padding:5px !important;
}

.three_left_btn{
	width:100px;
	line-height:24px;
	float:left;
	margin:10px 0px 20px 12px;
	color:#ffffff;
	padding:6px;
}

input.three_left_btn{
	width:116px;
	line-height:26px;
	padding:5px !important;
}

.two_right_btn{
	width:100px;
	line-height:24px;
	float:right;
	margin:10px 12px 20px 0px;
	color:#ffffff;
	padding:6px;
}

input.two_right_btn{
	width:116px;
	line-height:26px;
	padding:5px !important;
}

.two_left_btn{
	width:100px;
	line-height:24px;
	float:left;
	margin:10px 0px 20px 12px;
	color:#ffffff;
	padding:6px;
}

input.two_left_btn{
	width:116px;
	line-height:26px;
	padding:5px !important;
}

.one_center_btn{
	width:100px;
	line-height:24px;
	color:#ffffff;
	margin:10px auto 0px auto;
}

input.one_center_btn{
	width:116px;
	line-height:26px;
	padding:5px !important;
}



#customer_btn_area{
	background-color:#eeeeee;
	padding:5px;
	vertical-align:center;
	float:left;
}

#customer_btn_area a:hover{
	color:#ffffff;
}

#customer_btn_area span{
	display:inline-block;
	background-color:#333333;
	color:#ffffff;
	text-align:center;
	border-radius:5px;
	width:30px;
	height:26px;
	padding:4px 0px 0px 0px;
	cursor:pointer;
}


#customer_search_table{
	margin:0px auto 30px auto;
	width:400px;
	border-collapse:collapse;
}

#customer_search_table a{
	text-decoration: underline;
	cursor:pointer;
}

#customer_search_table th{
	font-weight:normal;
	font-size:14px;
	padding:8px;
	background-color:#eeeeee;
	border-right:1px solid #cccccc;
}
#customer_search_table th:last-child{
	border-right:none;
}

#customer_search_table td{
	font-weight:normal;
	font-size:14px;
	padding:8px;
	text-align:center;
	vertical-align: middle;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	background-color:#ffffff;
}

#customer_search_table td input{
	padding:0px;
	margin: 0px auto;
	vertical-align: middle;
}

#customer_search_table td label{
	margin:0px auto;
	padding:5px 10px 0px 10px;
}
input[type="text"][disabled] {
	border:1px solid #aaa;
	-webkit-appearance:none;
	border-radius:0;
	background-color:#fff;
	opacity:1!important;
	-webkit-text-fill-color:#666666;
}
