@charset "UTF-8";
/*--------------------------------------
  全体
---------------------------------------*/
body {
	background-color: #ffffff;
	color : #303030;
}
body.nologin {
	background-color: #ffffff;
	color : #303030;
}
.text-primary {
	color : #D60000;
}
.label-success{
	background-color: #D60000;
}
a,a:hover,a:focus{
	color: #D60000;
}
div.nav_footer_wrapper > span > a,a:hover,a:focus {
	color: #e67a7a;
	text-decoration: none;
}
/*--------------------------------------
  ヘッダ
---------------------------------------*/
div.navbar_line {
	background-color: #D60000;
}
div.navbar_info {
	background-color: #D60000;
	color: #ffffff;
}
table.menu_member th {
	color: #D60000;
}
/*--------------------------------------
  フッタ
---------------------------------------*/
.footer {
	background-color: #D60000;
	color: #ffffff;
}

/*--------------------------------------
  メニュー
---------------------------------------*/
div.sidebar_collapse ul.nav > li > a:hover,
div.sidebar_collapse ul.nav > li > a.active_menu:hover {
	background-color: #f5b0b0;
}
div.sidebar_collapse ul.nav > li > a {
	color : #303030;
}
div.sidebar_collapse ul.nav > li > a.active_menu {
	color : #303030;
}

/*--------------------------------------
  パネル
---------------------------------------*/
.panel_main > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: #D60000;
}
.panel_main > .panel-heading .badge {
	background-color: #D60000;
	color: #ffffff;
}
.panel_main > .panel-footer + .panel-collapse > .panel-body {
	border-bottom-color: #D60000;
}
/*--------------------------------------
  モーダルダイアログ
---------------------------------------*/
.modal-header {
	border-color: #D60000;
}
.modal-content {
	background-color: #D60000;
}
.modal-dialog > .modal-content > .modal-header > .modal-title {
	color : #ffffff;
}
.modal-body {
	background-color: #ffffff;
}
.modal-footer {
	background-color: #ffffff;
}
.close {
	color : #ffffff;
	opacity: 0.8;
}
.close:hover {
	color : #ffffff;
	opacity: 0.8;
}
div#modal_search > div.modal-dialog > div.modal-content > div.modal-footer {
	border-top-color: #bbbbbb;
}
/*--------------------------------------
  ページング
---------------------------------------*/
div.pagination_bar {
	color: #ffffff;
	background-color: #606060;
	border-top-color : #bbbbbb;
}
div.pagination_bar > nav > ul.pagination > li > a {
	color: #ffffff;
	background-color: #606060;
}
div.pagination_bar > nav > ul.pagination > li > a:hover {
	color: #303030;
	background-color: #dddddd;
}
div.pagination_bar > nav > ul.pagination > li > a.active {
	color : #303030;
	background-color: #dddddd;
}
/*--------------------------------------
  一覧
---------------------------------------*/
table.table > thead > tr {
	background-color: #D60000;
}
table.table > thead > tr > th {
	color: #ffffff;
}
/*--------------------------------------
  一覧（レスポンシブグリッド）
---------------------------------------*/
div.rgrid > div.title {
	background-color: #cfcfcf;
	border: 0;
	cursor: default;
}
div.rgrid.rgrid_hover > div.title:hover {
	background-color: #cfcfcf;
	border: 0;
	cursor: default !important;
}
/*--------------------------------------
  ボタン配置領域
---------------------------------------*/
div.btn_bar {
	border-top-color: #bbbbbb;
}
/*--------------------------------------
  タイムテーブル
---------------------------------------*/
div.htimetable,
div.vtimetable{
	border-color: #D60000;
}
div.htimetable div.pinned table th {
	border-right-color: #dddddd;
}
div.htimetable div.pinned table td {
	border-right-color: #D60000;
}
div.htimetable table th {
	background-color: #D60000;
	color: #ffffff;
}
div.htimetable table td {
	border-top-color: #D60000;
}
div.htimetable div.scrollable table td {
	border-right-color: #D60000;
}
div.htimetable div.scrollable table th {
	border-right-color: #dddddd;
}
div.vtimetable div.header table td {
	background-color: #FFFFFF;
	border-color: #D60000;
	color: #D60000;
}
div.vtimetable div.header table td.active {
	background-color: #D60000;
	color: #FFFFFF;
}
div.vtimetable div.timeline td.time table th,
div.vtimetable div.timeline td.title {
	background-color: #D60000;
	color: #FFFFFF;
	border-color: #FFFFFF;
}
div.vtimetable div.timeline td.line table td {
	border-color: #D60000;
}
div.vtimetable div.timeline td.line {
	border-color: #d0dced;
}
div.vtimetable div.timeline th.corner {
	background-color: #d0dced;
}
/*--------------------------------------
  タイムテーブルバー
---------------------------------------*/
div.timetable_bar {
	color: #ffffff;
	background-color: #303030;
}
div.timetable_bar div.timetable_link:hover{
	color: #333333;
	background-color: #dddddd;
}
div#vtimetable div.schedule {
	background-color: #d0dced;
	border-color: #D60000;
	color: #000000;
}
/*--------------------------------------
  コールアウト
---------------------------------------*/
.callout h4 {
	background-color: #e0e0e0;
}
.callout h4:before {
	background-color: #D60000;
}

