@charset “utf-8″;
/*****************************************************************************************/
/* body
/*****************************************************************************************/
.body_login {
	background			: #ffe4e1;
	padding				: 30px;
}
.body_data_input {
	background			: #f5f5f5;
}
.body_print {
	background			: #f5f5f5;
}
.body_maintenance {
	background			: #f5f5f5;
}

/*****************************************************************************************/
/* ログイン入力ボックス
/*****************************************************************************************/
#login_box {
	width				: 450px;
	text-align			: center;
	background			: aliceblue;
	padding				: 20px 0;
	margin				: 0 auto 0;
	border				: 1px solid #999;
	border-radius		: 10px;
}
#login_box h1 {
	margin-bottom		: 10px;
}
/* メッセージ欄 */
#login_box .message_area {
	padding				: 15px 0;

}
#login_box .message_area p {
	color				: red;
}
/* 入力欄 */
#login_box .login_input_tbl {
	width				: 100%;
}
#login_box .login_input_tbl th,
#login_box .login_input_tbl td {
	padding				: 10px 5px;
	background			: transparent;
	border				: none;
}
#login_box .login_input_tbl th {
	width				: 9em;
	text-align			: right;
}
#login_box .login_input_tbl td {
	text-align			: left;
}
#login_box .login_input_tbl input[type="text"],
#login_box .login_input_tbl input[type="password"] {
	width				: 250px;
	padding				: 3px;
	ime-mode			: disabled;
}
#login_box .button_box {
	 margin				: 15px auto 0;
	 text-align			: center;
}

/*****************************************************************************************/
/* 共通 (ページ構成)
/*****************************************************************************************/
/* ページ全体
---------------------------------------------------------------------*/
#main {
	width				: 100%;
}
/* ヘッダ
---------------------------------------------------------------------*/
#header {
	width				: 100%;
	color				: #fff;
	background			: #000080;
	padding				: 5px 5px 5px 10px;
}
#header .header-left {
	float				: left;
}
#header .header-right {
	float				: right;
}
#header .header_user_name {
	margin-right		: 2em;
}
#header a {
	display				: inline-block;
	color				: #00f;
	background			: #fff;
	font-size			: 110%;
	padding				: 2px 10px;
	border-radius		: 5px;
}
#header a:hover {
	color				: #fff;
	background			: #ffa500;
	transition			: 0.2s;
}

/* ヘッダ ナビ
---------------------------------------------------------------------*/
.head_navi_list {
	background			: #fff;
	border-top			: 2px solid #999;
}
.head_navi_list:last-child {
	border-bottom		: 2px solid #999;
}
.head_navi_list li {
	display				: inline-block;
	border-left			: 1px solid #999;
}
.head_navi_list li:first-child {
	border-left			: none;
}
.head_navi_list li:last-child {
	border-right		: 1px solid #999;
}
.head_navi_list li a {
	display				: block;
	min-width			: 5em;
	padding				: 6px 10px 5px;
	text-align			: center;
	letter-spacing		: 0.1em;
}
.head_navi_list li a:hover,
.head_navi_list li a:active {
	color				: #fff;
	background			: #ffa500;
	transition			: 0.2s;
}

.head_navi_list .data_input {
	background			: #f0ffff;
}
.head_navi_list .print {
	background			: #fff0f5;
}
.head_navi_list .maintenance {
	background			: #f5f5f5;
}
.head_navi_list .bounotu {
	background			: #ffe4e1;
}

/* コンテナ全体
---------------------------------------------------------------------*/
.container {
	width				: 100%;
	text-align			: center;
	padding				: 15px 10px;
	margin				: 0 auto;
}
/* 主領域コンテナ
---------------------------------------------------------------------*/
.main_container {
}
/* メニュー画面 */
.main_container_menu {
}

/* 入力のみのページ
---------------------------------------------------------------------*/
/* 入力欄コンテナ */
.col1_input {
	width				: 500px;
	margin				: 0 auto 0 0;
}

/* 一覧のみのページ
---------------------------------------------------------------------*/
/* 一覧コンテナ */
.col1_list {
	width				: 100%;
}

