@hover_red  : red;


html
{
	height: 100%;
}

a:link { color: #003ca0; }

#header
{
	text-align: center;
	margin-bottom : -20px;
	border-bottom: solid #003ca0;
	border-width:2px;
	padding:10px 0 10px 0 ;
	margin-bottom:0px;

}

#main_container_base
{
	margin-top: 10px;
}

.day_group_header
{
	border-bottom: dashed thin;
	border-color: #000;
	margin-bottom:2px;
	padding-left:10px;
	padding-top:4px;
}

.card
{
	background:#ddc;
	margin-bottom:2px;
	padding-left:10px;
	padding-top:4px;
}

input[type=number]
{
	height:30px;
}
.button_base{
	display: inline-block;
	height: 30px;
	min-width:100px;
	max-width:170px;

	/*  max-width: 100px;*/
	padding: 5px 5px 5px 5px;

	/* テキスト */
	font-size: 15px;
	/*text-align: center;*/
	text-decoration: none;
	text-shadow: 0 -1px 3px rgba(0, 0, 0, .3);

	/* 角丸 */
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);

	/* アイコン*/

}

header{

}
#main{
	padding-left:15px;
	padding-right:15px;
}

body {
	/* Firefox対策 */
	height: 100%;
}

/* フッターを下部へ押しやるための、コンテンツのラッパー */
#wrap {
	min-height: 100%;
	height: auto;
	/* フッターの高さ分だけ、ネガティブインデントを指定 */
	margin: 0 auto -30px;
	/* フッターの高さ分だけ、パディングを指定 */
	padding: 0 0 30px;
}
footer{
	height: 30px;
}
footer hr{
	border-color: #003ca0;
	border-width: 2px;
	margin:5px 0 5px 0;
}

.plain {
	color: black;
	text-decoration:none;
	min-height: 20px;
	display:inline-block;
	background-color: #e6e6e6;
	border: 1px solid #bebebe;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	/* max-width: 80px; */
	max-height: 30px;
}
.plain:hover {
	text-decoration:none;
	border-style:none; /* 画像のボーダーを消す記述 */
	color: #f5f5f5;
	border: solid 1px #1e1e1e;/*TODO: 後で修正*/

	/* グラデーション */
	background-color: #1e1e1e;/*TODO: 後で修正*/
}
#header_left h2{
	margin:3px 0 15px 0;
}
.plain a{
	color: black;
	margin:8px 8px 8px 8px;
}
.plain-lg {
	padding: 24px;
	border-radius: 6px;
}

.plain-sm {
	padding: 9px;
	border-radius: 3px;
}

.both {
	clear:both;
}
#header .h_float_left{
	float:left;
	padding-left:50px;
}
.h_float_right{
	float:right;
	padding: 0 30px 0 0;
}
#header_left{

}
.license{
	text-align: right;
	padding-right:30px;
}

.login {
	display: inline-block;
	height: 28px;
	width: 100px;
	font-size: 12px;
	color: white;
	text-decoration: none;
	background-color: #003ca0;
	margin-right: 0px;
	border-radius: 5px;
	text-shadow: none;
	margin-left: 10px;
	box-shadow: none;
}

.login:hover,
.logout:focus {
	opacity: 0.6;
}

.logout {
	display: inline-block;
	height: 28px;
	width: 100px;
	font-size: 12px;
	color: black;
	text-decoration: none;
	background-color: white;
	margin-right: 0px;
	border-radius: 5px;
	text-shadow: none;
	border-color: #969696;
	margin-left: 10px;
	box-shadow: none;
}

.all_notice {
	width: 150px;
	height: 40px;
	text-shadow: none;
	background-color: white;
	border: solid 1px;
	border-color: #969696;
	border-radius: 8px;
	color: black;
	box-shadow: none;
}

.all_notice:hover,
.logout:hover,
.logout:focus {
	background-color: #c8c8c8;
	border: solid 1px;
	border-color: #969696;
}

.all_notice_button_area {
	margin-top: 25px;
	padding: 0;
}

.username{
	padding:5px 0 0 30px;
	text-decoration: none;
	margin-right: 0px;
}
.username::before{
	content: url(./smoothness/images/icon_user.png);
	display: inline-block;
}
.folder{
	margin-top:10px;
	padding : 5px 5px 5px 30px;
	text-decoration: none;
	background-image:url(./smoothness/images/icon_mydata.png);
	background-position: 8px 6px;
	background-repeat:no-repeat;
	margin-right: 0px;
}
.access_key{
	background-color: #c8c8c8;
	background-repeat:no-repeat;
	margin: 20px 0 0 0;
}
.access_key input[type="text"]{
	margin:0px 0 10px 10px;
	width: 75%;
	height: 30px;
}
.access_key input[type="submit"]{
	margin:0px 0 10px 0;
}
.access_key label{
	margin:10px 0 10px 10px;
}

/* ボタンの色を指定 */
.button_black {
	color: #f5f5f5;
	border: solid 1px #1e1e1e;

	/* グラデーション */
	background-color: #1e1e1e;
	background-position: 0 0;
	background-repeat:no-repeat;

}

