@charset "UTF-8";

/**************************
 基本タグ
***************************/
*{
	margin: 0;
	padding: 0;
	outline: none;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	     -o-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	        box-sizing: border-box;
	font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic Pro", Meiryo, "MS PGothic", sans-serif;
	font-size: 100%;
}

body {
	margin:0 auto;
	letter-spacing:1px;
	font-weight:normal;
	width: 100%;
}

.hidden {
	display: none!important;
}

input {
	color: #000000;
	vertical-align: middle;
	outline: none;
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #ffffff inset;
}

input[type="text"]
,input[type="password"]
,textarea
,select {
	outline: none;
	border: solid 1px #8f8f8f;
	border-top: solid 1px #8f8f8f;
	        border-radius: 3px;
	   -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	        box-sizing: border-box;
	   -moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;

	padding-left: 0.5em;
	padding-right: 0.5em;
}

input[type="text"]
,input[type="password"]
,select {
	height: 2em;
}
button {
	line-height: 2em;
	padding: 0 1em;
	background: rgb(30,116,191);
	color: rgb(255,255,255);
	text-align: center;
	width: auto;
	border: none;
	border-bottom: 0;
	        border-radius: 5px;
	   -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor: pointer;
}

button:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	     opacity: 0.7;
}
button:active {
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	     opacity: 0.5;
}

fieldset {
	padding: 10px;
	margin-bottom: 10px;
	border: 5px double #333333;
	border-radius: 10px;
}

table {
	border: solid 1px rgb(23,90,151);
	border-spacing: 0px;
	border-collapse: collapse;
}
table th {
	background: rgb(30,116,191);
	color: rgb(255,255,255);
	padding: 5px;
	font-weight: normal;
	font-size: 1em;
	text-align: left;
}
table td {
	padding: 5px;
}
table th
,table td {
	border: solid 1px rgb(23,90,151);
}

/********************************
 * ヘッダー
 ********************************/
#area_header {
	position: fixed;
	top: 0;
	height: 50px;
	background-color: rgb(30,116,191);
	width: 100%;
	z-index: 100;
}
#header_layout {
	width: 100%;
	height: 100%;
	border-spacing: 0px;
	border: 0;
}
#header_layout th {
	vertical-align: middle;
	border: 0;
}
#header_layout td {
	vertical-align: middle;
	border: 0;
}
#btn_menu {
	color: #FFFFFF;
	background: #0a243d;
	text-align: center;
	font-weight: bold;
	font-size: 1.2em;
	width: 80px;
	cursor: pointer;
}
#system_title {
	color: #FFFFFF;
	font-size: 1.4em;
	font-weight: bold;
	height: 100%;
	padding-left: 15px;
}
#system_welcome {
	margin-right:2em;
	text-align: left;
	font-weight: bold;
	color: rgb(255,255,255);
}
#header_layout td#corp_name {
	text-align: right;
	font-weight: bold;
	vertical-align: bottom;
	font-size: 0.9em;
	padding-right: 15px;
}
#header_buttons {
	text-align: right;
}
#login_area {
	width: 700px;
	border: solid 5px rgb(30,116,191);
            border-radius: 5px;
	   -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #ffffff;
	margin: 50px auto 60px;
	padding: 30px;
}
#login_area th {
	width: 30%;
	padding: 15px;
	text-align: right;
}
#login_area td {
	padding: 15px;
	text-align: center;
}
#login_area td input[type="text"]
,#login_area td input[type="password"]
 {
	width: 100%;
}
.login_row td {
	border: 0;
}
.confirm_message {
	color: Blue;
	font-weight: bold;
}
.error_message {
	color: red;
	font-weight: bold;
}
span.error {
	color: Red;
	font-weight: bold;
	margin-left: 10px;
}
div.error {
	color: Red;
	font-weight: bold;
	margin-left: 10px;
}
.upload_message {
	color: Blue;
	font-weight: bold;
	font-size: 1.1em;
}

.image_area .image_file
{
	margin-bottom: 5px;
}
/********************************
 * コンテンツエリア
 ********************************/
#area_body {
	display: table;
}
#area_body #area_menu {
	display: table-cell;
	vertical-align: top;
	background: #063156;
}
#area_body #area_contents {
	display: table-cell;
	vertical-align: top;
}
/********************************
 * メニュー
 ********************************/
