@import url(//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.css);

* {
	padding: 0;
	margin: 0;
	line-height: 1.4em;
	font-weight: normal;
	font-family: "Helvetica Neue", Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}
html {
	font-size: 16px;
}

body {
	background: #efefe9;
	background: url("./img/bg.png"), -moz-linear-gradient(left, #e9efe9, #f9f9f9);
	background: url("./img/bg.png"), -webkit-gradient(linear, left top, right top, from(#e9efe9), to(#f9f9f9) );
	color: #222;
	font-family: "Helvetica Neue", Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust: 100%;
}

hr{
	height: 1px;
	border: none;
	border-top: 1px dashed #8c8b8b;
	margin: 0.5em 0;
	clear: both;
}

p{
	margin: 0 0 0.5em 0;
}

#head{
	position: fixed;
	top: 0;
	width: 100%;
	height: 50px;
	background: #2f2f2f;
	background: -moz-linear-gradient(left, #2f2f2f, #4d4d4d);
	background: -webkit-gradient(linear, left top, right top, from(#2f2f2f), to(#4d4d4d) );
	z-index: 1000;
}
#head .content{
	width: 930px;
	margin: 5px auto;
	color: #efefef;
	overflow: hidden;
}

#wrap{
	padding-top: 50px;
	width: 960px;
	margin: 0 auto;
	position: relative;
}

/*
a:link,a:visited {
  color: #1546c3;
  text-decoration: none;
}

a:hover {
  padding: 0 0 1px 0;
  border-bottom: dotted 1px #5e94ca;
  color: #3353a7;
}
*/
h1,h2,h3,h4,h5{
	margin: 0.5em;
	border-left: 5px solid #c00;
	padding-left: 0.5em;
	font-weight: bold;
}
h1{
	font-size: 180%;
}
h2{
	font-size: 160%;
}
h3{
	font-size: 140%;
}

table{
	margin: 2em 0;
	border-collapse: collapse;
	text-align: center;
	line-height: 1.5;
	border: 2px solid #ccc;
	width: 878px;

	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;

}

table thead th {
	padding: 10px;
	font-weight: bold;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 2px solid #c00;
	background: #dcdcd1;
	white-space: nowrap;
}
table tbody th {
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	text-align: right;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #ececec;
	width: 10em;
	white-space: nowrap;
}
table td {
	padding: 10px;
	vertical-align: top;
	text-align: left;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
//	white-space: nowrap;
	width: auto;
}

div.sect{
	position: relative;
	background: #f9f9f9;
	border: 1px solid #cccccc;
	padding: 1em;
	margin: 2em 0.5em;

overflow: auto;

	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

div.sect a{
	margin-right: 1em;
}

div.insect{
	clear: both;

	position: relative;
	background: #f9f9f9;
//	border: 1px solid #cccccc;
//	padding: 1em;
	margin: 1em;

overflow: auto;
/*
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
*/
}

a.logout, a.clientmenu{
	margin-left: 1em;
	float: right;
}

.description{
	font-size: 70%;
	color: #666666;
	margin: 0.2em 0.5em;
word-break : break-all;
}

input[type="text"],select{
	box-sizing:border-box;
	margin: 0.2em;
	padding: 0.4em 0.7em 0.4em 0.4em;
	font-size: 1.1em;
	width: 32em;

	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;

	background-color: #fefefe;
	border: 2px solid #7f9db9;
}

input[type="text"].half,select.half{
	width: 16em;
}
input[type="text"].halfhalf,select.halfhalf{
	width: 8em;
}
input[type="text"].small{
	width: 4em;
}
select.small{
	width: 6em;
}

input[type="text"][disabled]{
	border:0;
	background:transparent;
}


textarea{
	margin: 0.2em;
	padding: 0.4em;
	font-size: 1.1em;
	width: 32em;
	height: 8em;

	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;

	background-color: #fefefe;
	border: 2px solid #7f9db9;
}

input.ccLat, input.ccLng, input.datepicker{
/*
	margin: 0.2em;
	padding: 0.4em;
	font-size: 1.1em;
*/
	width: 16em;
/*
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;

	background-color: #fefefe;
	border: 1px solid #7f9db9;
*/
}


input[type="text"]:focus,select:focus,textarea:focus{
	border: 2px solid #ff9900;
	outline: 0;
}



.incntput{
	font-size: 80%;
	color: #ffffff;
	margin: 0;
	font-weight: bold;
	background: #8f8fff;
	padding:0.2em 0.5em;

	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.toGetlatlng{
	cursor: pointer;
	text-decoration: underline;
	color: #0000ff;
}


td.submit{
	text-align: center;
}
input[type="submit"].submit{
	font-size: 1.3em;
	padding:0.5em;
	margin: 0.5em;

	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;

cursor: pointer;
	background-color: #7f7fdf;
	border: 1px solid #7f9db9;
	color: #fff;
	font-weight: bold;
}


.warning_td{
	font-size: 85%;
	color: #ff0000;
	margin: 0.5em 0 0 0;
	font-weight: bold;
}




/*Radio Check*/
label.radio, label.radio_text, label.checkbox, label.checkbox_text {
	position      : relative;
	cursor        : pointer;
	display       : inline-block;
	overflow      : hidden;
	box-sizing    : border-box;
}
label.radio {
	width         : 24px;
	height        : 24px;
	border        : 2px solid #7f9db9;
	border-radius : 100%;
}
label.radio_text {
	min-height   : calc(24px + 5px);
	margin-right : calc(24px + 5px);
	padding-left : calc(24px + 5px);
	line-height  : calc(24px + 5px);
margin-bottom: 0.6em;
margin-right:1.5em;
}
label.checkbox {
	width      : 24px;
	height     : 24px;
	border     : 2px solid #7f9db9;
	background : #fff;
}
label.checkbox_text {
	padding-left : calc(24px + 5px);
	line-height  : 24px;
margin-bottom: 0.6em;
margin-right:1.5em;
}
/** before after **/
label.radio:before, label.radio_text:before, label.checkbox_text:before,
label.checkbox:after, label.radio_text:after, label.checkbox_text:after{
	content  : '';
	position : absolute;
	box-sizing : border-box;
}
label.radio:before, label.radio_text:before{
	border-radius    : 100%;
}
label.radio:before, label.checkbox:after{
	top              : 0px;
	bottom           : 0px;
	left             : 0px;
	right            : 0px;
	margin           : auto;
}
label.checkbox:after, label.checkbox_text:after{
	transform         : rotate(45deg);
	-webkit-transform : rotate(45deg);
	-moz-transform    : rotate(45deg);
	border-right      : 5px solid #DD6655;
	border-bottom     : 5px solid #DD6655;
	top               : calc(50% - (((24px / 12 ) * 5) / 2));
	display           : block;
	margin-top        : calc(((24px / 12 ) * 5) * -1);
	width             : calc(((24px / 12 ) * 5));
	height            : 24px;
	z-index           : 1;
}
label.radio_text:before, label.radio_text:after{
	top              : 0px;
	bottom           : 0px;
	margin-top       : auto;
	margin-bottom    : auto;
}
label.radio:before {
	display          : block;
	width            : 12px;
	height           : 12px;
	z-index          : 1;
	background-color : #DD6655; 
}
label.radio_text:before {
	width         : 24px;
	height        : 24px;
	border        : 2px solid #7f9db9;
	left          : 0px;
	z-index       : 3;
}
label.checkbox_text:before {
	width    : 24px;
	height   : 24px;
	left     : 0px;
	top      : 0;
	border   : 2px solid #7f9db9;
	z-index  : 3;
	box-sizing: border-box;
}
label.radio_text:after {
	width            : 12px;
	height           : 12px;
	border-radius    : 100%;
	left             : calc(((24px/2) - (12px) / 2));
	background-color : #DD6655;
	z-index          : 1;
}
label.checkbox_text:after {
	left : calc((24px / 2) - (((24px / 12 ) * 5) / 2));
}
/** input **/
label.radio input[type="radio"], label.radio_text input[type="radio"], label.checkbox input[type="checkbox"], label.checkbox_text input[type="checkbox"]{
	-moz-appearance: none;
	-webkit-appearance: none;
	position   : absolute;
	z-index    : 2;
	margin     : 0px;
	width      : 24px;
	height     : 24px;
	box-sizing    : border-box;
	outline       : none;
}
label.radio input[type="radio"], label.radio_text input[type="radio"]{
	left       : calc(24px * -1);
	width      : 24px;
	height     : 24px;
	top           : 0px;
	bottom        : 0px;
	margin-top    : auto;
	margin-bottom : auto;
	border-radius : 100%;
}
label.checkbox input[type="checkbox"], label.checkbox_text input[type="checkbox"]{
	left       : calc(24px * -1);
	padding    : 0;
}
label.radio input[type="radio"] {
	display    : block;
	box-shadow : 24px 0px #FFF;
}
label.radio_text input[type="radio"] {
	box-shadow : 24px 0px #FFF;
}
label.checkbox input[type="checkbox"] {
	box-shadow : 24px 0px #FFF;
}
label.checkbox_text input[type="checkbox"] {
	display    : block;
	box-shadow : 24px 0px #FFF;
}
/** checked forcus */
label.checkbox_text input[type="checkbox"]:checked,
label.checkbox input[type="checkbox"]:checked,
label.radio_text input[type="radio"]:checked,
label.radio input[type="radio"]:checked{
	box-shadow : none;
}
label.checkbox_text input[type="checkbox"]:checked:focus,
label.checkbox input[type="checkbox"]:checked:focus{
	opacity: 0.1;
}
label.radio_text input[type="radio"]:focus,
label.radio input[type="radio"]:focus{
	opacity: 0.2;
}

label.checkbox_text input[type="checkbox"]:checked:focus {
	box-shadow : 24px 0px #666;
}
label.checkbox_text input[type="checkbox"]:focus {
	box-shadow : 24px 0px #EEE;
}
label.checkbox input[type="checkbox"]:checked:focus {
	box-shadow : 24px 0px #666;
}
label.checkbox input[type="checkbox"]:focus {
	box-shadow : 24px 0px #EEE;
}
label.radio_text input[type="radio"]:focus {
	box-shadow : 24px 0px #FFF;
}
label.radio input[type="radio"]:focus {
	box-shadow : 24px 0px #FFF;
}



.essentials{
	padding: 3px;
	background: #ff0000;
	font-size: 0.7em;
	font-weight: bold;
	color: #ffffff;
	display: inline-block;
	line-height: 1.2em;

	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.vd_numeric{
	padding: 3px;
	background: #666666;
	font-size: 0.7em;
	font-weight: bold;
	color: #ffffff;
	display: inline-block;
	line-height: 1.2em;

	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}


.list_object_thumb{
	width:80px;
	text-align:center;
	vertical-align:middle;
	position: relative;
}
.pictnum_notification{
	position: absolute;
	top: 1em;
	right:1em;
	padding: 0.5em;
	background: #ff0000;
	font-size: 0.7em;
	font-weight: bold;
	color: #ffffff;
	display: block;
	width: 1.2em;
	height: 1.2em;
	text-align:center;
	vertical-align:middle;
	line-height: 1.2em;
	z-index: 2;
	opacity: 0.8;

	border-radius: 3em;
	-webkit-border-radius: 3em;
	-moz-border-radius: 3em;
}


input[type="submit"].inpage{
	font-size: 0.8em;
	padding:0.25em;
	margin: 0.25em;
	width: 3em;

	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;

cursor: pointer;
	background-color:#f6f6f6;
	border: 1px solid #c5c5c5;
	font-weight:normal;
}


#pj{
	position: fixed;
	z-index: 500;
	top: 60px;
	width: 960px;
}
#pj .btns{
	width: 520px;
	margin: auto 0.5em auto auto;
	padding: 0.5em;
	background: #f7f7f7;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#pj a{
	display: inline-block;
	padding: 0.3em 0.8em;
	margin: 0.2em;
	text-decoration: none;
	background: #f7f7f7;
	border-left: solid 5px #7791da;/*左線*/
	color: #7791da;/*文字色*/
	font-size: 75%;
	font-weight: normal;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
}
#pj a:active{
	box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
	transform: translateY(2px);
}


/*ajax loading*/
.qinp_panel .loading{
	opacity: 0.8;
}
.qinp_panel .loading::before{
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	width:30px;
	height:30px;
	border-radius:5px;
	background:white;
	margin:auto;
}
.qinp_panel .loading::after{
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	width:12px;
	height:12px;
	border-radius:20px;
	border:3px solid #60ABB9;
	border-right:3px solid white;
	animation: rotate 1s infinite linear;
	margin:auto;
}
@keyframes rotate {
	0%		{ transform: rotate(0deg); }
	100%	{ transform: rotate(360deg); }
}
/*ajax loading*/



.qinp_panel{
	display: none;
	position: relative;
	background: #fff8f8;
	margin: 0 auto 3em;
	padding: 1em;
	border: 1px solid #efe8e8;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}


.qinp_panel a, .qinp_panel input[type="button"]{
	margin: 0.3em;
}

.qinp{
	position: relative;
}
.qinp .yomikae{
	position: absolute;
	top: -0.7em;
	left:-1.5em;
	display: none;
	background: #4040ff;
	color: #ffffff;
	font-weight: bold;
	font-size: 0.8em;
	padding: 0.4em;
	opacity: 0.8;
	transform: rotate(-20deg);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}








#qinp_add01c{
	display:none;
/*
	background:#fff8f8;
	margin: 0 auto 3em;
	padding:1em;
	border:1px solid #efe8e8;border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
*/
}

#qinp_add0c01381, #qinp_add0c01386, #qinp_add0c01384, #qinp_add0c01385, #qinp_add0c01387, #qinp_add0c01388, #qinp_add0c99999{
	display: none;
}

#qinp_add01c .tab_add01c a{
	margin:0;
}









.pvimg_box{
	width: 480px;
	float: right;
}

.pvimg_box input[type="button"]{
	padding: 0 0.5em;
}

.pvimg_box .img_view{
}

.pvimg_box .conpane_l{
	width: 170px;
	float: left;
}

.pvimg_box canvas.pict{
	width: 150px;
	height: 150px;
	margin: 0.5em 0;
	border: 1px dotted #cccccc;
	background: #ffffff;
}

.pvimg_box .conpane_r{
	width: 300px;
	padding: 1em 0;
	float: left;
}

.pvimg_box .conpane{
	zoom: 1;
	overflow: hidden;
}

.pvimg_warning{
	font-size: 70%;
	color: #ff6666;
	margin: 1em 0;
}



.savedimg{
	padding: 0 19px;
	width: 152px;
	float:left;
	border-right: 1px dotted #cccccc;
}
.savedimg img.pict{
	width: 150px;
	height: 150px;
	margin: 0.5em 0;
	border: 1px dotted #cccccc;
	background: #ffffff;
}
.savedimg input[type="button"]{
	padding: 0 0.5em;
}
.savedimg label{
	font-size: 80%;
	line-height: 1em;
	margin: 0;
	padding: 0;
	vertical-align:middle;
}
.savedimg input[type="checkbox"]{
	vertical-align:middle;
}





.formated_dig{
	font-size: 1.4em;
	font-weight: bold;
	display: none;
	position: absolute;
	z-index: 500;
	top: -0.8em;
	left: -0.5em;
	background: #333333;
	color: #ffffff;
	font-weight: bold;
	padding: 0em 0.2em;
	opacity: 0.8;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.formated_digit{
	font-size: 65%;
	font-weight: bold;
}



#dialog{
	display: none;
	z-index: 1000;
}
#dlg_edit_success{
	display: none;
	z-index: 1000;
}

/* list_object モーダル部分 */
#search_box {display: none;}
.modal-overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2;
	display:none;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,.5);
}
a.modal-open:hover {cursor:pointer}

