@charset "utf-8";

/** title **/
h3.term_name{
	margin-top: 40px;
	marbin-bottom:20px;
	border-left: 3px dotted #999;
	text-indent: 0.8em;
	font-size: 18px;
	font-weight: normal;
}

/** button **/
.button {
  width: 151px;
  height: 32px;
  line-height: 32px;
  text-align: center;
}
.button a {
  text-decoration: none;
  letter-spacing: 1px;
  display: block;
  font-size: 14px;
	color:#fff;
}
.button:hover {
  filter: Alpha("opacity=80");opacity:0.8;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);  /* For IE 5-7 */
  -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";  /* For IE 8 */
}

/** cont **/
.btn_start,
.btn_pause,
.btn_dl_csv,
.btn_send_mail,
.btn_unlock{
	width: 65px;
	background-position: 3px center;
	background-repeat:no-repeat;
	letter-spacing:-1px !important;
	text-indent: 1.3em;
}
.btn_start{
	background-color:#66ce7c;
	background-image:url("../img/icon_start.png");
}
.btn_pause{
	background-color:#555;
	background-image:url("../img/icon_pause.png");
}
.btn_dl_csv{
	width: 85px;
	background-color:firebrick;
	background-image:url("../img/icon_dl_csv.png");
	letter-spacing:-0.5px !important;
}
.btn_send_mail{
	width: 70px;
	background-color:darkorange;
	background-image:url("../img/icon_mail.png");
}
.btn_unlock{
	width: 70px;
	background-color:#66ce7c;
	background-image:url("../img/icon_unlock.png");
	background-size:11px;
}
#stopButton.button{
	background-color:#444 !important;
}

/** 注釈（文字） **/
.notes {
  font-size: 10px;
}

.regular-checkbox{
	width:15px !important;
	height:15px !important;
	margin-bottom:0 !important;
	padding:0 6px 0 0 !important;
	background-color: transparent !important;
}

/** ページャー */
div.pager{
	text-align:center;
	margin-top:20px;
	margin-bottom:5px;
}
div.pager span.active,
div.pager a{
	display:inline-block;
	border-bottom:3px solid #ddd;
	padding:10px;
	color:#555;
	min-width:8px;
}
div.pager span.active{
	border-bottom:3px solid #00AED2;
	color:#00AED2;
	font-weight:bold;
}
div.pager a:hover{
	border-bottom:3px solid #555;
}

/**************************************************************************/
.makeAccount {
	width: 640px;
	margin:0 auto;
	padding-top: 13%;
}
@media only screen and (max-height: 1200px){
	.makeAccount {
	    padding-top: 330px;
	}
}
@media only screen and (max-height: 1000px){
	.makeAccount {
	    padding-top: 265px;
	}
}
@media only screen and (max-height: 900px){
	.makeAccount {
	    padding-top: 200px;
	}
}
@media only screen and (max-height: 736px){
	.makeAccount {
	    padding-top: 160px;
	}
}
@media only screen and (max-height: 670px){
	.makeAccount {
	    padding-top: 120px;
	}
}
@media only screen and (max-height: 610px){
	.makeAccount {
	    padding-top: 60px;
	}
}





.makeAccountCaption {
	margin:0 30px;
	font-size: 13px;
}
.makeAccount .newUser .newUserMain {
	padding:20px;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
	font-size: 13px;
	position:relative;
}
.makeAccount .popMain {
	margin:40px 30px 0;
}

.makeAccount .newUser .newUserMain table {
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
}

.makeAccount .newUser .newUserMain table th {
	width: 15px;
	background: #66C2CC;
	color: #ffffff;
	padding: 20px 5px;
	border-top: 10px #ffffff solid;
	border-bottom: 10px #ffffff solid;
	border-right: 20px #ffffff solid;
}
.makeAccount .newUser .newUserMain .TextboxLabelWidth td {
	padding: 7px 0;
}

.makeAccount .newUser .newUserMain .TextboxLabelWidth td label {
	width: 155px;
	height: 26px;
	padding-top:9px;
	padding-right: 55px;
	font-size:13px;
	text-align: right;
	float: left;
	position:relative;
}
.makeAccount .newUser .newUserMain .newUserTextbox1 {
	width: 250px;
	height: 25px;
}
.makeAccount .button {
	margin-top: 40px;
	font-size: 14px;
}
.signupSendMailAddress{
	margin-top: 16px;
	font-size: 18px;
	text-align: center;
}







