@charset "utf-8";

/**
 * ----------------------------------------------
 *
 * Style Sheet for Shogakukan Publishing Base
 *
 * @project     SPB
 *
 * @author      Sachio Kusumoto
 *
 * @version     2014-08-19
 *              2017-08-30
 *
 * ----------------------------------------------
 */

/**
 * ------------------------------------
 *
 * 標準タグ
 *
 * ------------------------------------
 */
body { margin: 0px 0px 40px 0px; }

header{
	background-color: #465daa;
    /*background-color: #5d7489;*/
	height: 75px;
	width: 100%;
	/*margin-bottom: 40px;*/
	margin-bottom: 1em;
}

a{
	color: #883ced;
}

a:hover{
	color: #af4cf0;
}

footer {
}

/**
 * ------------------------------------
 *
 * 共通クラス
 *
 * ------------------------------------
 */
.hidden {
    display: none;
}

/* コンテナの左右にマージンを取るため */
.bagel-container {
	margin: 0 1.5em;
}

/**
 * ------------------------------------
 *
 * IDs
 *
 * ------------------------------------
 */

/*------------------------
  ロゴ領域
--------------------------*/
#logo{
	display: block;
	/*background: url(../../assets/img/bagel_logo.png) no-repeat;*/
	width: 308px;
	height: 45px;
	position: relative;
	top: 15px;
}

#content {
	font-size: 10pt;
}

#content a {
	color: white;
}

#content a:hover {
	color: yellow;
	text-decoration: none;
}

/*------------------------
  ナビゲーション・ペイン
--------------------------*/
#nav-pane {
	box-sizing: border-box;
	/*width: 10%;
	float: left;*/
	margin-bottom: 1em;
}

/* 管理画面用 */
#nav-pane .admin-nav {
	float: left;
	margin-right: 2em;
}

/*------------------------
  リスト・ペイン
--------------------------*/
#list-pane {
	box-sizing: border-box;
	/*width: 42.5%;*/
	width: 45%;
	float: left;
	/*margin-left: 20px;*/
	padding: 1em;
}

#list-pane li {
	list-style-type: none;
	background-color: #094ab2;
	color: #ffffff;
	margin: 4px 4px 4px -30px;
	padding: 2px 0 2px 4px;
}

#list-pane li a {
	color: #ffffff;
}

#list-pane li a:hover {
	color: #ffff00;
}

#list-pane .pub {
	background-color: #094ab2;
	color: #ffffff;
	margin: 0;
	padding: 4px;

}

#list-pane .pub a {
	color: #ffffff;
}

#list-pane .pub a:hover {
	color: #ffff00;
}

#list-pane .btn-create-delete-pub i,
#list-pane .btn-create-delete-content i {
	margin-right: 4px;
}

#list-pane .has-dtp-data {
	color: #b5a6f3;
}

#list-pane .count-bubble/*, #list-pane li .count-bubble*/ {
	background-color: #b5a6f3;
	color: #094ab2;
	float: right;
	margin-right: 6px;
	padding: 0 2px;
	-webkit-border-radius: .3125em;
	-moz-border-radius: .3125em;
	border-radius: .3125em;
}

#list-pane li .active-content-icon {
    color: yellow;
}

/* 管理画面用 */
#list-pane-admin {
	box-sizing: border-box;
	width: 45%;
	float: left;
	padding: 1em;
	min-height: 400px;
	margin-right: 2em;
}

#list-pane-admin .btn {
	margin: 0 8px;
}

/* book-treeで検索でヒットした書誌情報を示す。 */
#book-tree .found-node {
	color: yellow;
	font-weight: bold;
}

.list-head .list-title {
    margin: 0;
    padding-left: 10em;
    color: #094ab2;
}

/*------------------------
  フォーム・ペイン
--------------------------*/
#form-pane {
	box-sizing: border-box;
	/*margin-left: 20px;*/
	/*width: 43%;*/
	width: 53%;
	float: right;
	/*float: left;*/
	/*background-color: #094ab2;*/
}

#form-pane .form-content {
	background-color: #094ab2;
	color: #ffffff;
	padding: 1em;
}

#form-pane label {
	padding: 8px 0 0 0;
}

#form-pane #btn-upload-modal {
	margin-bottom: 10px;
}

#form-pane .dtp-data-header-hr {
	margin-top: -20px;
	margin-left: 100px;
}

#form-pane .dtp-data-file-name {
    border-width: 0;
}

/* 複数の著者入力欄 */
#form-pane .authors {
    margin-top: -20px;
}

#form-pane .add-author {
    cursor: pointer;
}

/* 管理画面用 */
#form-pane.admin-form-pane {
	width: 40%;
	float: left;"
}

/**
 * ------------------------------------
 *
 * クラス
 *
 * ------------------------------------
 */
/*.btn.btn-primary{color:#ffffff!important;background-color:#883ced;background-repeat:repeat-x;background-image:-khtml-gradient(linear, left top, left bottom, from(#fd6ef7), to(#883ced));background-image:-moz-linear-gradient(top, #fd6ef7, #883ced);background-image:-ms-linear-gradient(top, #fd6ef7, #883ced);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #fd6ef7), color-stop(100%, #883ced));background-image:-webkit-linear-gradient(top, #fd6ef7, #883ced);background-image:-o-linear-gradient(top, #fd6ef7, #883ced);background-image:linear-gradient(top, #fd6ef7, #883ced);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fd6ef7', endColorstr='#883ced', GradientType=0);text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);border-color:#883ced #883ced #003f81;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);}*/
.btn.btn-primary {
	color:#ffffff!important;
	background-color: #465daa;
}
.menu {
	margin-left: auto;
	margin-right: 0;
	top: -25px;
	width: 100px;
	text-align: center;
}
.menu a {
	color: white;
}
.menu a:hover {
	color: #af4cf0;
}

.jumbotron h2 {
	font-size: 80%;
	font-weight: bold;
	color: #465daa;
}

/* ログイン時のjumbotron */
.logintron {
	width: 50%;
}

.nav-pills li {
	margin-bottom: 4px;
}

/*
.active {
	background-color: #ff0000;
}
*/

i.white {
	color: #fff;
}

.nav form {
	margin-top: -23px;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
	color: #ffffff;
	background-color: #094ab2;
}

.nav-pills > li > a {
	background-color: #eeeeee;
	color: #465daa;
}


.nav-pills > li > a:hover {
	background-color: #094ab2;
	color: white;
}

.admin-nav {
    width: 105px;
}

/* 出版年月日、雑誌の号 */
.pub-date {
    padding-left: 1em;
	color: #aec3e6;
}

.input-form input,
.input-form select {
	margin-bottom: 4px;
}

.input-form label {
	text-align: right;
	padding-top: 4px;
}

.input-form .cover-thumbnail {
	max-width: 160px;
	margin: 4px 0 8px 0;
}

/* 検索結果のコンテントへのリンク */
.search-results .content-link {
    margin-left: 1em;
}