/* 入力と一覧を表示するページ
---------------------------------------------------------------------*/
/* 入力欄コンテナ */
.col2_input {
	float				: right;
	width				: 500px;
}
/* 一覧コンテナ */
.col2_list {
	float				: left;
	width				: 63%;
	width				: -webki-calc(100% - 515px);
	width				: calc(100% - 515px);
}

/* 入力欄 */
---------------------------------------------------------------------*/
.tbl_input {
	width				: 100%;
}
.tbl_input th,
.tbl_input td {
	padding				: 5px;
}
.tbl_input th {
	width				: 8em;
}
.tbl_input td {
	text-align			: left;
}
/* 入力欄 (ボタン) */
.button_box {
	width				: 100%;
	margin-top			: 10px;
}
.button_box input[type=button] {
	min-width			: 6em;
	padding				: 4px 7px;
}
#message_box {
	color				: red;
	margin-top			: 10px;
}

/* 一覧検索条件ボックス */
.tbl_list_search_box {
	text-align			: left;
	background			: #f0fff0;
	padding				: 5px;
	margin-bottom		: 10px;
	border				: 1px solid #999;
	border-radius		: 5px;
}
.tbl_list_search_box input[type=button] {
	min-width			: 4em;
	padding				: 6px 10px;
}
/* 一覧 */
.tbl_list {
	width				: 100%;
}
.tbl_list input[type=button] {
	width				: 3.5em;
	min-width			: 3.5em;
	font-size			: 90%;
	padding				: 1px 3px;
}

/* 印刷条件
---------------------------------------------------------------------*/
.print_condition_box {
	width				: 500px;
	background			: #fff;
	padding				: 15px;
	margin				: 0 auto;
	border				: 1px solid #999;
	border-radius		: 10px;
}
/* 印刷条件テーブル */
.print_condition_box table {
	width				: 100%;
}
.print_condition_box table th,
.print_condition_box table td {
	padding				: 5px;
}
.print_condition_box table th {
	width				: 8em;
}
.print_condition_box table td {
	text-align			: left;
}
.print_condition_box .td_input_bunrui select {
	margin-bottom		: 5px;
}
.print_condition_box .td_input_bunrui select:last-child {
	margin-bottom		: 0;
}
/* ボタン */
.print_condition_button_box {
	margin-top			: 15px;
}

/* 地区選択
---------------------------------------------------------------------*/
.select_area_box {
	width			: 100%;
}
.select_area_box h3 {
	width			: 100%;
	color			: #00008b;
	padding-left	: 10px;
	border-left		: 5px solid #00f;
	border-bottom	: 2px solid #00f;
	margin-bottom	: 5px;
}
/* 地区を選択する トグル */
.select_area_toggle {
	width			: 100%;
	text-align		: center;
	color			: #fff;
	background		: #00f;
	border-radius	: 5px;
	padding			: 5px 0;
}
.select_area_toggle:hover {
	cursor			: pointer;
}
/* 地区リスト 全選択／解除 */
.all_select_button_box {
	width:			: 100%;
	text-align		: right;
	border-bottom	: 1px solid #ddd;
	padding			: 3px 0 3px;
	margin-bottom	: 10px;
}
.all_select_button_box input[type=button] {
	font-size			: 90%;
	min-width			: 5em;
	padding				: 3px 10px;
}
/* 地区リスト */
.select_area_list {
	width			: 100%;
	margin-bottom	: 15px;
}
.select_area_list li {
	display			: inline-block;
	min-width		: 32.3%;
	padding			: 2px 0;
}
.select_area_list li input[type=checkbox] {
	width				: 20px;
	height				: 20px;
	margin-right	: 3px;
}

/*****************************************************************************************/
/* 【共通】ページの説明文ボックス
/*****************************************************************************************/
.page_caption_box {
	width				: 100%;
	margin-bottom		: 5px;
}
.page_caption_box p {
	text-align			: left;
}
.page_caption_box p,
.page_caption_box span {
	color				: #00f;
}
.page_caption_box .caution {
	color				: #f00;
}

/*****************************************************************************************/
/* 問合せ先
/*****************************************************************************************/
#main_container_contact_input {
}
#main_container_contact_input .tbl_list .col1 {  }
#main_container_contact_input .tbl_list .col2 {  }
#main_container_contact_input .tbl_list .col3 { width: 10em; }
#main_container_contact_input .tbl_list .col4 { width: 4.5em; }
#main_container_contact_input .tbl_list .col5 { width: 4em; }

