@CHARSET "UTF-8";


/*********************** 共通部品 *******************************/
.no_br{white-space: nowrap;}

textarea{resize: none;}
.relative{position:relative;}
table.th_center th{ text-align:center;}
table.td_center td{ text-align:center;}
table.td_right td{ text-align:right;}

table th.center,td.center{text-align:center;}
table th.vcenter,td.vcenter{vertical-align: middle;}
table th.vtop,td.vtop{vertical-align: top;}
table th.left,td.left{text-align:left;}
table th.right,td.right{text-align:right;}
table th.rpad,td.rpad{padding-right:6px;}
table td.orange{background-color:#ff8000;}
table td.green{background-color:#00ce00;}
table.nomargin{margin:0px !important;};
.clear_text{font-weight:initial;text-shadow: initial;}

.input_err{background: #ff0000;}

a:link { color: #0000ff; }
a:visited { color: #0000ff; }
a:hover { color: #ff0000; }
a:active { color: #ff0000; }
a.noline{text-decoration: none;}

.bg-readonly{background-color:#e9ecef}

.no-wrap{display: inline-block;}
.cur_dt{ cursor: default; }		/* カーソルデフォルト */

.badge{
	display: inline-block;
	padding: .25em .4em;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25rem;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.badge-primary{
	color: #fff;
    background-color: #007bff;
}
.badge-info{
	color: #fff;
    background-color: #45bd00;
}
.badge-danger{
	color: #fff;
    background-color: #ff0000;
}

.display_block{
	display:block;
}
.display_inline{
	display:inline;
}
.display_table{
	display:table-cell;
}
.display_inflex{
	display:inline-flex;
}

div.topmargin{margin:15px 0 0 0;}
div.bottommargin{margin:0 0 15px 0;}
div.vmargin{margin:15px 0 15px 0;}

div.center{ text-align:center;}
div.image_frame{
	position: relative;
}
div.image_box{
	position: absolute;
	display:table-cell;
}

div.warn {
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    color: #ff8080;
    background: #FFF;
    border: solid 3px #6091d3;
    border-radius: 10px;
}
div.warn p {
    margin: 0;
    padding: 0;
}

.flex_container{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.flex1{ flex:1;}
.flex2{ flex:2;}
.flex3{ flex:3;}
.flex4{ flex:4;}
.flex5{ flex:5;}
.flex6{ flex:6;}
.flex7{ flex:7;}
.flex8{ flex:8;}
.flex9{ flex:9;}
.flex10{ flex:10;}

ul.flex_container{
	list-style-type: none;
}
ul.flex_right{
	justify-content: flex-end;
}

/*---------------------------*/
ul.table_nav  {
	display:table;
	-webkit-margin-before:0px;
	-webkit-margin-after:0px;
}
ul.table_nav li{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}
/*---------------------------*/
input.enter,input.enter_cancel,button.enter,button.enter_cancel {
	border: 0;
	height: 30px;
	border-radius: 3px;
	color: white;
	cursor: pointer;
	transition: background 0.3s ease-in-out;
}
input.enter_thin{
	border: 0;
	border-radius: 3px;
	color: white;
	cursor: pointer;
	transition: background 0.3s ease-in-out;
}

input.enter,button.enter,input.enter_thin{
	background: #FF5555;
}

a.enter,a.enter_cancel,a.enter_thin{
	display:inline-block;
	vertical-align: middle;
	/*border:1px solid #FF5555;*/
	color:white;
	padding:4px 4px;
	text-align:center;
	cursor:pointer;
	border-radius:5px;
	/*height:25px;*/
	font:12px/normal sans-serif;
	text-decoration: none;
}

a.enter{
	background-color:#FF5555;
}

a.enter_cancel{
	background-color:#808080;
}

a.enter_thin{
	background-color:#FF5555;
	padding:1px 4px;
}

a.outlet_link{
	background-color: #b02dcc;
	vertical-align: middle;
	color:white;
	padding:0px 4px;
	text-align:center;
	cursor:pointer;
	border-radius:5px;
	/*height:25px;*/
	font:12px/normal sans-serif;
	text-decoration: none;
}

a.outlet_create_link{
	background-color: #541562;
	vertical-align: middle;
	color:white;
	padding:0px 4px;
	text-align:center;
	cursor:pointer;
	border-radius:5px;
	/*height:25px;*/
	font:12px/normal sans-serif;
	text-decoration: none;
}

input.enter_cancel,button.enter_cancel {
	background: #808080;
}

input.search,button.search {
	background: #ff8040;
	border: 0;
	width: 100px;
	height: 30px;
	border-radius: 3px;
	color: white;
	cursor: pointer;
	transition: background 0.3s ease-in-out;

}

input.search_thin {
	background: #ff8040;
	border: 0;
	height: 18px;
	border-radius: 3px;
	color: white;
	cursor: pointer;
	transition: background 0.3s ease-in-out;

}

input.logout{
	background: #c0c0c0;
	border: 0;
	width: 80px;
	height: 20px;
	border-radius: 3px;
	color: white;
	cursor: pointer;
	transition: background 0.3s ease-in-out;
}

button.attend_bt{
	background: #480a99;
	border: 0;
	width: 80px;
	height: 20px;
	border-radius: 3px;
	color: white;
	cursor: pointer;
	transition: background 0.3s ease-in-out;
}

a.attend_bt{
	background: #480a99;
	border: 0;
	width: 80px;
	height: 20px;
	border-radius: 3px;
	color: white;
	cursor: pointer;
	transition: background 0.3s ease-in-out;
	text-decoration: none;
	padding:2px 8px;
	font-size:0.9rem;
}


input.thin,a.thin,button.thin{
	background: #008040;
	border: 0;
	height: 20px;
	border-radius: 3px;
	color: white;
	cursor: pointer;
	transition: background 0.3s ease-in-out;
	padding:1px 4px 1px 4px;
	margin:1px;
}

a.thin{
	color:white;
	text-decoration: none;
}

input.thin_margin,button.thin_margin,a.thin_margin{
	display:table-cell;
	margin:2px;
}

a.thin_cancel{
	background: #c0c0c0;
	border: 0;
	height: 20px;
	border-radius: 3px;
	color: white;
	cursor: pointer;
	transition: background 0.3s ease-in-out;
	padding:1px 4px 1px 4px;
	text-decoration: none;
}

input.thin_mini{
	background: #008040;
	border: 0;
	height: 18px;
	border-radius: 3px;
	font-size:0.9em;
	color: white;
	cursor: pointer;
	transition: background 0.3s ease-in-out;
	padding:1px 4px 1px 4px;
}

/* 上下マージン */
input.thin_tb{
	margin:3px 0 3px;
}

input.thin_cancel,button.thin_cancel{
	background: #808080;
	border: 0;
	height: 20px;
	border-radius: 3px;
	color: white;
	transition: background 0.3s ease-in-out;
	padding:1px 4px 1px 4px;
}

.shadow_cancel{
	text-shadow:none;
}
.bold_cancel{
	font-weight:normal;
}


div.logout{
	margin-bottom:5px;
}

div.error{
	color:#ff0000;
}


input.disabletext,textarea.disabletext,select.disabletext{
	background:#DCDCDC;
	cursor:not-allowed; /* 禁止カーソル */
}

/* エラー */
div.err{
	color:red;
}

/* 強調 */
span.b{
	font-weight:bold;
	font-size : 1.1em;
	color:#000000;
}

span.error_column{
	font-size: 16px;
	color:#ff0000;
}

/* 戻る */
input.back{
	background: #808080;
	border: 0;
	width: 100px;
	height: 30px;
	border-radius: 3px;
	color: white;
	cursor: pointer;
	transition: background 0.3s ease-in-out;
}

/* ボタン01 */
button.bt01{
	border: 0;
	height: 30px;
	border-radius: 3px;
	color: white;
	cursor: pointer;
	transition: background 0.3s ease-in-out;
	background: #ff8040;
}


/* 補足 */
.Supplement{
	font-size:0.8em;
}

/* 横並びDIV */
.box { float: left;}
.boxContainer { overflow: hidden;}
.boxContainer:before,.boxContainer:after {	/* clearfix */
    content: "";
    display: table;
}
.boxContainer:after { clear: both;}
.boxContainer { zoom: 1;}					/* For IE 6/7 (trigger hasLayout) */


body {
	background: #fff;
	color: #606468;
	/*font: 87.5%/1.5em 'Open Sans', sans-serif;*/
	font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",'メイリオ',Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	margin: 0;
}

#wrapper{
	text-align: left;
	width: 1280px;
	margin: 10px auto;
	padding: 0;
}

#header {
	margin: 0;
	padding: 0;
}

#header h1{
	margin: 0 0 0.5em;
	padding: 0.3em 0.5em;
	border-left: 28px solid #b92a2c;
	background: #333;
	color: #fff;
	font-size: 1.429em;
}

#header span.userinfo{
	width:100px;
	margin:0 10px;
	padding:2px 20px 2px 20px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	color:#000000;
	background: #ffecd9;
}

#container{
	position: relative;
	width: 100%;
}

#head_container{
	position: relative;
	width: 1280px;
	height:10px;
	margin : 10px 0 40px 0;
}

#head_container ul{
	width:1280px;
	padding:0;
	margin:0;
	list-style-type: none;
}

/* --- clearfix --- */
#head_container ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#head_container ul:after {
	min-height: 1px;
}

#head_container li {
	width:182px;
	float:left;
	padding:0;
	margin:0;
	text-align:center;
}

#head_container li a{
	width:auto;
	color:#fff;
	font-size:1.0em;
	font-weight:bold;
	padding:10px 0;
	text-decoration:none;
	display:block;
	background:#448e66;
	/* 境界線 */
	border-left:1px solid #444;
	box-shadow: 1px 0px 0px rgba(225,225,225,0.3) inset,
			 -1px 0px 0px rgba(225,225,225,0.3) inset,
			  0px 1px 1px rgba(0,0,0,0.1) inset,
			  0px -1px 1px rgba(0,0,0,0.3) inset,
			  0px 1px 3px #666;
}

