@CHARSET "UTF-8";

body{
	font-size: 12px;
	font-family: Arial, Helvetica,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",
				"Hiragino Kaku Gothic Pro","HiraKakuPro-W3","ＭＳ Ｐゴシック",
				"MS PGothic",sans-serif !important;
}

input {
	font-size: 12px !important;
}

/*----------------------------------------------------------------------*/
/* 大枠 */
/*----------------------------------------------------------------------*/

#container{
	width: 960px;
	margin: 0 auto;
	background-color: #fff;
}

/*----------------------------------------------------------------------*/
/* フロート */
/*----------------------------------------------------------------------*/
.clear {
	clear:both;
}

.left {
	float: left;
}

.right {
	float: right;
}

/*----------------------------------------------------------------------*/
/* 検索エリア */
/*----------------------------------------------------------------------*/
#search_area {
	padding: 5px 0px;
	border-bottom: 1px solid #C0C0C0;
}

#search_area input[type="text"] {
	width: 76px;
}

.search_area_row {
	margin-bottom: 4px;
}

.search_area_row div {
	display: inline-block;
}

/*----------------------------------------------------------------------*/
/* ボタン */
/*----------------------------------------------------------------------*/
.btn_small {
	font-size: 10px;
}

.btn_middle {
	font-size: 11px;
	height: 25px;
	line-height: 12px;
	width: 95px;
	padding: 5px;
}

.mini_btn {
	width: 50px;
	padding: 5px 5px;
	margin: 0px 5px;
}

.glyphicon {
	color: #000;
}

li .btnRound {
	font-size: 12px;
	line-height: 12px;
}

.closeBtn {
	font-size: 17px;
	float: right;
}

/*----------------------------------------------------------------------*/
/* テキスト */
/*----------------------------------------------------------------------*/
.label_head {
	display: inline-block;
	font-weight: bold;
	margin-left: 10px;
}

.label_head_short {
	display: inline-block;
	font-weight: bold;
	margin-left: 10px;
	width: 55px;
}

.label_head_long {
	display: inline-block;
	font-weight: bold;
	margin-left: 10px;
	width: 135px;
}

.red {
	color: #FF0000;
}

/*----------------------------------------------------------------------*/
/* フォーム */
/*----------------------------------------------------------------------*/
.form-control {
	display: inline;
	padding: 3px;
	height: 25px;
}

/*----------------------------------------------------------------------*/
/* input */
/*----------------------------------------------------------------------*/
.input_celar {
	border:none !important;
	background:none !important;
	outline : none !important;
}

/*----------------------------------------------------------------------*/
/* トップ固定エリア */
/*----------------------------------------------------------------------*/
#while_background {
	position:fixed;
	top:0;
	width:100%;
	background-color: #ffffff;
	z-index:1;
}

#top_fix_area {
	position:fixed;
	top:0;
	width:960px;
	margin: 0 auto;
	background-color: #ffffff;
	z-index:2;
}

/*----------------------------------------------------------------------*/
/* ログインエリア */
/*----------------------------------------------------------------------*/
#login_info {
	float: right;
	width: 175px;
	margin-top: 3px;
	max-height: 35px;
}

#login_sts {
	text-decoration: underline;
}

#user_name {
	display: inline-block;
	float: right;
	word-break: break-all;
}

#logout_area {
	float: right;
}

/*----------------------------------------------------------------------*/
/* メニューエリア */
/*----------------------------------------------------------------------*/
#menu_area {
	float: left;
}

#menu_nav {
	height: 40px;
}

#menu_nav ul{
	text-align: center;
	margin: 10px 0px 5px 0px;
}

#menu_nav li.dropdown {
	float: left;
	height: 20px;
	line-height: 20px;
	border-left: solid 1px #C5C5C5;
	text-decoration: none;
	list-style: none;
}

#menu_nav li .menu {
	color: #333;
	font-size: 12px;
	font-weight: bold;
	padding: 0px 25px;
}

#menu_nav li a:hover {
	text-decoration: none;
}

#menu_nav li.menuend {
	border-right: solid 1px #C5C5C5;";
}

#menu_nav .dropdown-menu > li > a {
	text-align: left;
	font-size: 12px;
}

.navbar-brand, .navbar-nav>li>a {
	font-size: 12px;
}

.nav > li > a:hover,
.nav > li > a:focus,
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
	background-color: transparent;
}

/*----------------------------------------------------------------------*/
/* エラー関連 */
/*----------------------------------------------------------------------*/
.error_column {
	border-color:#B22222 !important;
	color:#B22222;
}

/*----------------------------------------------------------------------*/
/* トップサブエリア */
/*----------------------------------------------------------------------*/
#top_sub_area {
}

/*----------------------------------------------------------------------*/
/* タイトルエリア */
/*----------------------------------------------------------------------*/
#title_area {
	clear: both;
	border-bottom: 1px solid #C0C0C0;
	height: 30px;
}

#title {
	line-height: 30px;
	float: left;
	font-size: 17px;
	font-weight: bold;
}

#last_week,
#next_week {
	color: #FFF;
}

#button_block {
	float: right;
}

.button_block_one {
	float: left;
	padding:0 2px 0 2px;
}

#button_block .disabled {
	cursor: not-allowed;
}