/*****************************************************************************************/
/* 地区
/*****************************************************************************************/
#main_container_area_input {
}
#main_container_area_input .tbl_list .col1 {  }
#main_container_area_input .tbl_list .col2 {  }
#main_container_area_input .tbl_list .col3 { width: 6em; }
#main_container_area_input .tbl_list .col4 { width: 4em; }

/*****************************************************************************************/
/* 自治会
/*****************************************************************************************/
#main_container_neighbor_input {
}
#main_container_neighbor_input .tbl_list .col1 { width: 4em; }
#main_container_neighbor_input .tbl_list .col2 {  }
#main_container_neighbor_input .tbl_list .col3 {  }
#main_container_neighbor_input .tbl_list .col4 { width: 6em; }
#main_container_neighbor_input .tbl_list .col5 { width: 4em; }

/*****************************************************************************************/
/* 分別基本
/*****************************************************************************************/
#main_container_bunbetu_kihon_input {
}
#main_container_bunbetu_kihon_input .tbl_list .col1 {  }
#main_container_bunbetu_kihon_input .tbl_list .col2 {  }
#main_container_bunbetu_kihon_input .tbl_list .col3 { width: 6em; }
#main_container_bunbetu_kihon_input .tbl_list .col4 { width: 4em; }

/*****************************************************************************************/
/* 分別詳細
/*****************************************************************************************/
#main_container_bunbetu_detail_input {
}
#main_container_bunbetu_detail_input .tbl_list .col1 {  }
#main_container_bunbetu_detail_input .tbl_list .col2 { width: 6em; }
#main_container_bunbetu_detail_input .tbl_list .col3 { width: 4em; }

/*****************************************************************************************/
/* 分別辞典
/*****************************************************************************************/
#main_container_dictionary_input {
}
#main_container_dictionary_input .tbl_list tr {
}

#main_container_dictionary_input .tbl_list .col1 {  }
#main_container_dictionary_input .tbl_list .col2 {  }
#main_container_dictionary_input .tbl_list .col3 { width: 4em; }

/*****************************************************************************************/
/* 収集種類
/*****************************************************************************************/
#main_container_collect_garbage_input {
}
#main_container_collect_garbage_input .tbl_list .col1 {  }
#main_container_collect_garbage_input .tbl_list .col2 {  }
#main_container_collect_garbage_input .tbl_list .col3 { width: 6em; }
#main_container_collect_garbage_input .tbl_list .col4 { width: 4em; }

/*****************************************************************************************/
/* 収集カレンダー
/*****************************************************************************************/
#main_container_calendar_input {
}
#main_container_calendar_input .calendar_button_box {
	position			: relative;
	text-align			: left;
	background			: #fff;
	padding				: 5px;
	margin-bottom		: 10px;
	border				: 1px solid #999;
	border-radius		: 5px;
}
#main_container_calendar_input .calendar_button_box .calendar_button_right {
	position			: absolute;
	top					: 5px;
	right				: 5px;
}
/* テーブル */
#main_container_calendar_input .tbl_list .col1 { width: 8em; }
#main_container_calendar_input .tbl_list .col2 { width: 2em; }
#main_container_calendar_input .tbl_list .col3 {  }

#main_container_calendar_input th,
#main_container_calendar_input td {
	padding-top			: 3px;
	padding-bottom		: 0;
}
/* チェックボックス */
#main_container_calendar_input .tbl_list input[type=checkbox] {
	position			: absolute;
	left				: -9999px;
}
#main_container_calendar_input .tbl_list label {
	display				: inline-block;
	min-width			: 120px;
	text-align			: center;
	color				: #fff;
	background			: #bbb;
	padding				: 3px 10px;
	margin-bottom		: 3px;
	border-radius		: 4px;
	cursor				: pointer
}
#main_container_calendar_input .tbl_list input[type=checkbox]:checked+label {
	color				: #fff;
	background			: #ff5000;
}

