@charset "UTF-8";


/*管理画面のみ使用 上書き設定 form設定*/




select , input[type="text"] , textarea , input[type="password"] {
	width:250px;
}

@media (max-width: 760px)
{
	select, input[type="text"] , textarea ,input[type="password"] {
		width: 100%;
	}
}

input[type="file"] {
	width:210px;
}



/*共通設定*/
html , body , div.main{
	height:100%;
}

body{
	background: url(images/main_bg.png) left repeat-y #efefef; /* dev:mod */
}

body.login , body.calendar{
	background: none;
	background: #EFEFEF;
	height:auto;
	width:auto;
}
/*エリア、ゾーン選択パネル用(削除ボタンでpointer eventをなくす)*/
.pointer_event_none{
	pointer-events : none;
}

/* グラフ　本体部分 */
body.graph_page{
	background-color: #EFEFEF; /* dev:mod */
	height:auto;
	width:auto;
}


.unit_center{							/*上下　中央寄せ*/
	height: 31px;
	display: table-cell;
	vertical-align: middle;
	padding-left: 5px;
}

.textarea_readmode{
	padding: 5px 10px 5px 10px;
	font-size: 1.1em;
}

/*
 *menu_left_navi
 */
.pages_wrapper{
/*	background: #031140;
	overflow: hidden;
*/	width:100%!important;
	height:100%;
}


.pages_left_block{
	background: #031140;
	float: left;
	height:100%;
	width: 240px;
}

.pages_left_menu li{
	position:relative;
	border-bottom: rgba(239,239,239,.2) 1px solid;
	line-height:1;
	background: #031140;
	width:240px;
	height:48px;
}

/* 管理画面　左ニュー */
.pages_left_menu li a{
	color:#fff;
	font-size: 16px;
	font-size: 1.6rem;
	display: table-cell;
	height:48px;
	width:240px;
	padding: 0 0 0 30px;
	vertical-align: middle; 
}

.pages_left_menu li.current{
	background: #2B579A;
	opacity:1.0;
}

/*左メニューアイコン*/

.pages_left_menu li:nth-child(1) a{
	background: url(images/svg/icon_lnavi_01.svg) 7px 17px /15px no-repeat; 
}
.pages_left_menu li:nth-child(2) a{
	background: url(images/svg/icon_lnavi_02.svg) 7px 17px /15px no-repeat; 
}
.pages_left_menu li:nth-child(3) a{
	background: url(images/svg/icon_lnavi_03.svg) 7px 17px /15px no-repeat; 
}
.pages_left_menu li:nth-child(4) a{
	background: url(images/svg/icon_lnavi_coolbiz.svg) 7px 17px /15px no-repeat;
}
.pages_left_menu li:nth-child(5) a{
	background: url(images/svg/icon_lnavi_04.svg) 7px 17px /15px no-repeat; 
}
.pages_left_menu li:nth-child(6) a{
	background: url(images/svg/icon_lnavi_05.svg) 7px 17px /15px no-repeat; 
}
.pages_left_menu li:nth-child(7) a{
	background: url(images/svg/icon_lnavi_06.svg) 7px 17px /15px no-repeat; 
}
.pages_left_menu li:nth-child(8) a{
	background: url(images/svg/icon_lnavi_07.svg) 7px 17px /15px no-repeat; 
}
.pages_left_menu li:nth-child(9) a{
	background: url(images/svg/icon_lnavi_08.svg) 7px 17px /15px no-repeat; 
}
.pages_left_menu li:nth-child(10) a{
	background: url(images/svg/icon_lnavi_09.svg) 7px 17px /15px no-repeat; 
}
.pages_left_menu li:nth-child(11) a{
	background: url(images/svg/icon_lnavi_10.svg) 7px 17px /15px no-repeat; 
}
.pages_left_menu li:nth-child(12) a{
	background: url(images/svg/icon_lnavi_11.svg) 7px 17px /15px no-repeat; 
}
.pages_left_menu li:nth-child(13) a{
	background: url(images/svg/icon_lnavi_12.svg) 7px 17px /15px no-repeat; 
}

/* 管理画面左メニュー　選択矢印の生成 */
.left_menu_arrow{
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-right: 10px solid #EFEFEF;
    float: right;
}


/*content_right_block*/