#head_container li.none a{
	background:#666;
}


#head_container a.selected{
	background: #d57000;
}
/* ホバー非適用 */
#head_container li.none a:hover {
	cursor: text;
}
/* ホバー適用 */
#head_container li.hover a:hover {
	background: #d57000;
}

/************************* contents ***********************************/
/* sidebarなしver */
#contents_noside{
	background: #eeeeee;
	margin: 0 0 0 0px;
	padding: 0;
	font-size:0.8em;
	min-height:700px;

}

#contents{
	background: #eeeeee;
	margin: 0 0 0 170px;	/* sidebar分 + marginあける */
	padding: 0;
	font-size:0.8em;
	min-height:700px;
}

#contents h1,#contents_noside h1{
	margin: 0 0 0.5em;
	padding: 0.3em 0.5em;
	border-left: 28px solid #b92a2c;
	background: #333;
	color: #fff;
	font-size: 1.3em;
}

#contents h2,#contents_noside h2{
	position: relative;
	padding: .2em 1em .2em 1.5em;
	border: 1px solid #ccc;
	font-size: 1.1em;
}
#contents h2::after,#contents_noside h2::after {
	position: absolute;
	top: .5em;
	left: .5em;
	content: '';
	width: 6px;
	height: -webkit-calc(100% - 1em);
	height: calc(100% - 1em);
	background-color: #3ada36;
	border-radius: 4px;
}

