/*
    box.用
    Valon様作成cssとは別の独自設定
*/
#main-bar{
	height: 50px;
}
div.mdl-layout__header-row{
	color: #00a73b;
}
div.mdl-layout__header-row .mdl-button--icon{
	width: 60px;
/*	height: 48px; */
	height: 60px;
	color: #00a73b;
}
#submenu_bar{
	background-color: #8ec31e;
	color: #fff;
	font-weight: bold;
	width: 100%;
	height: 48px;
	margin: 0;
}
#submenu_bar .mdl-button--icon{
	color: #fff;
}
.wrap{
	margin: 20px auto;
	width: 95%;
	min-height: 300px;
	margin-bottom: 50px;
}
span.current{
  background: #555;
  color: #fff;
  padding: 10px;
  text-decoration: none;
  border-right: 1px solid #fff;
}
a.other_page{
  background: #ccc;
  color: #fff;
  padding: 10px;
  text-decoration: none;
  border-right: 1px solid #fff;
}
a.other_page:hover{
  background: rgba(0,167,60,0.8);
}
.fa-angle-right.page-arrow{
    margin-left: 5px;
}
.fa-angle-left.page-arrow{
    margin-right: 5px;
}
.record_count{
    text-align: left;
    width: auto;
}
.error{
    color: red;
}
.error-message{
    color: red;
}
.text-center{
    text-align: center;
}
th.mdl-data-table__cell--non-numeric.bgGray{
    text-align: center;
}
button.sub-menu{
/*    background-color: dimgray; */
    width: 180px;
}
button.content{
    width: 180px;
	margin-left: 5px;
}
#main-loader{
	margin: 10px;
}
.mdl-data-table th{
	font-size: 14px;
}
.mdl-data-table td{
	font-size: 14px;
}
.mdl-data-table .fs12 th{
	font-size: 12px;
}
.mdl-data-table .fs12 td{
	font-size: 12px;
}
.mdl-card.wait{
	background-color: #ddd;
}
tr.wait{
	background-color: #ddd;
}
/*
#flashMessage{
	color: blue;
	font-size: 16px;
	font-weight: bold;
}
*/
/* リスト表示系テーブルで縦位置を中央に */
table.v-align-middle td{
	vertical-align: middle;
	padding-top: 0px;
}
.site-cards{
	margin-bottom: 30px;
	float: left;
}
.card-container{
	margin-bottom: 0px;
}
.fb{
  font-weight: bold;
}
.float{
  float: left;
}
.floatR{
  float: right;
}
.clear{
  clear: both;
}
table input{
	width: auto;
}
.display-inline{
	display: inline;
}
.mdl-button--raised {
	background: #00a73b;
	color: #fff;
	font-weight: bold;
	border-color: #9b8b8b;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
}

.mdl-button--raised:hover {
	background: rgba(0,167,60,0.8);
	border: 1px solid rgba(0,167,60,1.);
	color: #fff;
	font-weight: bold;
	border-color: #9b8b8b;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
}


.mdl-button--fab[disabled][disabled], .mdl-button--fab.mdl-button--disabled.mdl-button--disabled, .mdl-button--raised[disabled][disabled], .mdl-button--raised.mdl-button--disabled.mdl-button--disabled {
	background: #cddf80;
	color: black;
	font-weight: lighter;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12)
}

/*----------------------------------------
-- Material Design Lite Dialog
*/
.mdl-dialog {
    border: none;
    box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2);
    width: 280px;
}
.mdl-dialog__title {
    padding: 24px 24px 0;
    margin: 0;
    font-size: 2.5rem;
}
.mdl-dialog__actions {
    padding: 8px 8px 8px 24px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}
.mdl-dialog__actions > * {
    margin-right: 8px;
    height: 36px;
}
.mdl-dialog__actions > *:first-child {
    margin-right: 0;
}
.mdl-dialog__actions--full-width {
    padding: 0 0 8px 0;
}
.mdl-dialog__actions--full-width > * {
    height: 48px;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    padding-right: 16px;
    margin-right: 0;
    text-align: right;
}
.mdl-dialog__content {
    padding: 20px 24px 24px 24px;
    color: rgba(0,0,0, 0.54);
}
.dialog-container,
.loading-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: scroll;
    background: rgba(0, 0, 0, 0.4);
    z-index: 9999;
    opacity: 0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
}