/*左エリア部分*/
/*一覧画面のTable幅がpage.jsで演算されているので注意*/
.pages_right_block {
	padding: 8px 8px 0 10px;
	display:block;
	float: left;
}

.pages_right_block  table tr td a , .navigation_right_box table tr td a{
	color:#2B579A;
/*	text-decoration:underline;*/
}


.pages_content_title{
	background: #2B579A;
	color: #fff;
	font-size: 18px;
/*	font-size: 1.6rem;*/
/*	padding:14px 0 13px 10px;*/
/*	font-weight: bold; */
	height:39px;
	margin:0;
	padding: 7px 5px 0 5px;
	width:100%!important;
	display: block;
}

.pages_content_box{
	color:#000;
	font-size: 14px;
	font-size: 1.4rem;
	padding:5px 0 0 ;
	font-weight: normal;
}

.pages_content_box_inner{
	height:100%;
	float: right;
	padding-left: 10px;
}

/*2カラム時の設定*/
.navigation_left_box{
	float: left;
	padding:0 0 0 0;
	color: #2B579A;
	margin-right: 10px;
/*	margin-right: 5px\0;*/
	width:250px;
}

.navigation_left_box select{
	width:250px;
/*	font-size: 14px;		2015/10/30 T.Hayashi */
	line-height: 25px;

    background: #FFF url(images/svg/icon_menu_22_b.svg) no-repeat; /* dev:mod */
    background-size: 20px 20px;
    background-position: right center;

    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    /* text-indent: .2em; */
    vertical-align: middle;
    border: 1px solid #ccc;
    padding-right: 20px;
}
.navigation_left_box select::-ms-expand {
  display: none;
}


/* dev:mod */
.navigation_left_box p , .navigation_left_box button{
	width:150px;
	margin: 10px 0 0 0;
	float: right;
}


.navigation_right_box{
	overflow-x: auto;
}

.navigation_right_box_inner{
	position:relative;
	padding-bottom: 30px;
	overflow-x:auto;
}


/*ページネーション*/
.pagination {
	clear:both;
	float: left;
}
.pagination ul {

	margin:0;
	padding: 0;
	list-style: none;
	font-size: 14px;
	font-size: 1.4rem;
	text-align: center;
}
.pagination ul li {
	display: inline-block;
	padding: 0;
	line-height: 2.4;
}
.pagination ul li a {
	border: 1px solid #ccc;
	padding:6px 8px;
	text-decoration: none;
}
.pagination ul li a:link,
.pagination ul li a:visited {
	color:#2B579A;
}
.pagination ul li a:hover {
	background: #2B579A;
	border-color: #2B579A;
	color: #fff;
}
.pagination ul li.crnt a {
	background: #2B579A;
	border: 1px solid #ccc;
	padding:6px 8px;
	color: #fff;
}
.pagination ul li.back {
	margin-right: 10px;
}
.pagination ul li.next {
	margin-left: 10px;
}
.pagination p {
	background: #eee;
	padding: 3px 8px;
	overflow: hidden;
}
.pagination p span {
	float: left;
	width: 84px;
}

/*
 *	画面固有設定
 */
/*ログイン */



/* 申請履歴 operation_history.html*/

.oh_half{
	float: left;
}

/*お知らせ一覧 info_panel.html*/

/*お知らせ一覧info_list.html*/
.info td.bl_txt a{
	color:#2B579A!important;
}



/*お知らせカレンダーinfo_calendar.html

.navigation_left_info_calendar{
	font-weight: bold;
	font-size: 35px;
	font-size: 3.5rem;
	position:relative;
	text-align: center;
	width:240px;
	padding: 20px 0 15px;
	color:#333;
	background: #FFF;
}

.navigation_left_info_calendar span{
	display: block;
	font-size: 14px;
	font-size: 1.4rem;
}

.calendar_arrow_box{
	color:#000;
	padding:0 5px;
	background: #FFF;
	overflow: hidden;
	margin-top: 10px;
}

.calendar_left_arrow{
	float: left;
	margin: 10px 0;
	cursor:pointer;
}

.calendar_right_arrow{
	float: right;
	margin: 10px 0;
	cursor:pointer;
}*/

/*建物管理者への連絡 contact_manager.html*/

.contact_manager .reg_panel{
	height: 30px;
	overflow: auto;
}

