/*-------------------------------
	mac.css
-------------------------------*/
.img-bor {
	border:1px #CCC solid;
}

/*-------------------------------
   panel-mac
-------------------------------*/
.panel-mac .move_link {
	background-color:#FF0000;
	float:right;
	margin:5px 15px -10px 0px;
}
.panel-mac .move_link:hover {
	opacity:0.6;
}
	
/*-------------------------------
    alert-mac
-------------------------------*/
.alert-mac {
	color:#666;
	background-color:#EBEBEB;
	border-color:#ddd;
}
.alert-mac hr {border-top-color:#a6e1ec;}
.alert-mac .alert-link {color:#245269;}

footer {
	background-color:#999;
	color:#fff;
	height: 3em;
	overflow-y: hidden;
}

@media (max-width: 767px) {
	footer {height:6em;}
}

#footer_nav ul li {
	border-left:1px solid #fff;
	padding-left:12px;
	float:left;
	display:inline;
}

/*-------------------------------
   download table
-------------------------------*/
table.downloadservice,
table.downloadservice th,
table.downloadservice td {
	border:1px #000 solid;
}

table.downloadservice th {
	background-color:#E1E1E1;
	text-align:center;
	vertical-align:middle;
	padding:0px 20px;
	width:25%;
}

table.downloadservice td {
	padding:10px 30px;
}

table.downloadservice th.os {
	width:50%;
}

table.downloadservice td.download {
	text-align:center;
}

.tab-content{
	padding:0;
}

/*-------------------------------
	tbl-info
------------------------------*/
.tbl-info{
	width:100%;
}

.tbl-info,
.tbl-info th,
.tbl-info td{
	border:1px solid #DDDDDD;
}

.tbl-info th{
	background-color:#E1E1E1;
	color:#34495E;
	text-align:center;
	border:1px solid #DDDDDD;
}
.tbl-info th.info_date{
	width:12%;
}

.tbl-info th.info_service{
	width:12.5%;
}

.tbl-info th.info_title{
	width:75.5%;
}

.tbl-info > thead > tr > th,
.tbl-info > tbody > tr > th,
.tbl-info > tfoot > tr > th,
.tbl-info > thead > tr > td,
.tbl-info > tbody > tr > td,
.tbl-info > tfoot > tr > td {
	border-top:1px solid #DDDDDD;
}

/*-------------------------------
tbl-600037
-------------------------------*/
.tbl_600001 {
	width:100%;
}

.tbl_600001 td {
	height:40px;
	font-weight:bold;
}

.tbl_600001 td.version {
	width:30%;
	text-align:center;
}

.tbl_600001 td.ver4{
	background-color:#d6d6d6;
	text-align:left;
	padding-left:12px;
}
.tbl_600001 td.ver3_4{
	background-color:#d6d6d6;
	text-align:left;
	padding-left:12px;
}

.tbl_600001 td.ver3{
	background-color:#c8c8c8;
	text-align:left;
	padding-left:12px;
}

.tbl_600001 td.ver2{
	background-color:#d6d6d6;
	text-align:left;
	padding-left:12px;
}

.tbl_600001 td.ver1{
	background-color:#e5e5e5;
	text-align:left;
	padding-left:12px;
}

/*-------------------------------
tbl-600037
-------------------------------*/
.tbl-600037,
.tbl-600037 th,
.tbl-600037 td {
	text-align:center;
	padding:0 10px;
	border:solid 1px #000000;
}

.tbl-600037 .midashi {background-color:#FFFFFF;	text-align:left;}
.tbl-600037 .lv_high {background-color:#FF9999; text-align:center; width:70px;}
.tbl-600037 .lv_midum {background-color:#FFCCCC; text-align:center; width:70px;}
.tbl-600037 .lv_low {background-color:#FFFFCC; text-align:center; width:70px;}
.tbl-600037 .lv_saiteigen {background-color:#B3F1FF; text-align:center; width:70px;}

.tbl-600037-b,
.tbl-600037-b th,
.tbl-600037-b td {
	text-align:center;
	padding:0 10px;
	border:solid 1px #000000;
}

.tbl-600037-b th {background-color:#6FC;}
.tbl-600037-b td {text-align:left; line-height:25px;}

/*-------------------------------
tbl-600041
-------------------------------*/
.tbl-600041,
.tbl-600041 th,
.tbl-600041 td {
	text-align:center;
	padding:5px;
	border:solid 1px #000000;
	background-color:#FFF;
	color:#000;
}

.tbl-600041 th {
	background-color:#C0C0C0;
	text-align:center;
	font-weight:bold;
	width:40%;
}

/*-------------------------------
   ナレッジ
-------------------------------*/
/* ナレッジ(調べたい内容を探す)のマウスオーバー */
table.knowledge thead th {
	background:#ccc;
/*	background:#DCDCDC; */
}

table.knowledge tbody th {
	background:#E1E1E1;
}

table.knowledge tbody th:hover {
	background:#E1E1E1;
}

table.knowledge td {
	cursor:pointer;
}

table.knowledge tbody tr td {
	padding-left:20px;
}

/*-------------------------------
	sidebar  2019/02/20
-------------------------------*/
table.sidebar {
	border:1px solid #ddd;
	border-radius:4px;
	border-collapse:separate;
}
table.sidebar thead th {
	background:#ccc;
	border-bottom-width:1px;
}
table.sidebar thead th:first-child {border-radius:4px 4px 0 0;}
table.sidebar tbody th {background:#E1E1E1;}
table.sidebar tbody td a{color:#34495e;display: block;}
table.sidebar td {cursor:pointer;}
table.sidebar td:hover {background:#f5f5f5;}
table.sidebar tr td {padding-left:20px;}

/*-------------------------------
カテゴリバー
--------------------------------*/
.category_bar {
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	font-weight:bold;
	color:#000;
	background-color:#CCC;
	padding-left:10px;
	margin-top:15px;
	margin-bottom:10px;
}

/*-------------------------------
dt dl
-------------------------------*/
dt {
	font-weight:bold;
}

dd {
	padding-left:10px;
	margin-bottom:20px;
}

/*-------------------------------
   panel-mac
-------------------------------*/
.panel-mac {
	border-color:#ddd;
	margin-bottom:20px;
}
.panel-mac>.panel-heading {
	color:#333;
	background-color:#ccc;
	border-color:#ddd;
}
.panel-mac>.panel-heading+.panel-collapse>.panel-body {
	border-top-color:#ddd;
}
.panel-mac>.panel-heading .badge {
	color:#f5f5f5;
	background-color:#333;
}
.panel-mac>.panel-footer+.panel-collapse>.panel-body {
	border-bottom-color:#ddd;
}

.privacy-title {
	font-size:1.5em;
	font-weight:bold;
	margin-top:0px;
	padding-top:0px;
}

.privacy-rev {
	text-align:right;
}

/*-------------------------------
	panel-category
-------------------------------*/
.panel-category {
	border-color:#ddd;
	margin-bottom::20px;
}

.panel-category .panel-heading{
	padding-top:5px;
	padding-bottom:5px;
	font-weight:bold;
	color:#333;
	background-color:#c0c0c0;
	border-color:#c0c0c0;
}

a .panel-heading {
/*	color:#333; */
	color: #16a085; 
}

a .panel-heading:hover {
	text-decoration: underline;
}

/*
.panel-category .panel-heading a:hover,
.panel-category .panel-heading a:focus {
	color: #1abc9c;
	text-decoration: none;
}
*/


.panel-category>.panel-heading+.panel-collapse>.panel-body {
	border-top-color:#C0c0c0;
}
.panel-category>.panel-heading .badge {
	color:#a9a9a9;
	background-color:#333;
}
.panel-category>.panel-footer+.panel-collapse>.panel-body {
	border-bottom-color:#c0c0c0
}

/*-------------------------------
	tab info
-------------------------------*/
.tabmac-info {
	border-bottom:1px solid transparent;
	font-weight:bold;}
/*.nav-tabs{border-bottom:1px solid #ddd;} */

.tabmac-info > li {
	float:left;
	margin-bottom:-1px;
}

.tabmac-info > li > a {
/*	margin-right:2px; */
	line-height:1.42857143;
	border:1px solid #DDDDDD;
	border-radius:4px 4px 0 0;
	border-bottom-color:transparent;
}

.tabmac-info > li > a:hover {
	border-color:#eee #eee #ddd;
	border-bottom-color:transparent;
}

.tabmac-info > li.active > a,
.tabmac-info > li.active > a:hover,
.tabmac-info > li.active > a:focus {
	color:#555;
	cursor:default;
	background-color:#E1E1E1;
	border:1px solid #E1E1E1;
	border-top:1px solid #DDDDDD;
	border-left:1px solid #DDDDDD;
	border-right:1px solid #DDDDDD;
	border-bottom-color:#E1E1E1;
}

/*---------------------------
	box-function
---------------------------*/
.function_box {
	width:auto;
	border:1px solid #999;
	border-radius:5px;
	box-shadow:3px 3px 8px 2px rgba(0,0,0,0.3);
	padding:20px;
	margin:25px 5px;
}

.function_box > ul > li {
	margin:5px;
}

/*-------------------------------
   navbar-mac
-------------------------------*/
/* navbar全体の基本の色 */
.navbar-mac {
	background-color:#999;
	margin-bottom:5px;
}

/* navbarの先頭の文字色 #34495e */
.navbar-mac .navbar-brand {
	color:#FFF;
}

/* 上:重ねたときの文字色　下:重ねたときの背景 transparent :*/
.navbar-mac .navbar-brand:hover,
.navbar-mac .navbar-brand:focus {
	color: #FFF;
	background-color:#CCC;
}

/* メニュー3本線 */
.navbar-mac .navbar-toggle:before {
	color: #FFF;
}

/* メニュー3本線 カーソル重ねたときの背景色 */
.navbar-mac .navbar-toggle:hover,
.navbar-mac .navbar-toggle:focus {
	background-color: transparent;
}

/* メニュー3本線 カーソル重ねたときの色 */
.navbar-mac .navbar-toggle:hover:before,
.navbar-mac .navbar-toggle:focus:before {
	color: #FFF;
}

/* メニュー3本線 フォーム */
.navbar-mac .navbar-collapse,
.navbar-mac .navbar-form {
  border-color: #e5e9ea;
  border-width: 2px;
}

/* navbar 先頭以外の文字色　*/
.navbar-mac .navbar-nav > li > a {
  color: #FFF;
}

/* navbar 先頭以外の文字色、背景色 */
.navbar-mac .navbar-nav > li > a:hover,
.navbar-mac .navbar-nav > li > a:focus {
  color: #FFF;
  background-color: #CCC;
}

/* navbar active */
.navbar-mac .navbar-nav > .active > a,
.navbar-mac .navbar-nav > .active > a:hover,
.navbar-mac .navbar-nav > .active > a:focus {
  color: #5097CD;
  background-color: #CCC;
}

/* ？ */
.navbar-mac .navbar-nav > .disabled > a,
.navbar-mac .navbar-nav > .disabled > a:hover,
.navbar-mac .navbar-nav > .disabled > a:focus {
  color: #CCC;
  background-color: #FFF;
}

/* dropdownの三角形 */
.navbar-mac .navbar-nav > .dropdown > a .caret {
  border-top-color: #FFF;
  border-bottom-color: #FFF;
}

/*  */
.navbar-mac .navbar-nav > .active > a .caret {
  border-top-color: #FFF;
  border-bottom-color: #FFF;
}

/* dropdown 右のボタン */
.navbar-mac .navbar-nav > .dropdown > a:hover .caret,
.navbar-mac .navbar-nav > .dropdown > a:focus .caret {
  border-top-color: #FFF;
  border-bottom-color: #FFF;
}

/* dropdown した後の項目の文字色と背景色 */
.navbar-mac .navbar-nav > .open > a,
.navbar-mac .navbar-nav > .open > a:hover,
.navbar-mac .navbar-nav > .open > a:focus {
  color: #FFF;
  background-color: #CCC;
}

/* dropdown した後の三角形の文字色と背景色 */
.navbar-mac .navbar-nav > .open > a .caret,
.navbar-mac .navbar-nav > .open > a:hover .caret,
.navbar-mac .navbar-nav > .open > a:focus .caret {
  border-top-color: #FFF;
  border-bottom-color: #CCC;
}

/* dropdown した後の選択画面の背景色 */
.navbar-mac .navbar-nav .open .dropdown-menu > li:first-child {
	border:1px solid #000;
}

.navbar-mac .navbar-nav .open .dropdown-menu > li {
	background-color:#FFF;
	border-style:none solid solid;
	border-width:1px;
}

/* dropdown した後の選択画面の文字色 */
.navbar-mac .navbar-nav .open .dropdown-menu > li {
	color:#000;
}

/* dropdown した後の選択画面をマウスオーバーした時の文字色と背景色 */
.navbar-mac .navbar-nav .open .dropdown-menu > li > a:hover {
	color:#FFF;
	background-color:#CCC;
}

.panel panel-info .panel-heading{
	color:#000;
}

/*-------------------------------
   200409追加　レイアウト調整用
-------------------------------*/
.mab_2em {
	margin-bottom: 2em;
}


@media (max-width: 767px) {
  .navbar-mac .navbar-nav .open .dropdown-menu > li > a {
    color: #34495e;
    }
  .navbar-mac .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-mac .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #1abc9c;
    background-color: transparent;
    }
  .navbar-mac .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-mac .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-mac .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #1abc9c;
    background-color: transparent;
    }
  .navbar-mac .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-mac .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-mac .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
	}

.navbar-mac .navbar-form .form-control,
.navbar-mac .navbar-form .select2-search input[type="text"] {
  border-color: transparent;
}

.navbar-mac .navbar-form .form-control::-moz-placeholder,
.navbar-mac .navbar-form .select2-search input[type="text"]::-moz-placeholder {
  color: #aeb6bf;
  opacity: 1;
}

.navbar-mac .navbar-form .form-control:-ms-input-placeholder,
.navbar-mac .navbar-form .select2-search input[type="text"]:-ms-input-placeholder {
  color: #aeb6bf;
}

.navbar-mac .navbar-form .form-control::-webkit-input-placeholder,
.navbar-mac .navbar-form .select2-search input[type="text"]::-webkit-input-placeholder {
  color: #aeb6bf;
}

.navbar-mac .navbar-form .form-control:focus,
.navbar-mac .navbar-form .select2-search input[type="text"]:focus {
  color: #1abc9c;
  border-color: #1abc9c;
}

.navbar-mac .navbar-form .input-group-btn .btn {
  color: #919ba4;
  border-color: transparent;
}

.navbar-mac .navbar-form .input-group.focus .form-control,
.navbar-mac .navbar-form .input-group.focus .input-group-btn .btn,
.navbar-mac .navbar-form .input-group.focus .select2-search input[type="text"] {
	color:#000;
	background-color:#FFF;
}

.navbar-mac .navbar-text {
  color: #34495e;
}

.navbar-mac .navbar-link {
  color: #34495e;
}

.navbar-mac .navbar-link:hover {
  color: #000;
}

.navbar-mac .btn-link {
  color: #000;
}

.navbar-mac .btn-link:hover,
.navbar-mac .btn-link:focus {
	color:#000;
	background-color:#FFF;
}

.navbar-mac .btn-link[disabled]:hover,
fieldset[disabled] .navbar-mac .btn-link:hover,
.navbar-mac .btn-link[disabled]:focus,
fieldset[disabled] .navbar-mac .btn-link:focus {
  color: #ccc;
}