.dialog-container > div {
    position: relative;
    width: 90%;
    max-width: 500px;
    min-height: 25px;
    margin: 10% auto;
    z-index: 99999;
    padding: 16px 16px 0;
}

.dialog-button-bar {
    text-align: right;
    margin-top: 8px;
}

.loading-container > div {
    position: relative;
    width: 50px;
    height: 50px;
    margin: 10% auto;
    z-index: 99999;
}

.loading-container > div > div {
    width: 100%;
    height: 100%;
}
.information-box{
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}
.information-title{
	width: auto;
	font-size: 24px;
	border-bottom: solid 1px;
}
.information-date{
	margin-top: 10px;
	text-align: right;
	font-size: 18px;
}
.information-content{
	line-height: 150%;
	margin-top: 10px;
	font-size: 18px;
}
.mdl-textfield__input{
	color: rgb(97,97,97);
}
.new-badge{
	color: #fff;
	background-color: #8ec31e;
}

.mdl-card.dashboard.summary{
	width: 300px;
}

.dashboard .mdl-card__title{
	padding: 7px 10px;
}
.dashboard .mdl-card__title .mdl-card__title-text{
	color: #00008b;
	font-size: 14px;
	font-weight: bold;
}
.dashboard .mdl-card__supporting-text{
	font-size: 18px;
}
.dashboard .mdl-card__actions{
	text-align: right;
}
.dashboard.summary .mdl-card__title{
	background-color: #dcdcdc;
}

.page-content{
	float: left;
	width: 100%;
	margin: 5px;
}


/* パンくず */
.breadcrumbs-wrapper {
    background: #f3f3f3;
}



/* キーワード選定のCSSカスタマイズ */

#grid_table .ui-widget-header, #grid_table_selected .ui-widget-header {
	border: 1px solid #eee;
	background: #eee;
}

#grid_table table.pq-grid-table, #grid_table_selected table.pq-grid-table  {
    border: 1px solid #eee;
}

#grid_table .pq-grid-inner, #grid_table_selected .pq-grid-inner {
    border: 1px solid #eee;
}

#grid_table .pq-grid-title.ui-corner-top, #grid_table_selected .pq-grid-title.ui-corner-top {
    /*font-size: 16px;
    padding: 12px 10px;
    color: #fff;*/
		display: none;
}

#grid_table table.pq-grid-header-table, #grid_table_selected table.pq-grid-header-table {
    background: #eee;
}

#grid_table table, #grid_table_selected table {
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12)!important;
		border-collapse: separate;
}


#grid_table.ui-widget-content, #grid_table_selected.ui-widget-content {
    border: #ddd!important;
    background: #fff!important;
}

#grid_table .ui-state-default, #grid_table .ui-widget-content .ui-state-default,  #grid_table.ui-widget-header .ui-state-default {
    /*border: 1px solid #ddd;*/
    background: #fff;
    font-weight: bold;
    color: #616161;
}

#grid_table_selected .ui-state-default, #grid_table_selected .ui-widget-content .ui-state-default,  #grid_table_selected.ui-widget-header .ui-state-default {
    /*border: 1px solid #ddd;*/
    background: #fff;
    font-weight: bold;
    color: #616161;
}

#grid_table .ui-widget-header .ui-icon, #grid_table_selected .ui-widget-header .ui-icon {
    /*display: none;*/
}

#grid_table .pq-grid-title-row .pq-td-div, #grid_table_selected .pq-grid-title-row .pq-td-div {
	  color: rgba(0,0,0,.54);
}

#grid_table .pq-grid-title-row .pq-td-div a, #grid_table_selected .pq-grid-title-row .pq-td-div a {
	  color: #ff4081!important;
		text-decoration: underline;
}

#grid_table .pq-td-div, #grid_table_selected .pq-td-div {
    font-size: 12px!important;
		color: #616161;
}
/*
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #fafafa!important;;
	background: #fafafa!important;
	font-weight: bold;
	color: #1d5987;
}
*/
#grid_table .pq-td-div *, #grid_table_selected .pq-td-div * {
    font-size: 12px!important;
}

