@charset "utf-8";
@import url(../css/common.css);


/********************************************************************************************************************************************************************
（一斉設定）フロント側、エディターの出力に影響出るため、一斉設定を解除した関係。
********************************************************************************************************************************************************************/
*{ color: #333; font-size: 14px; }


/********************************************************************************************************************************************************************
　○ログイン画面
********************************************************************************************************************************************************************/
body#login{ background: var(--light_gry1); }

#login_wrapper{ width: 500px; margin: 100px auto 50px; padding: 50px 0; background: #fff; border-top: 7px solid var(--main_new_blu); }

#logo_login{ width: 80%; max-width: 174px; margin: 0 auto 40px; }

#fm_loginCompany{ width: 90%; margin: 0 auto; }

#tbl_loginCompany{ width: 80%; margin: 0 auto 30px; }
#tbl_loginCompany caption{ margin-bottom: 30px; font-size: 18px; font-weight: bold; color: var(--main_new_blu); }
#tbl_loginCompany th, #tbl_loginCompany td{ padding: 10px 0; }
#tbl_loginCompany th{ width: 35%; padding-right: 20px !important; text-align: right; color: var(--main_new_blu); }
#tbl_loginCompany td{}
#tbl_loginCompany td [name='email'], #tbl_loginCompany td [name='password']{ width: 90% !important; } 

/********************************************************************************************************************************************************************
　○共通設定
********************************************************************************************************************************************************************/
/*html, body{ overflow: hidden !important; }　（20161204　デバッグバー見えないためコメント）*/

#wrapper{ /*min-width: 800px;*/ }

/*ヘッダー*/
header *{ color: #fff; }
header{ padding: 3px 10px; }

#btn_spMenu{ display: none; }

/*各タイトル*/
h1{ font-size: 14px; float: left; }
h1 a{ text-decoration: none; }
h1 span#company_name{ padding: 3px 5px; background: var(--main_new_blu); }

h2{ padding: 5px 20px; font-size: 18px; background: var(--main_new_blu); font-weight: bold; color: #fff; }
h2 #h2{ color: #fff; }

h3{ margin-bottom: 10px; padding: 5px 0; background: #000; font-size: 18px; font-weight: bold; text-align: center; color: #fff; }


/********************************************************************************************************************************************************************
　○メイン
********************************************************************************************************************************************************************/
main{ display: flex; }


/********************************************************************************************************************************************************************
　○左カラム
********************************************************************************************************************************************************************/
#left_box{ width: 150px; padding-top: 50px; /*float: left;（20170416）floatからflexに変更*/ }
#sp_close{ display: none; }

/*親ナビ*/
/*ul#navi{ padding-left: 10px; }*/
ul#navi li{}
ul#navi li a{ display: block; padding-left: 5px; color: var(--txt_blk); text-decoration: none; font-size: 16px; }
ul#navi li a:hover{ text-decoration: none; background: #777 url(/img/active_fff.png) no-repeat right center; color: #fff; }

ul#navi li.active a{ background: var(--main_new_blu) url(/img/active_fff.png) no-repeat right center; color: #fff; }


/********************************************************************************************************************************************************************
　○右カラム
********************************************************************************************************************************************************************/
div#right_box{ padding: 10px 10px 0; background: #fff; -webkit-overflow-scrolling: touch; /*float: left;（20170416）floatからflexに変更*/ }

div#right_box_inner{ padding-bottom: 30px; overflow: auto; }



/********************************************************************************************************************************************************************
　（ページ名）
********************************************************************************************************************************************************************/
/*　箇所　*/





/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
　スマートフォン（Xperia Z Ultraが540px）　※ナビ隠し、タブ表示
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
@media (max-width: 540px) {

	/****************************************************************************************************************************************************************
	　○ログイン画面
	****************************************************************************************************************************************************************/
	body#login{ background: #f3f8ed; }

	#login_wrapper{ width: 96%; margin: 10px auto; padding: 20px 0; background: #fff; border-top: 7px solid var(--main_new_blu); }

	#logo_login{ margin-bottom: 20px; text-align: center; }

	#fm_loginCompany{ width: 90%; margin: 0 auto; }

	#tbl_loginCompany{ width: 100%; margin: 0 auto 30px; }
	#tbl_loginCompany caption{ margin-bottom: 20px; font-size: 18px; font-weight: bold; color: var(--main_new_blu); }
	#tbl_loginCompany th, #tbl_loginCompany td{ padding: 10px 0; font-size: 10px; }
	#tbl_loginCompany th{ width: 35%; padding-right: 20px !important; text-align: right; color: var(--main_new_blu); }
	#tbl_loginCompany td{}


	/********************************************************************************************************************************************************************
	　○共通設定
	********************************************************************************************************************************************************************/
	body{ background: #fff; } /* ログイン後 */


	/*ヘッダー*/
	header *{}
	header{ padding: 5px 0; background: #fff; }

		#btn_spMenu{ display: block; position: absolute; top: 10px; right: 10px; }

	/*各タイトル*/
	h1{ float: none; text-align: center; }
	h1 a img{ width: 100px !important; height: auto; }
	h1 span#admin_name{ display: block; margin-top: 5px; padding: 0; text-align: center; background: #ff1a00; }

	h2{ margin-bottom: 5px; padding: 3px 0; text-align: center; font-size: 14px; background: var(--main_new_blu); color: #fff; font-weight: bold; }
	h3{ margin-bottom: 5px; padding: 3px 0; font-size: 14px; }


	/********************************************************************************************************************************************************************
	　○メイン
	********************************************************************************************************************************************************************/
	main{ display: block; }


	/********************************************************************************************************************************************************************
	　○左カラム
	********************************************************************************************************************************************************************/
	#left_box{ width: 200px; padding: 10px 10px 20px; background: #000; border-top-right-radius: 10px; border-bottom-right-radius: 10px; position: absolute; top: 30px; left: -220px; z-index: 9999;
		-moz-opacity: 0.8;
		opacity: 0.8;
		filter: alpha(opacity=80); 			/* ie 6 7 */
		-ms-filter: "alpha(opacity=80)"; 	/* ie 8 */
		/*float: none;*/
	}

		#sp_close{ display: block; margin-bottom: 10px; color: #fff; text-align: right; }
		#sp_close span{ color: #f00; font-size: 18px;  }


	/*親ナビ*/
	ul#navi{}
	ul#navi li{ margin-bottom: 10px; }
	ul#navi li.active a{ background: none; }


	/********************************************************************************************************************************************************************
	　○右カラム
	********************************************************************************************************************************************************************/
	div#right_box{ width: 100% !important; padding: 5px 0; /*float: none;*/ }
	div#right_box_inner{ padding-bottom: 30px; overflow: auto; }

	#companyOpe{ padding: 5px; }


	/********************************************************************************************************************************************************************
	　（メニュー）
	********************************************************************************************************************************************************************/




}