/************************************************************************
// システム名  ：介護受注Webシステム
// 分類名      ：事業者側システム
// メニュー名  ：共通
// 機能名      ：共通スタイルシート
*************************************************************************/

@CHARSET "UTF-8";
/* CSS Document */

/* ------------------------------
ページ全体
------------------------------ */
body{
	padding-top: 50px;
	padding-bottom: 0px;
	padding-left:0px;
	padding-right:0px;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳＰゴシック",sans-serif;
}

/* ------------------------------
ヘッダ項目
------------------------------ */
div.div-menu{
	margin-left:10px;
	font-size: 12pt;
	color: #00008b;
}

div.div-title{
	margin-left:10px;
	font-size : 20pt;
	height: 50px;
	width: 98%;
	color:#009d42;
}

div.div-not-return{
	margin-top:-40px;
}

div.div-password{
	margin-top:5px;
}

div.div-return-bottom{
	margin-bottom:34px;
}

div.navbar-fixed-title-top{
	position: fixed;
    margin-left:0px !important;
    top: 62px;
    z-index: 2;
    background-color:#ffffff;
}

.navbar-right{
	margin-right:0px;
	margin-top:12px;
}

.navbar-nav{
	margin-left:0px;
}

.navbar-default{
	background-color:#CCEBD9;
}

.navbar-return{
	background-color:#ffffff;
}

.navbar-return-margin{
	margin-left:15px;
	margin-top:70px;
	margin-bottom:15px;
}
.nav-menu {
  width: 210px;
  background-color: #fff;
  border:1px solid #ddd;
  float:right;
  border-top:none;
}
.nav-menu li {
  display: list-item;
  list-style-type: none;
  text-transform: uppercase;
  padding: 0.5em;
  width:100%;
  cursor:pointer;
}
.nav-menu li:hover{
  background-color: #f5f5f5;
  cursor:default;
}
.nav-menu li a{
  display: block;
  padding:0px !important;
}
.nav-menu li.list-title{
  background-color:transparent;
  font-size:17px !important;
}
.nav-menu li.list-title:hover{
  background-color:transparent !important;
}
.nav-password {
  width: 150px;
}
.nav-hidden-width {
  float:right;
}
li.background-white {
  background-color: #fff;
}
.nav-menu-hidden {
  background-color:transparent;
}
.title-height {
  height:50px;
}
.button-hamburger {
  display:block;
  margin-top:-5px;
}
.login-name{
	font-weight: normal;
	height:34px;
	border:1px solid #ddd;
	margin-right:-7px;
}
.login-name:hover{
	background-color:#ddd !important;
}
.login-name:focus{
	background-color:#ddd !important;
}
/* ------------------------------
固定化関連
------------------------------ */
.menu-top{
	z-index:2 !important;
}
div.div-search-width{
	width:100% !important;
}
div.fixed-menu{
    position: fixed;
    margin-left:0px !important;
    top: 62px;
    z-index: 2;
    background-color:#ffffff;
}
div.fixed-menu2{
    position: fixed;
    width:100%;
    top:0px;
    height:15%;
    z-index:2;
    background-color:#ffffff;
}
div.fixed-menu3{
    position: fixed;
    width:100%;
    top:100px;
    height:10%;
    z-index:99;
    background-color:#ffffff;
}
div.fixed-title{
    position: fixed;
    top: 120px;
    z-index: 1;
    background-color:#ffffff;
}
div.fixed{
   position: fixed;
   top: 164px;
   z-index: 1;
   background-color:#ffffff;
}
div.fixed2{
   position: fixed;
   top: 170px;
   z-index: 1;
   background-color:#ffffff;
}
div.fixed3{
   position: fixed;
   top: 160px;
   z-index: 1;
   background-color:#ffffff;
}
div.fixed4{
   position: fixed;
   top: 110px;
   z-index: 3;
   background-color:#ffffff;
}
div.fixed5{
   position: fixed;
   top: 164px;
   z-index: 100;
   background-color:#ffffff;
}
div.title-text{
   z-index: 100;
}
div.fixed-pattern-A{
    position: fixed;
    width:100%;
    top:0px;
    z-index:100;
    background-color:#ffffff;
    margin-left:-20px;
}
.fixed-pattern-A div.div-title{
	margin-left:30px !important;
	margin-top:124px !important;
}
div.fixed-pattern-B{
    position: fixed;
    width:100%;
    top:0px;
    z-index:99;
    background-color:#ffffff;
}
.fixed-pattern-B div.patternB-margin-top{
	margin-top:194px !important;
}
div.patternB-retal-change{
	margin-top:174px !important;
}
div.margin-top-29{
	margin-top:29px !important;
}
div.margin-top-30{
	margin-top:30px !important;
}
div.margin-top-34{
	margin-top:34px !important;
}
div.margin-top-54{
	margin-top:54px !important;
}
div.margin-top-79{
	margin-top:79px !important;
}
div.padding-bottom-btn{
	padding-bottom:10px;
}
div.patternB-margin-bottom{
	margin-bottom:39px !important;
}
div.margin-top-248{
	margin-top:248px !important;
}
div.margin-top-223{
	margin-top:223px !important;
}
div.margin-top-228{
	margin-top:228px !important;
}
div.margin-top-126{
	margin-top:126px !important;
}
div.margin-top-127{
	margin-top:127px !important;
}
div.margin-top-137{
	margin-top:137px !important;
}
div.margin-top-151{
	margin-top:151px !important;
}
div.margin-top-156{
	margin-top:156px !important;
}
div.margin-top-161{
	margin-top:161px !important;
}
div.margin-top-285{
	margin-top:285px !important;
}
div.margin-top-301{
	margin-top:301px !important;
}
div.margin-top-313{
	margin-top:313px !important;
}
div.margin-top-m5{
	margin-top:-5px !important;
}
div.padding-top-5{
	padding-top:5px !important;
}
div.padding-bottom-20{
	padding-bottom:20px !important;
}
div.padding-bottom-40{
	padding-bottom:40px !important;
}
div.patternC-padding-right{
	padding-right:45px !important;
}
div.patternC-padding-right-30{
	padding-right:30px !important;
}
div.fixed-pattern-Seikyu{
    position: fixed;
    top:0px;
    z-index:99;
    background-color:#ffffff;
}
div.fixed-margin-top-seikyu{
	margin-top:95px !important;
}
div.margin-top-181{
	margin-top:181px !important;
}
.fixed-container-fluid-top{
	padding-top:50px;
}
.margin-search-top{
	margin-top:160px !important;
}
.margin-search-top2{
	margin-top:205px !important;
}
.margin-search-top3{
	margin-top:144px !important;
}
.margin-search-top4{
	margin-top:195px !important;
}
.margin-search-top5{
	margin-top:200px !important;
}
.margin-search-top6{
	margin-top:154px !important;
}
.margin-search-top7{
	margin-top:220px !important;
}
.margin-search-top8{
	margin-top:375px !important;
}
.margin-search-top9{
	margin-top:175px !important;
}
.margin-search-top10{
	margin-top:232px !important;
}
.width-330{
	width:330px !important;
}
span.span-tanpin{
white-space:nowrap;
}
button.menu-button{
	font-size:13.5px !important;
	height:46px !important;
	z-index:100;
}