#grid_table .pq-grid-footer *, #grid_table_selected .pq-grid-footer * {
	font-size: 16px!important;
	color: #616161;
}

#grid_table input.ui-corner-all, #grid_table_selected input.ui-corner-all {
    height: 22px;
}

#grid_table select.ui-corner-all, #grid_table_selected select.ui-corner-all {
    height: 25px;
}

.mdl-menu__item--full-bleed-divider {
	border-bottom: 1px solid rgba(0,0,0, 0.12);
}

/*
.ui-widget-header {
	border: 1px solid #00a73b !important;
	background: #00a73b !important;
	color: #ffffff !important;
}
.ui-widget-header a {
	color: #222222 !important;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #00a73b !important;
	background: #dcdcdc !important;
	color: #000000 !important;
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #fad42e;
	background: #00a73b !important;
	color: #ffffff !important;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #363636;
}
*/

ul.dropmenu{
  font-size: 24px;
  list-style-type: none;
  width: 60px;
/*  height: 48px; */
  height: 60px;
  margin: 0;
/*  padding: 0; */
  padding: 10px 0 0 0;
  position: relative;
  top: 0;
  float: left;
  min-width:32px;
  border-radius: 50%;
  /*  overflow: hidden; */
}
ul.dropmenu:hover{
  overflow: visible;
  background: rgba(158,158,158,.2);
}
ul.dropmenu li{
  position: relative;
  width: 60px;
  height: 48px;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}

ul.dropmenu li a{
  display: block;
  width: 48px;
  height: 48px;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
  color: #00a73b;
}

ul.dropmenu li a:hover{
  background-color: #eee;
  color: rgba(0,0,0,.87);
}
ul.dropmenu li i{
  top: 24px;
  left: 24px;
  margin-top: 5px;
}
ul.dropmenu li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  z-index: 999;
}
ul.dropmenu li:last-child ul{
  left: -100%;
  width: 100%;
}
ul.dropmenu li ul li{
  overflow: hidden;
  width: 270px;
  height: 0;
  color: rgba(0,0,0,.87);
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}
ul.dropmenu li ul li.divider{
  border-bottom:1px solid #fff;
}
ul.dropmenu li ul li a{
  padding: 17px 15px;
  background: #888;
  text-align: left;
  font-size: 14px;
  font-weight: normal;
  width: 240px;
  height: 14px;
  color: #fff; /* rgba(0,0,0,.87) ; */
}
ul.dropmenu li:hover ul li{
  overflow: visible;
  height: 48px;
}
ul.dropmenu li:hover ul li:first-child{
  border-top: 0;
}
ul.dropmenu li:hover ul li:last-child{
  border-bottom: 0;
}
ul.dropmenu li:hover ul li:last-child a{
  border-radius: 0 0 3px 3px;
}

/* アイコンにテキストを追加 */
.icon-text {
    font-size: 7.5px;
    margin-top: -7.5px;
    padding: 0 0 0 0;
}
.fa-icon-text {
    font-size: 7.5px;
    margin-top: -5px;
    padding: 0 0 0 0;
}
.mdl-icon-text {
    font-size: 7.5px;
/*    margin-top: 25px; */
    margin-top: 30px;
    padding: 0 0 0 0;
}
.qu-icon-text {
    font-size: 7.5px;
    margin-top: -8px;
    padding: 0 0 0 0;
}
#movies > i:nth-child(1), #information > i:nth-child(1), #inquiry > i:nth-child(1) {
    margin-top: -5px;
}
#guides {
    margin-top: 5px;
}
div.account_info{
	height: 60px;
}
.copyright-section a{
	color: #FFF;
}
.mdl-mega-footer{
	color: #FFF;
	clear: left;
	background-color: #8ec31e;
}

#downloadcsv {
	color: #fff;
	background: #00a73b;
	border: none;
	border-radius: 3px;
	margin: 8px;
	padding: 10px 14px;
	font-size: 11px;
	text-decoration: none;
}