@charset "UTF-8";
html {
    margin-bottom:1px;
    height:100%;
    overflow-y: scroll;
    }

body { 
margin:0px;
/*font-family:メイリオ,Meiryo,sans-serif,'ＭＳ ゴシック';*/
font-family: "Meiryo","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
}

table.timeline td {
width:30px;
border-bottom: solid 1px #cccccc;
}

.new-entry {
    animation-name: newfadein;
    animation-duration: 2s;
    animation-iteration-count: 1;
}
#new-entry {
    animation-name: newfadein;
    animation-duration: 2s;
    animation-iteration-count: 1;
}
@keyframes newfadein {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
@keyframes none {
}

.cmpclose{
	padding-left:10px;
	position:relative;
        color:#999;
        font-size:14px;
}
.cmpclose:before,
.cmpclose:after{
	content:"";
	display:block;
	position:absolute;
}
.cmpclose:before{
}
.cmpclose:after{
	border-left:1px solid #999;
	border-bottom:1px solid #999;
	width:10px;
	height:10px;
	-webkit-transform:rotate(-225deg);
	transform:rotate(-225deg);
	left:10px;
	top:8px;
}

.cmpopen{
	padding-left:32px;
	position:relative;
        color:#999;
        font-size:14px;
}
.cmpopen:before,
.cmpopen:after{
	content:"";
	display:block;
	position:absolute;
}
.cmpopen:before{
}
.cmpopen:after{
	border-left:1px solid #999;
	border-bottom:1px solid #999;
	width:10px;
	height:10px;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	left:10px;
	top:2px;
}

.safe_mode {
    font-size: 16px;
    animation-name: fadein;
    animation-duration: 30s;
    animation-iteration-count: 1;
}
@keyframes fadein {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}

.searchForm-submit {
  position: absolute;
  width: 30px;
  height: 30px;
  top: calc(50% - 15px);
  right: 0;
  border-radius: 0 4px 4px 0;
  background: #fff;
}
.searchForm-submit::before {
  position: absolute;
  content: '';
  width: 12px;
  height: 12px;
  top: calc(50% - 8px);
  left: calc(50% - 8px);
  border-radius: 50%;
  box-shadow: 0 0 0 2px #aaa;
}
.searchForm-submit::after {
  position: absolute;
  content: '';
  width: 6px;
  height: 6px;
  top: calc(50% + 4px);
  left: calc(50% + 1px);
  border-top: solid 2px #aaa;
  transform: rotate(45deg);
}

.cntTask{
font-size:14px;
color:#666;
/*font-weight:normal;*/
}

.scroll{
position:fixed;
bottom:50px;
right:50px;
display:none;
cursor:pointer;
/*border:1px solid #aaa;*/
border-radius:50%;
z-index:1;
/*background:#fff;*/
font-size:16px;
color:#555;
padding:5px;
width:26px;
height:26px;
text-align:center;
}

.top{
	padding-left:10px;
	position:relative;
}
.top:before,
.top:after{
	content:"";
	display:block;
	position:absolute;
}
.top:before{
}
.top:after{
	border-left:2px solid #333;
	border-bottom:2px solid #333;
	width:10px;
	height:10px;
	-webkit-transform:rotate(-225deg);
	transform:rotate(-225deg);
	left:0px;
	top:10px;
}

a{
overflow:hidden;
outline:none;
}

.HDsty{
/*color:#f5aeae;*/
color:#cc181e;
font-size:14px;
padding:0px 3px 0px 5px;
}

.sline{
color:#999;
text-decoration:line-through;
}

@media print{.noprint{ display:none;} }

.checkBox1{
margin-left:5px;
border:1px solid #aaa;
height:14px;
width:14px;
border-radius:3px;
}

.checkBox2{
position:relative;
color:#a9a9a9;
font-size:18px;
z-index:2;
margin-left:5px;
border:1px solid #aaa;
height:14px;
width:14px;
border-radius:3px;
}

.onCheck:before,
.onCheck:after{
	content:"";
	display:block;
	position:absolute;
}
.onCheck:before{
	width:16px;
	height:16px;
	left:0;top:0px;
}
.onCheck:after{
	border-left:2px solid #999;
	border-bottom:2px solid #999;
	width:7px;
	height:3px;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	left:3px;
	top:2px;
}

.star{
padding:0px 3px 0px 3px;
font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
color:#FFD76E;
font-size:20px;
text-decoration:none;
}

.no_star{
padding:0px 3px 0px 3px;
font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
color:#cccccc;
font-size:20px;
text-decoration:none;
}

.ckBox{
color:#cccccc;
font-size:18px;
}

.check{
display:block;
color:#999999;
position:absolute;
top:2px;
left:4px;
font-size:15px;
z-index:1;
}

.week{
font-size:13px;
margin-top:0px;
padding:8px 3px 8px 4px;
background:#fff;
color:#333;
cursor:pointer;
border-top:1px solid #fff;
border-bottom:0px solid #eee;
border-left:0px solid #eeeeee;
border-right:0px solid #eeeeee;
}

.ftext {
border:0;
padding:6px;
font-size:13px;
font-family:メイリオ,Meiryo,sans-serif,'ＭＳ ゴシック';
color:#333;
border:solid 1px #ccc;
margin:0 0 2px;
}

.del{
border:0px solid #aaa;
border-radius:3px;
width:80px;
margin: 10px 10px 10px 10px;
background:#fff;
padding:5px 20px 5px 20px;
cursor: pointer;
font-size:15px;
color:#cc0000;
text-align: center;
}
.del:hover{
color:#d72c1a;
}

.rev{
margin: 0px 0px 0px 0px;
background-color:#fff;
color:#333;
cursor: pointer;
font-size:14px;
text-shadow: 0px 0px 0px #fff;
border: solid 1px #ccc;
padding:1.5px 12px 1.5px 12px;
border-radius:4px;
}
.rev:hover{
color:#333;
background-color:#fff;
border: solid 1px #333;
}

.menu{
margin: 0px 10px 0px 0px;
background-color:#fff;
color:#999;
cursor: pointer;
font-size:13px;
border-radius:4px;
text-shadow: 0px 0px 0px #ffffff;
border: solid 1px #ccc;
padding:4px 8px 0px 8px;
}
.menu:hover{
color:#333;
background-color:#fff;
border: solid 1px #333;
}

.longText{
        white-space: pre;           /* CSS 2.0 */
        white-space: pre-wrap;      /* CSS 2.1 */
        white-space: pre-line;      /* CSS 3.0 */
        white-space: -pre-wrap;     /* Opera 4-6 */
        white-space: -o-pre-wrap;   /* Opera 7 */
        white-space: -moz-pre-wrap; /* Mozilla */
        white-space: -hp-pre-wrap;  /* HP Printers */
        word-wrap: break-word;      /* IE 5+ */
}

.fselect {
border:0;
padding:3px;
font-size:13px;
font-family:メイリオ,Meiryo,sans-serif,'ＭＳ ゴシック';
color:#333333;
border:solid 1px #ccc;
height:2.0em;
border-radius:5px;
}

.pop a:hover{ /*マウスが乗ったら*/
        position: relative;
        top: 0px; left: 0px;
        text-decoration:none;
        
}
.fukidasipop { /*吹き出し本体*/
        position: absolute;
        top:17px; left:20px;
        display: none; /*何も表示しない*/
        padding: 5px; /*内側の余白*/
        /*width: 300px; ブロックの幅*/
        font-weight: normal; /*文字の太さ*/
        text-decoration: none; /*文字飾り*/
        color: #ffffff; /*文字色*/
        background-color: #666666; /*背景色*/
        border-top:white solid 10px;
        border-left:#666666 solid 10px;
        filter: alpha(opacity=85);
        -moz-opacity:0.85;
        opacity:0.85;

}
a:hover .fukidasipop {
        display: block; /*ブロック要素で表示*/
}

table.bgc {
   border-collapse: collapse;
   width:780px;
}
table.bgc td {
   border-width: 1px 0px; /* 上下だけ引く */
   border-color: #eee; /* 線色：緑 */
   border-style: solid; /* 線種：実線 */
   padding: 3px 3px 3px 3px; /* セル内側の余白 */
   font-size:14px;
   cursor: pointer;
   word-break:break-all;
   color:#333;
}

a.mainMenu {
background:url(./back_button.png) left top;
width:40px;
height:29px;
display:block;
}
a.mainMenu:hover{
background:url(./back_button.png) left bottom;
}

a.mainMenu2 {
background:url(./back_button2.png) left top;
width:104px;
height:29px;
display:block;
position: relative;
font-size:14px;
color:#333333;
cursor: pointer;
text-decoration:none;
}
a.mainMenu2:hover{
background:url(./back_button2.png) left bottom;
text-decoration:none;
}

span.mainMenu3 {
background:url(./bk_button_on.png) left top;
width:40px;
height:29px;
display:block;
}

input.withicon {
   border: 1px #ffffff solid;
   background-image: url("./icon_search.png"); /* 背景画像 */
   background-repeat: no-repeat;
   background-position: 2px center;
   padding-left: 22px;              /* テキスト入力の左内側の余白を指定、22ピクセル */
   color: #000000;                  /* 文字色 */
   font-size: 13px;                 /* 文字サイズ */
}

.nlink {
font-size:12px;
color:#333333;
margin:0px 0px 0px 0px;
background-Color:#FFFFFF;
}
 .nlink a:link { color: #3366CC; text-decoration:none; font-size:12px;}
 .nlink a:visited { color: #3366CC; text-decoration:none; font-size:12px;}
 .nlink a:hover { color: #3366CC; text-decoration:underline; font-size:12px;}
 .nlink a:active { color: #3366CC; text-decoration:none; font-size:12px;}

.slink {
font-size:12px;
color:#333333;
margin:0px 0px 0px 0px;
}
 .slink a:link { color: #3366CC; text-decoration:none; font-size:12px;}
 .slink a:visited { color: #3366CC; text-decoration:none; font-size:12px;}
 .slink a:hover { color: #3366CC; text-decoration:underline; font-size:12px;}
 .slink a:active { color: #3366CC; text-decoration:none; font-size:12px;}

.stask {
font-size:12px;
color:#D8D8D8;
margin:0px 0px 0px 0px;
/*background-Color:#FFFFFF;*/
}
 .stask a:link { color: #bbb; text-decoration:none; font-size:13px;}
 .stask a:visited { color: #bbb; text-decoration:none; font-size:13px;}
 .stask a:hover { color: #333; text-decoration:none; font-size:13px;}
 .stask a:active { color: #bbb; text-decoration:none; font-size:13px;}

.menulink {
font-size:12px;
color:#999999;
margin:0px 0px 0px 0px;
}
 .menulink a:link { color: #aaa; text-decoration:none; font-size:13px;}
 .menulink a:visited { color: #aaa; text-decoration:none; font-size:13px;}
 .menulink a:hover { color: #000000; text-decoration:none; font-size:13px;}
 .menulink a:active { color: #aaa; text-decoration:none; font-size:13px;}

.klink {
font-size:12px;
color:#333333;
margin:0px 0px 0px 0px;
background-Color:#FFFFFF;
}
 .klink a:link { color: #3366CC; text-decoration:none; font-size:12px;}
 .klink a:visited { color: #3366CC; text-decoration:none; font-size:12px;}
 .klink a:hover { color: #3366CC; text-decoration:none; font-size:12px;background-color:#EEEEEE;border-radius:100px;}
 .klink a:active { color: #3366CC; text-decoration:none; font-size:12px;}

p.simple {background-color: #ffffff; margin: 5px;} 

.dlink {
font-size:13px;
color:#333333;
margin:0px;
background-Color:#FFFFFF;
}
 .dlink a:link { color: #333333; text-decoration:none; font-size:13px;font-weight:normal;}
 .dlink a:visited { color: #333333; text-decoration:none; font-size:13px;font-weight:normal;}
 .dlink a:hover { color: #333333; text-decoration:underline; font-size:13px;font-weight:normal;}
 .dlink a:active { color: #333333; text-decoration:none; font-size:13px;font-weight:normal;}

.mlink {
font-size:12px;
color:#333333;
margin:0px 0px 0px 0px;
background-Color:#FFFFFF;
}
 .mlink a:link { color: #3366CC; text-decoration:none; font-size:12px;}
 .mlink a:visited { color: #3366CC; text-decoration:none; font-size:12px;}
 .mlink a:hover { color: #FF0000; text-decoration:underline; font-size:12px;}
 .mlink a:active { color: #3366CC; text-decoration:none; font-size:12px;}

.toplink  {
font-size:12px;
margin:0px 0px 0px 0px;
}
 .toplink a:link { color: #666666; text-decoration:none;}
 .toplink a:visited { color: #666666; text-decoration:none;}
 .toplink a:hover { color: #666666; text-decoration:underline;}
 .toplink a:active { color: #666666; text-decoration:none;}

.pBox1 { position:absolute; margin:0px; padding:0px; background-color:#FFFFFF;border:0px black solid;font-size:10pt;height:15pt;width:960px;}

/* ---------------カレンダー */

#calender {
	padding-left: 4px;
	height: 30px;
font-size:12px;
color:#333333;
margin:0px 0px 0px 0px;
background-Color:#FFFFFF;
}

#calender ul{
	margin: 0px;
	padding: 0px;
	text-align: center;
	clear: left;
	line-height: 100%;
}

#calender a {
	text-decoration: none;
	width: 22px;
	padding-top: 1px;
	display: block;
	font-size: 13px;
	font-weight: normal;
}

#calender a:link, #calender a:visited {
	background-color: #FFFFFF;
	/*border-bottom: 5px solid #FF99CC;*/
}

#calender a:hover {
        text-decoration: none;
	background-color: #f0f0f0;
	/*border-bottom: 5px solid #FF3399;*/
}

#calender a:active {
	/*border-bottom: 5px solid #FF0000;*/
}





#calender2 {
padding-left: 4px;
height: 22px;
font-size:12px;
color:#333333;
margin:0px 0px 0px 0px;
background-Color:#FFFFFF;
}

#calender2 ul{
	margin: 0px;
	padding: 0px;
	text-align: center;
	clear: left;
	line-height: 100%;
}

#calender2 a {
	text-decoration: none;
	width: 40px;
	padding-top: 1px;
	display: block;
	font-size: 13px;
	font-weight: normal;
}

#calender2 a:link, #calender a:visited {
	background-color: #FFFFFF;
}

#calender2 a:hover {
        text-decoration: none;
	background-color: #f0f0f0;
}

#submenu {
	padding-left: 4px;
	height: 30px;
	margin-top: 0px;
}

#submenu ul{
	margin: 0px;
	padding: 0px;
	text-align: left;
	clear: left;
	line-height: 100%;
}

#submenu li{
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left;
	clear: right;
}

#submenu a {
border-radius:30px;
	text-decoration: none;
	width: 170px;
	padding: 2px 0px 2px 0px;
	display: block;
	font-size: 14px;
	font-weight: normal;
}

#submenu a:link, #submenu a:visited {
	color: #333333;
	background-color: #FFFFFF;
        /*border-bottom: 1px solid #FFFFFF;*/
}

#submenu a:hover {
        /*text-decoration: underline;*/
	color: #333333;
	background-color: #f0f0f0;
        /*border-bottom: 1px solid #C0C0C0;*/
}

#submenu a:active {
	/*color: #DC143C;*/
}

#calclose a:hover {
        /*text-decoration: underline;*/
	color: #333333;
	background-color: #E7E7E7;
        /*border-bottom: 1px solid #C0C0C0;*/
}

.pBox2 { position:absolute; margin:0px; padding:0px; background-color:#FFFFFF;border:0px black solid;font-size:10pt;height:15pt;width:960px;}

#menu{
width:760px;
/*position:absolute;*/
top:130px;
left:300px;
background-color:#ffffff;
height: 35px;
padding: 5px 0px 2px 0px;
}

.navUrl a:link, .navUrl a:visited{
background:#fff;
color:#555;
font-size:11px;
padding:0px 5px 0px 5px;
margin:0px 5px 0px 2px;
font-weight:bold;
border-radius:30px;
border:1px solid #999;
line-height:2.0;
vertical-align:top;
}

table.bgcToday {
   border-collapse: collapse;
}
table.bgcToday td {
   border-collapse: collapse;
   padding: 3px 3px 3px 3px; /* セル内側の余白 */
   font-size:14px;
   cursor: pointer;
   word-break:break-all;
   border-bottom:1px solid #eee;
   border-top:0px solid #fff;
   color:#333;
}

.nrlink {
font-family:Verdana,sans-serif,'ＭＳ ゴシック';
}
 .nrlink a:link { color: #555; text-decoration:none; font-size:18px;font-weight:bold;background-Color:#ffffff;}
 .nrlink a:visited { color: #555; text-decoration:none; font-size:18px;font-weight:bold;background-Color:#ffffff;}
 .nrlink a:hover { color: #333; text-decoration:none; font-size:18px;font-weight:bold;background-Color:#EEEEEE;border-radius:100px;}
 .nrlink a:active { color: #555; text-decoration:none; font-size:18px;font-weight:bold;background-Color:#ffffff;}

.navUrl2{
margin:0px 0px 20px 0px;
word-break:break-all;
}

.navUrl2 a:link, .navUrl2 a:visited, .navUrl2 a:active{
background:#fff;
color:#999;
font-size:14px;
padding:2px 10px 2px 10px;
font-weight:bold;
border-radius:30px;
border:1px solid #ccc;
text-decoration:none;
}
.navUrl2 a:hover { color: #333; text-decoration:none; font-size:14px;border:1px solid #999;}

.navp{
margin:0px 0px 20px 0px;
}

.cpymess{
color:#999;
cursor:pointer;
margin-left:20px;
display:none;
}


#xx{
position:fixed;
top:10px;
right:10px;
z-index:20;
background:#333;
border-radius:50px;
width:10px;
height:10px;
box-shadow:1px 2px 6px -2px rgba(0,0,0,0.9);
display:none;
}