@charset "UTF-8";
/* =============== 2015スタイル ================= */

body{
  font-size:14px;
}

a:link {color:#777; text-decoration:none;}
a:visited { color: #777; }
a:hover { color: #000; text-decoration:underline; }
a:active { color: #000; }

input,
textarea{
  padding:4px 6px;
  font-size:100%;
  box-sizing:border-box;
}
select{
  padding:4px 6px;
  font-size:100%;
  box-sizing:border-box;
}
input[type="text"],
textarea,
select{
  border:solid 1px #d1d1d1;
}
input[type="text"]:focus,
textarea:focus,
select:focus{
  border:solid 1px #33a8ff;
  box-shadow:0 0 1px 1px rgba(51,168,255,0.14);
}

.input-large{
  width:60%;
}

/* text style */
.text-danger{
  color:red!important;
}
.text-info{
  color:#2d31d1!important;
}
.text-normal{
  font-weight:normal!important;
}

/* layout style */
.float-left,
.pull-left{
  float:left;
}
.float-right,
.pull-right{
  float:right;
}
.clear{
  clear:both;
}
.hide{
  display:none;
}
.margin-top-15{
  margin-top:15px;
}
.margin-right-10{
  margin-right:10px;
}
.margin-bottom-15{
  margin-bottom:15px;
}
.margin-left-20{
  margin-left:20px;
}

/* color style */
.bg_white{
  background:#FFF;
}
.bg_gray{
  background:#f2f2f2;
}

/* ヘッダエリア */
#header{
  height:70px;
}
.header_right{
  width:auto;
  text-align:right;
}

/* ヘッダサブナビ */
#sub_navi{
  background:#7098c6;
  padding:0.25em 1em 0.25em 1em;
  border-radius:0 0 4px 4px;
  color:#FFF;
  font-size:12px;
  width:auto;
  text-align:right;
  display:block;
  list-style:none;
  margin:0;
}
#sub_navi li{
  display:inline-block;
  margin-left:0.5em;
  vertical-align:text-bottom;
}
#sub_navi li:first-child{
  margin-left:0;
}
#sub_navi a{
  color:#FFF;
  text-decoration:none;
}
#sub_navi a:hover{
  text-decoration:underline;
}

/* ヘッダナビ */
#menubar{
  text-align:right;
}
#menubar a,
#menubar a:hover{
  background-image: none;
  width:auto!important;
  height:auto!important;
  color:#000;
}
#menubar a:hover{
  text-decoration:underline;
}
#menubar ul{
  margin:0;
}
#menubar ul li{
  display:inline-block;
  margin-left:10px;
}
#menubar ul li:first-child{
  margin-left:0;
}

/* icon style */
.icon{
  display:inline-block;
  width:15px;
  height:15px;
  margin-right:5px;
  background-repeat:no-repeat;
}
.icon.icon45{
  width:45px;
  height:45px;
}
.icon.icon27{
  width:27px;
  height:27px;
}

/* header icon */
.icon-help{
  background-image:url(../images/opac/library_help.png);
  background-size:15px 15px;
  margin-top:2px;
}
.icon-search{
  background-image:url(../images/icon/icon_search.png);
}
.icon-bookmark{
  background-image:url(../images/icon/icon_bookmark.png);
}
.icon-mylibrary{
  background-image: url(../images/icon/icon_mylibrary.png);
}

/* 45x45 size icon default:blue */
.icon-return{
  background-image:url(../images/icon/icon_45.png);
  background-position:0 0;
}
.icon-preorder{
  background-image:url(../images/icon/icon_45.png);
  background-position:-50px 0;
}
.icon-myfolder{
  background-image:url(../images/icon/icon_45.png);
  background-position:-100px 0;
}
.icon-neworder{
  background-image:url(../images/icon/icon_45.png);
  background-position:-150px 0;
}
.icon-newarrival{
  background-image:url(../images/icon/icon_45.png);
  background-position:-200px 0;
}

/* 27x27 size icon default:blue */
.icon-return.icon27{
  background-image:url(../images/icon/icon_27.png);
  /*background-position:0 0;*/
}
.icon-preorder.icon27{
  background-image:url(../images/icon/icon_27.png);
  background-position:-50px 0;
}
.icon-myfolder.icon27{
  background-image:url(../images/icon/icon_27.png);
  background-position:-100px 0;
}
.icon-neworder.icon27{
  background-image:url(../images/icon/icon_27.png);
  background-position:-150px 0;
}
.icon-newarrival.icon27{
  background-image:url(../images/icon/icon_27.png);
  background-position:-200px 0;
}