#contents h3,#contents_noside h3{
	margin: 0 0 0.5em;
	padding: 0.3em 0.3em 0.3em 0.8em;
	font-size: 1.0em;
	font-weight: bold;
	border-top: 1px dashed #aaa;
	border-bottom: 1px dashed #aaa;
	background: #d0d0d0;
	text-shadow: 1px 1px 0 rgba(255,255,255,1);
	box-shadow: 0 5px 4px -4px rgba(0,0,0,0.3) inset;
	-moz-box-shadow: 0 5px 4px -4px rgba(0,0,0,0.3) inset;
	-webkit-box-shadow: 0 5px 4px -4px rgba(0,0,0,0.3) inset;
	-o-box-shadow: 0 5px 4px -4px rgba(0,0,0,0.3) inset;
	-ms-box-shadow: 0 5px 4px -4px rgba(0,0,0,0.3) inset;
	height:18px;
}

#contents h3 a{
	font-size:0.9em;
	font-weight: normal;
	text-shadow: initial;
}

#contents div.h3_bt{

}

#contents h3.accordion{
	padding-left : 30px!important;
}

#contents div.accbox .accordion span.accCircle{
	background-color: #A0A0A0;
	display: block;
	height: 20px;
	width: 20px;
	left: 10px;
	top: 50%;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
	margin-top: -20px;
	margin-left:-25px;
}
#contents h3 span.accArrowbk{
	display: block;
	border: 4px solid transparent;
	border-left-color: #FFF;
	margin-top: -14px;
	margin-left:-16px;
}

#contents div.accbox h3.accordion span.accArrow{
	position: relative;
	display: inline-block;
	padding-left: 12px;
}

#contents div.accbox h3.accordion span.accArrow:before {
	content: '';
	width: 0;
    height: 0;
	border: 4px solid transparent;
	border-left-color: #FFF;
	left: 0;
	position: absolute;
	margin-top: -28px;
	margin-left:-16px;
}

#contents div.accbox h3.active span.accArrow{
	position: relative;
	display: inline-block;
	padding-left: 12px;
}

#contents div.accbox h3.active span.accArrow:before {
	content: '';
	width: 0;
    height: 0;
	border: 4px solid transparent;
	border-top-color: #FFF;
	left: 0;
	position: absolute;
	margin-top: -25px;
	margin-left:-19px;
}


#contents h4{
	margin:0px 0px 5px 0px;
	padding:0px 0 0px 15px;
	background: #EEFFEE;
	border-bottom:#009900 1px solid;
	border-top:#009900 1px solid;
	font-weight: bold;
	color:#000000;
}

/* 各コンテンツボックス */
#contents div.listbox{
	margin: 0 0 2em;
}



/* 明細オーバーレイ */
#wrapper div.overbox{
	opacity: 0;
	position: relative;
	top: 0;
	margin: 0 0 0 170px;
	padding: 10px 10px;
	box-sizing: border-box;
	color: #fff;
	background: rgba(100,100,100,.9);
	width:1110px;
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
	-webkit-transition-duration:0.5s;
}


/************************* urikake *****************************/
#urikake td.order{
	background:#ff8888;
}

#urikake td.order_detail{
	background:#ffbbbb;
}

#urikake td.payment{
	background:#54c23d;
}

#urikake td.payment_detail{
	background:#9edc92;
}

#urikake td.withdrawal{
	background:#3ac5c1;
}

#urikake td.withdrawal_detail{
	background:#ade7e6;
}

#urikake td.returnsOrder{
	background:#b592e0;
}

#urikake td.returnsOrder_detail{
	background:#decff1;
}

/************************* Sidebar ***********************************/

#sidebar{
	background: #eeeeee;
	width: 150px;
	height:100%;
	margin: 0 0px;
	/*padding: 0;*/
	position: absolute;
	top: 0;
	left: 0;
	/*border:1px dotted;*/
}

#sidebar ul{
	zoom:1;	/* IE hacks */
	padding: 0 0 0 0;
	list-style-type: none;
	margin: 0.5em 0 1em 0;
	position: absolute;
	left:-0.8em;
	width:150px;
}
#sidebar li{
	margin-right: 0px;
	padding: 0px;
	border-radius: 3px 0px 0px 3px;
	height: 50px;
}
/* リストのインデント */
#sidebar ul li ul{
	margin: 1.0em 0 0 2em;
	padding: 0;
}

#sidebar a{
	display:block;
	background-color:#3072b3;
	border:1px solid #3072b3;
	color:white;
	padding:5px 0 5px;
	text-align:center;
	margin:0 0 0 25px;
	cursor:pointer;
	border-radius:5px;
	width:110px;
	height:15px;
	font:12px/normal sans-serif;
	text-decoration: none;
}