#menu_area_top {
 	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: 0.3s;
	display: flex;
}
.menu_group
{
	width: 100%;
	max-width: 400px;
	text-align: center;
}
.menu_title {
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.5em;
	border: double 5px rgb(30,116,191);
	border-left: none;
	border-right: none;
	color: rgb(30,116,191);
}

.menu_group li
{
	list-style-type: none;
	margin-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
}
.menu_group li button
{
	width: 100%;
	height: 3em;
	font-size: 1.1em;
	font-weight: bold;
}


/********************************
 * コンテンツエリア
 ********************************/
#area_contents {
	margin-top: 50px;
	padding: 15px;
}

.button_area {
	margin-bottom: 15px;
}
#contents_header td {
	padding: 5px;
	text-align: left;
	vertical-align: top;
}
/********************************
 * 一覧
 ********************************/
#list_header_area {
	display: flex;
	flex-direction: row;
}
#list_header_right {
	margin-left: 10px;
	display: flex;
	flex-direction: column;
}
.list_header_right_row {
	padding-bottom: 10px;
}
table.conditions {
	margin-bottom: 15px;
}

table.inputform button {
	margin-right: 10px;
	min-width: 80px;
}
table.inputform button.detail {
    margin-right: 0;
    min-width: 0;
}

table.inputform button.search {
	padding: 0 0.2em;
    min-width: 0;
}

table.inputform #btn_clear {
	margin-left: 10px;
}

table.inputform #btn_new {
	margin-left: 30px;
}

table.inputform.conditions
{
	min-width: 700px;
	max-width: 700px;
}
table.inputform.conditions tfoot td
{
	text-align: right;
}

#list_header_right button {
	margin-right:10px;
}

#btn_search {
	width: 120px;
}

#btn_edit
,#btn_confirm
,#btn_save
{
	width: 120px;
}

table.list {
	min-width: 1000px;
}
table.list.list_searchDialog {
	min-width: 700px;
}
table.list.list_searchDialog th.col_select_key {
	min-width: 25px;
}
table.list.list_searchDialog td.col_select_key {
	text-align: center;
}
table.list tr:nth-child(odd) {
	background: rgb(253,238,239);
}
table.list td {
	padding: 0.5em;
}

.col__btn_detail {
	width: 100px;
}
td.col__btn_detail {
	text-align: center;
}

.mark_send
,.mark_recv {
	font-size: 0.9em;
	padding: 3px;
	text-align: center;
	width: auto;
	border: none;
	        border-radius: 3px;
	   -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.mark_recv
{
	background: rgb(181,230,29);
	color: rgb(64,82,10);
}
.mark_send
{
	background: rgb(0,128,255);
	color: #FFFFFF;
}

/**************************
 入力フォーム
***************************/
table.inputform.view
,table.inputform.edit
,table.inputform.confirm
{
	min-width: 950px;
}

table.inputform.view.receive
,table.inputform.edit.receive
,table.inputform.confirm.receive
{
	min-width: 1600px;
}

table.inputform.view th
,table.inputform.edit th
,table.inputform.confirm th
{
	padding: 5px;
	height: 45px;
}
table.inputform.view th.inputfield_header
,table.inputform.edit th.inputfield_header
,table.inputform.confirm th.inputfield_header
{
	width: 150px;
}

table.inputform.view td
,table.inputform.edit td
,table.inputform.confirm td
{
	padding: 5px;
	height: 45px;
	width: 250px;
}
.inputform label.radio
,.inputform label.checkbox
{
	margin-right: 15px;
	display: inline-block;
}


table.inputform.view.searchHotel
,table.inputform.edit.searchHotel
,table.inputform.confirm.searchHotel
,table.inputform.view.searchRoom
,table.inputform.edit.searchRoom
,table.inputform.confirm.searchRoom
{
	min-width: 1600px;
}
table.inputform.view.searchHotel td
,table.inputform.edit.searchHotel td
,table.inputform.confirm.searchHotel td
,table.inputform.view.searchRoom td
,table.inputform.edit.searchRoom td
,table.inputform.confirm.searchRoom td
{
	width: 550px;
}
input#user_name {
	width: 500px;
}
input#email_address {
	width: 500px;
}
button.search_button {
	margin-left: 15px;
}
div.refine_area {
	margin-bottom: 15px;
}

