/*
 * 機能名：スケジュール管理システムスタイルシート
 *
 * 作成者：(株)システムプラン
 * 作成日：2019/11/27 SP19-DEV01
 *
 * 最終修正：
 */
body{
	width: 100%;
	text-align: left;
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	font-family: 'メイリオ', Meiryo, 'Lucida Grande', Verdana, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', sans-serif;

}

/*リンクスタイル */
a {
	color: #0000ff;
	text-decoration: none;
}
/*
a:visited {
}
a:active {
	color: #ff0000;
}
a:hover {
	background: linear-gradient(to bottom, #ffffff, #ffee00);
}
*/

/**/
.normal{
	font-size: 100%; color: #333333;
}

/**/
.normalgray{font-size: 80%; color: #999999;}

/**/
.holiday{
	font-size: 75%;
	color: #D15252;
	margin: 1em 1em auto 4px;
	line-height: 1.5em;
}

.event_static{
	font-size: 75%;
	color: #cccccc;
	margin: 1em 1em 0.5em 4px;
	line-height: 1.5em;
	display: block;
}

.event_static a{
	color: #cccccc;
}

/* 前月・前週・今週・翌週・翌月ナビ */
.size1{
	font-size: 95%; color: #666666;
}
.size1 a:hover{
	background: linear-gradient(to bottom, #ffffff, #ffee00);
}

.imgicon{margin: 0px 1px 0px 1px;}
.keiji{
	color: #666666;
	font-size: 80%;
	width: 700px;
	text-align: left;
	margin: 0 auto 0.5em auto;
	padding: 5px;
	background-color: #fefaef;
}
.keiji a{
	color: #666666;
	text-decoration: none;
}

.res{
	color: #666666;
	font-size: 90%;
	text-align: left;
	margin: 0;
	padding: 0 0.5em 0 0.5em;
	background-color: #EDE4A7;
}
h1{
	width: 840px;
	font-weight: bold;
	font-size: 120%;
	color: #666666;
	margin: 0 auto 1em;
	padding: 0.5em;
}

/* 画面タイトル */
.headerh1{
	color: #FFFFFF;
	text-decoration: none;
	background-color:#00008B;
	font-size:20px ;
	font-family: 'メイリオ', Meiryo, 'Lucida Grande', Verdana, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', sans-serif;
}
/* 画面タイトル)リンク */
.headerh1 a{
	color: #FFFFFF;
}
/* 画面タイトル)リンク */
.headerh1 a:hover{
	color: #FFEE00;
	background-color: #00008B;
	background:00008B;
}

h2{
	font-weight: bold;
	font-size: 100%;
	color: #666666;
}

h2#title{
	font-weight: normal;
	font-size: 80%;
	color: #666666;
	margin: 0.5em;
	padding: 0.5em;
	width: 700px;
	text-align: left;
	margin: 1em auto 1em auto;
	border-left: 3px solid #f2eeee;
	text-shadow: white 0px 1px 0px;
}


#pageimage{text-align: center; width: 100%; margin: 0 0 3em auto;}
#header1{
	margin: 0 auto 0 auto;
	width: 850px;
	text-align: center;
}
#header2{
	margin: 0 auto 0 auto;
	width: 800px;
	text-align: left;
	background: url(image/bkgrd02.jpg) 50% 50% repeat-x;
	border-top: 1px #eeeeee solid;
	border-bottom: 1px #dddddd solid;

}

#header3{
	margin: 0 auto 1em auto;
	padding: 0.2em;
	width: 800px;
	text-align: right;
	background: url(image/bkgrd02.jpg) 50% 50% repeat-x;
	border-top: 1px #eeeeee solid;
	border-bottom: 1px #dddddd solid;

}

.hanrei{
	text-align: center;
	vertical-align: middle;
	margin: 0.5em 0.5em 0.5em 0.5em;
	padding: 0.5em 0.5em 0.5em 0.5em;
	font-size: 90%;
	color: #666666;
    height: auto;
}
.forprint{display: none;}