.recoveryFoot #footer{
	display:none;
}








.makeAccount .newUser .newUserMain table td.borderBSolid {
  padding-bottom: 10px;
  border-bottom: 1px #333333 dotted;
  margin-left: 20px;
}





.makeAccount .newUser .newUserMain .TextboxLabelWidth td p {
  float: left;
  text-align: left;
}


.makeAccount .newUser .newUserMain textarea {
  width: 250px;
}

  
.makeAccount .newUser .newUserMain .regular-checkbox:checked + label,
.makeAccount .newUser .newUserMain .TextboxLabelWidth .regular-checkbox + label {
  width: auto;
  margin-left: 70px;
}



.makeAccount .newUser .popButton {
  padding-top: 30px;
}

.table_style {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
}

.table_common {
  -webkit-box-flex: 100;
  -moz-box-flex: 100;
  -ms-flex-positive: 100;
  width: 98.4%;
  font-size: 11px;
  width:98%\9;/* IE9 */
  float:left\9;/* IE9 */
}
.table_common table {
  border: 0;
  text-align: left;
  width: 100%;
  table-layout: fixed;
}
.table_style tr.stopped{
	background-color:#dadada !important;
}
.table_style tr.ListBackgroundColor01:hover,
.table_style tr.ListBackgroundColor02:hover{
  background-color: #E4F0F1 !important;
}

.table_common table .thWidthCommon {
  white-space: normal;
  font-size: 12px;
}
.table_common:not(.useradmin) table .thWidthCommon img {
  margin-left: 4px;
}

.table_common table tr th.term_app div {
  float:left;
}

.table_common table tr th p {
  float:left;
  line-height: 32px;
}
.table_common table tr th img {
  margin-top: 8px;
  margin-bottom: 14px;
  margin-left: 16px;
}
.table_common .td01.first p {
  width: calc(95% - 14px - 12px);
}
.td01.term_type_name img,
.td01.term_status_name img {
  margin-top: 4px;
  margin-right: 5px;
}
.table_common:not(.useradmin) .td01 {
  white-space: normal;
}
.table_common .td01 p,
.table_common .td02 p {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 90%;
  float: left;
  margin-top: 0;
}

/* 社内向け端末一覧 */
#main01 .table_common:not(.useradmin) table tr th,
#main01 .table_common:not(.useradmin) .td01,
#main01 .table_common:not(.useradmin) .td02 {
  padding-right: 2px;
  padding-left: 2px;
}
.termmng table .term_id {
  width: 60px;
}
.termmng table .term_status_name {
  width: 90px;
}
.termmng table .cont_name {
  width: 20%;
}
.termmng table .term_name {
  width: 20%;
}
.termmng table .term_app {
  width: 10%;
  text-align: center;
}

/* 契約管理 */
.contractmng table .cont_id {
  width: 50px;
}
.contractmng table .cont_name {
  width: 20%;
}
.contractmng table .org_name {
  width: 20%;
}
.contractmng table .cont_type {
  width: 20%;
}
.contractmng table .cont_s_dt {
  width: 78px;
}
.contractmng table .cont_e_dt {
  width: 78px;
}
.contractmng table .mail_addr {
  width: 20%;
}
.contractmng table .tel_no {
  width: 90px;
}
.contractmng table .fax_no {
  width: 90px;
}
.contractmng table .create_dt {
  width: 78px;
}
.contractmng #main01 {
  min-height: 100%;
  padding: 15px 40px 50px;
}
.contractmng .main table {
  padding-top: 10px;
  margin-bottom: 30px;
}
.contractmng .main table th{
  text-align: left;
  font-weight: normal;
  padding: 10px;
}
.contractmng .main table.innerTable {
	width:100%;
	margin-bottom: 5px;
}
.contractmng .main table.innerTable th {
	width:145px;
}

.contractmng select, input[type="text"], input[type="number"], input[type="password"], input[type="date"], textarea{
  font-family: inherit;
}
.contractmng #main01 .table_common:not(.useradmin) .td01, #main01 .table_common:not(.useradmin) .td02{
  padding-right: 2px;
  padding-left: 2px;
}