/* Saketry連携画面用ボタン色指定のみ */
#sidebar a.sakebt{
	background-color:#009900;
	border:1px solid #009900;
}

/* 管理画面用ボタン色指定のみ */
#sidebar a.adminbt{
	background-color:#ff0000;
	border:1px solid #ff0000;
}

/* 経理画面用ボタン色指定のみ */
#sidebar a.keiribt{
	background-color:#ff8000;
	border:1px solid #ff8000;
}

#sidebar a:hover {
	color:white;
	text-shadow:0px 0px 3px #fff;
}
#sidebar a.grad2 {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #afbdc0), color-stop(0.50, #6d7673), color-stop(0.50, #0a0f0b), color-stop(1.00, #0a0809));
	background: -webkit-linear-gradient(top, #afbdc0 0%, #6d7673 50%, #0a0f0b 50%, #0a0809 100%);
	background: -moz-linear-gradient(top, #afbdc0 0%, #6d7673 50%, #0a0f0b 50%, #0a0809 100%);
	background: -o-linear-gradient(top, #afbdc0 0%, #6d7673 50%, #0a0f0b 50%, #0a0809 100%);
	background: -ms-linear-gradient(top, #afbdc0 0%, #6d7673 50%, #0a0f0b 50%, #0a0809 100%);
	background: linear-gradient(to bottom, #afbdc0 0%, #6d7673 50%, #0a0f0b 50%, #0a0809 100%);
}

#sidebar h2{
    margin: 0 0 0.5em;
    padding: 0.3em 0.3em 0.3em 0.8em;
    font-size: 1.0em;
    font-weight: bold;
    border-top: 1px dashed #aaa;
    border-bottom: 1px dashed #aaa;
    background: #d0d0d0;
    text-shadow: 1px 1px 0 rgba(255,255,255,1);
    box-shadow: 0 5px 4px -4px rgba(0,0,0,0.3) inset;
    -moz-box-shadow: 0 5px 4px -4px rgba(0,0,0,0.3) inset;
    -webkit-box-shadow: 0 5px 4px -4px rgba(0,0,0,0.3) inset;
    -o-box-shadow: 0 5px 4px -4px rgba(0,0,0,0.3) inset;
    -ms-box-shadow: 0 5px 4px -4px rgba(0,0,0,0.3) inset;
}


/**************************************************************************/
/* 新しいサイドメニュー                                                   */
/**************************************************************************/
#sidebar_new{
	background: #eeeeee;
	width: 160px;
	height:100%;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	font-size:0.8em;
	text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
}

#sidebar_new nav{
	background:#000;
	color:#fff;
	//margin: 0px 0 100px -180px;
}

/* サイドメニューの目次 */
#sidebar_new nav > div{

	font-size:1.2em;
	margin-left:5px;
}

#sidebar_new ul{
	zoom:1;	/* IE hacks */
	padding: 0 0 0 0;
	list-style-type: none;
	margin: 2px 0;
	left:0em;
	width:160px;
}

#sidebar_new ul > li > ul{
	margin:0;
	padding:0;
}

#sidebar_new li{
	display: block;
	background:#3072b3;
	color:#fff;
	margin-left: 0px;
	padding: 0px 0 0 0px;
	border-style:solid;
	border-color:#fff;
	border-width: 0 0 1px 0;
}

/* 管理者用 */
#sidebar_new li.admin{
	background:#ff0000;
	color:#fff;
}
#sidebar_new li.admin > a:hover{
	background: #fff;
	color: #ff0000;
}

#sidebar_new li.red{
	background:#bc471b;
	color:#fff;
}
#sidebar_new li.red > a:hover{
	background: #fff;
	color: #bc471b;
}

/* 経理用 */
#sidebar_new li.keiri{
	background:#ff8000;
	color:#fff;
}
#sidebar_new li.keiri > a:hover{
	background: #fff;
	color: #ff8000;
}

#sidebar_new li.child_keiri{
	background:#ed870a;
	color:#fff;
}
#sidebar_new li.child_keiri > a:hover{
	background: #fff;
	color: #ed870a;
}


/* 他システムIFが存在するページ用 */
#sidebar_new li.systemif{
	background:#00ad3e;
	color:#fff;
}
#sidebar_new li.systemif > a:hover{
	background: #fff;
	color: #00ad3e;
}
#sidebar_new li.child_systemif{
	background:#00ad3e;
	color:#fff;
}
#sidebar_new li.child_systemif > a:hover{
	background: #fff;
	color: #00ad3e;
}

/* ノーマル */
#sidebar_new li.normal{
	background: #11cefd;
}

#sidebar_new li.normal > a:hover{
	background: #fff;
	color: #02aed9;
}
#sidebar_new li.child_normal{
	background:#02aed9;
	color:#fff;
}
#sidebar_new li.child_normal > a:hover{
	background: #fff;
	color: #02aed9;
}




/* 共通設定 */
#sidebar_new li.child > a{
	padding-left:15px;
}
#sidebar_new li.child > a:hover{
	padding-left:17px;
}

/* 基本リンク */
#sidebar_new a{
	display: block;
	color: #fff;
	text-decoration: none;
	transition: 0.2s linear;
}

#sidebar_new li > a{
	padding: 7px 5px;
}

#sidebar_new li > a:hover {
	background: #fff;
	padding-left: 7px;
	color: #3072b3;
}

