@charset "UTF-8";
*{
	font-face	: Meiryo;
}
h1{
	font-size	: 29px;
}
#topBar{
	background	: #0074dc;
	height		: 2em;
}
#logo1{
	position	: absolute;
	height		: 3em;
	top		: 1em;
	left		: 0;
}
.cosmoHeader{
	border		: 1px solid #eee;
	padding		: 2em 1em;
	max-width	: 800px;
	margin		: 0 auto ;
}
.wrapper{
	max-width	: 800px;
	margin		: 0 auto ;
}
.mainColor{
	background	: #3491D0;
	color		: #fff;
}
.wrapper{
	padding		: 1em;
}
#appform{
	max-width: 1000px;
	margin: 0 auto;
	padding:2em;
}
.app{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding:1.5em;
}
.modal-body{
	text-align: left;
	padding:3em auto 1em auto;
}
.bob {
/*	display: inline-block;
	width: 33%;
	display: flex;
	vertical-align: top;
	margin-bottom: 5px;
 */
}
#search-form{
	border:1px solid #0094CC;
	padding: 1em;
}
#search-form.noborder{
	border:0;
}
#search-form > table{
	width: 100%;
}
table tbody > tr > td > .bob{
	width: 100%;
}
#search-form > table > tbody > td > .bob{
	text-align: left;
}
.bob img{
	width: 200px;
	float: right;
}
.wide{
	width: 100%;
}
.deep{
	height: 10em;
}
.middle{
	width: 100%;
}
.bob ul{
	display: inline-block;
}
.bob ul  li{
	list-style: none;
	line-height:1em;
}
.bob i{
	display:inline-block;
	white-space: nowrap;
	font-weight:bold;
	font-style: normal;
	width: 12em;
	color: white;
	background: #aaa;
	text-align: right;
	padding: 0.3em 0.5em;
	vertical-align: top;
	margin-bottom: 1px; 
}
.bob i, .bob input[type="text"], .bob option, .bob span.view{
	height:2em; 
}
input:disabled, textarea:disabled, .selection > span{
	background: #fff;
	color: #000;
}
input[type=radio], input[type=checkbox]{
	margin: 0;
}
.bob > ul{
	padding-left: 0;
	margin: 8px 0 0 ;
}
.bob li label{
	color : #999;
}
.bob li label:hover{
	color: red;
}
input[type="radio"] + label,
input[type="checkbox"] + label,
{
	margin-left:0.2em;
	margin-right:0.5em;
	font-weight:normal;
}
input[type="radio"]:checked + label,
input[type="checkbox"]:checked + label
{
	color: #000;
	text-decoration:underline;
}
input[type="text"], .bob span.view{
	font-size: 1em;
	line-height:1em;
	border:1px solid #999;
}
.bob select, .bob select > option{
	height:2em;
}
.bob textarea{
	height:4em;
}
.bob.height10 textarea{
	height:15em;
}
.bob input[type=text], .bob textarea, .bob span.view{
	width: 200px;
}
.wide input[type=text], .wide textarea, .wide span.view{
	width: 600px;
}
.middle input[type=text], .middle textarea, .middle span.view{
	width: 530px;
}
.height2 input, .height2 span.view{
	height:2em;
}
.width2 input[type="text"], .width2 span.view{
	width: 2em;
}
.w8 input[type="text"], .w8 span.view{
	width: 8em;
}
.bob select.multi{
	height: 7.5em;
}
.bob select.multi option{
	height:1.5em;
}
.bob > i > span.required{
	display: none;
}
.bob > i {
	background: #0094cc;;
}
.bob.required > i > span.required{
	padding-right:0.2em;
	display: inline;
	font-size:0.8em;
	color: red;
}
#search-form table td{
	text-align: left;
}
input[type="radio"]:checked + * {
	color: #f00;
	font-weight:bold;
}
.pending{
	background-color: #FFFF8D;
}
.modal-dialog{
	width: 860px;
}
.result-list >tbody>tr> td{
	text-align: left;
}
#modal{
	max-width: 400px;
	margin: 0 auto;
}
#modal > .modal-content{
	overflow: hidden;
}
.item{
	color: #7D97A4;
}
#staticModal{
/*	max-width: 600px; */
	margin: 80px auto 0 auto;
}
#staticModal > .modal-content{
	overflow: hidden;
}
.modal-header{
	border-top-left-radius:4px;
	border-top-right-radius:4px;
}
.modal-footer{
	background: #FAFBFC;
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
}
.modal-content{
	border-radius:4px;
	border:1px solid #45BBFF;
	box-shadow: 0 1px 10px rgba(0,0,0,.2);
}
.modal-backdrop {
   background-color: transparent;
}
.modal-body{
	padding:0;
}
.item{
	padding:1em;
	border-bottom:1px solid #D7DFE3;
}
.item > .item-label{
	width: 5em;
	border-right:1px solid #D7DFE3;
}
.btn-flat-primary, .btn-flat-primary:hover{
	background: #45BBFF;
	color:white;
	font-weight:bold;
	text-decoration:none;
}
.btn-flat-primary:hover{
	background: #35ABEF;
	color: white;
}
.item-table > tbody > th{
	vertical-align: middle;
}
.modal-body > .table > tbody > tr > th,
.modal-body > .table > tbody > tr > td
{
	vertical-align: middle;
	border-bottom:1px solid #D7DFE3;
}
.modal-body > .table > tbody > tr > th{
	border-right:1px solid #D7DFE3;
	font-weight: bold;
	color: #7D97A4;
	padding-left: 1em;
	width: 6em;
}
.modal-body > .table > tbody > tr > td:hover,
.modal-body > .table > tbody > tr > td > input:hover,
.modal-body > .table > tbody > tr > td > input:active,
.modal-body > .table > tbody > tr > td > textarea:hover,
.modal-body > .table > tbody > tr > td > textarea:active
{
	border:0;
	box-shadow:none;
	background : #F6FCFF;
}
.modal-body > .table > tbody > tr:last_child {
	border-bottom:1px solid #ccc;
}
.modal-body > .table > tbody > tr > td.hover2:hover
{
	background : #FFF;
}
.modal-body > .table > tbody > tr > td > input[type="text"],
textarea.form-control {
	font-weight:bold;
	border:0;
	box-shadow:none;
}
input[type="text"]::-webkit-input-placeholder
{
	color: #B9C7CE;
	font-weight:bold;
}
input[type="text"]::-ms-input-placeholder
{
	color: #B9C7CE;
	font-weight:bold;
}
input[type="text"]::-moz-placeholder
{
	color: #B9C7CE;
	font-weight:bold;
}
.btn-group > a{
	color: #7D97A4;
	background-image: none;
}
/***** .item-table > tbody > tr > th:nth-child(3){
	border-left:1px solid #D7DFE3;
} 
****/
.item-table > tbody > tr > th{
	border-left:1px solid #D7DFE3;
}
.item-table > tbody > tr > td > select{
	width: 100%;
}
.item-table > tbody > tr td:nth-child(4){
	white-space:nowrap;
}
.item-table > tbody : last_child{
	border-bottom:1px solid red;
}
.supplier-list td{
	text-align: left;
}
.supplier-list td:nth-child(3){
	white-space: nowrap;
}
.selected{
	background: #eee;
	color: #000;
}
.date{
  width: 7em;
}
.deep2{
	height: 10em;
}
.closebox{
	width: 100%;
	text-align:right;
	position:relative;
}
.loggedin{
	position:absolute;
	borrom:0.2m;
	top: -1.5em;
	left:0;
	background:red;
	color:white;
}
.closetop{
	position:absolute;
	bottom:0.2em;
	right:0.5em;
}
.hidedTable{
	background: #bbb;
}
[#s_*]{
	width: 4em;
}
.result-list > tbody > tr:hover{
	background: #84FFFF;
background: #84FFFF;
}
.user-search{
	border-collapse: separate;
}
.user-search input, .user-search select{
	height:2em;
}
.user-search th, .user-search td{
	border:1px solid #fff;
	padding: 3px;
}
.user-search th{
	width: 10em;
	background: #0094cc;
	color: white;
	text-align: right;
}
.no-padding{
	padding-left: 0 !important;
  	padding-right: 0 !important;
}
.vj {
	display: table;
	margin-top:5px;
}
.vj > [class*="col-"] {
    float: none;
    display: table-cell;
    vertical-align: top;
}
#startbar > div > div{
overflow:hidden;
text-overflow: ellipsis;
white-space: nowrap;
	border-left:1px solid #0094cc;
	border-top:1px solid #0094cc;
	border-bottom:1px solid #0094cc;
	padding: 10px 5px;
	color: #0094cc;
}
#startbar > div:last-child{
	border-right:1px solid #0094cc;
}
#startbar > div:nth-child(1) > div:nth-child(1){
	background: #ffea00;
	border:1px solid ##c7b800;
	color: #000;
}
#startbar > div i{
	display: block;
	font-size: 2em;
}
#customerTop{
	background: #ffe57f;
	margin-bottom:5px;
}
#customerTop > div{
	font-size: 1em;
	padding: 5px;
	border:1px solid #cab350
}
.vjbox{
	border:1px solid #0094cc;
	text-align: left;
}
.sidebox{
	border-top:1px solid #0094cc;
	border-right:1px solid #0094cc;
	border-bottom:1px solid #0094cc;
	text-align: left;
}
.hide{
	display: none;
}
#select-company{
	width: 96%;
	height: 450px;
	overflow-y : scroll;
	background : #F0AD4E;
	padding: 1em;
	border-radius:6px;
	display: none;
}
.company-result{
	background: #eee;
}
.bob span.view{
	display: inline-block;
}
.bob input.len3{
	width: 3em !important;
	text-align: center;
}
.bob input.len4{
	width: 4em !important;
	text-align: center;
}
.bob input.len8{
	width: 5em !important;
	text-align: center;
}
.select2-container--default .select2-selection--multiple{
	border-radius: 0;
	min-width: 200px;
}
.select2-container--default.select2-container--focus .select2-selection--multiple{
	border: auto;
	border-radius: 0;
}
.result-wrapper{
	height: 400px;
	overflow-y : scroll;
}
nowrap{
	white-space: nowrap;
}
#appform{
	max-width: 1000px;
	margin: 0 auto;
	padding:2em;
}
.app{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding:1.5em;
}
.modal-body{
	text-align: left;
	padding:2em;
}
.bob {
	display: inline-block;
	width: 50%;
	vertical-align: top;
	margin-bottom: 5px;
}
.bob.col3{
	width: 33%;
}
#search-form{
	border:1px solid #0094CC;
	padding: 1em;
}
#search-form.noborder{
	border:0;
}
#search-form > table{
	width: 100%;
}
table tbody > tr > td > .bob{
	width: 100%;
}
#search-form > table > tbody > td > .bob{
	text-align: left;
}
.bob img{
	width: 200px;
	float: right;
}
.wide{
	width: 100%;
}
.deep{
	height: 10em;
}
.middle{
	width: 100%;
}
.bob ul{
	display: inline-block;
}
.bob ul  li{
	list-style: none;
	line-height:1em;
}
.bob i{
	display:inline-block;
	white-space: nowrap;
	font-weight:bold;
	font-style: normal;
	width: 12em;
	color: white;
	background: #aaa;
	text-align: right;
	padding: 0.3em 0.5em;
	vertical-align: top;
	margin-bottom: 1px; 
}
.bob i, .bob input[type="text"], .bob option, .bob span.view{
	height:2em; 
}
input:disabled, textarea:disabled, .selection > span{
	background: #fff;
	color: #000;
}
input[type=radio], input[type=checkbox]{
	margin: 0;
}
.bob > ul{
	padding-left: 0;
	margin: 8px 0 0 ;
}
.bob li label{
	color : #999;
}
.bob li label:hover{
	color: red;
}
input[type="radio"] + label,
input[type="checkbox"] + label,
{
	margin-left:0.2em;
	margin-right:0.5em;
	font-weight:normal;
}
input[type="radio"]:checked + label,
input[type="checkbox"]:checked + label
{
	color: #000;
	text-decoration:underline;
}
input[type="text"], .bob span.view{
	font-size: 1em;
	line-height:1em;
	border:1px solid #999;
}
.bob select, .bob select > option{
	height:2em;
}
.bob textarea{
	height:4em;
}
.bob.height10 textarea{
	height:15em;
}
.bob input[type=text], .bob textarea, .bob span.view{
	width: 200px;
}
.wide input[type=text], .wide textarea, .wide span.view{
	width: 600px;
}
.middle input[type=text], .middle textarea, .middle span.view{
	width: 530px;
}
.height2 input, .height2 span.view{
	height:2em;
}
.width2 input[type="text"], .width2 span.view{
	width: 2em;
}
.w8 input[type="text"], .w8 span.view{
	width: 8em;
}
.bob select.multi{
	height: 7.5em;
}
.bob select.multi option{
	height:1.5em;
}
.bob > i > span.required{
	display: none;
}
.bob > i {
	background: #0094cc;;
}
.bob.required > i > span.required{
	padding-right:0.2em;
	display: inline;
	font-size:0.8em;
	color: red;
}
#search-form table td{
	text-align: left;
}
input[type="radio"]:checked + * {
	color: #f00;
	font-weight:bold;
}
.ks{
	max-width: 400px;
	margin : 3em auto 2em auto;
}
#search-form .input-keyword{
	display: none;
}
#k_description{
	border:1px solid #ccc;
}
#search-form > div.input-keyword > form > div.form-group{
	width: 400px;
	max-width: 80%;
	margin: 1em auto 0.5em auto;
	text-align: left;
}
#keyword-search-result > ul{
	list-style-type: none;
	text-align: left;
	padding: 1em;
}
#keyword-search-result > ul > li{
	text-align: left;
	margin-top: 2em;
	margin-bottom: 1em;
}
#keyword-search-result > ul > li > i{
	font-style: normal;
	font-size: 14pt;
