@charset "euc-jp";
/* ************************************************ 
 *	共通
 * ************************************************ */
body {
	font-family:'メイリオ','Meiryo', 'ＭＳ Ｐゴシック',' verdana', 'arial', 'Helvetica', 'sans-serif', 'Osaka';
}
/* ************************************************ 
 *	table 用 オリジナルカラー（デフォルト使用）
 * ************************************************ */
.table .info-origin th,
.table .info-origin td{
	background-color:#D9EDF7;
}
.table .success-origin th,
.table .success-origin td{
	background-color:#DFF0D8;
}
.table .danger-origin th,
.table .danger-origin td{
	background-color:#F2DEDE;
}
.table .warning-origin th,
.table .warning-origin td{
	background-color:#FCF8E3;
}
.table .active-origin th,
.table .active-origin td{
	background-color:#F5F5F5;
}
/* ************************************************ 
 *	navbar-brand
 * ************************************************ */
.navbar-brand{
	padding:13.5px 15px 12.5px;
}
.navbar-brand>img{
	display:inline;
	margin:0 10px;
	height:100%;
}
.sub-header {
  padding:0 0 10px;
  border-bottom: 1px solid #eee;
}
/* Sidebar */
.sidebar {
  display: none;
}
/* pageslide modal */
#pageslide {
    /* These styles MUST be included. Do not change. */
    display: none;
    position: absolute;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999999;
    /* Specify the width of your pageslide here */
    width: 360px;
	max-width:100%;
    padding: 20px;
    /* These styles are optional, and describe how the pageslide will look */
    background-color: #f5f5f5;
	overflow-y:scroll;
}
.pageslide-open{
	z-index:1000;
	position:fixed;
	left:-3px;
	top:50%;
}
/* checkslide */
.checkslide{
	display:none;
}
.checkslide-open{
	display:block;
}


/* Hide for mobile, show later */
@media (min-width: 768px) {
	.sidebar {
		display: block;
		padding: 20px;
		overflow-x: hidden;
		overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
		background-color: #f5f5f5;
		border-right: 1px solid #eee;
	}
	.pageslide-open{
		display:none;
	}
	.pageslide-close{
		display:none;
	}
}
/* Sidebar navigation */
.nav-sidebar {
	margin-right: -21px; /* 20px padding + 1px border */
	margin-bottom: 20px;
	margin-left: -20px;
}
.nav-sidebar > li > a {
	padding-right: 20px;
	padding-left: 20px;
}
.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus {
	color: #fff;
	background-color: #428bca;
}
/* Main content */
.main {
	padding: 20px;
}
@media (min-width: 768px) {
	.main {
		padding-right: 40px;
		padding-left: 40px;
	}
}


/*
 * Placeholder dashboard ideas
 */
.placeholders {
	margin-bottom: 30px;
	text-align: center;
}
.placeholders h4 {
	margin-bottom: 0;
}
.placeholder {
	margin-bottom: 20px;
}
.placeholder img {
	display: inline-block;
	border-radius: 50%;
}