/* ラベル */
#sidebar_new li > label{
	display: block;
	padding: 6px 0 6px 5px;
	color: #fff;
	transition: 0.2s;
	text-decoration: none;
	border-style:solid;
	border-color:#fff;
	border-width: 0 0 1px 0;
}

#sidebar_new li > label:hover {
	background: #fff;
	padding-left: 7px;
	color: #3072b3;
}

#sidebar_new li.keiri > label:hover {
	background: #fff;
	padding-left: 7px;
	color: #ed870a;
}

#sidebar_new li.systemif > label:hover {
	background: #fff;
	padding-left: 7px;
	color: #00ad3e;
}

#sidebar_new li:last-child{
	line-style:none;
	border:0;
}

/* サイドバーのチェックボックスはアコーディオン用 */
#sidebar_new li > input[type=checkbox]{
	display:none;
}

/* アコーディオン */
#sidebar_new li > div.acc{
	max-height:0;
	padding: 0;
	overflow-y: hidden;
	transition: 0.5s;
}

/* アコーディオン用チェックBOXCSS */
#sidebar_new .chkcss:checked + .acc {
	max-height:9999px;
	opacity: 1;
}


#sidebar_new li > ul > li{
	padding: 0 0 0 0px;
}

#sidebar_new li > ul > li > a:before{
	content: '';
}


/*************************** 顧客参照 ***************************/
#customer_tab{
	width:auto;

}

/* テーブルずれ対策 */
#customer_tab table.detail{
	table-layout: fixed;
}
#customer_tab table.detail{
	width:1000px;
}

#customer_tab table.detail tr{
	border-right:30px solid #ffffff;
}
#customer_tab table.detail th{
	text-align:left;
	color:#0000a0;
	/*border-bottom:1px solid #9d9d9d;*/
}


#customer_tab p.tabs { margin: 0px; padding: 0px; }
#customer_tab p.tabs a {
	display: block; width: 5em; float: left;
	margin: 0px 1px 0px 0px; padding: 3px;
	text-align: center;
	text-decoration: none;	/* 下線を消す */
	border-top : 1px solid #6a6a6a;
	border-left : 1px solid #6a6a6a;
	border-right : 1px solid #6a6a6a;
	border-radius: 12px 12px 0px 0px; /* 角を丸くする */
}
#customer_tab p.tabs a.tab1 { color: #6a6a6a; }
#customer_tab p.tabs a.tab2 { color: #6a6a6a; }
#customer_tab p.tabs a.tab3 { color: #6a6a6a; }
#customer_tab p.tabs a.tab4 { color: #6a6a6a; }
#customer_tab p.tabs a.tab5 { color: #6a6a6a; }

#customer_tab div.tab {
	border-left:1px solid #6a6a6a;
	border-right:1px solid #6a6a6a;
	border-bottom:1px solid #6a6a6a;
	background-color: #ffffff;
	overflow: auto; clear: left;
	padding-left:1em;
}

#customer_tab div.tab_scroll {
	background-color: #ffffff;
	height: 240px; overflow: auto; clear: left;
}

#customer_tab div#tab1 { border-top: 1px solid #6a6a6a;}
#customer_tab div#tab2 { border-top: 1px solid #6a6a6a;}
#customer_tab div#tab3 { border-top: 1px solid #6a6a6a;}
#customer_tab div#tab4 { border-top: 1px solid #6a6a6a;}
#customer_tab div#tab5 { border-top: 1px solid #6a6a6a;}
#customer_tab div.tab p { margin: 0.5em; }

/**********************売掛***************************************/
#acc_tab{
	width:auto;

}

/* テーブルずれ対策 */
#acc_tab table.detail{
	table-layout: fixed;
}
#acc_tab table.detail{
	width:1000px;
}

#acc_tab table.detail tr{
	border-right:30px solid #ffffff;
}
#acc_tab table.detail th{
	text-align:left;
	color:#0000a0;
	/*border-bottom:1px solid #9d9d9d;*/
}


#acc_tab p.tabs { margin: 0px; padding: 0px; }
#acc_tab p.tabs a {
	display: block;
	float: left;
	margin: 0px 1px 0px 0px;
	padding: 5px 10px;
	text-align: center;
	text-decoration: none;	/* 下線を消す */
	border-top : 1px solid #6a6a6a;
	border-left : 1px solid #6a6a6a;
	border-right : 1px solid #6a6a6a;
	border-radius: 12px 12px 0px 0px; /* 角を丸くする */
}
#acc_tab p.tabs a.a_tab { color: #6a6a6a; }

#acc_tab div.tab {
	overflow: auto; clear: left;
	padding-left:1em;
}

#acc_tab div.tab_scroll {
	background-color: #ffffff;
	height: 240px; overflow: auto; clear: left;
}

#acc_tab div.select { border-top: 1px solid #6a6a6a;}
#acc_tab div.tab p { margin: 0.5em; }

/****************************** LOGIN ******************************/

#login_head {
	width:400px;
	margin : 50px auto;
}

#login_head .Container{
	width:400px;
	margin : 0 auto;
	background: #eeeeee;
	border-radius: 5px;
	border-top: 3px solid #d8d8d8;
	border-bottom: 3px solid #d8d8d8;
}

span.err{
	color:#ff0000;
}

#login_head .in_box{
	margin-right:auto;
	margin-left:auto;
	width:340px;
}


#login_head form {
  margin: auto;
  width: 100%;
}

#login_head ul{
	zoom:1;
	margin: 0;
	padding: 0;
	list-style-type: none;
	margin:15px 0 15px 0px;
}