table.inputform.conditions tbody > tr > th
{
	width: 200px;
}
table.inputform button.row_delete
,table.inputform button.row_up
,table.inputform button.row_down
,table.inputform button.row_copy
{
	min-width: 2em;
	width: 2em;
	padding: 0 0.5em;
	margin-right: 5px;
}
table.inputform button.row_copy
{
	width: 3em;
}
.edit_table_buttons {
	margin-bottom: 5px;
}
table.inputform th.command.full_size
,table.inputform td.command.full_size
{
	width: 130px;
}
table.inputform th.command.delete_only
,table.inputform td.command.delete_only
{
	width: 45px;
}
table.inputform th.command.move_only
,table.inputform td.command.move_only
{
	width: 85px;
}
table.inputform th.command.full_size.with_copy
,table.inputform td.command.full_size.with_copy
{
	width: 175px;
}
#_detail_list th.set_detail_type
,#_detail_list td.set_detail_type
{
	width: 100px;
}
#_detail_list th._detail_id_grp
,#_detail_list td._detail_id_grp
{
	width: 250px;
}

#_detail_list th.quantity
,#_detail_list td.quantity
{
	width: 66px;
}

#_detail_list_buttons
{
	margin-bottom: 5px;
}

.inventory_shortage {
	background-color:#FF3030;
}

th.number
,td.number
{
	width: 100px;
}
th.date
,td.date
{
	width: 131px;
}

div.group {
	padding-top:4px;
	padding-buttom:4px;
}

span.color {
	width: 50px;
	display: inline-block;
}
th.col_faq_id
,td.col_faq_id
{
	width: 130px;
}
th.col__faq_category_label
,td.col__faq_category_label
{
	width: 200px;
}

td.align_right {
	text-align: right;
}
td.align_center {
	text-align: center;
}

body.receiveFormat #list_header_area
,body.receiveFormat div.pageNavi
,body.inputFormat #list_header_area
,body.inputFormat div.pageNavi
,body.guestFormAdmin #list_header_area
,body.guestFormAdmin div.pageNavi
{
	display: none;
}

input.time
{
	width: 80px;
}
/**************************
 ページング
***************************/
.pageNavi
{
	margin: 20px auto;
}

.pageNavi span
{
	margin: 0;
	padding: 5px 6px;
	-webkit-border-radius: 6px;
	   -moz-border-radius: 6px;
	        border-radius: 6px;
	background-color:#8FCDE0;
	color: #ffffff;
}

.pageNavi span:hover
{
	background-color: #0069ad;
}

.pageNavi span.enable
{
	cursor:pointer;
}

.pageNavi span.paging_omitted
,.pageNavi span.paging_omitted:hover
{
	font-size: 0.6em;
	padding: 5px 2px;
	color: rgb(100,100,100);
	background-color: transparent;
}

.pageNavi span.disable
,.pageNavi span.disable:hover
{
	color: rgb(167,167,167);
	background-color: rgb(223,223,223);
}

.pageNavi span.paging_selected
,.pageNavi span.paging_selected:hover
{
	color: #ffffff;
	background-color: #618da8;
}

/**************************
 入力欄サイズ
***************************/
.inputform textarea
{
	width: 550px;
	height: 110px;
}

input.number {
	text-align: right;
	width: 100px;
}

td td input.number {
	width: 70px;
}

input.date {
	width: 100px;
}

input.year {
	width: 70px;
}
input.month
,input.day
 {
	width: 50px;
}
input.weekno
{
	width: 40px;
}

input.number.len2
{
	width: 40px;
}
input.number.len4
{
	width: 60px;
}
input.text.len10
{
	width: 100px;
}

input.text.len20
{
	width: 150px;
}

input.text.len30
{
	width: 200px;
}

input.text.len255
{
	width: 350px;
}
input.text.len500
{
	width: 450px;
}


#document-content
{
	background: url(../img/icon_filedorp.png) no-repeat center center;
	width: 550px;
	height: 300px;
}

td.number {
	text-align: right;
}
td.total_label {
	text-align: right;
}

#project_job_area {
	margin-top: 30px;
}

a.download {
	text-decoration:none;
}

i.download {
	width: 15px;
	height: 15px;
	background-repeat: no-repeat;
	background-size: 15px 15px;
	display: inline-block;
	background-image: url(../img/bt_dl.png);
	margin-left: 5px;
}

td.job_command button {
	margin-left: 10px;
}

.from_user_name
{
	margin-left: 15px;
}

table.upload_info_row td
{
	vertical-align: top;
}
table.upload_info_row tr:nth-child(odd)
,table.upload_info_row tr:nth-child(even)
{
	background-color: transparent;
}

