@charset "utf-8";
/* ===================================================================
CSS information

 file name  :help.css
 style info :helpページ 他
=================================================================== */

/*----------------------------------------------------
	helptop
----------------------------------------------------*/
#page-wrapper .helpContents .in{
	text-align:center;
}
#page-wrapper .helpContents .icon_img{
	margin:0;
	display:inline-block;
}
#page-wrapper .helpContents .icon_img.youtube{
	background: url(../../assets/img/manual/top/icon_youtube.png) no-repeat right bottom;
	background-size:30px;
	padding-left:35px;
	padding-right:35px;
}
#page-wrapper .helpContents .icon_img.pdf{
	background: url(../../assets/img/manual/top/icon_pdf.png) no-repeat right bottom;
	background-size:20px;
	padding-left:25px;
	padding-right:25px;
}
#page-wrapper .helpContents a{
	height: 100%;
	display:block;
	padding:20px 15px;
	border: 1px solid #D2D9E0;
	border-radius: 3px;
	background-color: #fff;
}
#page-wrapper .helpContents .haifu a{
	background-color: transparent;
}
#page-wrapper .helpContents a:hover{
	border-color: #8194A7;
	text-decoration: none;
}
#page-wrapper .mainContents .helpContents .row{
	margin-left:-10px;
	margin-right:-10px;
}
#page-wrapper .mainContents .helpContents .col-md-4{
	padding-left:10px;
	padding-right:10px;
	margin-bottom:20px;
}
#page-wrapper .helpContents .in .title{
	text-align:center;
	font-size:16px;
	color:#1f1f1f;
	margin-bottom:0;
	margin-top:0.6em;
}

/*----------------------------------------------------
	help共通CSS
----------------------------------------------------*/
#wrapper .navbar-fixed-bottom .navbar-collapse,
#wrapper .navbar-fixed-top .navbar-collapse{
	max-height: 100%;
}
#wrapper #header #user{
	position: static;
}
#wrapper #header #user a{
	height:auto;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form,
.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover{
}
#header .navbar-inverse .navbar-nav a{
	text-align: left;
	font-size:16px;
	font-weight: normal;
	border-bottom: 1px dotted #bbac9f;
	padding:12px 15px;
}
#header .navbar-inverse .navbar-nav a:hover{
	background:#fff;
	text-align: left;
  color:#5e3b1b;
  border-right: 1px dotted #bbac9f;
}
#header .navbar-inverse .navbar-nav #manual > li a,
#header .navbar-inverse .navbar-nav #File > li a{
	padding-left:3em;
}
#header .navbar-inverse .navbar-nav #User > li a,
#header .navbar-inverse .navbar-nav #Authorizer > li a,
#header .navbar-inverse .navbar-nav #System > li a,
#header .navbar-inverse .navbar-nav #File > li a{
	padding-left:5em;
}
.listTitle01{
	padding:10px;
	background:#715034;
	padding-left:2em;
	font-size:16px;
}
.listTitle02{
  background: #e8e1dd;
  height: 20px;
  padding-left: 20px;
}
.listTitle02 span {
  display: block;
  background: url(../../assets/img/icon_tri_down.png) no-repeat left center;
  padding-left: 15px;
  padding-top: 2px;
  font-size: 12px;
  color: #827467;
}
.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav>.active>a:hover{
	background:#715034;
	text-align: left;
}
.navbar-inverse .accordion-control{
	background:#715034;
}
.navbar-inverse .accordion-control.collapsed{
	background:#715034;
}
.navbar-inverse{
	background:#5e3b1b;
}
.navbar-inverse .navbar-toggle{
	border-color:#fff;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
}
.navbar-brand{
	padding:0;
}
#wrapper .navbar-fixed-bottom .navbar-collapse,
#wrapper .navbar-fixed-top .navbar-collapse{
	padding:0;
}
#header #logo .toggle{
	z-index:99999;
}
#wrapper #header #logo,
#wrapper #header #logo .toggle{
	width:280px;
}
.fa{
	padding-right:5px;
}
.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #ccc;
    content: ">";
}
#wrapper .breadcrumb{
	margin:10px 0;
	background:none;
}
#wrapper h1{
	margin-bottom: 0.3em;
	padding: 12px 0;
	font-size: 26px;
	font-weight: normal;
	border-bottom: 1px solid #D2D9E0;
}
#page-wrapper .mainContents .img-wrap{
	margin-bottom:30px;
}
#page-wrapper .mainContents .img-wrap img{
  border: 1px solid #e8e1dd;
}
#page-wrapper .mainContents h2{
	background: #8194A7;
	padding:10px 10px 10px 20px;
	font-size:21px;
	margin:1em 0;
	color: #fff;
}
#page-wrapper .mainContents .gray{
	color:#888;
}
#page-wrapper .mainContents li{
	margin-bottom:0.5em;
	padding:0 15px;
}
#page-wrapper .mainContents ul,
#page-wrapper .mainContents ol{
	margin-bottom:1em;
}
#page-wrapper{
	max-width: 900px;
}
#page-wrapper h3{
	font-size:18px;
	padding:10px 0;
	border-bottom:1px solid #eee;
}
#page-wrapper h4{
	font-weight: bold;
	font-size:16px;
	margin-top: 20px;
	margin-bottom: 10px;
	line-height: 1.5;
}
#page-wrapper p{
	margin:15px 0;
	line-height: 1.7;
}
#page-wrapper .mainContents .inner{
	padding:0 10px;
	margin-bottom:30px;
}