#login_head ul:after { content:"."; display: block; height:0px; clear:both;}

#login_head li{
	float: left;
	margin-right: 0px;
	padding: 0px;
	border-radius: 3px 0px 0px 3px;
	height: 50px;
}
#login_head li.space{
	width: 50px;
	background-color: #a1a1a1;
	border-right: 3px solid #7d7d7d;
	color: #235485;
}
#login_head li.contents{
	width:280px;
	margin-right:0px;
}

#login_head form input[type="text"] {
	border:none;
	background-color: #DDDDDD;
	border-radius: 0px 3px 3px 0px;
	color: #000000;
	/*margin-bottom: 0em;*/
	padding: 0 0 0 10px;
	width: 100%;
	height: 50px;
	line-height: 50px;
}

#login_head form input[type="password"] {
	border:none;
	background-color: #DDDDDD;
	border-radius: 0px 3px 3px 0px;
	color: #000000;
	/*margin-bottom: 1em;*/
	padding: 0 0 0 10px;
	width: 100%;
	height: 50px;
	line-height: 50px;
}

#login_head form input[type="button"],#login_head form input[type="submit"] {
	background: #3072b3;
	border: 0;
	margin-right:auto;
	margin-left:auto;
	width: 100%;
	height: 40px;
	border-radius: 3px;
	color: white;
	cursor: pointer;
	transition: background 0.3s ease-in-out;
	margin-bottom: 10px;
}
#login_head form input[type="button"]:hover,#login_head form input[type="submit"]:hover {
	background: #214e7a;
}


#login_foot {
	margin: 10px auto;
	width: 320px;
	text-align:center;
}

#login_foot input.back{
  background: #FF5555;
  border: 0;
  width: 100px;
  height: 40px;
  border-radius: 3px;
  color: white;
  cursor: pointer;
  transition: background 0.3s ease-in-out;

}





/**************Aタグ***************************************/
a.no_line{
	text-decoration:none;
}

a.block{
	display:table-cell;
	vertical-align : middle;
}

a.inflex{
	display:inline-flex;
	align-items: center;
}

/* 実行ボタン */
.exec{
	margin:10px;
	background: #ff0000;
	border: 0;
	padding:0.5rem 1rem;
	border-radius: 3px;
	color: white;
	cursor: pointer;
	transition: background 0.3s ease-in-out;
}
.exec:disabled{
	opacity: .35;
	cursor:default;
}

a.exec{
	color:white;
	text-decoration: none;
	display:inline-block;
	vertical-align: middle;
}

/* 実行ボタン disable */
button.exec_cancel,input.exec_cancel,a.exec_cancel{
	margin:10px;
	background: #808080;
	border: 0;
	height: 40px;
	border-radius: 3px;
	color: white;
	/*cursor: pointer;*/
	transition: background 0.3s ease-in-out;
	text-decoration: none;
}
a.exec_cancel{
	padding:5px 10px;
}

/* 細い実行ボタン */
.exec_thin{
	margin:10px;
	background: #ff0000;
	border: 0;
	height: 20px;
	border-radius: 3px;
	color: white;
	cursor: pointer;
	transition: background 0.3s ease-in-out;
	padding-left:15px;
	padding-right:15px;
	text-decoration: none;
}

a.exec_thin:link,a.exec_thin:visited{
	color: white;
}

.exec_cancel_thin{
	background: #808080;
	border: 0;
	height: 20px;
	border-radius: 3px;
	color: white;
	cursor: pointer;
	transition: background 0.3s ease-in-out;
	padding:1px 4px 1px 4px;
	text-decoration: none;
}



/* 承認ボタン */
.exec_approve{
	margin:10px;
	background: #0000ff;
	border: 0;
	height: 40px;
	border-radius: 3px;
	color: white;
	cursor: pointer;
	transition: background 0.3s ease-in-out;
}
/* 補助ボタン */
.exec_support{
	margin:3px;
	background: #008000;
	border: 0;
	height: 30px;
	border-radius: 3px;
	color: white;
	cursor: pointer;
	transition: background 0.3s ease-in-out;
}


/* Hタグ上のボタン */
.h_bt{
	background: #ff5353;
	border: 0;
	height: 20px;
	border-radius: 3px;
	color: white;
	cursor: pointer;
	transition: background 0.3s ease-in-out;

}
/*********************** ページ遷移 ****************************/
#page_navi{

}

#page_navi ul{
	display:inline-block;
	list-style: none;
	margin-left: -30px;
}
/* --- clearfix --- */
#page_navi ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


#page_navi li{
	float: left;
}

#page_navi li.l_margin{
	margin-left:10px;
}


#page_navi li a{
	display:block;
	padding: 1px 8px;
	line-height: 20px;
	text-decoration: none;
	background-color: rgb(255, 255, 255);
	border-style: solid;
	border-color: rgb(221, 221, 221);
	border-width: 1px 1px 1px 0px;
	text-align:center;
}
a.page_navi_none{
	text-decoration: none;
	cursor: default;
	color:rgb(96, 100, 104);
}

/* リンク無しインデックス */
a.page_navi_idx{
	display:block;
	width:20px;
	font-weight:bold;
	text-decoration: none;
	cursor: default;
	color:#000000;
}

/* リンク有りインデックス */
a.page_navi_idx_link{
	width:20px;
}

a.page_navi{
	border-left-width: 1px;
	border-right-width: 1px;
}