table.upload_info_row td
{
	padding: 0.2em 0.5em;
}
.upload_info_row td.header
,.upload_info_row td.header_sub
{
	text-align: right;
}
.upload_info_row td.mark
{
	width: 60px;
}
.upload_info_row td.header_sub
{
	width: 70px;
}
.upload_info_row td.header
{
	width: 130px;
}
table.list.upload_info tr:nth-child(even) td.col__upload_info {
	border-left: 1px solid #e0e0e7;
	border-right: 1px solid #e0e0e7;
}

#_gen_password {
	margin-left: 5px;
}

.uppload_warning {
	font-size: 1.2em;
	font-weight: bold;
}
table.upload_info_row {
	width: 100%;
}
td.header {
	width: 110px;
}
td.buttons {
	text-align: right;
}

span.download_flg {
	margin-left: 10px;
	line-height: 1em;
	padding: 0.3em;
	font-size: 0.8em;
	font-weight: bold;
	text-align: center;
	width: auto;
	        border-radius: 3px;
	   -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

span.download_flg.true {
	background: #cccccc;
	color: #0a0a0a;
}
span.download_flg.false {
	background: #cccc0a;
	color: #0a0a0a;
}

th.detail {
	width: 75px;
}
td.detail {
	text-align: center;
}

div.sub {
	padding-top: 4px;
}
button.btn_open_close
{
	width: 1.5em;
	height: 2em;
	color: black;
    background: none;
    padding: 0;
}
button.btn_open_close.close::after
{
	content: "◀";
}
button.btn_open_close.open::after
{
	content: "▼";
}

#btn_search_detail
{
	margin-right: 0;
	min-width: 30px;
	width: 30px;
	padding: 0;
	margin-left: 2px;
}

table.receiveFormat input[type="text"]
,table.receiveFormat textarea {
	width: 100%;
}

table.receive input[name="coupon"]
,table.receive input[name="contact_category"]
,table.receive textarea {
	width: 100%;
}

table.list img.picture {
	height: 100px;
	width: auto;
	margin-right: 5px;
}
table.list img.picture:last-child {
	margin-right: 0px;
}

td.col_picture
,td.col__contact_contents_infos {
	vertical-align: top;
}

div.close_message
,div.done_message
{
	width: 100%;
	text-align: center;
	font-weight: bold;
	font-size: 1.2em;
	margin-top:10px;
}

body.lostItemEntry {
	font-size: 130%;
}
body.lostItemEntry input {
	width: 100%;
}
table.lostItemEntry #_row_picture img {
	width: 90%;
}

table.list img
{
	height: 100px;
	width: auto;
}
table.inputform .image_area img
{
	max-height: 300px;
}

.menuMaster table.inputform {
	width: 1700px;
}

.menuMaster table.inputform #_option_list {
	width: 100%;
}
.menuMaster table.inputform #_option_list .command {
	width: 130px;
}
.menuMaster table.inputform #_option_list td.command
{
	vertical-align: top;
}
.menuMaster table.inputform #_option_list ._grp_menu_option_name {
	width: 300px;
}
.menuMaster table.inputform #_option_list td._grp_menu_option_name
{
	vertical-align: top;
}
.menuMaster table.inputform #_option_list input {
	width: 190px;
}
.menuMaster table.inputform #_option_list .select_type {
	width: 110px;
}
.menuMaster table.inputform #_option_list td.select_type
{
	vertical-align: top;
}
.menuMaster table.inputform #_option_list .required_flg {
	width: 110px;
}
.menuMaster table.inputform #_option_list td.required_flg
{
	vertical-align: top;
}
.menuMaster table.inputform #_option_list th._value_list  {
	width: 780px;
}
.menuMaster table.inputform #_value_list {
	width: 780px;
}
.menuMaster table.inputform #_value_list .command {
	width: 130px;
}
.menuMaster table.inputform #_value_list td.command
{
	vertical-align: top;
}
.menuMaster table.inputform #_value_list ._grp_menu_option_caption {
	width: 220px;
}
.menuMaster table.inputform #_value_list td._grp_menu_option_caption
{
	vertical-align: top;
}
.menuMaster table.inputform #_value_list input {
	width: 150px;
}
.menuMaster table.inputform #_value_list .out_of_stock_flg {
	width: 135px;
}
.menuMaster table.inputform #_value_list td.out_of_stock_flg
{
	vertical-align: top;
}
.menuMaster table.inputform #_value_list .price
,.menuMaster table.inputform #_value_list .price_member {
	width: 120px;
}
.menuMaster table.inputform #_value_list td.price
,.menuMaster table.inputform #_value_list td.price_member
{
	vertical-align: top;
}
.menuMaster table.inputform #_value_list .price input
,.menuMaster table.inputform #_value_list .price_member input {
	width: 100%;
}

