@charset "utf-8";

/*
	backThemeBlack 
	背景色を黒に、文字色を白に。
*/

body.backThemeBlack {
	background: #000000;
	color: #fff;
}

body.backThemeBlack a {
	/* 背景が黒の時はそのまま */
}

/* 基本のボタン */
body.backThemeBlack button:not(.btn) {
	background: #111;
	color: #fff;
	border-radius: 3px;
	border: solid 1px #333;
	padding: 2px 7px;
}

/* Bootstrap のボタン */
body.backThemeBlack .btn-default {
	background: #111;
	color: #fff;
}
body.backThemeBlack .btn-default:hover {
	background: #333;
	color: #fff;
}
body.backThemeBlack .btn-primary,
body.backThemeBlack .btn-success {
	color: #fff;
}

/* フッターのリンク */
body.backThemeBlack .menu-footer-tabs.nav-pills.nav-justified > li:not(.active) > a {
	/* 青のテーマの時、リンクの色が何色でも見づらいので白に。 */
	color: #fff;
}
body.backThemeBlack .menu-footer-tabs.nav-pills.nav-justified > li:not(.active) > a:hover {
	background: #111;
}

/* Bootstrap のジャンボトロン、パネル、ウェル */
body.backThemeBlack .jumbotron {
	background: #222;
}
body.backThemeBlack .panel {
	background: #000000;
	color: #fff;
}
body.backThemeBlack .panel-default {
	background: #555;
	color: #fff;
}

body.backThemeBlack .well {
	background: #333;
	color: #fff;
}
body.backThemeBlack .well a,
body.backThemeBlack .panel-default .well a {
	/* #468CF0 */
}
body.backThemeBlack .well a:hover,
body.backThemeBlack .panel-default .well a:hover,
body.backThemeBlack .panel-default .panel-title a:hover {
	color: #fff;
}

body.backThemeBlack .panel-default>.panel-heading {
	background: #333;
}

/* Bootstrap のドロップダウンメニュー */
body.backThemeBlack .dropdown-menu {
	background: #333;
}
body.backThemeBlack .dropdown-menu>li>a {
	color: #fff;
}
body.backThemeBlack .dropdown-menu>li>a:hover {
	background: #666;
	color: #fff;
}

/* Bootstrap のサムネイル */
body.backThemeBlack .thumbnail {
	background: #222;
	color: #ff0;
}
body.backThemeBlack .thumbnail .caption {
	color: #ff0;
}



/* アクセシビリティ制御ボタン */
body.backThemeBlack .font-size-btn,
body.backThemeBlack .padding-btn {
	background: #111;
	color: #fff;
	border-radius: 3px;
	border: solid 1px #333;
	padding: 2px 7px;
}


/* テーブル */
body.backThemeBlack .multidatabase-contents table th {
	background-color: #303030;
}

body.backThemeBlack .table-hover>tbody>tr:hover {
	background-color: #777;
}

/* ヘルプブロック */
body.backThemeBlack .help-block {
	color: #eee;
}


/* ページャー */
body.backThemeBlack .pagination>li>a,
body.backThemeBlack .pagination>li>span {
	background: #444;
	color: #fff;
}
body.backThemeBlack .pagination>li.active>a,
body.backThemeBlack .pagination>li.active>span {
	background: #fff;
	color: #111;
	border-color: #fff;
}


/* 以下、テーマに含まれる要素の調整 */

body.backThemeBlack .btn-link {
	/* 黒の場合、見にくいので少し明るく */
	color: #508DC1;
}


/* タブ系ナビ */

body.backThemeBlack .nav-tabs.menu-header-tabs > li:not(.active):hover {
	background-color: #555555;
}
body.backThemeBlack .nav-tabs.menu-header-tabs > li:not(.active) > a {
	color: #fff;
}
body.backThemeBlack .nav-tabs>li>a:hover {
	border-color: #555 #555 #666;
}

body.backThemeBlack .nav-tabs>li.active>a, 
body.backThemeBlack .nav-tabs>li.active>a:focus, 
body.backThemeBlack .nav-tabs>li.active>a:hover {
	background-color: #555555;
}


/* ピル系ナビ */

body.backThemeBlack .nav-pills.menu-footer-tabs > li {
	border: solid 2px #111111;
}
body.backThemeBlack .nav-pills.menu-footer-tabs > li > a {
	color: #fff;
}
body.backThemeBlack .nav-pills.menu-footer-tabs > li:not(.active) > a:hover {
	background-color: #555555;
}

body.backThemeBlack .nav-pills.menu-footer-tabs>li.active>a, 
body.backThemeBlack .nav-pills.menu-footer-tabs>li.active>a:hover, 
body.backThemeBlack .nav-pills.menu-footer-tabs>li.active>a:focus {
	background-color: #555555;
}



/* テーマ01, テーマ05, テーマ06, テーマSmart */
body.isTheme01.backThemeBlack .nav-tabs.menu-header-tabs > li,
body.isTheme05.backThemeBlack .nav-tabs.menu-header-tabs > li,
body.isTheme06.backThemeBlack .nav-tabs.menu-header-tabs > li,
body.isThemeSmart.backThemeBlack .nav-tabs.menu-header-tabs > li {
	background-image: -moz-linear-gradient(top, #000000 0%, #050505 10%, #0f0f0f 80%, #151515 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000000), color-stop(0.10, #050505), color-stop(0.80, #0f0f0f), color-stop(1, #151515));
}
body.isTheme01.backThemeBlack .nav-tabs.menu-header-tabs > li:not(.active),
body.isTheme05.backThemeBlack .nav-tabs.menu-header-tabs > li:not(.active),
body.isTheme06.backThemeBlack .nav-tabs.menu-header-tabs > li:not(.active),
body.isThemeSmart.backThemeBlack .nav-tabs.menu-header-tabs > li:not(.active) {
    background-image: -moz-linear-gradient(top, #060606 0%, #151515 10%, #1f1f1f 80%, #252525 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #060606), color-stop(0.10, #151515), color-stop(0.80, #1f1f1f), color-stop(1, #252525));
}


/* テーマ04 */
body.isTheme04.backThemeBlack .nav-tabs.menu-header-tabs > li:not(.active) {
	background-color: #758b2d;
}