table.pageTable td {
  padding-bottom: 5px;
}
#tabBottom.title {
  padding-top: 0px;
  background-color: #FFFFFF;
}

/* グループ関連定義 */
div.tabBottomAction:hover {
	opacity:0.6;
}
div.tabBottomAction{
	letter-spacing:0.2em;
	color:#ffffff;
	float:left;
	font-size:11px;
	border-bottom-left-radius:2px;
	border-bottom-right-radius:2px;
	border-top-left-radius:2px;
	border-top-right-radius:2px;
	border-style:none;
	padding: 2px 8px 2px 8px;
	margin-right:10px;
	margin-top:3px;
	background: #00AED2;
	background-size:20px 10px;
}
table .term_app {
  width: 60px !important;
}

.newAct p {
  white-space: normal;    
}
.newAct label {
  white-space: nowrap;
}
.newAct .popMain {
  padding-left: 30px;
  padding-right: 30px;
}

.Error {
    padding-bottom: 20px;
    color: red;
    font-size: 12px;
}

.newAct .popMain .TextboxLabelWidth {
  height: 32px;
  line-height: 32px;
}
.newAct .popMain .TextboxLabelWidth .regular-checkbox + label {
  margin-top: 6px;
}

/** button **/
.newAct .popMain .button {
  margin-top: 50px;
  font-size: 14px;
}

.newAct .popMain .popButton_cancel,
.newAct .popMain .popButton_delete,
.newAct .popMain .popButton_regist,
.newAct .popMain .popButton_ok {
  float: left;
  margin-left: 20px;
}
/** pop **/
.newAct .newUser p {
  font-size: 12px;
  width: 150px;
}
.newUser .popButton_cancel,
.newUser .popButton_ok {
  float: left;
  margin-left: 20px;
}

.contents {
  border:solid 1px #808080;
}
.contents h4,h5{
  padding:5px 15px;
}
.contents div{
  padding:5px 25px;
  border-bottom:1px solid #FFF;	
}
.main #main01 {
  min-height:100%;
  padding: 150px 40px 150px 40px;
}
.popButton_cancel,
.popButton_delete,
.popButton_submit {
  float: left;
}
.main .textbox {
  height: 20px;
  float: left;
}
.main .notes {
  margin-top: 3px;
  font-size: 10px;
  margin-left: 8px;
}
.main td {
  white-space: nowrap;
  vertical-align: middle;
}

.main td label {
  width: 140px;
  text-align: right;
  padding-right: 10px;
  font-size: 12px;
  line-height: 20px;
}

.main td p {
  font-size: 11px;
  line-height: 22px;
  float: left;
}

#main01.main .pageTable td > p {
  margin-top: 7px;
}

.main .regular-checkbox:checked + label,
.main .regular-checkbox + label {
  width: auto;
  margin-left: 20px;
  float: left;
}
.main .checkbox-label {
  margin-left: 15px;
}
.main hr {
  border: 1px dashed #cccccc;
  margin-left: 0;
  text-align: left;
}

#containerInner {
	padding-bottom: 20px;
}

div.tabBottomActionNewdevice{
	height:40px;
	float:left;
	border-style:none;
	background-color:#AAB2BE;
	background-image:url(../img/icon_tabbottomaction_plus.png);
	background-repeat:no-repeat;
	background-position:2px 12px ;
	background-size:25px 14px;
	border-right:1px solid #fff;
	overflow:hidden;
}
div.tabBottomActionNewdevice:hover {
	opacity:0.8;
}
div#cont_csv,
div#account_csv{
	background-color:#AAB2BE;
	background-image:url(../img/icon_tabbottomaction_csvdl.png);
	background-repeat:no-repeat;
	background-position:2px 12px ;
	background-size:25px 14px;

}
#tabBottom div a {
	color:#ffffff;
}
div.tabBottomActionNewdevice a{
	display:block;
	height:40px;
	font-size:12px;
	color:#ffffff;
	letter-spacing:0.2em;
	line-height: 3.4;
	padding: 0 10px 0 30px;
}

div.tabBottomActionNewdevice a:hover {
	text-decoration: none !important;
}