table.inputbar {
	margin: 0.5em auto 0.5em auto;
	text-align: center;
	border: none;
}

.inputbar1 {
	margin: 0.3em auto 0.3em auto;
	font-size: 90%;
	text-align: left;
	border: none;
	background-color: #fafaec;
	padding: 0.3em;
}

/* 添付ファイル選択 */
.inputbar2 {
	margin: 0.3em auto 0.3em auto;
    font-size: 90%;
	text-align: left;
	border: none;
    background-color: #fdfdfd;
    padding: 0.3em;
}

td.dateinput{
	font-size: 80%;
	color: #666666;
	background-color: #ebebeb;
	padding: 6px;
}

/* カレンダー */
table.calendar1 {
	margin: 0 auto 0 auto;
	border: solid 1px #bbbbbb;
	border-collapse: collapse;
	table-layout: fixed;
	width: 840px;
}

/* カレンダー */
table.calendar1 tr td{
	font-size: 100%;
	color: #222222;
	height: 5em;
	vertical-align: top;
	border: solid 1px #cccccc;
	margin: 0;
	padding: 0;
	line-height: 0.8em;
	white-space: normal;
	width: 130px !important;
	word-wrap: break-word;
}

/* 平日 */
div.datenormal a{
	color: #000000;
}

/* 土曜 */
div.datesat a{
	color: #0000FF;
}

/* 日曜 */
div.datesun a{
	color: #FF0000;
}