a.page_navi_back{
	border-left-width: 1px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
a.page_navi_next{
	border-left-width: 1px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}


/*********************** 共通テーブル ****************************/

table.none{
	border:0px solid #000000;
}
table.none th.none{
	border:0px solid #000000;
}

table.none td.none{
	border:0px solid #000000;
}

table td.sum{
	background-color:#caffdf;
}

table.search{
	border-collapse: collapse;
	border:1px solid #000000;
	font-size:12px;
	margin: 0 0 1.0em 0em;
}

table.search th{
	background-color:#a5d1d1;
	color:#000;
	border-collapse: collapse;
	border:1px solid #000000;

}

table.search td{
	border-collapse: collapse;
	border:1px solid #000000;
}

table.list{
	margin: 0 0 2.0em 0em;
	border-collapse: collapse;
	border:0px solid #000000;
	font-size:12px;
}

table.list th{
	padding:0 5px 0 5px;
	background-color:#a5d1d1;
	color:#000;
	border-collapse: collapse;
	border:1px solid #000000;
}
table.list th.dot{
	border-bottom:1px dotted #b0b0b0;
}


table.list td{
	border:1px solid #000000;
	border-collapse: collapse;

	color:#000;
}
table.list td.dot{
	border-bottom:1px dotted  #b0b0b0;
}

table.list td.line_even{
	background-color:#8ec7ff;
}



table.list p.mute{
	font-size:9px;
	line-height: 10px;
	color:#5d5d5d;
	line-height:0em;
}


/* 登録 */
table.regist{
	margin: 0 0 2.0em 0em;
	border-collapse: collapse;
	border:1px solid #000000;
	font-size:12px;
}

table.regist th{
	padding:0 5px 0 5px;
	background-color:#a5d1d1;
	color:#000;
	border-collapse: collapse;
/*	border-bottom:1px solid #000000;*/
/*	border-right:1px solid #b0b0b0;*/
	border:1px solid #000000;

}
table.regist th.dot{
	border-bottom:1px dotted #b0b0b0;
}


table.regist td{
	border-collapse: collapse;
/*	border-bottom:1px solid #000000;*/
/*	border-right:1px solid #b0b0b0;*/
	border:1px solid #000000;
	color:#000;
}
table.regist td.dot{
	vertical-align:top;
	border-bottom:1px dotted  #b0b0b0;
}


table.regist p.mute{
	font-size:9px;
	line-height: 10px;
	color:#5d5d5d;
	line-height:0em;
}

/*********** 顧客検索 ***************/
table.cust_search{
	width:1000px;
}

table.cust_search th{
	padding:0 0 0 5px;
	width:130px;
	text-align:left;
}

table.cust_search td{
	vertical-align:middle;
	padding : 1px 3px 1px 3px;
}

table.modal_regist th{
	width:120px;
}
table.modal_regist td{
	width:400px;
}


/*********** 注文検索 ***************/
table.order_search{
	width:100%;
}

table.order_search th{
	padding:0 0 0 5px;
	width:150px;
	text-align:left;

}

table.order_list th{
}

table.order_list td{
	vertical-align:middle;
}

table.order_detail{
	margin-bottom: 15px;
}

table.order_detail th{
	border-right:1px solid #000000;
	text-align:center;
}

table.order_detail td{
	border-right:1px solid #000000;

	vertical-align:middle;
}

table.saketry_info th{
	background-color:#29a360;
}

div.orderDetailBox{
	width:500px;
	margin-right : 10px;
}

/**** 注文集計レポート ****/
table.order_itemreport tbody{
	max-height:20px;
}

table.order_itemreport td.report{
	font-size:0.8em;
}

div.order_itemreport{
	width:auto;
}

div.order_itemreport div.tab_scroll {
	background-color: #ffffff;
	width: 1110px; overflow: auto; clear: left;
}

div.order_itemreport_item{
	width:50px;
}

/*********** 請求書検索 ***************/
table.invoice_search{
	width:100%;
}

table.invoice_search th{
	padding:0 0 0 5px;
	width:150px;
	text-align:left;
}

table.invoice_list th{
	text-align:center;
}

table.invoice_list td{
	vertical-align:middle;
}
table.invoice_detail{
	width:850px;
}
table.invoice_detail th{
	text-align:center;
}

table.invoice_detail td{
	padding : 4px 2px 4px 2px;
	vertical-align:middle;
}

table.invoice_detail td.chk{
	padding: 0 0 0 30px;
	text-align:center;
}

/* 注文ベース */
table.invoice_orderbase_detail{
	width:750px;
}
table.invoice_orderbase_detail th{
	text-align:center;
}

table.invoice_orderbase_detail td{
	padding : 4px 2px 4px 2px;
	vertical-align:middle;
}

table.invoice_orderbase_detail td.chk{
	padding: 0 0 0 30px;
	text-align:center;
}

table.invoice_regist{
	width:600px;
}

table.invoice_regist th{
	width:150px;
}

table.invoice_regist td{
	width:450px;
}




/*********** 管理 ************/
table.user_regist{
	width : 600px;
}

table.user_regist th{
	width : 150px;
}
table.user_regist td{
	width : 450px;
}


/********* 商品 *********/
img.item_list{
	width:60px;
	height:auto;
}
img.item_detail{
	width:200px;
	height:auto;
}

/************************** モーダル画面 ******************************/

#modal{
	text-align: left;
	margin: 10px auto;
	padding: 0;
	font-size: 1em;
}