.modal-content {
	width: 960px;
	margin: 0 auto;
	padding: 20px 0;
	display: none;
	position: absolute;
	z-index: 100;
	border-radius:20px;
	background:#fff;
}
.modal-content > form {
	width: 910px;
	margin: 0 auto;
}

a.modal-close {
	position:absolute;
	top: 20px;
	right: 20px;
	color:#3a5778;
	font-size:35px;
	background: #fff;
	border: 4px solid #3a5778;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	padding: 5px 10px;
	z-index: 1000;
}
a.modal-close:hover {cursor:pointer}
























/*
パネル色設定
*/
.pnlthumb {
    margin: 10px;
    padding: 10px;
    border-radius: 25%;
    width: 40px;
    height: 40px;
    font-size: 11px;
    text-align: center;
    font-weight: 800;
}

.pnl00 { background-image: linear-gradient(135deg, #ffae9a, #ffae9a); border: 1px solid #ef9e8a;}
.pnl01 { background-image: linear-gradient(135deg, #ffe580, #ffe580); border: 1px solid #efd570;}
.pnl02 { background-image: linear-gradient(135deg, #fffbac, #fffbac); border: 1px solid #efeb5c;}
.pnl02 { background-image: linear-gradient(135deg, #acfbac, #acfbac); border: 1px solid #5cef5c;}
.pnl03 { background-image: linear-gradient(135deg, #e6c4fc, #e6c4fc); border: 1px solid #beb4ec;}
.pnl04 { background-image: linear-gradient(135deg, #7af6fd, #7af6fd); border: 1px solid #6ae6ed;}
.pnl05 { background-image: linear-gradient(135deg, #efefef, #efefef); border: 1px solid #dfdfdf;}

.pnl06 { background-image: linear-gradient(135deg, #0000dd, #0000dd); border: 1px solid #0000cd;color:#ffffff;}
.pnl07 { background-image: linear-gradient(135deg, #dd0000, #dd0000); border: 1px solid #cd0000;color:#ffffff;}
.pnl08 { background-image: linear-gradient(135deg, #dddd88, #dddd88); border: 1px solid #cdcd78;}


/*
ユーザリスト（state:sleep）
*/
.state_sleep{
	display: none;
}

/*PWリセット、ユーザ削除はデフォルトでは非表示*/
.safety{
	visibility:hidden;
}



.selectmenu a{
	min-width: 8em;
}