/*	font-weight:bold; */
}
#keyword-search-result > ul > li > i > a{
	color: #1A0DB3;
	text-decoration: underline;
}
#keyword-search-result > ul > li > i > a:hover{
	color: red;
}
.found{
	color: red;
	font-weight:bold;
}
#keyword-search-result > ul > li > span.Accommodation,
#keyword-search-result > ul > li > span.Privatetransfer
{
	display: inline-block;
	padding: 0 0.5em;
	color: white;
}
#keyword-search-result > ul > li > span.Accommodation{
	background: maroon;
}
#keyword-search-result > ul > li > span.Privatetransfer{
	background: blue;
}
#s{
  max-width: 640px;
  width: 100%;
  padding: 1.5em !important;
  border-radius:2em !important;
  border-color:#999 !important;
}
.swrapper{
  position: relative;
}
.option{
  max-width: 760px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  padding: 1em;
}
.lefty{
  position : absolute;
  left: 1em;
  top: 1em;
}
.rightly{
  position: absolute;
  right:1em;
  top:1em;
}
.formtitle{
  padding-bottom: 1em;
  padding-top: 1em;
}
#clear{
  position: absolute;
  top: 1.5em;
  right: 3.5em;
}
a.btn{
  text-decoration: none;
}
@media screen and (max-width: 480px){
  .starter-template{
    padding: 0 !important;
  }
  .container{
    width: 100% !important;
    padding: 0 !important;
  }
  .search-form{
    margin: 1em;
    padding: 0 !important;
  }
  #s{
    width: 100%;
    margin: 1em 0;
    border-radius: 10px !important;
    padding: 1em !important;
  }
  .a a{
    display: block;
    text-align: center;
    margin:1px 0;
  }
  #clear{
    position: absolute;
    top: 2em;
    right: 1em;
  }
}