.contact_manager .reg_panel li{
	float: left;
	width: 33%;
	border-right:1px solid #fff;
	border-top:1px solid #fff;
	text-align: center;
	cursor:pointer;
	background: #ddd;
	padding:5px 0;
}

textarea.w250{
	width:250px!important;
	height:60px;
}

a.acceptance{
	color:#f07715!important;
}

a.finish{
	color:#2591B8!important;
}

/*ユーザー登録 user_registration.html*/
.user_registration_box select{
	float: left;
	overflow: auto;
}

.user_registration_box div input{
	border-style:none;
	font-size: 18px;
	font-size: 1.8rem;
	padding:3px;
	background: #717073;
	color:#fff;
	font-weight: bold;
	margin: 18px 10px 0 10px;
}

.user_registration .reg_panel, .user_registration .reg_panel_disable{
	height: 30px;
	overflow: visible;
}

.user_registration .reg_panel li,.user_registration .reg_panel_disable li{
	float: left;
	border-right:1px solid #fff;
	border-top:1px solid #fff;
	text-align: center;
	cursor:pointer;
	background: #ddd;
	padding:5px 0;
	 white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width:100px;
}

.user_registration td a{
	color:#2B579A;
}

/*テナント登録 tenant_registration.html*/
.tenant_registration td a{
	color:#2B579A;
}

.tenant_regist_box{
	width:100%;
	overflow: auto;
}

.tenant_registration .reg_panel ,.tenant_registration .reg_panel_disable li{
	height: 30px;
	overflow: visible;
}

.tenant_registration .reg_panel li ,.tenant_registration .reg_panel_disable li{
	float: left;
	border-right:1px solid #fff;
	border-top:1px solid #fff;
	text-align: center;
	cursor:pointer;
	background: #ddd;
	padding:5px 0;
	 white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width:100px;
}

/*ユーザー登録、テナント登録共通*/
/*対象エリア、対象ゾーン　enable*/
.reg_panel li.setting{
	background: #2B579A;
	color:#fff;
}

/*対象エリア、対象ゾーン　disable*/
.reg_panel[disabled] li.setting{
	background-color: #808080;
}

thead.scrollHead{			/* テーブルスクロール用 */
  width: 482px;
  display:block;
}

tbody.scrollBody{
  width: 500px;
  overflow-y:scroll;
  height:100px;
  display: block;
}

/* 建物登録 building_registration.html */

.building_registration table select.w190 , .building_registration table input.w190{
	width:190px!important;
}


.building_registration td a{
	color:#2B579A;
}

.instance_id{
	color: #aaa;
	padding-left: 5px;
	width: 90%;
	word-wrap:break-word;
	display: inline-block;
}
.btn_download{
	position: absolute;
	left: 50%;
}
 							
.description{								/* 温度設定説明 */
  white-space: normal !important;
  font-size: 0.8em;
}

/*ゾーン名変更 change_zone_settings.html*/

.change_zone_title{
	background: #FFF;
	padding: 10px;
	margin-bottom: 10px;
}

.change_zone_middle{
	background: #FFF;
	padding: 10px 10px 10px 0;
	margin-bottom: 10px;
	overflow: hidden;
}

.change_zone_middle_left{
	width:50%;
	float: left;
	height:100%;
}

.change_zone_middle_left img{
	width:100%;
	float: left;
	margin-right: 10px;

}



.change_zone_middle_right{
	width:50%;
	float: left;
	margin-bottom: 10px;
}

/*指定休日設定 designated_holiday_settings.html*/
.designated_holiday_settings .datepick_img input{
	width:100px!important;
}


/*祝祭日設定 holiday_settings.html*/

.holiday_settings .datepick_img input{
	width:100px!important;
}


/*バージョン情報 version_information.html*/
.version_block{
	background: #FFF;
	text-align: center;
	padding: 20px;
	position: absolute;
	top:0;
	bottom:0;
	right:-215px;
	left:0;
	margin:auto;
	width:280px;
	height:280px;
	padding-top: 50px;
	border-right:1px solid #dfdfdf;
	border-bottom:1px solid #dfdfdf;
}
/*製品名*/
.version_title{
  font-size: 1.5em;
  padding-left: 5px;
  padding-bottom: 10px;
  color: gray;
}