table.list.menuMaster
{
	width: 2500px;
}
table.list.menuMaster .col__hotel_name
{
	width: 150px;
}
table.list.menuMaster .col_menu_id
{
	width: 110px;
}
table.list.menuMaster .col__menu_category_name
{
	width: 200px;
}
table.list.menuMaster .col_sort_no
{
	width: 80px;
}
table.list.menuMaster .col_menu_cd
{
	width: 110px;
}
table.list.menuMaster .col_menu_name
{
	width: 200px;
}
table.list.menuMaster .col_menu_image
{
	width: 150px;
}
table.list.menuMaster .col__out_of_stock_flg_label
{
	width: 110px;
}
table.list.menuMaster .col_start_date
,table.list.menuMaster .col_end_date
{
	width: 140px;
}
table.list.menuMaster .col_start_time
,table.list.menuMaster .col_end_time
{
	width: 120px;
}
table.list.menuMaster .col_price
,table.list.menuMaster .col_price_member
{
	width: 100px;
}

input.text.room_item_url
{
	width: 250px;
}

input.text.room_item_caption
{
	width: 150px;
}

/* table.searchRoom #_row_hotel_id td.inputfield_value:last-of-type */
table.searchRoom #_row_room_no td.inputfield_value:first-of-type
,table.searchRoom #_row__grp_room_no td.inputfield_value:first-of-type
{
	background-color: rgb(0, 128, 64);
	color: rgb(255,255,255);
	font-weight: bold;
	font-size: 2em;
}
table.searchRoom #_row_picture img
{
	height: 100px;
	width: auto;
}

table.list.notice
{
	width: 2000px;
}

table.list.notice .col_notice_id
{
	width: 100px;
}
table.list.notice .col__hotel_name
{
	width: 200px;
}
table.list.notice .col_room_no
{
	width: 100px;
}
table.list.notice .col_subject
{
	width: 250px;
}
table.list.notice .col_contents
{
	width: 350px;
}
table.list.notice .col_remarks
{
	width: 350px;
}
table.list.notice .col_url
{
	width: 150px;
}
table.list.notice .col_images
{
	width: 150px;
	overflow-wrap: break-word;
	word-break: break-word;
}
table.list.notice .col__grp_update_info
{
	width: 300px;
}
table.inputform button.search_button
{
	width: 30px;
	min-width: 30px;
	height: 30px;
	display: inline-block;
	padding: 5px;
	vertical-align: middle;
	margin-left: 4px;
}
table.inputform button.search_button img
{
	width: 20px;
	height: 20px;
	display: inline-block;
}

table.inputform.receive #_detail_list td
{
	position: relative;
}

table.inputform .menu_area
{
	/*position:relative;*/
}
.wrap.menu_row.category_name
,.wrap.menu_row.menu_name
{
	width: calc(100% - 40px);
}
table.inputform button.search_button.menu
{
	position:absolute;
	right: 6px;
	top: 6px;
	margin: 0;
}

#dlg_select_menu
{
	min-width: 350px;
	padding: 5px;
}
#dlg_select_menu_inner
{
	width: 100%;
}
#dlg_select_menu_inner select
{
	width: 100%;
}

#files_inputform {
	width: 800px;
}

#file_list {
	width: 1400px;
	margin-top: 10px;
}
#file_list th.file_ope
,#file_list td.file_ope
{
	width: 150px;
}
#file_list th.comment
,#file_list td.comment
{
	width: 200px;
}
#file_list th.file_used
,#file_list td.file_used
{
	width: 200px;
}
#file_list th.create_info
,#file_list td.create_info
,#file_list th.update_info
,#file_list td.update_info
{
	width: 170px;
}
#files_inputform #comment
{
	height: 4em;
}
#file_list th
{
	vertical-align: middle;
}
i.narrow_down
{
	width: 15px;
	height: 15px;
	background-repeat: no-repeat;
	background-size: 15px 15px;
	display: inline-block;
	background-image: url(../img/icon_narrow_down.png);
	margin-left: 2px;
	cursor: pointer;
}
i.narrow_down.add
{
	background-image: url(../img/icon_narrow_down_add.png);
}

