@charset 'utf-8';

/*login画面*/
.mdl-layout {
	align-items: center;
  justify-content: center;
  overflow-y: auto;
  min-width: 1000px;
  min-height: 850px;
}
.mdl-layout__content {
	padding: 24px;
	flex: none;

}

/*ログインカード*/
.mdl-card.login {
  float:left;
  margin-left:5px;
  margin-right:5px;
  min-height: 500px;	
}

.mdl-card__supporting-text {
  padding: 25px !important;
}

/*お知らせカード*/
#notice_all_Card{
  float:left;
  margin-left:5px;
  margin-right:5px;
  width:600px;
  min-height: 500px;
  max-height: 800px;

}

/*詳細表示ボタン*/
td.mdl-button.mdl-js-button.mdl-button--icon{
  height:24px;
  width:24px;
  margin-top: 12px;
  padding-left: 12px;
}

/*カード画像部分*/
.mdl-card__title {
  color: #fff;
  height: 200px;
  
  background: url('../images/splash.png');
  background-size:100%; 
}


/*カード画像部分*/
.mdl-card__title.all-notice {
  color: #fff;
  background:none;
  height: 100px;
  background-size:100%; 
}

/*説明（管理ツールへのログインを行います。*/
.mdl-card__supporting-text.card_sub {
	background: lavender;

}

/*ログインボタン背景*/
.mdl-card__actions.mdl-card--border {
    border-top: 1px solid rgba(0,0,0,.1);
    text-align: center;
}

/*詳細表示ボタンサイズ*/
.mdl-button--icon
{
  min-width: 32px !important;
  min-height: 32px !important;
}

/*詳細表示*/
.square-card.mdl-card.mdl-shadow--2dp.more
{
    position: absolute;
    left: 320px;
    top: 400px;
    max-width: auto;
		z-index: 3;
		background-color: #d8d8f7;
		min-height: 100px;
}


/*テーブルサイズ*/
.mdl-data-table 
{
  width: 100%;
  border: 0px !important;
}

/*詳細表示*/
.mdl-data-table.full
{
  background-color: rgba(230, 230, 250, 0) !important;
  /*width: 850px;*/
  width: 100%;
}

/*詳細表示の改行設定*/
.cellset
{
  word-break: break-all;
  white-space: normal;
}

/*テーブル項目位置*/
.mdl-data-table th 
{
  text-align: left !important;
}

/*テーブル影取り消し*/
.mdl-shadow--2dp 
{
  box-shadow: 0 2px 2px 0 rgba(0,0,0,0), 0 3px 1px -2px rgba(0,0,0,0), 0 1px 5px 0 rgba(0,0,0,0) !important;
}

/*お知らせヘッダー*/
.mdl-card__title.all-notice 
{
  background-image: url("../images/infohead.png");
  background-size: cover !important;
  height: 70px !important;
}

/*スクロールバー*/
 .box_srcollbar 
 {
   overflow-y: auto;
   overflow-x: hidden;
   max-height:700px;
   padding: 5px;
}

/*テーブル表示文字制限*/
p.summary{
  width: 230px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis; /* Opera9,10対応 */
      margin: 0 0 0px;

  font-size: 12px;
}

p.title{
  width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis; /* Opera9,10対応 */
      margin: 0 0 0px;
  font-size: 12px;
}

p.imp{
  width: 70px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis; /* Opera9,10対応 */
      margin: 0 0 0px;
  font-size: 12px;
}

p.viewstart{
  width: 80px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis; /* Opera9,10対応 */
      margin: 0 0 0px;
  font-size: 12px;
}

/*続きを見るボタン表示位置*/
.buttonpossition
{
  float: left;
}

/*チェックボックス表示設定*/
.mdl-checkbox.chkperiod
{
  width: 200px;
  margin-left: 350px;
}

.mdl-checkbox__label.chkperiod
{
  font-size: 13px;
}

/*お知らせリストカードのテーブル用設定*/
.noticetable th {
    padding: 0px !important;
    text-align: right;
}

.noticetable td{
  padding: 0px !important;
}

.noticetable td:first-of-type, .mdl-data-table th:first-of-type {
    padding-left: 0px !important;
}