/*バージョン番号*/
.version_spec{
  font-size: 1.1em;
  padding-left: 5px;
  color: gray;
  width: 300px;
}
.version_spec > span{
  float:right;
}
/* 警告表示 */
.txtobj_version_credit{
  font-size: 0.9em;
  color: gray;
}
/**/
.version_text{
  font-size: 0.9em;
  padding-top: 30px;
  color: gray;
}

/******************************


管理画面　タブレットレスポンシブ　設定


******************************/

.tb_button{
	position:fixed;
	bottom:5px;
	right:5px;
	background: #2B579A;
	color:#fff;
	width:60px;
	height:60px;
	border-radius:50%;
	font-size: 12px;
	font-size: 1.2rem;
	text-align: center;
	padding-top: 20px;
	box-shadow: 0 0 10px rgba(0,0,0,0.4);
	text-shadow: 1px 1px 1px #000; 
	display: none;
}



/* モーダル設定 */

.remodal .atn_block{
	width:100%;
	background: #FFF;
}

.remodal .atn_block_top , .remodal .atn_block_mid , .remodal .atn_block_bottom{
	width:95%;
	margin:0 auto;
	background: #FFF;
	overflow: hidden;
	margin-bottom: 10px;
}

.remodal .atn_search_block {
	overflow: hidden;
	padding: 1%;
	text-align: center;
}


.point_table{							/* テーブル　ポイント選択モーダル */
	border-collapse:collapse;
	border-spacing:0;
	width:100%;
	font-size: 1.3em;
}
.point_table th{
	background-color: #CDCDCD;
	text-align: left;
}
.point_table td{
	text-align: left;
}
.point_table th,
.point_table td{
	padding: 5px 5px 5px 5px;
	border-bottom: 1px solid #CDCDCD;
}

.point_table tr:nth-child(even) {
	background-color:#fff; 
}

.point_table tr:nth-child(odd) {
	background-color:#efefef; 
}
.point_table tr:hover{
	background-color: lightblue;
}

.point_btn_table{
	width: 100%;
}

.table_bottom{							/*ポイント追加モーダル　ポイント選択スクロール部分*/
	overflow:auto;
	max-height:150px;
	width:100%;
	border-bottom:1px solid  #dfdfdf;
}

div.table_bottom table.gray_table tr:nth-child(even){
 background: #dfdfdf!important;
}

.remodal .atn_search_block p , .remodal .atn_search_block button{
	float: left;
	font-size: 14px;
	font-size: 1.4rem;
	margin-left:1%;
	height:30px;
	padding-top: 5px;
}

.remodal .atn_search_ar {
	margin-bottom: 10px;
	overflow: hidden;
	text-align: center;
	width:95%;
	margin:10px auto 10px;
}

.remodal .atn_search_ar p{
	width:48%;
	float: left;
	text-align: center;
	cursor:pointer;
	background: #FFF;
	margin: 10px 0;
	margin-left:1%;

	padding:1%;
	border:1px solid #666;
}

.remodal .atn_search_ar p:hover{
	opacity:0.7;
}

.remodal .atn_search_block input{
	float: left;
	margin-left: 5px;
	width:20%;
}


/*ログイン画面 login.html*/


/*body.login{
	background: #dfdfdf;
	background-size:cover;
	position:relative;
}
*/
.login_logo_block{
	margin-top: 20px;
	text-align: center;
}

/* ログインパネル */
.login_panel{
	text-align: center;
  width: 700px;
  font-size: 160%;
	margin: 20px auto;

	background: rgba(255,255,255,1);
	padding: 30px;
	box-shadow: 0px 0px 2px rgba(0,0,0,0.4);
	border-radius:5px;
  overflow: hidden;
  position: relative;
}

/* dev:mod --> */
.login_panel p{
	text-align: left;
}

.login_panel_img{
width: 120px;
border-radius: 300px;
-webkit-border-radius: 300px;
-moz-border-radius: 300px;
}
/* --> dev:mod */

/* dev:mod */
.login_panel p.logbtn , .login_panel button.logbtn{
	cursor:pointer;
	width:150px;
	font-size: 14px;
	font-size: 1.4rem;
	text-align:center;
	margin:20px auto 0;
}


/* ログインロゴ・建物画像 */
.login_logo{
  text-align:right;
}
.login_logo_img{
  width: 200px;
}
.login_building_img{
  width: 300px;
}
/* ログインパネル内左右分割 */
.panel_left{
  width: 300px;
  float: left;
}
.panel_right{
  width: 300px;
  float: right;
}