/*****************************************************************************************/
/* 収集カレンダー複写
/*****************************************************************************************/
#main_container_calendar_copy {
}
.calendar_copy_box {
	width				: 44%;
	background			: #fff;
	border				: 1px solid #999;
	border-radius		: 5px;
	margin				: 10px;
	padding				: 10px;
}
.calendar_copy_box h3 {
	color				: #00f;
}
.calendar_copy_source {
	float				: left;
}
.calendar_copy_source_item {
	margin				: 10px 0;
}
.calendar_copy_source_label {
	display				: inline-block;
	width				: 4em;
}
.calendar_copy_separate {
	float				: left;
	width				: 5%;
	text-align			: center;
	padding-top			: 20px;
}
.calendar_copy_dest {
	float				: left;
}
.calendar_copy_dest_check {
	margin				: 10px 0;
}
.calendar_copy_dest label {
	display				: block;
}

/*****************************************************************************************/
/* 収集日設定
/*****************************************************************************************/
#main_container_collect_setting {
}
#main_container_collect_setting .tbl_list .col1 { width: 14em; }
#main_container_collect_setting .tbl_list .col2 { width: 8em; }
#main_container_collect_setting .tbl_list .col3 {  }
#main_container_collect_setting .tbl_list .col4 { width: 4em; }

#main_container_collect_setting .tbl_list .color_alternate td {
	background			: #ffe4e1;
}

/*****************************************************************************************/
/* 休業日設定
/*****************************************************************************************/
#main_container_closed_setting {
}

#main_container_closed_setting .tbl_list .col1 { width: 8em; }
#main_container_closed_setting .tbl_list .col2 { width: 8em; }
#main_container_closed_setting .tbl_list .col3 { width: 8em; }
#main_container_closed_setting .tbl_list .col4 {  }
#main_container_closed_setting .tbl_list .col5 { width: 4em; }

/*****************************************************************************************/
/* 臨時収集日設定
/*****************************************************************************************/
#main_container_collect_temporary {
}

#main_container_collect_temporary .tbl_list .col1 { width: 8em; }
#main_container_collect_temporary .tbl_list .col2 { width: 12em; }
#main_container_collect_temporary .tbl_list .col3 {  }
#main_container_collect_temporary .tbl_list .col4 { width: 4em; }

/*****************************************************************************************/
/* カレンダー表示
/*****************************************************************************************/
#main_container_calendar_simulate {
}

.calendar_simulate_container {
	width				: 100%;
	display				: -webkit-flex;
	display				: flex;
	-webkit-flex-direction: row;
	flex-direction		: row;
	-webkit-justify-content	: space-between;
	justify-content		: space-between;
	-webkit-align-items	: stretch;
	align-items			: stretch;
	-webkit-flex-wrap	: wrap;
	flex-wrap			: wrap;
}
.calendar_simulate_container h3 {
	font-weight			: bold;
}
.calendar_simulate_container .calendar_simulate_inside {
	width				: 50%;
	padding				: 0 10px 10px;
}
.calender_month {
	width				: 100%;
}
.calender_month ul {
	display				: -webkit-flex;
	display				: flex;
	-webkit-flex-direction: row;
	flex-direction		: row;
	-webkit-flex-wrap	: wrap;
	flex-wrap			: wrap;
	list-style			: none;
	border-left			: 1px solid #666;
}
.calender_month li {
	-webkit-flex-basis	: 14.2857%;
	-webkit-flex-basis	: calc(100% / 7);
	flex-basis			: 14.2857%;
	flex-basis			: calc(100% / 7);
	position			: relative;
	border-bottom		: 1px solid #666;
	border-right		: 1px solid #666;
	padding				: 0;
	margin				: 0;

	/* ie9 以下 */
	-webkit-flex-basis	: 14.1%\9;
	flex-basis			: 14.1%\9;
}
/* ie10 以上 */
@media all and (-ms-high-contrast: none){
	.calender_month li {
		-webkit-flex-basis	: 14.1%;
		flex-basis			: 14.1%;
	}
}
/* edge */
@supports (-ms-ime-align:auto) {
	.calender_month li {
		-webkit-flex-basis	: 14.1%;
		flex-basis			: 14.1%;
	}
}
/* カレンダーのタイトル (曜日) */
.calender_month .calendar_month_title {
	text-align			: center;
	background			: #b0c4de;
	border-top			: 1px solid #666;
}
.calender_month .calendar_month_title_sunday {
	color				: #f00;
	background			: #ffcccc;
}
.calender_month .calendar_month_title_saturday {
	color				: #00f;
	background			: #99ccff;
}
/* 日 */
.calender_month .calendar_month_day {
}
.calender_month .calendar_month_day_inside {
	width				: 100%;
	min-height			: 65px;
	padding				: 2px 2px 0;
}
.calender_month .calendar_month_date {
	width				: 100%;
	text-align			: left;
/*
	margin-bottom		: 6px;
*/
}
/* 日 (当月内) */
.calender_month .this_month {
	background			: #fff;
}
/* 日 (当日・当月内) */
.calender_month .today {
	background			: #fafad2;
}
/* 日 (祝日・当月内) */
.calender_month .holiday {
	background			: #fff0f5;
}
/* 日 (日曜日・当月内) */
.calender_month .sunday {
	background			: #fff0f5;
}
/* 日 (土曜日・当月内) */
.calender_month .saturday {
	background			: #e0ffff;
}
/* 日 (当月外) */
.calender_month .not_this_month {
	color				: #999;
	background			: #eee;
}
/* 祝日 */
.calendar_holiday_name {
	display				: inline-block;
	font-size			: 74%;
	color				: #f00;
}