.button_black:hover {
	text-decoration:none;
	border-style:none; /* 画像のボーダーを消す記述 */
	color: #f5f5f5;
	border: solid 1px red;/*TODO: 後で修正*/

	/* グラデーション */
	background-color: red;/*TODO: 後で修正*/
	background-position: 0 0;
	background-repeat:no-repeat;
}

/* ボタンの色を指定 */
.button_access {
	color: white;
	background-color: #505050;
	width: 20%;
	border-radius: 8px;
	height: 3.5rem;
	margin-top: 5px;
}

.button_access:hover {
	opacity: 0.6;
}

.top-btn {
	height: 150px;
	box-shadow: 0px 4px 15px 0px #ccc;
}

.top-button-row {
	margin-top:30px;
}

.top-button-row a {
	text-decoration: none;
}

.top-receive {
	background-color: #f0641e;
	color:white;
}

.top-receive:hover {
	opacity: 0.6;
	color:white;
}

.top-send {
	background-color: #003ca0;
	color:white;
}

.top-send:hover {
	opacity: 0.6;
	color:white;
}

.top-default {
	background-color: #fff;
	border: 1px;
	border-color: #969696;
	color: black;
}

.top-default:hover {
	background-color: #c8c8c8;
	border: 1px;
	border-color: #969696;
	color: black;
}

h4.whatsnew{
	padding:5px 5px 5px 25px;
	text-decoration: none;
	background-image: url(../image/icon_info.png);
	background-repeat:no-repeat;
	background-size: 2.1rem;
	background-position: 0px 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	border-bottom: 3px solid #003ca0;
}

h4.inform_list{
	padding:5px 5px 5px 25px;
	text-decoration: none;
	background-image: url(../image/icon_notice.png);
	background-repeat:no-repeat;
	background-size: 2.1rem;
	background-position: 0px 3px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.inform_list { display:block; }
.inform_list {padding:0 0 0 0;}
.inform_list li:first-child { border-top: 3px solid #003ca0; }
.inform_list li { padding:5px 0 0 0; overflow:hidden; clear:both; border-bottom:1px dotted #333; }
.inform_list span,
.inform_list a { display:block; float:left; min-height:1.8em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.inform_list .date { width:150px; padding-left:20px;  }
.inform_list .category,
.inform_list .member { margin-right:10px; color:#FFF; border-radius:5px; }
.inform_list .category { color:#63A663; }
.inform_list .area { margin-right:10px; color:#63A663;  }
.inform_list .m01 { color:#0099FF; }
.inform_list .m02 { color:#FF6666; }
.inform_list .m03 { color:#E6BE33; }
.inform_list .m04 { color:#14DAB2; }
.inform_list .m05 { color:#ECB7F8; }
.pager { o__verflow:hidden; clear:both; }

.s_title{
	padding: 10px 20px 10px 20px;
	margin-top: 20px;
	margin-bottom: 5px;
	font-size:14px;
	background-color: #dce6ff;
	border-left: 5px solid #1e78f0;
}
/* リストのマーカーを三角にする :before とセットで利用 */
ul.triStyle li {
	list-style-type: none;
	margin-bottom: 5px;
}

ul.triStyle li:before{
	content: ' ';
	border: transparent solid 0.3em;
	border-left-color: #000000;
	position: absolute;
	height: 0;
	width: 0;
	left: 36px;
	margin: 0px;
	margin-top: 5px;
	padding: 0px;
}
.user_manage {
	padding:10px 0 0 0 ;
}
.user_manage div{
	margin:10px 0 0 0 ;
}
.ecg_item {
	padding: 5px;
	margin: 5px;
	border-style: solid;
	border-width: 1px;
	border-radius: 10px;
}
.s_image{
	position: relative;
	margin: 10px 0px 10px -45px ;
}
#hrdevice{
	padding-top:10px;
}
.device_detail{
	padding: 10px 0 0 0;
}
.sequence_l {
	margin-left:15px;
}
.hrcontent{
	padding-left: 30px;
	padding-bottom:10px;
}
.indicator{
	display: none;
	position: absolute;
}

@media only screen and (max-width: 767px) {
	.sequence_list_message{
		overflow: hidden;
		max-width: 50px;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
}
@media only screen and (min-width: 768px) {
	.sequence_list_message{
		overflow: hidden;
		max-width: 300px;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
}

@media print{
	* {
		padding: 0px;
		margin: 0px;
		background-color: red;
	}
	header {
		height:0px;
		max-height:0px;
		display: none;
	}
	footer {
		height:0px;
		max-height:0px;
		display: none;
	}
	.data_screen {
		height:0px;
		max-height:0px;
		display: none;
	}
	.data_navi {
		height:0px;
		max-height:0px;
		display: none;
	}
	#hrheader {
		height:0px;
		max-height:0px;
		display: none;
	}
	#delete_btn {
		height:0px;
		max-height:0px;
		display: none;
	}
	#image {
		position: fixed;
		top: 0px;
		left: 0px;
		display: block;
		object-fit: contain;
		clear: both;
	}
	.data_screen {
		display: block;
		object-fit: contain;
	}
}

.sequence_list_table>tbody>tr>td{
	height: 80px;
	vertical-align: middle;
}

table.tasks_table th {
	padding: 10px;
}

table.tasks_table td {
	padding: 3px 10px;
}