.version{
	padding:5px 10px;
	text-align:right;
	color:#FFF;
	font-size:8px !important
}

html{
	height:100%
}

body{
	margin:0;
	margin-top:50px;
	padding:0;
	font-family:Meiryo,"Helvetica Neue", Helvetica, Arial, sans-serif;
position:relative;
}

body,td,th{
	font-size:12px;
}
input{
	font-family:Meiryo,"Helvetica Neue", Helvetica, Arial, sans-serif;
}
input[type="radio"],input[type="checkbox"]{
	width:16px !important;
	height:16px !important;
	display:inline-block !important;
	box-shadow:0 !important;
	-webkit-box-shadow:0 !important;
	box-shadow:inset 0 0px 0px rgba(255,255,255,0) !important;
	cursor:pointer;
}
label{
	cursor:pointer;
}
header{
	height:50px;
	background-color:rgba(14,47,73,0.9);
	margin:0 !important;
}
header .user ul{
	list-style:none;
	float:right;
	margin-right:20px;
}
header .user ul li{
	width:100%;
	color:white;
	height:50px;
	line-height:50px;
}
header .user ul li .div{
	font-weight:bold;
	cursor:pointer;
}
header #user{
	padding-left:10px;
	padding-right:10px;
	font-weight:bold;
	cursor:pointer;
}
.usr{
	font-size:10px !important;
	min-width:300px;
}
header>.navbar-header{
	margin:0 !important;
	padding:0 !important;
}

nav#menu {
	padding-top:45px;
	background:linear-gradient(to bottom, #164772 0%, #1D94AA 100%) no-repeat #1D94AA;
	background-attachment:fixed;
	padding-bottom:100%;

}