#modal div.search{
	width: 800px;
}

#modal div.regist{
	width: 400px;
}

#modal h1{
	margin: 0 0 0.5em;
	padding: 0.3em 0.5em;
	border-left: 28px solid #b92a2c;
	background: #333;
	color: #fff;
	font-size: 1.429em;
}


#modal h3{
    margin: 0 0 0.5em;
    padding: 0.3em 0.3em 0.3em 0.8em;
    font-size: 1.0em;
    font-weight: bold;
    border-top: 1px dashed #aaa;
    border-bottom: 1px dashed #aaa;
    background: #d0d0d0;
    text-shadow: 1px 1px 0 rgba(255,255,255,1);
    box-shadow: 0 5px 4px -4px rgba(0,0,0,0.3) inset;
    -moz-box-shadow: 0 5px 4px -4px rgba(0,0,0,0.3) inset;
    -webkit-box-shadow: 0 5px 4px -4px rgba(0,0,0,0.3) inset;
    -o-box-shadow: 0 5px 4px -4px rgba(0,0,0,0.3) inset;
    -ms-box-shadow: 0 5px 4px -4px rgba(0,0,0,0.3) inset;
}

#modal h4{
	margin: 0 0 0.8em 0;
	border-bottom: 1px solid #008000;
	border-left: 10px solid #008000;
	text-align: left;
	background-color: #fff;
	font-size: 14px;
	color: #000;
	padding: 2px 2px 2px 15px;
	width: 550px;
}

#modal div.h_button{
	position : absolute;
	left : 300px;
	top : 0;
}


#modal div.framebox{
	border: solid 1px #808080;
	width: 800px;
	height: 400px;
	padding: 0.5em;
	overflow: auto;
}

/******************** 印刷用画面 *******************/
#print h1{
	margin: 0 0 0.5em;
	padding: 0.3em 0.5em;
	border-left: 28px solid #b92a2c;
	color: #000;
	font-size: 1.429em;
}


#print h3{
    margin: 0 0 0.5em;
    padding: 0.3em 0.3em 0.3em 0.8em;
    font-size: 1.0em;
    font-weight: bold;
    border-top: 1px dashed #aaa;
    border-bottom: 1px dashed #aaa;
    background: #fff;
    color: #000;
    text-shadow: 1px 1px 0 rgba(255,255,255,1);
    box-shadow: 0 5px 4px -4px rgba(0,0,0,0.3) inset;
    -moz-box-shadow: 0 5px 4px -4px rgba(0,0,0,0.3) inset;
    -webkit-box-shadow: 0 5px 4px -4px rgba(0,0,0,0.3) inset;
    -o-box-shadow: 0 5px 4px -4px rgba(0,0,0,0.3) inset;
    -ms-box-shadow: 0 5px 4px -4px rgba(0,0,0,0.3) inset;
}
/********************* ラジオ ******************/

/* チェックボックスと、ラジオボタンの見栄えを変える */
input[type=radio].visual, input[type=checkbox].visual {
  display: none;
}

.radio {
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  margin: 0 20px 2px 0;
  padding: 5px 12px 5px 30px;
  border-radius: 8px;
  /*background-color: #f6f7f8;*/
  vertical-align: middle;
  cursor: pointer;
}
/*
.radio:hover, .checkbox:hover {
  background-color: #e2edd7;
}

.radio:hover:after, .checkbox:hover:after {
  border-color: #53b300;
}
*/

/* 四角い枠 */
.radio:after, .checkbox:after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 50%;
  left: 5px;
  display: block;
  margin-top: -10px;
  width: 16px;
  height: 16px;
  border: 2px solid #bbb;
  border-radius: 6px;
  content: '';
}

.radio:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 10px;
  display: block;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #53b300;
  content: '';
  opacity: 0;
}

/************ チェック ***************/
input[type=radio]:checked + .radio:before {
  opacity: 1;
}

.check_css {
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  padding: 0 0 0 30px;
  vertical-align: middle;
  cursor: pointer;
}
.check_css:hover:after {
  border-color: #0171bd;
}
.check_css:before {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 50%;
  left: 5px;
  display: block;
  margin-top: -10px;
  width: 14px;
  height: 14px;
  border: 2px solid #ccc;
  border-radius: 6px;
  content: '';
  background-color:#fff;

}
.check_css:after {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 11px;
  display: block;
  margin-top: -7px;
  width: 4px;
  height: 8px;
  border-right: 3px solid #0171bd;
  border-bottom: 3px solid #0171bd;
  content: '';
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  color:#fff;
}


input[type=checkbox]:checked + .check_css:after {
  opacity: 1;
}


/* ツールチップ */



div.urgent_wrapper {
	padding: 30px;
	position: relative;
}

div.urgent_box {
	position: relative;
	background: #ccc;
	height: 50px;
	width: 100px;
	margin-bottom: 20px;
	border: 1px solid #999;
}

div.urgent_box:after {
	content: '';
	position: absolute;
	border-top: 10px solid #ccc;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	bottom: -9px;
	left: 5px;
}

div.urgent_box:before {
	content: '';
	position: absolute;
	border-top: 10px solid #999;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	bottom: -11px;
	left: 5px;
}

/* googlemap */
.gmap{
	width: 100%;
	height: 500px;
}

/* datapickerの幅を調整 */
.ui-datepicker select.ui-datepicker-year
,.ui-datepicker select.ui-datepicker-month{
	width:initial!important;
}