#searchArea{
	padding-top:7px;
	float:right;
	font-size:12px;
}
#searchArea div#search{
	float:left;
}
#searchArea div#search span,
#searchArea div#search label{
	color:#fff;
}
#searchArea input[type="text"]{
	height: 15px;
}
#searchArea select {
	height: auto;
	padding: 1px 2px;
}
#searchArea div#searchButton{
	float:right;
	padding: 0 5px;
}
#searchArea div#searchButton a{
	display:block;
	width:23px;
	height:23px;
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */  
	border:1px solid #AAB2BE;
	background-color:#AAB2BE;
	background-image:url("../img/icon_search.png");
	background-repeat:no-repeat;
	background-position:0 0;
}
/*-----------------------------------------------
 main
-----------------------------------------------*/
#main {
	float: left;
	width: 100%;
}
* html #main {
	width: 98%;
}
.title h1 {
	font-size: 16px;
	font-weight: 100;
	padding: 5px 4px 3px 16px;
	color:#555555;
	margin-bottom: 8px;
	letter-spacing: 2px;
}
.title h1 a {
	text-decoration: none;
	color: #000000;
}
/*-----------------------------------------------
 __message
-----------------------------------------------*/
.listTable table{
	border-collapse:collapse;
	font-size: 12px;
	width: 100%;
}
.listTable th{
	color: #34495E;
	background-color: #cccccc;
	text-align: center;
	padding   : 5px;
	font-weight:normal;
}
.listTable td{
	background-color: #fff;
	padding   : 8px;
}
/* 社内向け */
.table_common:not(.useradmin) table#dataTable thead tr th {
        white-space: normal;
        word-break: break-all;
}
.table_common:not(.useradmin) table#dataTable tbody tr td {
        white-space: normal;
        word-break: break-all;
}


/*-----------------------------------------------
 editTable
 -----------------------------------------------*/
table.pageTable{
	width:100%;
	margin-top:5px;
}
table.pageTable th,
table.pageTable td{
	font-size:12px;
	padding:8px;
	border:1px solid #dedfe2;
}
table.pageTable th{
	background-color:#f1f2f6;
	font-weight:normal;
	width:210px;
}
table.pageTable th p{
	position:relative;
	padding-right:35px;
	font-size:12px;
}

/*-----------------------------------------------
 list right-side's control panel
 -----------------------------------------------*/
.controlPanel{
	padding:0 !important;
}
.controlPanel input[type='button']{
	padding:7px 5px;
	color:#fff;
	font-size:11px;
	border-radius: 3px;        /* CSS3草案 */  
	-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 3px;   /* Firefox用 */  
}

#ui-datepicker-div{
	display:none;
}

textarea.memo{
	width:400px;
	height:100px;
}

/*-----------------------------------------------
 Group Tree
 -----------------------------------------------*/
ul.noTree{
	margin-left:20px;
	list-style-type:disc;
}
ul.noTree li{
	margin-bottom:3px;
}
ul.siteTree,
ul.siteTree ul {
    list-style-type: none;
    margin:0;
    padding:0;
}
ul.siteTree ul {
    margin-left:5px; 
    position:relative;
}
ul.siteTree ul:before {
    content:"";
    display:block;
    width:0;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    border-left:1px solid #ccc;
}
ul.siteTree li {
    margin:0;
    padding:3px 0px 3px 17px;
    text-decoration: none;
    font-size:13px;
    line-height:20px;
    font-weight:normal;
    position:relative;
}
ul.siteTree li input {
	vertical-align:middle;
	margin-right:3px;
}
ul.siteTree li a { 
    text-decoration: none;
    font-size:14px;
    line-height:20px;
    color:#ccc;
    font-weight:bold;
    position:relative;
}
ul.siteTree li a:hover,
ul.siteTree li a:hover+ul li a {
    color: RGBA(213, 235, 227, 1);
}
ul.siteTree ul li:before {
    content:"";
    display:block;
    width:12px;
    height:0;
    border-top:1px solid #ccc;
    position:absolute;
    top:13px;
    left: 0;
}
ul.siteTree ul li:last-child:before {
    background: RGBA(255, 255, 255, 1); 
    height: auto;
    top: 13px; 
    bottom: 0;
}