nav#sp-menu ul li:first-child{
	border-top:1px solid rgba(255,255,255,0.5)
}
nav#sp-menu a{
	color:white !important;
	display:block;
	text-align:right;
	border-bottom:1px solid rgba(255,255,255,0.2);
	width:100%;
}
nav#sp-menu a.inactive:hover{
	background-color:rgba(255,255,255,0.2);
}
nav#sp-menu a.inactive:active{
	background-color:rgba(255,255,255,0.8);
}
nav#sp-menu a.active{
	background:linear-gradient(to left, #164772 0%, #22d0d6 99%);
	font-weight:bold;
}
span.icon-bar{
	background:white;
}
footer{
	min-height:30px;
	display:none;
}
#logo{
	width:250px;
	height:100px;
	background:url(/img/logo.png) 50% 50% no-repeat;
	margin:5px auto;
}
h1.head{
	margin:10px 0 30px 0px;
	border-radius:5px;
	padding:10px;
	font-size:20px;
	font-weight:normal;
	color:white;
	text-indent:10px;
	font-weight:bold;
	background:url(/img/mark.png),linear-gradient(to right, #164772 0%, #00E5DD 100%);
	background-repeat:no-repeat;
	background-position:right bottom;
	text-shadow:0 0 20px white;
}
h4.title{
	color:#164772;
	font-size:12px;
	font-weight:bold;
}
nav#menu .user ul{
	margin:10px;
	padding:10px;
	list-style:none;
	border:1px solid white;
	border-radius:5px;
	background:rgba(255,255,255,0.2);
}
nav#menu .user ul li{
	width:100%;
	color:white;
	cursor:pointer;
}
nav#menu .user ul li .div{
	font-weight:bold;
}
nav#menu ul.menu{
	margin:0;
	padding:0;
	list-style:none;
}
nav#menu ul.menu li a{
	display:block;
	height:40px;
	padding:0px 20px;
	width:250px;
	text-align:right;
	line-height:40px;
	text-decoration:none;
	border-bottom:1px solid #164772;
}
nav#menu ul.menu li a.inactive{
	color:white;
	background-color:rgba(22,71,114,0.5);
	font-weight:normal;
}
nav#menu ul.menu li a.inactive:hover{
	color:white;
	background-color:rgba(22,71,114,0.8);
	font-weight:normal;
}
nav#menu ul.menu li a.active{
	background:white;
	font-weight:bold;
	color:#164772 !important;
}
nav#menu ul.menu li{
	float:left
}
nav#menu .user span.point{
	color:orange;
	font-weight:bold;
	font-size:15px;
}
.layoutA nav#menu{
	width:250px;
	height:100%;
	position:absolute;
	top:0px;
	left:0;
}
.layoutA #content{
	position:relative;
	margin-left:250px;
	height:100%;
	padding:15px 15px 0px 15px;
}
.layoutB nav#menu{
	display:none;
}
.layoutB #content{
	padding:10px;
}
.btn-sp{
	border:1px solid white;
	margin:8px;
}
nav#sp-menu{
	background-color:rgba(14,47,73,0.8)
}
nav#sp-menu ul{
	padding:0;
	margin:0;
}
@media (min-width: 768px){
	nav#sp-menu{
	display:none !important;
}

}
@media (max-width: 768px){
	table.edit-form>tbody>tr>th{
	width:20% !important;
	white-space:normail !important;
}
body{
	background:white
}
nav#menu{
	display:none !important;
}
#content{
	margin:0 !important;
	width:100%;
	padding:5px !important;
	padding-bottom:100%;
	min-height:1080px;
}
header{
	background:#1d94aa;
	background:-moz-linear-gradient(top, rgba(29,148,170,0.8) 0%, #164772 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #1d94aa), color-stop(100%, #164772));
	background:-webkit-linear-gradient(top, #1d94aa 0%, #164772 100%);
	background:-o-linear-gradient(top, rgba(29,148,170,0.8) 0%, #164772 100%);
	background:-ms-linear-gradient(top, rgba(29,148,170,0.8) 0%, #164772 100%);
	background:linear-gradient(to bottom, rgba(29,148,170,0.8) 0%, #164772 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(29,148,170,0.8)', endColorstr='#164772',GradientType=0 );
}
header .user{
	display:none;
}
#visual{
	min-height:150px !important;
	background-image:url(/img/mark.png),linear-gradient(to bottom, #164772 0%, #22d0d6 99%) !important;
}
#visual h1{
	font-size:20px !important;
}

}
#content{
	background:white;
}
#system-message{
	margin:10px;
}
#system-message ul{
	margin:0;
	padding:0;
	list-style:none;
}
#system-message li{
	margin:0;
	padding:0;
}
#route{
	min-height:30px;
}
table.list th a.inactive i{
	display:inline-block;
	width:8px;
	height:8px;
	background:url(/img/sprite_sort.png) 0 0;
}
table.list th a.desc i{
	display:inline-block;
	width:8px;
	height:8px;
	background:url(/img/sprite_sort.png) -16px 0;
}
table.list th a.asc i{
	display:inline-block;
	width:8px;
	height:8px;
	background:url(/img/sprite_sort.png) -32px 0;
}
.icon16{
	background-size:16px 16px;
	width:16px;
	height:16px;
	display:inline-block;
	background-repeat:no-repeat;
}
.icon24{
	background-size:24px 24px;
	width:24px;
	height:24px;
	display:inline-block;
	background-repeat:no-repeat;
}
.icon32{
	background-size:32px 32px;
	width:32px;
	height:32px;
	display:inline-block;
	background-repeat:no-repeat;
}
.icon48{
	background-size:48px 48px;
	width:48px;
	height:48px;
	display:inline-block;
	background-repeat:no-repeat;
}
.icon64{
	background-size:64px 64px;
	width:64px;
	height:64px;
	display:inline-block;
	background-repeat:no-repeat;
}
.pdf{
	background-image:url(/img/ico-pdf.png);
}
.doc{
	background-image:url(/img/ico-doc.png);
}
.xls{
	background-image:url(/img/ico-xls.png);
}
table.search-result td,table.search-result th{
	padding:10px 5px !important;
}
table.search-result thead th{
	color:#164772 !important;
	white-space:nowrap !important;
	border-bottom:2px solid #164772 !important;
}
table.search-result tbody td{
	white-space:nowrap !important;
}
table.search-result tbody tr:last-child td,table.search-result tbody tr:last-child th{
	border-bottom:1px solid #164772 !important;
}
table.search-result tbody tr.hv td{
	background:rgba(255,128,0,0.5)
}
.align-left{
	text-align:left !important
}
.align-right{
	text-align:right !important
}
.align-center{
	text-align:center !important
}
table.search-result a.name{
	font-weight:bold !important;
	color:#164772
}
table.search-result span.name{
	font-weight:bold !important;
	color:#164772
}
div.search-result a{
	-webkit-tap-highlight-color:#19688B
}
table.edit-form label{
	margin:5px 10px
}
table.edit-form tbody tr:last-child th,table.edit-form tbody tr:last-child td{
	border-bottom:1px solid #164772 !important
}
table.edit-form tbody tr:last-child th,table.edit-form tbody tr:last-child td{
	border-bottom:0 !important
}
table.edit-form tbody tr:first-child th,table.edit-form tbody tr:first-child td{
	border-top:0 !important
}
table.edit-form tfoot tr td{
	border:0 !important
}
table.edit-form>tfoot>th,table.edit-form>tfoot>td{
	height:150px !important;
	vertical-align:middle
}
table.edit-form>tbody>tr>th{
	white-space:nowrap;
	color:#164772 !important;
	border-right:3px solid #164772 !important;
	text-align:right !important;
	width:150px;
	font-weight:bold !important;
	padding-right:20px;
	vertical-align:middle !important
}
table.edit-form>thead>tr.list-head>th{
	white-space:nowrap;
	color:#164772 !important;
	border-bottom:1px solid #164772 !important;
	border-left:1px solid #164772;
	border-right:1px solid #164772;
	text-align:right !important;
	width:auto !important;
	font-weight:bold !important;
	padding-right:20px;
	vertical-align:middle !important;
	text-align:center !important
}
table.edit-form>thead>tr.list-head>th:first-child{
	border-left:0
}
table.edit-form>thead>tr.list-head>th:last-child{
	border-right:0
}
table.edit-form>tbody.list-body>tr>td{
	white-space:nowrap;
	color:#164772 !important;
	border-bottom:1px solid #DDD !important;
	border-left:1px solid #DDD;
	border-right:1px solid #DDD;
	width:auto !important;
	font-weight:bold !important;
	padding:5px;
	vertical-align:middle !important;
	min-height:35px !important
}
table.edit-form>tbody.list-body>tr>td:first-child{
	border-left:0px !important
}
table.edit-form>tbody.list-body>tr>td:last-child{
	border-right:0px !important
}
table.edit-form>tbody.list-body>tr:last-child>td{
	border-bottom:1px solid #164772 !important
}
table.edit-form>tbody.list-body .del{
	opacity:0.5;
	zoom:70%;
	vertical-align:-3px
}
table.edit-form>tbody.list-body input{
	border:0;
	background:transparent;
	width:100%;
	height:30px !important;
	text-align:right
}
table.edit-form>tfoot.list-total>tr>td{
	white-space:nowrap;
	color:#164772 !important;
	border-bottom:1px solid #DDD !important;
	border-left:1px solid #DDD;
	border-right:1px solid #DDD;
	text-align:right !important;
	height:auto !important;
	font-weight:bold !important;
	padding-right:20px;
	vertical-align:middle !important;
	text-align:center !important
}
table.edit-form tr>th.th{
	white-space:nowrap;
	color:#164772 !important;
	border-bottom:2px solid #164772 !important;
	border-right:0px solid #164772 !important;
	text-align:center !important;
	font-weight:bold !important;
	padding-right:20px;
	vertical-align:middle !important
}
table.edit-form>tfoot.list-total>tr>th,table.edit-form>tfoot.list-total>tr>td{
	white-space:nowrap;
	color:#164772 !important;
	border:1px solid #164772 !important;
	border-right:2px solid #164772 !important;
	text-align:right !important;
	height:50px !important;
	font-weight:bold !important;
	padding-right:20px;
	vertical-align:middle !important
}
table.edit-form>tfoot.list-total>tr>th:first-child,table.edit-form>tfoot.list-total>tr>td:first-child{
	border-left:0px solid #DDD !important
}
table.edit-form>tfoot.list-total>tr>th:last-child,table.edit-form>tfoot.list-total>tr>td:last-child{
	border-right:0px solid #DDD !important
}
table.edit-form>tfoot.list-total>tr.add-form>td{
	border-top:2px solid #164772 !important;
	border-bottom:2px solid #164772 !important;
	border-right:1px solid #ddd !important;
	padding:0 !important
}
table.edit-form>tfoot.list-total>tr.add-form>td:last-child{
	border-right:0px solid #ddd !important
}
table.edit-form>tfoot.list-total>tr.add-form>td input{
	border:0;
	text-align:right;
	font-weight:bold;
	color:#164772 !important;
	border-radius:0
}
table.edit-form>tfoot.list-total>tr.add-form>td select{
	border:0;
	width:100%;
	padding:15px 5px;
	border-radius:0
}
table.edit-form>tfoot.list-total>tr.add-form>td option{
	border:0;
	width:100%;
	padding:10px 5px
}
table.edit-form>tfoot.list-total>tr.add-form>td input,table.edit-form>tfoot.list-total>tr.add-form>td button{
	width:100%;
	height:50px;
	padding:10px 5px
}
table.edit-form>tfoot.list-total>tr.add-form>td .btn-add{
	width:100%;
	height:50px;
	text-align:center;
	border:1px solid #DDD;
	cursor:pointer;
	color:white;
	line-height:50px;
	user-select:none;
	background:#3b679e;
	background:-moz-linear-gradient(top, #3b679e 0%, #2b88d9 50%, #207cca 51%, #7db9e8 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #3b679e), color-stop(50%, #2b88d9), color-stop(51%, #207cca), color-stop(100%, #7db9e8));
	background:-webkit-linear-gradient(top, #3b679e 0%, #2b88d9 50%, #207cca 51%, #7db9e8 100%);
	background:-o-linear-gradient(top, #3b679e 0%, #2b88d9 50%, #207cca 51%, #7db9e8 100%);
	background:-ms-linear-gradient(top, #3b679e 0%, #2b88d9 50%, #207cca 51%, #7db9e8 100%);
	background:linear-gradient(to bottom, #3b679e 0%, #2b88d9 50%, #207cca 51%, #7db9e8 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=0 );
	background:#b8e1fc;
	background:-moz-linear-gradient(top, #b8e1fc 0%, #a9d2f3 10%, #90bae4 25%, #90bcea 37%, #90bff0 50%, #6ba8e5 51%, #a2daf5 83%, #bdf3fd 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #b8e1fc), color-stop(10%, #a9d2f3), color-stop(25%, #90bae4), color-stop(37%, #90bcea), color-stop(50%, #90bff0), color-stop(51%, #6ba8e5), color-stop(83%, #a2daf5), color-stop(100%, #bdf3fd));
	background:-webkit-linear-gradient(top, #b8e1fc 0%, #a9d2f3 10%, #90bae4 25%, #90bcea 37%, #90bff0 50%, #6ba8e5 51%, #a2daf5 83%, #bdf3fd 100%);
	background:-o-linear-gradient(top, #b8e1fc 0%, #a9d2f3 10%, #90bae4 25%, #90bcea 37%, #90bff0 50%, #6ba8e5 51%, #a2daf5 83%, #bdf3fd 100%);
	background:-ms-linear-gradient(top, #b8e1fc 0%, #a9d2f3 10%, #90bae4 25%, #90bcea 37%, #90bff0 50%, #6ba8e5 51%, #a2daf5 83%, #bdf3fd 100%);
	background:linear-gradient(to bottom, #b8e1fc 0%, #a9d2f3 10%, #90bae4 25%, #90bcea 37%, #90bff0 50%, #6ba8e5 51%, #a2daf5 83%, #bdf3fd 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8e1fc', endColorstr='#bdf3fd',GradientType=0 )
}
table.edit-form>tfoot.list-total>tr.add-form>td .btn-add-disabled{
	width:100%;
	height:50px;
	text-align:center;
	border:1px solid #DDD;
	cursor:pointer;
	color:#999;
	line-height:50px;
	user-select:none;
	cursor:not-allowed;
	background:#e2e2e2;
	background:-moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
	background:-webkit-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
	background:linear-gradient(to bottom, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 )
}
table.edit-form tr>th.th{
	white-space:nowrap;
	color:#164772 !important;
	border-bottom:2px solid #164772 !important;
	border-right:0px solid #164772 !important;
	text-align:center !important;
	font-weight:bold !important;
	padding-right:20px;
	vertical-align:middle !important
}
.align-right{
	text-align:right !important
}
.align-left{
	text-align:left !important
}
table.sales-summary{
	width:100%;
	margin-bottom:20px
}
table.sales-summary,table.sales-summary th,table.sales-summary td{
	border-collapse:collapse;
	border:1px solid #164772
}
table.sales-summary th{
	background:#19688B;
	color:white;
	padding:5px
}
table.sales-summary td{
	height:30px;
	text-align:right;
	padding:5px;
	font-weight:bold;
	color:#164772
}
#upload-area{
	background:#164772 !important;
	text-align:center;
	color:white
}
#visual{
	width:100%;
	min-height:200px;
	margin-bottom:10px;
	border-radius:10px;
	padding:15px;
	background:url(/img/mark.png) bottom right no-repeat #0e2f49
}
#visual h1{
	color:rgba(255,255,255,0.5);
	font-size:25px
}
.row{
	padding:0 15px
}
.container{
	padding:5px
}
ul.info-list{
	list-style:none;
	margin:0;
	padding:0
}
ul.info-list>li{
	border-bottom:1px dotted #CCC;
	padding:10px 5px
}
ul.info-list>li:first-child{
	border-top:1px solid #CCC
}
ul.info-list>li:last-child{
	border-bottom:1px solid #CCC
}
ul.info-list>li span.date{
	display:inline-block;
	padding:3px 5px
}
ul.info-list>li span.title{
	display:inline-block;
	padding:3px 5px;
	font-weight:bold
}
.nav-tabs{
	border-bottom:1px solid #164772 !important
}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{
	color:#164772;
	cursor:default;
	font-weight:bold;
	background-color:#fff;
	border:1px solid #164772 !important;
	border-bottom-color:transparent !important
}
.label-size{
	padding:0;
	margin:0;
	display:inline-block
}
td .bootstrap-datetimepicker-widget th{
	color:#164772;
	border:0 !important;
	width:14% !important
}
.panel-primary>.panel-heading{
	color:#fff;
	font-weight:bold;
	background-color:#164772 !important;
	border-color:#CCC !important
}
.panel-primary{
	border-color:#CCC !important
}
label.flowtray{
	border:1px solid #999;
	width:50%;
	padding:10px;
	border-radius:5px;
	background:rgba(0,0,0,0.1)
}
#flow{
	margin:0;
	padding:10px;
	width:100%
}
#flow .name{
	padding:10px;
	border-radius:5px;
	color:white;
	background:#1D94AA;
	margin:0px auto
}
#flow .active_group{
	width:250px;
	text-align:center
}
#flow .inactive_group{
	width:250px;
	text-align:center
}
#flow .group2{
	padding:5px;
	border:1px solid #999;
	border-radius:5px;
	width:280px;
	margin:0 auto
}
#flow .arrow1{
	text-align:center;
	width:250px;
	padding:5px;
	border-radius:5px;
	margin:0px auto
}
#flow .arrow2{
	width:200px;
	text-align:center;
	width:250px;
	padding:5px;
	border-radius:5px;
	margin:0px auto
}
#flow fieldset.group2>legend{
	display:inline-block !important;
	font-size:10px !important;
	text-align:center !important;
	width:normal !important;
	display:normal !important;
	margin:0px auto !important;
	padding:0 !important;
	border:0 !important;
	font-weight:bold !important
}
#flow span.and{
	color:#164772 !important
}
#flow span.or{
	color:orange !important
}
#flow .flow-start{
	background-color:#164772
}
#flow .flow-end{
	background-color:gray;
	border:1px solid #999
}


table td {position:relative;}
table td input {position:relative;}
dl:after,ul:after,div:after{
	content:".";
	display:block;
	visibility:hidden;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
	clear:both;
}