/* 収集ごみ */
.calender_month .calendar_month_collect_box {
	width				: 100%;
}
.calender_month .calendar_month_collect_box .collect_item {
	width				: 100%;
	text-align			: center;
	font-size			: 85%;
	padding				: 1px 2px;
	margin-bottom		: 1px;
}
/* 可燃ごみ */
.calender_month .calendar_month_collect_box .collect_item_1 {
	color				: #fff;
	background			: #4169e1;
	border				: 1px solid #4169e1;
}
/* 不燃ごみ */
.calender_month .calendar_month_collect_box .collect_item_2 {
	color				: #fff;
	background			: #ff0000;
	border				: 1px solid #ff0000;
}
/* 資源ごみ */
.calender_month .calendar_month_collect_box .collect_item_3 {
	color				: #fff;
	background			: #008000;
	border				: 1px solid #008000;
}
/* 発火性危険物 */
.calender_month .calendar_month_collect_box .collect_item_4 {
	background			: #ffff14;
	border				: 1px solid #aaa;
}
/* 20240607 kitamura add st */
/* 粗大ごみ */
.calender_month .calendar_month_collect_box .collect_item_5 {
	color				: #fff;
	background			: #8b4513;
	border				: 1px solid #aaa;
}
/* 20240607 kitamura add ed */

/*****************************************************************************************/
/* 清掃センター種類
/*****************************************************************************************/
#main_container_center_syurui_input {
}
#main_container_center_syurui_input .tbl_list .col1 {  }
#main_container_center_syurui_input .tbl_list .col2 { width: 6em; }
#main_container_center_syurui_input .tbl_list .col3 { width: 4em; }

/*****************************************************************************************/
/* 清掃センター詳細
/*****************************************************************************************/
#main_container_center_detail_input {
}
#main_container_center_detail_input .tbl_list .col1 { width: 15em; }
#main_container_center_detail_input .tbl_list .col2 {  }
#main_container_center_detail_input .tbl_list .col3 { width: 9em; }
#main_container_center_detail_input .tbl_list .col4 { width: 4.5em; }
#main_container_center_detail_input .tbl_list .col5 { width: 4em; }
#main_container_center_detail_input .tbl_list .col6 { width: 4em; }

/*****************************************************************************************/
/* 回収場所 地区
/*****************************************************************************************/
#main_container_spot_area_input {
}
#main_container_spot_area_input .tbl_list .col1 {  }
#main_container_spot_area_input .tbl_list .col2 { width: 6em; }
#main_container_spot_area_input .tbl_list .col3 { width: 4em; }

/*****************************************************************************************/
/* 回収場所 集落
/*****************************************************************************************/
#main_container_spot_village_input {
}
#main_container_spot_village_input .tbl_list .col1 {  }
#main_container_spot_village_input .tbl_list .col2 { width: 6em; }
#main_container_spot_village_input .tbl_list .col3 { width: 4em; }

