@charset 'utf-8';

/**
 * Layout CSS
 */
* {
	font-family: 'Verdana', 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, 'メイリオ', monospace;
}
html,
body {
	height: 100%;
	margin: 0;
	padding: 0;
	font-size: 10pt;
}

div {
	word-break: break-all;
}

/* 固定フッタ用レイアウトコンテナ */
.layout-container {
	height: 100%;
	margin: auto;
}
/* 固定フッタ用ラッパ */
.main-container {
	min-height: 100%;
	height: auto;
	margin: 0 auto -30px;
	padding: 0 0 30px;
	box-sizing: border-box;
}

/**
 * メインコンテンツ
 */
.main-container > .main-content {
	width: 100%;
	padding-top: 50px;
}
.main-container > .main-content img {
	max-width: 100%;
}
.main-container > .main-content.has-sub-nav { padding-top: 80px; }
.main-container > .main-content.has-content-nav { padding-top: 120px; }
.develop-note {
	margin: auto 15px 20px;
	box-shadow: 1px 1px 1px black;
}
@media (max-width: 767px) {
	.main-container > .main-content { padding-top: 0; }
	.main-container > .main-content.has-content-nav { padding-top: 0; }
}

/**
 * グローバルヘッダー
 */
.global-header .navbar-nav > li > a.nav-logout { background-color: #c50404; }
.global-header .navbar-nav > li > a.nav-logout:hover { background-color: #fe2020; }

.global-header .navbar > .content-nav-main {
	height: 40px;
	background-color: #878787;
	box-shadow: 0 2px 12px 1px rgba(0, 0, 0, 0.3) inset;
}
.content-header h2 {
	font-size: 120%;
	margin-top: auto;
	display: table-cell;
	height: 40px;
	vertical-align: middle;
	color: #fff;
	text-shadow: 0 2px 8px #000;
}
.content-header h2 > .glyphicon { font-size: 80%; }
.content-header h2 > a { color: #fff; }
@media (min-width: 1200px) {
	.content-header h2 { font-size: 160%; }
}

/**
 * グローバルフッター
 */
.global-footer {
	display: table;
	width: 100%;
	text-align: center;
}
.global-footer .footer-row {
	display: table-row;
	width: 100%;
}
.global-footer .copyright { height: 30px; }
.global-footer .footer-content {
	display: block;
	display: table-cell;
	margin: auto;
	padding: 0;
	vertical-align: middle;
	color: white;
	font-size: 0.8em;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4) inset;
}

/**
 * ログイン
 */
.login-box.login-box-master h4 {
	font-weight: bold;
	text-shadow: 1px 1px 1px #C0C0C0;
	margin-bottom: 1em;
}
.login-box.login-box-master .login-box-message {
	text-align: center;
}