/*--------------------------------------
  ボタン
---------------------------------------*/
.btn-default,
.btn-default:focus,
.btn-default.focus,
.btn-default:hover,
.btn-default.hover,
.btn-default:active:focus,
.btn-default:active.focus,
.btn-default:active,
.btn-default.active{
	color:#ffffff;
	border: 0px;
	background-color: #e67a7a;
	background-image: none;
	border-radius: 3px;
}
.btn-primary,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:hover,
.btn-primary.hover,
.btn-primary:active:focus,
.btn-primary:active.focus,
.btn-primary:active,
.btn-primary.active{
	color:#ffffff;
	border: 0px;
	background-color: #D60000;
	background-image: none;
	border-radius: 3px;
}
.btn-info,
.btn-info:focus,
.btn-info.focus,
.btn-info:hover,
.btn-info.hover,
.btn-info:active:focus,
.btn-info:active.focus,
.btn-info:active,
.btn-info.active{
	color:#ffffff;
	border: 0px;
	background-color: #D60000;
	background-image: none;
	border-radius: 3px;
}
.btn.btn-info.active:hover{
	background-color: #a50101;
}
.btn-success,
.btn-success:focus,
.btn-success.focus,
.btn-success:hover,
.btn-success.hover,
.btn-success:active:focus,
.btn-success:active.focus,
.btn-success:active,
.btn-success.active{
	color:#ffffff;
	border: 0px;
	background-color: #003180;
	background-image: none;
	border-radius: 3px;
}
.btn-danger,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:hover,
.btn-danger.hover,
.btn-danger:active:focus,
.btn-danger:active.focus,
.btn-danger:active,
.btn-danger.active{
	color:#ffffff;
	border: 0px;
	background-color: #D45D87;
	background-image: none;
	background-image: none;
	border-radius: 3px;
}
.btn-warning,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning:hover,
.btn-warning.hover,
.btn-warning:active:focus,
.btn-warning:active.focus,
.btn-warning:active,
.btn-warning.active{
	color:#ffffff;
	border: 0px;
	background-color: #AE3F14;
	background-image: none;
	border-radius: 3px;
}
.modal-footer > .btn-success,
.modal-footer > .btn-success:focus,
.modal-footer > .btn-success.focus,
.modal-footer > .btn-success:hover,
.modal-footer > .btn-success.hover,
.modal-footer > .btn-success:active:focus,
.modal-footer > .btn-success:active.focus,
.modal-footer > .btn-success:active,
.modal-footer > .btn-success.active{
	color:#ffffff;
	border: 0px;
	background-color: #D60000;
	background-image: none;
	border-radius: 3px;
}
.modal-footer > .btn-danger,
.modal-footer > .btn-danger:focus,
.modal-footer > .btn-danger.focus,
.modal-footer > .btn-danger:hover,
.modal-footer > .btn-danger.hover,
.modal-footer > .btn-danger:active:focus,
.modal-footer > .btn-danger:active.focus,
.modal-footer > .btn-danger:active,
.modal-footer > .btn-danger.active{
	color:#D60000;
	border: #D60000 1px solid;
	background-color: #ffffff;
	background-image: none;
	background-image: none;
	border-radius: 3px;
}
.input-group-btn .btn.btn-info {
	border: 1px solid #D60000;
	border-left: 0px;
}
.input-group > .btn-group.check_btn > .btn.not_active{
	border: solid 1px #D60000;
}
.input-group > .btn-group.check_btn > .btn.active{
	border: solid 1px #D60000;
}
.input-group > .btn-group.radio_btn > .btn.not_active{
	border: solid 1px #D60000;
	height: 30px;
}
.input-group > .btn-group.radio_btn > .btn.active{
	border: solid 1px #D60000;
	height: 30px;
}
/*--------------------------------------
  進捗状況表示
---------------------------------------*/
.nav-wizard > li.done:hover > a,
.nav-wizard > li:hover > a,
.nav-wizard > li > a:focus {
	color: #D60000;
}

.nav-wizard > li.active > a,
.nav-wizard > li.active > a:hover,
.nav-wizard > li.active > a:focus {
  color: #ffffff;
  background-color: #D60000;
}
.nav-wizard > li.active > a:after {
	border-left-color: #D60000;
  }
/*--------------------------------------
  場所予約
---------------------------------------*/
/* seatmap 通常セル */
td.sm_cell {
	color:black;
	background-color: #ffe2e2;
	border-color: #808080;
}

/* seatmap 選択中 */
td.sm_selected {
	background-color: #D60000;
	color: white;
}

/* seatmap 使用不可 */
td.sm_unable {
	background-color:#808080;
	color : #FFFFFF;
}

/* seatmap 非表示 */
td.sm_hidden {
	color: white;
	background-color: white;
}

/* seatmap(スタッフ) 予約済 */
td.sm_reserved {
	background-color:#ffcccc!important;
	color : black;
}

/* seatmap(スタッフ) 空席 */
td.sm_empty {
	color:black;
	background-color:white!important;
}

/*--------------------------------------
  ロッカー選択
---------------------------------------*/
/* ロッカー 選択可能 */
table.locker_table tbody tr td.enable {
	color:black;
	background-color: #ffe2e2;
}

/* ロッカー 選択不可 */
table.locker_table tbody tr td.unable {
	color : #FFFFFF;
	background-color:#808080;
}

/* ロッカー 選択中 */
table.locker_table tbody tr td.selected {
	color: white;
	background-color: #D60000;
}

/*--------------------------------------
  メディアクエリ
---------------------------------------*/
@media (max-width: 991px) {
	.form-horizontal .control-label:before{
		color: #D60000;
	}
}
/*--------------------------------------
  カレンダー（検索結果）
---------------------------------------*/
.cal_head {
	color: white;
	background: #D60000;
}

@media (max-width: 991px) {
	div.cal_head > div.active {
		background: #D60000 !important;
	}
}