div.div-info-padding{
	padding-top:2px !important;
	padding-bottom:2px !important;
}

.div-info-padding .row{
	padding-top:0px !important;
	padding-bottom:0px !important;
}

.div-info-padding .row div{
	padding-top:2px !important;
	padding-bottom:2px !important;
}


.padding-right-cancel{
	padding-right:34px;
}

.padding-right-0{
	padding-right:0px !important;
}

.margin-right-m40{
	margin-right:-40px !important;
}

div.seikyu-margin{
	margin-bottom:0px !important;
}

div.button-margin{
	margin-bottom:0px !important;
}

@media screen and (min-width: 1200px) {
	div.order-detail-width .row div:nth-of-type(odd) {
		width:14.1%;
	}
	div.order-detail-width .row div:nth-of-type(5) {
		width:16.1%;
	}
	div.order-detail-width .row div:nth-of-type(6) {
		width:14%;
	}
	div.order-detail-width-address {
		width:46%;
	}
}

.margin-clearfix{
	margin-bottom:5px;
}

.margin-clearfix-order{
	margin-bottom:15px;
}

/* ------------------------------
一覧関連
------------------------------ */
.pagination {
	margin-top: 0px;
}
.nodisplay{
	display: none;
}
div.div-cnt{
	color: #00008b;
	font-size: 16pt;
}

div.div-caution{
	color: #d9534f;
	font-size: 12pt;
}

div.div-search-caution{
	color: #d9534f;
	font-size: 12pt;
	padding-top:38px;
}

div.div-password-margin{
	margin-left:15px;
}

div.div-delete-margin{
	margin-top:55px;
}

div.div-order-entry{
	margin-bottom:-20px;
}

.panel-search{
	padding-bottom: 0px;
}

table.table-detail-list{
	table-layout: fixed;
}

table.table-link tbody tr:hover{
	background-color: #f5f5f5;
}

table.table-detail-list th{
	text-align:center;
}

table.table-detail-list td.td-right{
	text-align:right;
}

table.table-detail-list td.td-center{
	text-align:center;
}
table.table-detail-list td.td-font-kigou{
	font-size: 25px;
}
table.table-detail-list td.td-font-zaiko{
	font-size: 20px;
}
table.table-detail-list td.td-font-date{
	font-size: 15px;
}
table.table-detail-list td.td-font-none-date{
	font-size: 25px;
}
table.table-detail-list td img{
	width: 150px;
}

table.table-detail-list th.th-small{
	width: 50px;
}

table.table-detail-list th.th-medium{
	width: 120px;
}

table.table-detail-list th.th-order{
	width: 130px;
}

