.container { font-family:'Noto Sans', sans-serif; margin-top: 80px; }
h3 { margin-bottom:20px; }
.calendar th { height:30px; text-align:center; width:14.2%; }
.calendar td { height: 100px; }
.today { background-color:#ffffa0 !important; } /*#f0ffff*/
/*
.calendar th:nth-of-type(1), .calendar td:nth-of-type(1) a { color: red; }
.calendar th:nth-of-type(7), .calendar td:nth-of-type(7) a { color: blue; }
*/
.calendar a.new { display:block; padding:2em 1em; }
.sun_color { color: red; }
.sat_color { color: blue; }

.workdiary th { height:30px; text-align:center; width:14.2%; }
.workdiary td { height: 100px; background-color:#f0ffff; }
.workdiary a.new { display:block; padding:2em 1em; }


.login_user{ text-align:right;padding-right:6%; }
/*
.timeline{background-color:transparent;margin:0;padding:0;}
.timeline1{background-color:#cccccc;margin:0 -9px;padding:0 6px;}
.timeline2{background-color:#ffd6ea;margin:0 -9px;padding:0 6px;}
.timeline3{background-color:#ffdab9;margin:0 -9px;padding:0 6px;}
.timeline4{background-color:#ffa500;margin:0 -9px;padding:0 6px;}
.timeline5{background-color:#7fffd4;margin:0 -9px;padding:0 6px;}
.timeline6{background-color:#a0ffff;margin:0 -9px;padding:0 6px;}
.timeline7{background-color:#ccccff;margin:0 -9px;padding:0 6px;}
.timeline8{background-color:#ffa07a;margin:0 -9px;padding:0 6px;}
.timeline9{background-color:#7fff00;margin:0 -9px;padding:0 6px;}
.timeline10{background-color:#ffffff;margin:0 -9px;padding:0 6px;}
*/

.timeline{background-color:transparent;margin:0;padding:0;}
.timeline1{background-color:#cccccc;margin:0px;padding:0px;}
.timeline2{background-color:#ffd6ea;margin:0px;padding:0px;}
.timeline3{background-color:#ffdab9;margin:0px;padding:0px;}
.timeline4{background-color:#ffa500;margin:0px;padding:0px;}
.timeline5{background-color:#7fffd4;margin:0px;padding:0px;}
.timeline6{background-color:#a0ffff;margin:0px;padding:0px;}
.timeline7{background-color:#ccccff;margin:0px;padding:0px;}
.timeline8{background-color:#ffa07a;margin:0px;padding:0px;}
.timeline9{background-color:#7fff00;margin:0px;padding:0px;}
.timeline10{background-color:#ffffff;margin:0px;padding:0px;}

/*.timeline1 a{color:#fff;}*/
.timeline4 a{color:#fff;}

.btn_line1{background-color:#cccccc;;margin:0;padding:0;}
.btn_line2{background-color:#ffd6ea;margin:0;padding:0;}
.btn_line3{background-color:#ffdab9;margin:0;padding:0;}
.btn_line4{background-color:#ffa500;margin:0;padding:0;}
.btn_line5{background-color:#7fffd4;margin:0;padding:0;}
.btn_line6{background-color:#a0ffff;margin:0;padding:0;}
.btn_line7{background-color:#ccccff;margin:0;padding:0;}
.btn_line8{background-color:#ffa07a;margin:0;padding:0;}
.btn_line9{background-color:#7fff00;margin:0;padding:0;}

.btn_line10{background-color:#ffffff;margin:0;padding:0;}

.c_btn{width:25px;height:25px;border:1px solid #cfcfcf;}

.verticalcolor1{border-left:6px solid #6a5acd !important}
.verticalcolor2{border-left:6px solid #ffd700 !important}
.verticalcolor3{border-left:6px solid #00ced1 !important}
.verticalcolor4{border-left:6px solid #bdb76b !important}
.verticalcolor5{border-left:6px solid #ff00ff !important}
.verticalcolor6{border-left:6px solid #00ff00 !important}
.verticalcolor7{border-left:6px solid #cfcfcf !important}
.verticalcolor8{border-left:6px solid #fa8072 !important}
.verticalcolor9{border-left:6px solid #808000 !important}

/*
.calendar2 th { height:30px; text-align:center; width:14.2%; }
.calendar2 td { height: 90px; }
.calendar2 a.new { display:block; padding:2em 1em; }
*/

.MenuBoard{
position:fixed;
right:1%;
top:0;
width:2.1em;
line-height:1.0;
padding:0.4em 0;
margin:0 0.5em 0 0.3em;
text-align:center;
/*font-size:16px;*/
color:#fff;
background-color:#cfcfcf;
border-radius:0 0 6px 6px;
opacity:0.95;
/*filter:alpha(style=0,opacity=95);*/
z-index:10000;
}
.MenuBoard a{font-size:14px;color:#6666cc; display:block; padding:0.3em; }
.MenuBoard a:hover{font-size:14px;color:#363636;}

#MainMenu{
padding:16px;
margin:0;
margin-left:-160px;
display:none;
text-align:left;
color:#363636;
background:#fff;
width:240px;
line-height:1.3em;
border:6px solid #cfcfcf;
border-radius:6px;
z-index:15;
}
#MainMenu ul{list-style-type:none;padding-left:8px;margin:0;}
#MainMenu li{width:100%;padding:0 6px;margin:0;border-bottom:1px dotted #6495ed;}

/*
#circular{
position:fixed;
top:0;
width:100%;
height:95px;
line-height:1.0;
padding:8px 16px;
margin:0px;
text-align:left;
font-size:14px;
color:#ffffff;
background-color:#000000;
border-radius:0 0 6px 6px;
opacity:0.8;
filter:alpha(style=0,opacity=80);
z-index:10;
}

#base_point{position:relative;}
#schedule_detail{
display:none;
position:absolute;
top:25px;
left:-40px;
width:300px;
height:120px;
background-color:#fff;
border:2px solid #6b8e23;
border-radius:3px;
padding:6px 10px;
z-index:10;
}
*/

.blink { animation: 1s linear infinite blink_effect; }
@keyframes blink_effect {
0% { visibility: hidden; }
30% { visibility: hidden; }
100% { visibility: visible; }
}

.search_menu_board{
border:3px solid #f5deb3;
border-radius:6px;
background-color:#fff8dc;
padding:1px 16px 8px 16px;
margin-top:8px;
}
select.search {
-webkit-appearance: none;/* ベンダープレフィックス(Google Chrome、Safari用) */
-moz-appearance: none; /* ベンダープレフィックス(Firefox用) */
appearance: none; /* 標準のスタイルを無効にする */
width: 80px;
padding: 2px 6px;
color: #ff0000;
border:1px solid #a9a9a9;
border-radius: 2px;
}
input.search {
padding: 3px 2px;
color: #0000ff;
border:1px solid #a9a9a9;
border-radius: 2px;
}


@font-face {
  font-family: 'echointec';
  src: url('../font/echointec.eot?34898386');
  src: url('../font/echointec.eot?34898386#iefix') format('embedded-opentype'),
      url('../font/echointec.woff?34898386') format('woff'),
      url('../font/echointec.ttf?34898386') format('truetype'),
      url('../font/echointec.svg?34898386#echointec') format('svg');
  font-weight: normal;
  font-style: normal;
}

.demo-icon {
    font-family: "echointec";
    font-style: normal;
    font-weight: normal;
    speak-as: none;

    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */

    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;

    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;

    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;

    /* You can be more comfortable with increased icons size */
    /* font-size: 120%; */

    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.box01{border:3px solid #cfcfcf;border-radius:6px;background-color:#fff8dc;padding:2px 16px;margin:12px 0;}
.box02{margin:8px;padding:6px 12px;border:1px solid #363636;border-radius:6px;background-color:#fff;}