#page-wrapper .mainContents .btn{
	margin:0;
	line-height:1.5;
	padding:4px;
	height:auto;
	width:125px;
}
#page-wrapper .mainContents table td{
	vertical-align: middle;
}
#page-wrapper .mainContents .btn-orange{
	padding:0 10px;
}
#page-wrapper .mainContents .btn-gray{
	background: #666;
	color:#fff;
}
#page-wrapper .mainContents .btn-none{
	background: none;
}
#page-wrapper .mainContents .btn-none{
	background: none;
}
#page-wrapper .pageDesc{
	padding:5px 15px;
}
#page-wrapper .pageDesc p{
	margin:0;
}
.authority a{
	height: 100%;
	display: block;
}
.authority a:hover{
	text-decoration: none;
}
.authority .author{
	margin-bottom:20px;
	padding:15px 40px 15px 10px;
	border: 1px solid #D2D9E0;
	border-radius: 3px;
	background: #fff;
}
.authority .author:hover{
	border-color: #8194A7;
	cursor: pointer;
}
#page-wrapper .authority a:hover .author::before{
}
.authority a .author:hover{
}
.authority a .author h4,
.authority a .author p{
	color:#1f1f1f;
}
.authority a:hover .author h4,
.authority a:hover .author p{
	text-decoration: none;
}
#page-wrapper .authority-h{
	border:0;
}
#page-wrapper .authority h4{
	margin:0 0 5px;
	text-align: left;
}
#page-wrapper .author::before {
  content: "\f078";
  padding-right: 10px;
  font-family: FontAwesome;
  color: #1f1f1f;
  position: absolute;
  top: 30%;
  right: 30px;
}
#page-wrapper .authority p{
	margin:0;
}
#page-wrapper .author.no-authority{
	color: #DBDBDB;
	border-color: #DBDBDB;
}
#page-wrapper .author.no-authority::before{
	color: #DBDBDB;
}
#page-wrapper .author.no-authority h4{
}
.panel-group .panel+.panel {
  margin-top: 0;
}
.panel-group {
  margin-bottom: 0;
}
.panel{
	border:none;
}
.app-table th,
.app-table td{
	text-align:center;
}
@media only screen and (max-width: 768px) {
	.navbar-nav{
		margin:0;
	}
	#wrapper #header #logo,
	#wrapper #header #logo .toggle{
		width:100%;
		display: block;
		border-bottom:1px dotted #8f7660;
	}
	#wrapper #header #logo .toggle{
		width:100%;
	}
	.navbar-fixed-top{
		position: static;
		margin-bottom:0;
	}
}
@media only screen and (min-width: 768px) {
	#wrapper{
		padding-left:280px;
	}
	.side-nav{
		top:64px;
		background:#8e755f;
		width:280px;
	}
	#header .navbar-inverse .navbar-nav a{
		width:100%;
	}
	.navbar-nav>li{
		width:100%;
		display: block;
	}
	.side-nav li a:hover,
	.side-nav li a:focus{
		background-color:#715034;
	}
}

@media all and (max-width: 480px) {
	#page-wrapper .helpContents a{
		padding:10px;
	}
}