/*****************************************************************************************/
/* 回収場所 詳細
/*****************************************************************************************/
#main_container_spot_detail_input {
}
#main_container_spot_detail_input .tbl_list .col1 {  }
#main_container_spot_detail_input .tbl_list .col2 { width: 4em; }
#main_container_spot_detail_input .tbl_list .col3 { width: 4em; }
#main_container_spot_detail_input .tbl_list .col4 { width: 4em; }
#main_container_spot_detail_input .tbl_list .col5 { width: 4em; }
#main_container_spot_detail_input .tbl_list .col6 { width: 4em; }
#main_container_spot_detail_input .tbl_list .col7 { width: 4em; }

/*****************************************************************************************/
/* 収集業者
/*****************************************************************************************/
#main_container_gyosya_input {
}
#main_container_gyosya_input .tbl_list .col1 { width: 16em; }
#main_container_gyosya_input .tbl_list .col2 {  }
#main_container_gyosya_input .tbl_list .col3 { width: 9em; }
#main_container_gyosya_input .tbl_list .col4 { width: 4.5em; }
#main_container_gyosya_input .tbl_list .col5 { width: 4em; }

/*****************************************************************************************/
/* 収集業者種類
/*****************************************************************************************/
#main_container_gyosya_syurui_input {
}
#main_container_gyosya_syurui_input .tbl_list .col1 {  }
#main_container_gyosya_syurui_input .tbl_list .col2 { width: 6em; }
#main_container_gyosya_syurui_input .tbl_list .col3 { width: 4em; }

/*****************************************************************************************/
/* 収集業者詳細
/*****************************************************************************************/
#main_container_gyosya_detail_input {
}
#main_container_gyosya_detail_input .tbl_list .col1 { width: 15em; }
#main_container_gyosya_detail_input .tbl_list .col2 {  }
#main_container_gyosya_detail_input .tbl_list .col3 { width: 9em; }
#main_container_gyosya_detail_input .tbl_list .col4 { width: 4.5em; }
#main_container_gyosya_detail_input .tbl_list .col5 { width: 4em; }

/*****************************************************************************************/
/* お知らせ
/*****************************************************************************************/
#main_container_information_input {
}
#main_container_information_input .tbl_list .col1 { width: 10em; }
#main_container_information_input .tbl_list .col2 {  }
#main_container_information_input .tbl_list .col3 { width: 4em; }

/*****************************************************************************************/
/* プッシュ通知
/*****************************************************************************************/
#main_container_push_notification_input {
}
#main_container_push_notification_input .tbl_list .col1 { width: 7em; }
#main_container_push_notification_input .tbl_list .col2 { width: 7em; }
#main_container_push_notification_input .tbl_list .col3 { width: 4em; }
#main_container_push_notification_input .tbl_list .col4 {  }
#main_container_push_notification_input .tbl_list .col5 { width: 4.5em; }
#main_container_push_notification_input .tbl_list .col6 { width: 4.5em; }
#main_container_push_notification_input .tbl_list .col7 { width: 3em; }
#main_container_push_notification_input .tbl_list .col8 { width: 4em; }

/*****************************************************************************************/
/* ユーザ保守
/*****************************************************************************************/
#main_container_user_input {
}
#main_container_user_input .tbl_list .col1 { width: 10em; }
#main_container_user_input .tbl_list .col2 {  }
#main_container_user_input .tbl_list .col3 { width: 15em; }
#main_container_user_input .tbl_list .col4 { width: 4em; }

/*****************************************************************************************/
/* 統計
/*****************************************************************************************/
#main_container_statistics {
}
#main_container_statistics h2 {
	text-align		: left;
	margin-bottom	: 5px;
}
#main_container_statistics table {
	margin-left		: 10px;
}
#main_container_statistics th,
#main_container_statistics td {
	min-width		: 8em;
}
#main_container_statistics p {
	text-align		: left;
	margin-left		: 10px;
}
#main_container_statistics .statistics_container {
	width			: 100%;
	padding			: 10px;
	margin-bottom	: 10px;
}