/* 平日・土曜・日曜のマウスON時 */
div.datenormal a:hover,
div.datesat a:hover,
div.datesun a:hover{
	width: 130px;
	height: 2em;
	line-height: 2em;
	padding: 0;
	display: table-cell;
	vertical-align: middle;
	position: relative;
	background:linear-gradient(to bottom, #ffffff 10%, #fbb700);
}

/* 平日・土曜・日曜 */
div.datenormal,
div.datesat,
div.datesun{
	width: 130px;
	height: 2em;
	line-height: 2em;
	padding: 0;
	font-size: 75%;
	font-weight: bold;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	position: relative;
	text-shadow: white 2px 2px 0px;
	font-family: 'メイリオ', Meiryo, 'Lucida Grande', Verdana, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', sans-serif;
}

/* 平日・土曜・日曜 */
div.datenormal a,
div.datesat a,
div.datesun a{
	position:absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
}

/* カレンダ内の年月文字 */
.monthsmall{
    font-size: 70%;
    color: #000000;
}

.c1{
	font-size: 90%;
	color: #111111;
	margin: 2px 2px 0.4em 2px;
	padding: 5px;
	display: block;
	line-height: 1.1em;
}

/* カレンダ内の情報 */
.c1:visited{
	color: #554444;
	margin: 2px 2px 0.4em 2px;
	display: block;
}
.c1 a{
	text-decoration: none;
}
.c1 a:hover{
    font-weight: bold;
	text-decoration: underline;
}

/* カレンダ内の情報 */
.c2{
	font-size: 90%;
	color: #111111;
	margin: 4px 4px 0.4em 0px;
	padding: 1px;
	display: inline;
}

/* カレンダ内の時間 */
.c1time{
    margin-left: -4px;
    font-weight: bold;
    color: #111111;
}

/* カレンダ内のメンバアイコン */
.membericon{
    font-size: 80%;
    padding: 1px 2px 1px 2px;
    color: white;
    margin: -1px;
    line-height: 2em;
}

/* カレンダ内の詳細アイコン */
.detlicon{
	font-size: 80%;
	padding: 1px 2px 1px 2px;
	color: white;
	margin: -1px;
	line-height: 2em;
	background-color:#000080;
}

.br1{line-height: 0.5em; margin: 0 0 0 0;}
.clear{clear: both;}


.inputzone{
	width: 700px;
}
.inputzone textarea{
	display: inline;
}
.inputzoneinput{
	float: right;
}

.tdheader1{
	vertical-align:bottom;
	text-align: center; 
	font-size: 50%; 
	color: #333333; 
	background-color: #eeeeee;
	margin: 3px; padding: 3px; 
}
.table1{
	margin: 0 auto 0 auto;
}

span.marker1{background-color: #FBFDD0;}
.alert{color: #FF0000; font-weight: bold;}

.footer{
	margin: 0.5em auto 0.5em auto;
	color: #666666;
	font-size: 80%;
}
.footer a{
	text-decoration: none;
}
.footerlogo{
	text-align: left;
	padding: 0;
	float: left;
}

/* ログイン画面へ戻るリンク */
.footer3{
	padding: 0.5em 0 0 0;
	color: #0000ff;
	font-size: 80%;
	width: 840px;
	height: 30px;
	text-align: left;
}

.footer3 a:hover{
	background: linear-gradient(to bottom, #ffffff, #ffee00);
}

.dummy
{padding: 0;}

.syukei2{height: 1em;}
.numeric{
	font-size: 80%;
	text-align: right;
	vertical-align: middle;
	color: #333333;
	padding: 2px;
	width: 100%;
}

.disable{
	color: #999999;
}

.week{
	font-size: 80%;
	font-weight: bold;
}

table.calendar1 tr td.weektd_0{
	font-size: 100%;
	color: #ffffff;
	height: 1.5em;
	vertical-align: middle;
	border: solid 1px #cccccc;
	margin: 0; padding: 0;
	line-height: 1em;
	text-align: center;
	width: 120px;
}

table.calendar1 tr td.weektd_1,
table.calendar1 tr td.weektd_2,
table.calendar1 tr td.weektd_3,
table.calendar1 tr td.weektd_4,
table.calendar1 tr td.weektd_5{
	font-size: 100%;
	color: #6A6A6A;
	height: 1.5em;
	vertical-align: middle;
	border: solid 1px #cccccc;
	margin: 0; padding: 0;
	line-height: 1em;
	text-align: center;
	width: 120px;
}

table.calendar1 tr td.weektd_6{
	font-size: 100%;
	color: #ffffff;
	height: 1.5em;
	vertical-align: middle;
	border: solid 1px #cccccc;
	margin: 0; padding: 0;
	line-height: 1em;
	text-align: center;
}

/* 本日を示すマーク */
.today{
	background-color: #fa7465;
	line-height: 3px;
	margin: 0 0 0 0;
}

.focus{
	background-color: #859cd0;
	line-height: 3px;
	margin: 0 0 0 0;
}

.todaydate{
	font-size: 150%;
	font-weight: bold;
	margin: 0em;
	color: #333333;
}


.currentYear{
	background-color: #FCEAB4;
	padding: 2px;
	width: 400px;
}

/* 画面上部ナビの年 */
.silent{
	font-size: 80%;
	color: #dddddd !important;
	line-height: 1em;
}

/* カレンダ上部の月ナビ */
/*
.monthNavi a .currentMonth{
	color: #2f8ae6;
	text-decoration: none;
	background-color: #FCEAB4;
}
*/

.monthNavi a{
	font-size: 90%;
	color: #0000ff;
	text-decoration: none;
}

.monthNavi a:hover{
	background: linear-gradient(to bottom, #ffffff, #ffee00);
}
.navi{
	margin:0.5em auto 0.5em auto;
}

/* カレンダ下部のナビ */
.yymmNavi a{
	color: #0000ff;
	text-decoration: none;
	font-size: 110%;
}

.yymmNavi a:hover{
	background: linear-gradient(to bottom, #ffffff, #ffee00);
}

.ondayevent{padding: 2px; margin: 2px;}

#member dt{float: left; font-size: 90%;background-color: #00ffff; margin: 5px; padding: 10px; width: 10em;}
#member dd{text-align:left; padding-left: 15em; border: 1px solid #ff0000; font-size: 90%; background-color: #00ff00; margin: 5px; padding: 10px;}
.config{font-size: 80%;}
.config{
	font-size: 80%;
	margin: 0 auto 0 auto;
	border: solid 1px #666666;
	border-collapse: collapse;
}

.config td{
	border: solid 1px #999999;
	padding: 0.5em;
}

.configtitle{
	border: solid 1px #999999;
	padding: 0.5em;
	background-color: #f0ece6;
	text-align: left;
	font-size: 90%;
	font-weight: normal;
}

#member_table{
	font-size: 100%;
	margin: 0 auto 0 auto;
	border: solid 1px #666666;
	border-collapse: collapse;
}
#member_table thead th{font-size: 90%;}
#member_table tr td {font-size: 99%;}

.normal{
	font-size: 90%;
	color: #666666;
	text-align: left;
}

.member{
	font-size: 90%;
}

.member_small{
	font-size: 50%;
}

.navibutton{
	padding: 0.0em 0.1em 0.0em 0.1em;
}

.button{
	padding: 0.4em 1em 0.4em 1em;
}

table.admin1 {
	margin: 0 auto 0 auto;
	border: solid 1px #bbbbbb;
	border-collapse: collapse;
    table-layout: fixed;
}

table.admin1 thead tr th{
	font-size: 80%;
	font-weight: 100;
	color: #333333;
	vertical-align: middle;
	border: solid 1px #cccccc;
	margin: 0; padding: 0.3em;
	line-height: 1em;
	background-color: #ebfff5;
	white-space: normal;
	word-wrap: break-word;
}
.member_colnames_second{
	font-size: 80%;
	font-weight: 100;
	color: #000000;
}

/* 設定画面 */
table.admin1 tbody tr td{
	font-size: 90%;
	color: #000000;
	text-align: center;
	vertical-align: middle;
	border: solid 1px #cccccc;
	margin: 0; padding: 0;
	line-height: 1em;
	background-color: #ffffff;
	white-space: normal;
	word-wrap: break-word;
}

.col_required{
	font-size: 70%;
	color: #ff0000;
}

.error_msg{
	border: 1px #fd7676 solid;
	padding: 1em;
	margin: 1em;
	font-size: 100%;
	color: #d85151;
}

.msg{
	margin: 0 auto;
	text-align: left;
	font-size: 80%;
}

/* 設定画面 */
.conf_table_header{
	font-size: 100%;
	font-weight: 100;
	color: #333333;
	text-align: left;
	vertical-align: middle;
	border: solid 1px #cccccc;
	margin: 1em;
	padding: 0.8em;
	line-height: 1.5em;
	background-color: #fcf8e3;
	white-space: normal;
	word-wrap: break-word;
	height: 3em;
	width: 20em;
}

.pickup{
	margin: 0 auto 1em;
	border-collapse: collapse;
	width: 840px;
}
.pickup_title{
	font-size: 40%;
	color:#cccccc;
	text-align: left;
	margin: 1 1 1 1;
	padding: 0px;
}

.pickup tr td{
	background-color: #ffffff;
	border: 1px solid #fefefe;
	font-size: 70%;
	padding: 2px;
}

/* Tool tip */
.tooltip {
	position: relative;
	display: inline-block;
	display: inline;
}

/* Tooltip text */
.tooltip .tooltiptext {
	visibility: hidden;
	width: 120px;
	background-color: #57658b;
	color: #ffffff;
	text-align: center;
	padding: 5px 0;
	border-radius: 6px;
	position: absolute;
	z-index: 1;
}

.tooltip:hover .tooltiptext {
	visibility: visible;
}

.tooltip .tooltiptext {
	width: 120px;
	top: 100%;
	left: 50%; 
	margin-left: -60px;
	font-size: 80%;
}

.tooltip .tooltiptext::after {
	content: " ";
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent #57658b transparent;
}

.tooltip .tooltiptext {
	opacity: 0;
	transition: opacity 1s;
}

.tooltip:hover .tooltiptext {
	opacity: 1;
}

#search{
	margin: 1em;
}

/* 検索結果 */
.search_table{
	margin: 0 auto 0 auto;
	border: solid 1px #bbbbbb;
	border-collapse: collapse;
	table-layout: fixed;
	width: 840px;
	font-size:90%;
}
/* 検索結果 */
.search_table tr td{
	margin: 0 0 0 0;
	border: solid 1px #cccccc;
}
/* 検索結果 */
.search_table thead tr th{
	margin: 0 0 0 0;
	border: solid 1px #cccccc;
	background-color: #e5e5e5;
}

.tags{
	font-size: 70%;
	color: #9999cc;
	margin: 1em auto 1em auto;
}

.tags a{
	font-size: 70%;
	color: #9999cc;
}

.coloricon{
	width: 4em;
	height: 0.8em;
	margin: 3px;
	font-size: 50%;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	padding: 0em 1em 0em 1em;
	border-radius: 5px;
}

.marker{
	color: #e8bdbd;
	font-size: 80%;
}

table.import{
	width: 80%;
	font-size: 90%;
	margin: 0 auto 0 auto;
	border: solid 1px #666666;
	border-collapse: collapse;
}
table.import th{
	background-color: #eeeeee;
	border: solid 1px #999999;
}

table.import td{
	background-color: #ffffff;
	border: solid 1px #999999;
}

.code{
	padding: 0.5em 1em;
	margin: 1em 0 1em;
	background: #fffaf0;
	border: dashed 2px #ffd6a6;
}

.inputmode{
	background-color: #fda8a8;
	border-radius: 6px;
	text-align: center;
	padding: 0.5em 1em 0.05em 1em;
	color: white;
	font-size: 80%;
	width: 20em;
	margin: 0 auto 0 auto;
	vertical-align: center;
}

/* ログイン処理ボタン */
.lgin_bttn{
	width:150px ;
	height:35px ;
	font-size: 100%;
	font-weight:bold ;
	background:linear-gradient(to bottom, #ffffff, #cccccc);
	border: 1px solid #bbbbbb;
}
.lgin_bttn:hover{
	font-weight:bold ;
	background:linear-gradient(to bottom, #ffffff, #fbb700);
	border: 1px solid #fbb700;
}
/* 編集エリア処理ボタン */
.edit_bttn{
	width:150px ;
	height:35px ;
	font-size: 90%;
	font-weight:bold ;
	background:linear-gradient(to bottom, #ffffff, #cccccc);
	border: 1px solid #bbbbbb;
}
.edit_bttn:hover{
	font-weight:bold ;
	background:linear-gradient(to bottom, #ffffff, #fbb700);
	border: 1px solid #fbb700;

}
/* 編集エリア背景色 */
.edit_back_colr{
	background-color:#ebfff5; /* 薄緑 */
}
/* 編集エリア外枠線色 */
.edit_line_colr{
	background-color:#dddddd; /* 薄灰 */
}
/* 検索ボタン */
.srch_bttn{
	width:70px ;
	height:30px ;
	font-size: 90%;
	font-weight:bold ;
	background:linear-gradient(to bottom, #ffffff, #cccccc);
	border: 1px solid #bbbbbb;
}
.srch_bttn:hover{
	font-weight:bold ;
	background:linear-gradient(to bottom, #ffffff, #fbb700);
	border: 1px solid #fbb700;
}
/* 翌日・翌週・翌月・翌年コピーボタン */
.copy_bttn{
	width:100px ;
	height:30px ;
	font-size: 90%;
	font-weight:bold ;
	background:linear-gradient(to bottom, #ffffff, #cccccc);
	border: 1px solid #bbbbbb;
}
.copy_bttn:hover{
	font-weight:bold ;
	background:linear-gradient(to bottom, #ffffff, #fbb700);
	border: 1px solid #fbb700;
}
/* ナビボタン */
.navi_bttn{
	width:100px ;
	height:30px ;
	font-size: 100%;
	background:linear-gradient(to bottom, #ffffff, #cccccc);
	border: 1px solid #bbbbbb;
}
.navi_bttn:hover{
	background:linear-gradient(to bottom, #ffffff, #fbb700);
	border: 1px solid #fbb700;
}