/* ---------------------------------------------------------------------------*/
/* ファイル名：base.css                                                       */
/* 　　　用途：ページ全体に関するCSS                                          */
/* 　変更履歴：2021.06.19 新規作成                                            */
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/* 全体の基本フォント                                                              */
/* ---------------------------------------------------------------------------*/
body { 
    font-size : 16px;
    font      : font-family 'メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
}

.err_msg {
	color					: #FF0000;
	font-size				: 16px;
	font-weight				: bold;
	padding-top				: 6px;
	padding-bottom			: 6px;
}

.header {
	width					: 100%;
	text-align				: center;
	background-color		: #e5e5e5;
	border					: solid 0 #ffffff;
}

.footer {
	padding-top				: 30px;
	width					: 100%;
	text-align				: center;
	border					: solid 0 #ffffff;
}
	
.img1 {
    display      : block;
    margin-left  : auto;
    margin-right : auto;
}

.tb1 {
	border-collapse		: collapse;
	margin-left			: auto;
	margin-right		: auto;
	border				: solid 1px #CCC;
}

.tb2 {
	border-collapse		: collapse;
	margin-left:auto;
	margin-right:auto;
	border:solid 0px #FFF;	
}

.lb1 {
	background-color		: #dc143c;
	color					: #FFFFFF;
	font-size				: 16px;
	text-align				: center;
	padding-top				: 6px;
	padding-bottom			: 6px;
	border					: solid 1px #CCC;	
}

.lb2 {
	color					: #000000;
	font-size				: 16px;
	padding-left			: 10px;
	padding-top				: 6px;
	padding-bottom			: 6px;
	text-align				: left;
	border					: solid 1px #CCC;
	background-color		: #EEE;	
}

.lb3 {
	padding-top				: 6px;
	text-align				: center;
	border					: solid 0px #FFF;	
}

.lb4 {
	background-color		: #d3d3d3;
	color					: #000000;
	font-size				: 16px;
	text-align				: center;
	padding-top				: 6px;
	padding-bottom			: 6px;
	border					: solid 1px #999999;	
}

.lb5 {
	color					: #000000;
	font-size				: 16px;
	border					: solid 1px #CCC;
	background-color		: #EEE;	
}

.lb6 {
	color					: #FFFFFF;
	font-size				: 16px;
	padding-left			: 10px;
	padding-top				: 6px;
	padding-bottom			: 6px;
	text-align				: left;
	border					: solid 0px #CCC;
	background-color		: #BBB;	
}

.lb7 {
	padding-top				: 10px;
	text-align				: center;
	border					: solid 0px #FFF;
	vertical-align			: top;	
}

.vl1 {
	color					: #000000;
	padding-left			: 10px;
	padding-top				: 6px;
	padding-bottom			: 6px;
	text-align				: left;
	border					: solid 1px #CCC;	
}

.vl2 {
	color					: #000000;
	padding-left			: 10px;
	padding-top				: 6px;
	padding-bottom			: 6px;
	text-align				: left;
	border					: solid 1px #999999;	
}

.vl3 {
	color					: #000000;
	padding-left			: 10px;
	padding-top				: 6px;
	padding-bottom			: 6px;
	text-align				: center;
	border					: solid 1px #999999;	
}

.vl4 {
	color					: #000000;
	padding-top				: 6px;
	padding-bottom			: 6px;
	text-align				: center;
	border					: solid 1px #999999;	
}

.vl5 {
	color					: #000000;
	padding-left			: 10px;
	padding-top				: 6px;
	padding-bottom			: 6px;
	text-align				: left;
	border					: solid 1px #999999;
	font-size				: 16px;	
}

.vl6 {
	color					: #000000;
	padding-left			: 10px;
	padding-top				: 6px;
	padding-bottom			: 6px;
	text-align				: left;
	border					: solid 0px #CCC;
	font-size				: 16px;	
}

.se_msg1 {
	padding-top				: 1.5em;
	padding-left			: 50px;
	padding-right			: 50px;
	font-size				: 30px;
	width                   : 650px;
}

.se_msg2 {
	padding-top				: 1.0em;
	padding-left			: 50px;
	padding-right			: 50px;
	font-size				: 20px;
	width                   : 650px;
}

.se_link {
	padding-top				: 20px;
	padding-bottom			: 20px;
	font-size				: 20px;
	text-align				: center;
	width                   : 650px;
}

.pt {
	text-align				: center;
	border					: solid 0px #FFFFFF;
	font-size				: 30px;
}

.gm1 {
	text-align				: right;
	font-size				: 16px;
}

.mgb10 {
	margin-bottom			: 10px;
}

.tal {
	text-align				: left;
}

.mark1 {
    padding					: 3px 10px;
    background-color		: #3880c3;
    color					: #FFFFFF;
    box-shadow				: 0 0 5px 1px #ccc;
    border-radius			: 5px;
    font-size				: 16px;
}

.mark2 {
    padding					: 3px 10px;
    background-color		: #8bbde5;
    color					: #000000;
    box-shadow				: 0 0 5px 1px #ccc;
    border-radius			: 5px;
    font-size				: 16px;
}

.mark3 {
    padding					: 3px 10px;
    background-color		: #a9a9a9;
    color					: #000000;
    box-shadow				: 0 0 5px 1px #ccc;
    border-radius			: 5px;
    font-size				: 16px;
}
	