table.table-detail-list th.th-button{
	width: 80px;
}
table.table-detail-list td.break-row{
	word-wrap:break-word;
}
table.table-detail-list tr.clickable{
	cursor:pointer;
}
table.table-detail-list img.img-item{
  object-fit: contain;
  display: block;
  height: 100px;
  width: 100px;
}
a.list-group-item{
	cursor:pointer;
}
.form-inline input.input-jigyosho-code{
	width: 90px;
}
.form-inline input.input-user-code-user-name{
	width: 50px;
}
div.div-tokuisaki{
 display: inline-block;
 width:200px;
}
div.div-left{
 display: inline-block;
 width:110px;
}
div.div-right{
 display: inline-block;
 width:100px;
}
div.div-left-xs{
 display: inline-block;
 width:100px;
}
div.div-right-xs{
 display: inline-block;
 width:80px;
}
div.div-name{
	font-size: 16pt;
	width:1000px !important;
}
div.div-year-xs{
 display: inline-block;
 width:10px;
}
div.div-text-right{
margin-left:15px;
}
div.div-button{
margin-left:300px;
margin-top:-33px;
}
div.div-button-change{
margin-left:285px;
margin-top:-48px;
}
div.div-button-order{
margin-top:20px;
}
div.div-button-choiceuser{
margin-top:4px;
margin-left:-5px
}
div.div-shohin-display{
margin-top:15px;
}
div.div-choiceuser-search{
margin-left:-35px;
}
div.div-choiceuser-form{
margin-top:-20px;
}
div.div-button-order-list{
margin-left:370px;
}
div.div-order-table{
margin-top:-15px;
}
div.div-choiceuser-table{
margin-top:21px;
}
div.div-button-return{
margin-top:4px;
margin-left:-5px
}
div.div-return-table{
margin-top:6px;
}
div.div-button-kyushi{
margin-top:4px;
margin-left:-5px
}
p.p-year{
 margin-top:10px;
}
th.dark-color{
	background-color:#f5f5f5;
}
label.label-top{
padding-top:7px;
}
label.label-shohin{
	width:96px;
	padding-right: 0px;

}
label.label-shohin-2{
	width:50px;
	padding-right: 0px;
}
label.label-shohin-3{
	width:65px;
	padding-right: 0px;
}
label.label-shohin-4{
	width:80px;
	padding-right: 0px;
}
label.label-shohin-display{
	width:96px;
	padding-right: 0px;

}
label.label-order{
	width:96px;
	padding-right: 0px;
	padding-left: 0px;
}
th.th-middle{
vertical-align: middle !important;
}

.span-inline{
	display: inline-block;
}



@media screen and (min-width:1200px) {
	.select-center-lg {

		width: 14.2% !important;
	}
	.stock-col-12 {
		width: 9.7% !important;
	}
}

@media screen and (min-width:768px) and (max-width:992px){
	.stock-col-12 {
		width: 12% !important;
	}
}
@media screen and (min-width:1200px) and (max-width:1306px){
	.select-kind-lg {
		width: 30% !important;
	}

	.select-center-lg {
		width: 30% !important;
	}
}

@media screen and (min-width:1306px) {
	.center-select-lg {

		display: none !important;
	}
}

/* ------------------------------
詳細画面
------------------------------ */
.div-info-list{
	padding-right: 0px;
	padding-left: 0px;
}

.div-info-list .info-link{
	text-align:right;
}

.div-info .div-info-content .panel .panel-body .row{
	padding: 10px;
}

.div-info .div-info-content .panel .panel-body .text-area{
	padding-top: 7px;
}

.text-area2{
	padding-top: 7px;
}

span.span-stop-state{
	font-size: 20px;
    padding: initial;
}
span.span-stock-list{
	font-size:15px;
}

/* ------------------------------
入力項目関連
------------------------------ */
.imeon{
	ime-mode: active;
}

.imeoff{
	ime-mode: disabled;
}

.form-inline input.input-post-code-zone{
	width: 60px;
}

.form-inline input.input-post-code-town{
	width: 70px;
}

.input-date{
	width: 100px;
}

.div-date-calendar{
	width: 160px;
}

.form-inline input.input-year{
	width: 70px;
}

.form-inline input.input-hour, .form-inline input.input-minute{
	width: 50px;
}

.input-group-btn input.input-suryo
{
	width: 70px;
}

.form-inline input.input-tanpin{
	width: 150px;
}

.option-important{
	color:#0000EE;
}

/* ------------------------------
ボタン関連
------------------------------ */
.btn
{
	border-color: #999 !important;
}

button.btn-refresh
{
	margin-top: -3px !important;
	height:32px !important;
}

button.btn-rental-list
{
	margin-bottom: 5px !important;
}

button.btn-rental-list-delete
{
	margin-bottom: 5px !important;
}

button.btn-rental{
	margin-bottom: 5px !important;
}
.btn-padding{
	padding: 3px 7px !important;
	font-size: 12px;
}
/*------------------------------*/
@page { size:landscape; }