/*----------------------------------------------------------------------*/
/* カレンダーエリア */
/*----------------------------------------------------------------------*/
#calender_area {
	clear: both;
	border-bottom: 1px solid #C0C0C0;
	padding: 5px 0px;
}

#calender_area .label_head {
	vertical-align: middle;
	height: initial;
}

#calender {
	height: 25px;
	width: 135px;
	font-size: 12px;
	padding: 4px 6px;
}


#calender_area #disp_designated_date, #calender_area #disp_designated_date_no_check{
	float: right;
}

.display_date {
	width: 100px;
	margin: 3px;
}

/*----------------------------------------------------------------------*/
/* 矢印ボタンエリア */
/*----------------------------------------------------------------------*/
.pager li > a,
.pager li > span {
	padding: 4px 14px;
}

#week_link_block .pager {
	margin: 5px 0;
}

/*----------------------------------------------------------------------*/
/* 中間エリア */
/*----------------------------------------------------------------------*/
#middle_area {
	position:fixed;
	z-index: 1;
}

/*----------------------------------------------------------------------*/
/* メッセージエリア */
/*----------------------------------------------------------------------*/
#message_area {
	overflow: auto;
	width: 95%;
	height: 120px;
	margin: 10px;
	padding:5px;
	border: solid 1px #ff7f50;
}

#message_area h6 {
	margin: 0 0 1px 0;
	padding:0;
	font-weight: bold;
}

#message_area P {
	margin: 0 0 3px;
	border-bottom: dotted 1px #c0c0c0;
	padding: 0 0 0 7px;
}

#info_message_area {
	overflow: auto;
	width: 95%;
	height: 40px;
	margin: 2px;
	padding:2px;
}

#info_message_area P {
	color:#1e90ff;
	font-weight:bold;
	margin: 0 0 1px;
	padding: 0 0 0 1px;
}

#message_area p a {
	font-size:11px;
}

.error_checkbox {
	position: relative;
	top: 3px;
	width: 12px;
	margin: 0 2px 0 0;
}

/*----------------------------------------------------------------------*/
/* 入力フォーム */
/*----------------------------------------------------------------------*/
.number {
	text-align: right;
}

td.checkbox_normal {
	text-align: center !important;
}
/*----------------------------------------------------------------------*/
/* メインテーブル */
/*----------------------------------------------------------------------*/
.table>thead>tr>th,
.table>tbody>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td {
	padding: 8px 5px;
	box-sizing: border-box;
}

#table_head {
	margin: initial;
}

#table_head th,
#main_table td {
	word-break: break-word;
}

#main_table td {
	vertical-align: middle;
	border-bottom: 1px solid #ddd;
}

#table_head {
	width: 960px;
	height: 57px;
	margin:0 auto;
}

#table_head th {
	text-align: center;
	vertical-align: middle;
}

#table_head_no_width th {
	text-align: center;
	vertical-align: middle;
}

.table {
	margin-bottom: 0px;
}

.table-bordered>tbody>tr>td {
	vertical-align: middle;
	border-top: none;
	border-bottom: 1px solid #ddd;
}

td, th {
	box-sizing: border-box;
	padding: 5px;
	word-break: break-all;
}

.last_week_items td {
	text-align: center;
}

.table-bordered>tbody>tr.week_items td {
	text-align: center;
	padding-top: 0px;
}

.week_items td input {
	font-size: 12px;
	height: 20px;
	width: 40px;
	line-height: 13px;
	text-align: right;
	margin-bottom: 2px;
	padding: 3px;
}

.week_items {
	font-size: 10px;
	border-bottom: 1px solid #ddd;
}

.farmerGroupName {
	float: left;
	text-align: left;
	padding-left: 8px;
}

.item_name_top {
	text-align: left !important;
	font-weight: bold;
}

.item_name_bottom {
	font-size: 10px;
}

.table-bordered>tbody>tr>td.item_name_bottom {
	text-align: left !important;
	border-right: none;
	border-left: none;
}

.week {
	font-size: 10px;
}

.value {
	width:20px;
	margin:0 auto;
}

a .disabled {
	cursor: not-allowed;
}

/*----------------------------------------------------------------------*/
/* モーダル ポップアップ */
/*----------------------------------------------------------------------*/
.shadow {
	position: fixed;
	top : 0;
	left: 0;
	margin: 0 auto;
	width:  100%;
	height: 100%;
	min-height: 100%;
	text-align: left;
	background: #000;
	opacity:0.6;
	filter: alpha(opacity=0.6);
	z-index: 0;
}

#modal,
#popup {
	display: none;
	position: fixed;
	top: 0px;
	left: 50%;
	width: 960px;
	height: 96vh;
	background: #fff;
	padding: 5px;
	overflow-y: auto;
	overflow-x: hidden;
	border: 1px solid #C0C0C0;
	margin-left: -480px;
	margin-top: 14px;
}

#modal_container,
#popup_container  {
	width: 930px;
	margin: 0 auto;
	background-color: #fff;
}

#modal_top_fix_area,
#popup_top_fix_area {
	position: fixed;
	top: 15px;
	width: 930px;
	background-color: #FFF;
	z-index: 1;
}

#modal_message,
#popup_message {
	clear: both;
}

#modal_middle_area,
#popup_middle_area {
	position: fixed;
	top: 118px;
}

#selected_farmer_group_name,
#selected_product_name {
	display: inline-block;
	word-break: break-all;
	vertical-align: middle;
}