a .icon-return,
a .icon-preorder,
a .icon-myfolder,
a .icon-neworder,
a .icon-newarrival{
  opacity:0.8;
}
a:hover .icon-return,
a:hover .icon-preorder,
a:hover .icon-myfolder,
a:hover .icon-neworder,
a:hover .icon-newarrival{
  opacity:1;
}

/* button style */
div.button{
  margin:5px auto;
}
a.button,
input.button{
  box-sizing:border-box;
  padding:4px 12px;
  border-radius:4px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
}
a.button{
  color:#000;
  display:inline-block;
}
@-moz-document url-prefix() {
  a.button {
    padding: 4px 12px;
  }
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	a.button {
		padding: 3px 12px;
	}
}
a.button:hover{
  text-decoration:none;
}
.btn-default{
  color: #000;
  border:solid 1px #d1d1d1;
  background-color: #fff;
  background-image:-ms-linear-gradient(top, #FFF, #eaeaea);
  background-image:linear-gradient(to bottom, #FFF, #eaeaea);
}
.btn-default:hover{
  background-image:-ms-linear-gradient(top, #eaeaea, #FFF);
  background-image:linear-gradient(to bottom, #eaeaea, #FFF);
}
.btn-primary{
  color:#FFF;
  border:solid 1px #3f5eff;
  background-color: #33a8ff;
  background-image:-ms-linear-gradient(top, #33a8ff, #3f5eff);
  background-image:linear-gradient(to bottom, #33a8ff, #3f5eff);
}
.btn-primary:hover{
  background-image:-ms-linear-gradient(top, #3f5eff, #33a8ff);
  background-image:linear-gradient(to bottom, #3f5eff, #33a8ff);
}
.btn-blue{
  color:#FFF;
  border:solid 1px #445aa9;
  background-color: #6678b8;
  background-image:-ms-linear-gradient(top, #6678b8, #445aa9);
  background-image:linear-gradient(to bottom, #6678b8, #445aa9);
}
.btn-blue:hover{
  background-image:-ms-linear-gradient(top, #445aa9, #6678b8);
  background-image:linear-gradient(to bottom, #445aa9, #6678b8);
}
.btn-red{
  color:#FFF;
  border:solid 1px #a54e56;
  background-color: #b86c6c;
  background-image:-ms-linear-gradient(top, #b86c6c, #a54e56);
  background-image:linear-gradient(to bottom, #b86c6c, #a54e56);
}
.btn-red:hover{
  background-image:-ms-linear-gradient(top, #a54e56, #b86c6c);
  background-image:linear-gradient(to bottom, #a54e56, #b86c6c);
}
.btn-green{
  color:#FFF;
  border:solid 1px #466638;
  background-color: #739c62;
  background-image:-ms-linear-gradient(top, #739c62, #466638);
  background-image:linear-gradient(to bottom, #739c62, #466638);
}
.btn-green:hover{
  background-image:-ms-linear-gradient(top, #466638, #739c62);
  background-image:linear-gradient(to bottom, #466638, #739c62);
}
.btn-violet{
  color:#FFF;
  border:solid 1px #784899;
  background-color: #85609e;
  background-image:-ms-linear-gradient(top, #85609e, #784899);
  background-image:linear-gradient(to bottom, #85609e, #784899);
}
.btn-violet:hover{
  background-image:-ms-linear-gradient(top, #784899, #85609e);
  background-image:linear-gradient(to bottom, #784899, #85609e);
}
.btn-gray{
  color:#FFF;
  border:solid 1px #5b5b5b;
  background-color: #777777;
  background-image:-ms-linear-gradient(top, #777777, #5b5b5b);
  background-image:linear-gradient(to bottom, #777777, #5b5b5b);
}
.btn-gray:hover{
  background-image:-ms-linear-gradient(top, #5b5b5b, #777777);
  background-image:linear-gradient(to bottom, #5b5b5b, #777777);
}

a.button.btn-primary,
a.button.btn-blue,
a.button.btn-red,
a.button.btn-green,
a.button.btn-violet,
a.button.btn-gray{
  color:#FFF;
}




/* 条件表示 */
.strings-list {
    width: 950px;
    font-size: 11px;
    margin-top: 5px;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
}
.strings-title{
  background:#7098c6;
  color:#FFF;
  font-size:13px;
  margin:0;
  padding:2px 10px;
  font-weight:bold;
}
.strings-title .button{
  margin-top:0;
}
.strings-title .link a{
  font-size:12px;
  color:#fff;
  text-decoration:none;
}
.strings-title .link a:hover{
  text-decoration:underline;
}
.strings-body{
  padding:2px 10px;
  background:#fafafa;
  border-width:0 1px 1px 1px;
  border-style:solid;
  border-color:#ccc;
}
.strings-list p{
  margin:0;
}
.strings-label{
  font-weight:bold;
  margin-right:0.5em;
}

/* ページタイトル*/
.page_title {
  color:#414445;
  padding:0 0 5px 5px;
  font-size:1.6em;
  font-weight:700;
  border-bottom:1px dashed gray;
  margin-bottom:15px;
  margin-left:0;
}

/* ページトップへ*/
.page_top {
  margin-bottom: 15px;
  text-align: right;
  clear: none;
  padding-top: 8px;
  padding-right: 0;
  padding-bottom: 5px;
  padding-left: 0;
}
.page_top a{
  font-size:12px;
  padding:2px 5px;
}

/* 基本table style*/
table.stx{
  border:none;
  margin:15px 0;
  border-collapse:collapse;
  width:100%;
}
table.stx tr{
  background: #FFF;
  padding: 0.2em 0.5em;
  border-right:none;
  border-bottom:solid 1px #ccc;
  border-top:none;
}
table.stx tr:first-child{
  border-top:solid 1px #ccc;
}
table.stx tr:first-child.border-none{
  border-top:none;
}
table.stx .Pager table td{
  padding:0;
}
table.stx th{
  background: #ddd;
  font-weight: normal;
  height: 1.5em;
  white-space: nowrap;
  text-align:center;
  font-size:100%;  
  padding: 0.5em 1em;
  border-top:solid 1px #bbb;
  border-bottom: 1px solid #bbb;
  border-right:none;
  border-left:none;
}
table.stx th,
table.stx th a{
  color:#000;
}
table.stx th a:hover{
  color:#000;
  opacity:0.6;
}
table.stx td{
  background: #FFF;
  border-right:none;
  border-bottom:none;
  border-left:none;
  padding: 0.5em 1em;
}
table.stx td.header{
  background: #b0c9e7;
  font-weight: normal;
  padding: 0.2em 0.5em;
  height: 1.5em;
  white-space: nowrap;
  text-align:left;
  font-size:100%;
  border-top:none;
  border-bottom:none;
  border-right:none;
}
table.stx .sub_title{
  margin:2em -0.5em 1em;
}

/* 一覧 */
.table-list tr,
.table-list tr td{
  border-bottom:1px solid #ccc!important;
}
table.stx.table-list tr:first-child,
.table-list tr:first-child,
.table-list tr:first-child td{
  border-top:solid 1px #ccc!important;
}
.table-list tr th{
  border-left:solid 1px #aaa;
  border-bottom:solid 1px #aaa;
}
.table-list tr th:first-child{
  border-left:none;
}
.table-list tr td{
  border-left:dotted 1px #ccc;
}
.table-list tr td:first-child{
  border-left:none;
}
.table-list .Pager tr td{
  border-left:none;
  border-bottom:none!important;
  border-top:none!important;
}

/* ストライプ */
.table-striped tr:nth-child(even) td{
  background-color:#fafafa;
}

/* 新規条件設定　登録済条件一覧table */
table.gridview tr.datarow:hover,
table.gridview tr.datarow:hover td,
table.gridview tr.datarow:nth-child(2n):hover,
table.gridview tr.datarow:nth-child(2n):hover td{
    background:rgba(0,0,0,0.02);
    color:#333;
    cursor:pointer;
}

/* 所蔵表示 */
td.oudan table {
  margin:5px;
  width:99%;
}
td.oudan table tr th:nth-child(1),
td.oudan table tr td:nth-child(1){
  width:5%!important;
}
td.oudan table tr th:nth-child(2),
td.oudan table tr td:nth-child(2){
  width:5%!important;
}
td.oudan table tr th:nth-child(3),
td.oudan table tr td:nth-child(3){
  width:15%!important;
}
td.oudan table tr th:nth-child(4),
td.oudan table tr td:nth-child(4){
  width:10%!important;
}
td.oudan table tr th:nth-child(5),
td.oudan table tr td:nth-child(5){
  width:10%!important;
}
td.oudan table tr th:nth-child(6),
td.oudan table tr td:nth-child(6){
  width:30%!important;
}
td.oudan table tr td:nth-child(6){
  text-align:left!important;
}
td.oudan table tr th:nth-child(7),
td.oudan table tr td:nth-child(7){
  width:10%!important;
  text-align:center!important;
}
td.oudan table tr th:nth-child(8),
td.oudan table tr td:nth-child(8){
  width:15%!important;
  white-space:nowrap;
}

/* 検索ページトップ 確認ボタン */
.confirm_btn_area{
  /*text-align:center;*/
  margin-bottom:20px;
  /*padding:20px;*/
  /*border:solid 10px #f2f2f2;*/
  box-sizing:border-box;
  width:175px;
}
.confirm_btn_area a{
  text-decoration:none;
  display:inline-block;
  margin-bottom:10px;
  width:100%;
}
.confirm_btn{
  box-sizing:border-box;
  /*margin:0 10px;*/
  padding:5px 10px;
  /*font-size:1.3em;*/
  font-weight:bold;
  display:block;
  text-align:center;
  border:1px solid #d1d1d1;
  border-radius:5px;
  background-image:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#eaeaea));
  background-image:-moz-linear-gradient(top,#ffffff 0%,#eaeaea 100%);
  background-image:-ms-linear-gradient(top, #FFF, #eaeaea);
  background-image:linear-gradient(to bottom, #FFF, #eaeaea);
}
.confirm_btn:hover{
  background-image:-webkit-gradient(linear,left top,left bottom,from(#eaeaea),to(#ffffff));
  background-image:-moz-linear-gradient(top,#eaeaea 0%,#ffffff 100%);
  background-image:-ms-linear-gradient(top,#eaeaea,#FFF);
  background-image:linear-gradient(to bottom,#eaeaea,#FFF);
}
.confirm_btn span{
  color:#333333;
  display:block;
  text-align:left;
  padding:8px 0 8px 35px;
}

/* マイライブラリ */
.content-portal{
  padding:20px 0;
  width:100%;
}
div.panel-title{
  margin-top:5px;
  padding:0 0.5em;
  font-size:16px!important;
  color:#333!important;
}
.panel-title small{
  font-weight:normal;
  margin-left:1em;
}
.panel-body,
.panel-btn{
  display:block;
  background-color:#f2f2f2;
  padding:20px;
  margin-bottom:15px;
}
.panel-body .form-group{
  clear:both;
  overflow:hidden;
  margin-bottom:5px;
}
.panel-body .form-group:last-child{
  margin-bottom:0px;
}
.panel-body .form-group label.control-label{
  width:150px;
  text-align:right;
  float:left;
  color:#414445;
}
.panel-body .form-group p{
  margin:0 0 0 2em;
}
.panel-body .inline-block{
  display:inline-block;
}
.panel-btn{
  font-weight:bold;
  font-size:16px;
}
.panel-btn a{
  color:#333;
  width:100%;
  height:100%;
  display:block;
  text-decoration:none!important;
  min-height:50px;
}
.panel-btn span{
  display:block;
  text-align:left;
  padding:15px 0 15px 50px;
}
.panel-btn a span{
  color:#666;  
}
.panel-btn a:hover span{
  color:#000;
}
.panel-btn a span.text-normal{
  font-size:14px;
  text-decoration:underline;
  padding:0px;
  display:inline;
  margin-left:0.5em;
}
.panel-btn a:hover span.text-normal.text-info{
  text-decoration:none;
}
  
/* default.cssからの変更 */
#cont_left h2{
  border-top:none;
}
#cont_left a{
  color:#666;
}
#pankuzu{
  margin-left:0;
}
.container{
  padding-left:0;
}
.sub_title:first-child{
  margin-top:0;
}
table.condition{
  padding-right:10px;
}
.content2{
  padding-bottom:10px;
}
.help{
  background:URL('../images/opac/icon_caution.gif');
  background-repeat:no-repeat;
  background-position:0 center;
  padding:5px 5px 5px 30px;
  color:#000;
  font-size: 11px !important;
}
.button{
  margin-top:0;
}
#footer {
  width:100%;
  padding:7px 0;
}


/* clearfix */
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix :after {
  clear: both;
}