#dlg_edit_comment
{
	width: 300px;
	height: 4em;
}
table.inputform.receive #_detail_list input.text
,table.inputform.searchReceive #_detail_list input.text
{
    width: 100%!important;
}

.col_receive_id
{
	width: 160px;
}
.col_reception_dt
{
	width: 200px;
}
.col_reception_charge
{
	width: 100px;
}
.col__reception_status_label
{
	width: 80px;
}
.col_hotel_name
{
	width: 180px;
}
.col_room_no
,.col__room_no_name
{
	width: 80px;
}
._item_value
{
	width: 120px;
}
.col_q
,.col_a
{
	width: 250px;
}
.col__send_type_label
{
	width: 100px;
}
.inputform.conditions select
{
	max-width: 350px;
}

div.lang
{
	display: flex;
}
div.lang textarea
{
	height: 3em;
}

td.half_column div.lang input.text
{
	width: 200px;
}

#_ph_list .printer_name
{
	width: 250px;
}
#_ph_list .create_dt
{
	width: 250px;
}

.inquiry_area input.text.len255
{
	width: 100%;
}

#temp_entry_area
{
	text-align: right;
}
#btn_temp_entry
{
	margin-top: 5px;
}
#temp_entry_menu_name
{
	width: 400px;
}

#error__label__
{
	color: red;
	font-weight: bold;
}
#reception_status__label__:has(+ input[value="9"])
{
	color: red;
	font-weight: bold;
}

/************ レスポンシブ ************/
@media screen and ( max-width:768px )
{
	#area_header
	{
		font-size: 0.7em;
		border-bottom: solid 1px rgb(23,90,151);
	}
	#area_header button
	{
		font-size: 0.6em;
		padding: 0 1px;
	}
	#system_title {
		font-size: 0.7em;
		padding-left: 0.5em;
	}
	body.lostItemEntry #system_title {
		font-size: 1.4em;
	}
	#system_welcome {
		font-size: 0.4em;
		margin-right: 1.5em;
	}
	#area_contents
	{
		padding: 0;
	}
	body.top #area_contents
	{
		padding: 10px;
	}
	#menu_area_top {
		width: 100%;
		display: block;
	}
	.menu_group li button {
		width: 95%;
	}
	#login_area {
		width: 95%;
		margin-top: 70px;
	}
	#login_area th {
		font-size: 0.7em;
		padding: 5px;
	}
	#login_area td {
		padding: 5px;
	}
	#list_header_area {
    	display: block;
	}
	table.list {
		min-width: auto;
		width: 100%;
	}
	table.inputform th {
		font-size: 0.7em;
	}
	table.list th {
		font-size: 0.7em;
	}
	table.list td {
		font-size: 0.7em;
	}
	#report {
		width: 100%;
	}
	#report th {
		font-size: 0.7em;
	}
	table.inputform.conditions {
	    min-width: auto;
	}
	input.text.len255 {
		width: auto;
	}
	#close_contents {
		width: 100%;
		font-size: 0.7em;
	}
	#close_report_list {
		width: 100%;
		font-size: 0.7em;
	}
	.hidden_mobile {
		display: none;
	}
	table.inputform {
		width: 100%!important;
	}
	table.inputform.view
	,table.inputform.edit
	,table.inputform.confirm
	{
		width: 100%!important;
		min-width: auto;
	}
	table.inputform.view th.inputfield_header
	,table.inputform.edit th.inputfield_header
	,table.inputform.confirm th.inputfield_header
	{
		width: 20%;
	}
	table.inputform.view td.inputfield_value
	,table.inputform.edit td.inputfield_value
	,table.inputform.confirm td.inputfield_value
	{
		width: 30%;
	}
	#list_header_right {
	    margin-left: 10px;
	    display: flex;
	    flex-direction: row;
	}
	#report select {
		font-size: 0.8em;
		padding: 0;
	}
	.btn_open_close {
		font-size: 0.8em;
		width: 0.8em;
		height: 0.8em;
	}
	#report td span {
		font-size: 0.8em;
	}
	#report th.day
	,#report td.day {
		width: 10%;
	}
	#report th.week
	,#report td.week {
		width: 10%;
	}
	#report th.attendance
	,#report td.attendance {
		width: 50%;
	}
	#report th.manpower
	,#report td.manpower {
		width: 15%;
	}
	#report th.overtime
	,#report td.overtime {
		width: 15%;
	}
	#_add_allowance {
		width: 100%;
		font-size: 0.8em;
	}
}