#login_bg{
	margin:auto;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	opacity:0.6;
	z-index:-100;
}

body.login .or_block{
	font-size: 14px;
	font-size: 1.4rem;
	padding: 5px;
	margin-top: 20px;
}




/*
申請履歴
operation_history.html

お知らせ一覧
info_list.html

お知らせカレンダー
info_calendar.html

建物管理者への連絡
contact_manager.html

ユーザー登録
user_registration.html

テナント登録
tenant_registration.html

建物登録
building_registration.html

エリア名、画像変更
change_area_settings_list.html

ゾーン名変更
change_zone_settings.html

指定休日設定
designated_holiday_settings.html

祝祭日設定
holiday_settings.html

システム管理
system_management.html

パスワード変更
change_password.html

バージョン情報
version_information.html

ログイン画面
login.html

ゾーンカレンダー
calendar.html


*/

/* レスポンシブ設定 PC 1280px以下設定 ***************************************************************/
@media all and (max-width: 1280px ) and (min-width: 1081px ) {

.pcon{display:block;}
.mbon{display:none;}

/*tbody {
	overflow: scroll!important;
	white-space: nowrap!important;
	width: auto!important;
}
*/
/*.navigation_right_box_inner , .navigation_right_box{
	overflow:visible;
}
*/


}/*1280px以下設定_fin*/



/* レスポンシブ設定 PC 960px以下設定*************************************************************** */
@media all and (max-width: 960px ) and (min-width: 761px ) {



.month_cal_block{
	height: 50px;
}




/*.navigation_right_box_inner , .navigation_right_box{
	overflow:visible;
}
*/

/*.select_form_box_cal{
	
}
*/

}

/* レスポンシブ設定 PC 960px以下設定_fin* */



/* レスポンシブ設定 スマートフォン 760px以下設定 */
@media all and (max-width: 760px ) {
body{
	background: none;
}


.pcon{display:none;}
.mboff{display:block;}
.pc_nodisplay {
	display: inherit!important;
}
.mb_nodisplay {
	display:none!important;
}

#loading {
	left: 48%;
}



.navigation_left_box{
	float: none;
	clear:both;
	width:100%!important;
}

.navigation_left_box select , .navigation_left_box input[type="text"] ,.navigation_left_box input[type="password"]{
	width:99%!important;
}

.navigation_left_box .datepick_img input{
	width:75%!important;
}

/* dev:mod */
.navigation_left_box p , .navigation_left_box button{
    float: none;
	clear:both;
    width: 95%;
    margin: 10px 2.5%;
	text-align:center;
	margin:0 auto;
}


.navigation_right_box {
	display: block;
	float: none;
	clear:both;
	width:100%!important;
	margin-top: 1%;
}

.pages_content_title{
	margin:0;
}

/*info_panel.html*/

.pages_content_box_inner table select , .pages_content_box_inner table  input[type="text"] , .pages_content_box_inner table  {
	width:99%!important;
}

.information .pages_content_box_inner table .datepick_img input{
	width:45%!important;
}


.information .navigation_right_box_inner{
	width:95%!important;
	margin:0 auto;
}

.information .navigation_right_box_inner{
overflow: auto;
}


textarea.w250{
	width:none;
	width:99%!important;
	margin:0;
}


/*ログイン画面 login.html*/


body.login{
	background: #fff;
	position:relative;
}

.login_logo_block img{
	width:100%;
	height:auto;
}
.login_panel{
	text-align: center;
	width:320px;
	height:auto;
	margin:auto;
	position:static;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background: rgba(255,255,255,1);
	padding: 30px 10px;
	box-shadow:none;
	border-radius:none;
}
/* ログイン画面　ビル画像パネル非表示 */
.panel_left{
	display: none ;   /* 非表示にする */
}
/* ログイン画面　ログインボタン */  
.logbtn{
	width: 100% !Important;
    padding-top: 10px;
    padding-bottom: 10px;
  }

.login_panel p{
	cursor:pointer;
	width:100%;
	font-size: 14px;
	font-size: 1.4rem;
	margin:0 auto;
}


.login_copyright{
	position: absolute;
	right: 0;
	bottom:0;
	background: rgba(255,255,255,0.4);
	color:#333;
	padding:3px;
}


.pages_right_block {
    width: 100% !important;
}

}