/* ---------------------------------------------------------------------------*/
/* フォーム関連                                                              */
/* ---------------------------------------------------------------------------*/
/* 入力フィールド1 */
input.fld1 {
	height					: 30px;
	width					: 300px;
}

input.fld2 {
	height					: 30px;
	width					: 30px;
}

/* ボタン1 */
input[type="submit"] {
  display       : inline-block;
  border-radius : 2%;						/* 角丸			*/
  font-size     : 18pt;						/* 文字サイズ		*/
  text-align    : center;					/* 文字位置		*/
  cursor        : pointer;					/* カーソル		*/
  padding       : 12px 12px;				/* 余白			*/
  background    : #dc143c;				/* 背景色		*/
  color         : #ffffff;				/* 文字色		*/
  line-height   : 20px;						/* 1行の高さ		*/
  transition    : .3s;						/* なめらか変化		*/
  box-shadow    : 5px 5px 5px #666666;	/* 影の設定		*/
  border        : 2px solid #ee0000;		/* 枠の指定		*/
}
input[type="submit"]:hover {
  opacity		: 0.6;
}

/* リンクボタン1 */
.linkb1 {
  display       : inline-block;
  border-radius : 5%;          /* 角丸       */
  font-size     : 16pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 12px 12px;   /* 余白       */
  background    : #990000;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  box-shadow    : 6px 6px 3px #666666;  /* 影の設定 */
  border        : 2px solid #990000;    /* 枠の指定 */
  text-decoration : none; /* リンク下線削除 */
}
.linkb1:hover {
	opacity		: 0.6;
}

/* リンクボタン2 */
.linkb2 {
  display       : inline-block;
  font-size     : 12pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 6px 6px;   /* 余白       */
  background    : #990000;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  border        : 2px solid #990000;    /* 枠の指定 */
  text-decoration : none; /* リンク下線削除 */
  font-weight	: bold; /* 太字 */
}
.linkb2:hover {
	opacity		: 0.6;
}

.ta1 {
  	resize:none; 
}

.sb1 {
  	width:150px;
  	height:30px;
  	font-size:16px; 
}

/* ---------------------------------------------------------------------------*/
/* スケジュールリスト関連                                                            */
/* ---------------------------------------------------------------------------*/
.schedule_count {
	background-color		: #FFFFFF;
	text-align				: left;
	font-size				: 20px;
}

.schedule_listmax {
	background-color		: #FFFFFF;
	text-align				: left;
}

.schedule_page_link {
	background-color		: #FFFFFF;
	padding-bottom			: 3px;
	text-align				: center;
	font-size				: 16px;
}
.pagelink {
	background-color		: #e6e6fa;
	border					: solid 1px #d3d3d3;
	text-align				: center;
}

.pagelink2 {
	background-color		: #e6e6fa;
	border					: solid 1px #d3d3d3;
	text-align				: center;
}		

.pagelink:hover {
	background-color		: #b0c4de;
}
.schedule_list_table {
	margin-left				: auto;
	margin-right			: auto;
	border					: solid 1px #CCC;
}

.schedule_list_table_title {
	background-image		: linear-gradient(bottom, #d3d3d3 0%, #c0c0c0 92%);
	background-image		: -o-linear-gradient(bottom, #d3d3d3 0%, #c0c0c0 92%);
	background-image		: -moz-linear-gradient(bottom, #d3d3d3 0%, #c0c0c0 92%);
	background-image		: -webkit-linear-gradient(bottom, #d3d3d3 0%, #c0c0c0 92%);
	background-image		: -ms-linear-gradient(bottom, #d3d3d3 0%, #c0c0c0 92%);
	font-size				: 14px;
	text-align				: center;
	vertical-align			: middle;
	border					: 1px solid #808080;
}

.schedule_list_table_value {
	color					: #000000;
	font-size				: 14px;
	border					: 1px solid #808080;
	padding-top				: 5px;
}

#sch_id {
	text-align				: center;
	vertical-align			: top;
	padding-top				: 5px;
}

#sch_title {
	text-align				: left;
	vertical-align			: top;
	padding					: 5px;
}

#required_time {
	text-align				: left;
	vertical-align			: top;
	padding					: 5px;
}

#place {
	text-align				: left;
	vertical-align			: top;
	padding					: 5px;
}

#decided_date {
	text-align				: left;
	vertical-align			: top;
	padding					: 5px;
}

#delete_date {
	text-align				: center;
	vertical-align			: top;
	padding-top				: 5px;
}

#description {
	text-align				: left;
	vertical-align			: top;
	padding					: 5px;
}

#username {
	text-align				: left;
	vertical-align			: top;
	padding					: 5px;
}

#comment {
	text-align				: left;
	vertical-align			: top;
	padding					: 5px;
}

#visible {
	text-align				: center;
	vertical-align			: top;
	padding-top				: 5px;
}

#created {
	text-align				: left;
	vertical-align			: top;
	padding					: 5px;
}

#modified {
	text-align				: left;
	vertical-align			: top;
	padding					: 5px;
}

#active {
	text-align				: center;
	vertical-align			: top;
	padding-top				: 5px;
}

#status {
	text-align				: center;
	vertical-align			: top;
	padding-top				: 5px;
}

#delete {
	text-align				: center;
	vertical-align			: top;
	padding-top				: 5px;
}

a.link1 {
	text-decoration			: underline;
}