/*
Theme Name: eブックス
Template URI: https://www.ishikawa-ebooks.jp
Description: ebooksの検索・表示専用のテーマ
Author: 前田印刷株式会社
Author URL: http://maeda-print.co.jp/
Version: 4.0
tags:このスタイルシートは、検索ページ用に制作されたものです。
*/

/* search 検索機能 
index に表示するタブのスタイル
------------------------------ */

#tab {
margin: 0px 0 15px 0;
max-width: 700px;
width: 100%;
*margin-top: 25px ; /* IE7 */
}

#tab:after {
clear: both;
float: none;
content: ".";
display: block;
height: 0px;
visibility: hidden;
}

/* タブのインデックス部分 */

#tab_box {
margin: 0;
}

#main .tab_space {
height: 15px;
}

#tab_box:after {
clear: both;
float: none;
content: ".";
display: block;
height: 0;
visibility: hidden;
}

#tab #tab_j {
background-image: url(../../img/search/j_on.jpg);
float: left;
height: 40;
margin: 0 2% 0 0;
width: 32%;
cursor: pointer;
}

#tab #tab_e {
background-image: url(../../img/search/e_off.jpg);
float: left;
height: 38px;
margin: 0 2% 0 0;
width: 32%;
cursor: pointer;
}

#tab #tab_k {
background-image: url(../../img/search/k_off.jpg);
float: right;
width: 32%;
height: 38px;
margin: 0 0 0 0;
cursor: pointer;
}

#j_link,
#e_link,
#k_link,
#j_link a,
#e_link a,
#k_link a {
width: 100%;
height: 38px;
}

#j_link {
display: block;
}

#e_link {
display: block;
}

#k_link {
display: block;
}

#j_link a {
display: block;
}

#e_link a {
display: block;
}

#k_link a {
display: block;
}

#j_link a:hover,
#j_link a:active {
background-image: url(../../img/search/j_onL.jpg);
}

#e_link a:hover,
#e_link a:active {
background-image: url(../../img/search/e_onL.jpg);
}

#k_link a:hover,
#k_link a:active {
background-image: url(../../img/search/k_onL.jpg);
}

#tab #content_j,
#tab #content_e,
#tab #content_k {
clear: both;
float: none;
margin: 0;
padding: 0;
*height: 74px; /* IE7 */
}

#tab #content_j {
display: block;
}

#tab #content_e {
display: none;
}

#tab #content_k {
display: none;
}

/*　タブのテキストエリア */
#content_j ul li,
#content_e ul li,
#content_k ul li {
float: left;
display: block;
width: 19%;
padding: 4px 0;
line-height: 150%;
font-size: 90%;
letter-spacing: 0;
text-align: center;
background: #eee;
margin: 2px;
}

#main .tab_space {
height: 15px;
}

#tab_box:after {
clear: both;
float: none;
content: ".";
display: block;
height: 0;
visibility: hidden;
}

#tab #tab_j {
background-image: url(../../img/search/j_on.jpg);
float: left;
height: 40;
margin: 0 2% 0 0;
width: 32%;
}

#tab #tab_e {
background-image: url(../../img/search/e_off.jpg);
float: left;
height: 38px;
margin: 0 2% 0 0;
width: 32%;
}

#tab #tab_k {
background-image: url(../../img/search/k_off.jpg);
float: right;
width: 32%;
height: 38px;
margin: 0 0 0 0;
}

#j_link,
#e_link,
#k_link,
#j_link a,
#e_link a,
#k_link a {
width: 32%;
height: 38px;
}

#j_link {
display: block;
}

#e_link {
display: block;
}

#k_link {
display: block;
}

#j_link a {
display: block;
}

#e_link a {
display: block;
}

#k_link a {
display: block;
}

#j_link a:hover,
#j_link a:active {
background-image: url(../../img/search/j_onL.jpg);
}

#e_link a:hover,
#e_link a:active {
background-image: url(../../img/search/e_onL.jpg);
}

#k_link a:hover,
#k_link a:active {
background-image: url(../../img/search/k_onL.jpg);
}

#tab #content_j,
#tab #content_e,
#tab #content_k {
clear: both;
float: none;
margin: 0;
padding: 0;
}

#tab #content_j {
display: block;
}

#tab #content_e {
display: none;
}

#tab #content_k {
display: none;
}

/*　タブのテキストエリア */
#content_j ul li,
#content_e ul li,
#content_k ul li {
float: left;
display: block;
width: 19%;
padding: 4px 0;
line-height: 150%;
font-size: 90%;
letter-spacing: 0;
text-align: center;
background: #eee;
margin: 2px;
}

#tab .motto {
text-align: right;
padding: 5px 0px 0px 0px;
font-size: 11px;
}

#search_d .TextField {
display: block;
}



#content_j ul li.etc,
#content_e ul li.etc,
#content_k ul li.etc {
float: right;
width: 100px;
background: none;
font-weight: bold;
}
 #content_j ul li.etc a:link, #content_j ul li.etc a:visited, #content_e ul li.etc a:link, #content_e ul li.etc a:visited, #content_k ul li.etc a:link, #content_k ul li.etc a:visited, {
color:#999999;
text-decoration:underline;
font-weight:bold;
}

#content_j ul li.etc a:hover,
#content_j ul li.etc a:active,
#content_e ul li.etc a:hover,
#content_e ul li.etc a:active,
#content_k ul li.etc a:hover,
#content_k ul li.etc a:active {
color: #aaaaaa;
}

#content_j,
#content_e,
#content_k {
border: 4px solid #c2de4b;
padding: 5px 0px 0px 10px;
}

/*
詳細検索ページ　基本スタイル
----------------------*/

#search_d {
width: 95%;
margin: 0 auto;
}

p,
span {
color: #4F4F4F;
}

#search_d h2 {
display: block;
}

/*
詳細検索タブ
----------------------*/
#main .search_t_j:after,
#main .search_t_e:after,
#main .search_t_k:after {
content: ".";
float: none;
display: block;
height: 0px;
clear: both;
visibility: hidden;
}

.search_t .sj,
.search_t_e .sj,
.search_t_k .sj {
float: left;
width: 32%;
height: 40px;
margin: 0 2% 10px 0;
background: #b2b2b2;
}

.sj a.sj_btn,
.se a.se_btn,
.sk a.sk_btn{
display:block;
width:100%;
height:40px;
text-indent: -9999px;
}

.sj a.sj_btn{
	background: url(../../img/search/jan_ttl.png) center 0 no-repeat;
}

.se a.se_btn{
	background: url(../../img/search/erea_ttl.png) center 0 no-repeat;
}

.sk a.sk_btn{
	background: url(../../img/search/key_ttl.png) center 0 no-repeat;
}

.search_t_j .sj {
float: left;
width: 32%;
height: 40px;
margin: 0 2% 10px 0;
background: #c2de4b;
}

.search_t .se,
.search_t_j .se,
.search_t_k .se {
float: left;
width: 32%;
height: 40px;
margin: 0 2% 10px 0;
background: #b2b2b2;
}

.search_t_e .se {
float: left;
width: 32%;
height: 40px;
margin: 0 2% 10px 0;
background: #c2de4b;
}

.search_t .sk,
.search_t_j .sk,
.search_t_e .sk {
float: left;
width: 32%;
height: 40px;
background: #b2b2b2;
margin: 0 0 10px 0;
}

.search_t_k .sk {
float: left;
width: 32%;
height: 40px;
background: #c2de4b;
margin: 0 0 10px 0;
}

/*
絞り込み検索部分
----------------------*/
.sch-params {
	width: 100%;
}


.sch-input-wrapper {
margin-bottom: 15px;
border-top: solid 1px #fff;
border-left: solid 1px #fff;
width: 100%!important;
}

.radio-button-wrapper {
float: left;
text-align: center;
padding: 0;
box-shadow: 2px 2px 4px #DDDDDD;
position: relative;
width: 20%;
}


.radio-button-wrapper input {
position: absolute;
left: 0;
outline: none;
filter: Alpha(opacity=0); /* IE系 */
opacity: 0;/* Mozzila系 */
display: block;
}

div.radio-button-wrapper label {
cursor: pointer;
display: block;
width: 99%;
height: 20px;
color: #fff;
background: #eeeeee;
border-right: solid 1px #fff;
border-bottom: solid 1px #fff;
color: #4f4f4f;
text-align: center;
padding: 4px 0;
letter-spacing: -0.1em;
font-size: 12px;
font-weight: normal;
}

input:checked + label {
cursor: pointer;
display: block;
height: 20px;
color: #fff;
background: #c2de4b;
text-align: center;
padding: 4px 0;
border-right: solid 1px #fff;
border-bottom: solid 1px #fff;
width: 99%;
}

#searchboxkk div.radio-button-wrapper label,
#searchboxee div.radio-button-wrapper label,
#searchboxjj div.radio-button-wrapper label,
#searchboxej div.radio-button-wrapper label,
#searchboxek div.radio-button-wrapper label,
#searchboxje div.radio-button-wrapper label,
#searchboxjk div.radio-button-wrapper label,
#searchboxkj div.radio-button-wrapper label,
#searchboxke div.radio-button-wrapper label{
background: #eeeeee;
font-size: 12px;
height: 15px;
}


#searchboxee:after,
#searchboxej:after,
#searchboxek:after {
content: ".";
display: block;
height: 0px;
clear: both;
visibility: hidden;
}

#searchboxkk label,
#searchboxee label,
#searchboxje label,
#searchboxjk label,
#searchboxej label,
#searchboxek label,
#searchboxkj label,
#searchboxke label {
padding: 6px 0px 3px 0px;
}

#searchboxkk h3,
#searchboxee h3,
#searchboxej h3,
#searchboxek h3,
#searchboxje h3,
#searchboxjk h3,
#searchboxkj h3,
#searchboxke h3 {
border-bottom: 2px dotted #999999;
color: #666666;
padding: 0px 0px 3px 10px;
margin: 0px 0px 7px 0px;
}

.sp-sch-params p.searchtitle{
	display: block;
border-bottom: 1px solid rgba(0,0,0, 0.1);
border-top: 1px solid rgba(255, 255, 255, 0.1);
background : #444D63 url(../../img/base/side_icon.png) 10px 5px no-repeat;
background-size: 10%;
padding: 10px 5px 10px 25px;
font-weight: normal;
text-decoration: none;
color: #ccc;
text-indent: 20px;
font-size: 90%;
}

#searchboxkk input:checked + label,
#searchboxee input:checked + label,
#searchboxjj input:checked + label,
#searchboxej input:checked + label,
#searchboxek input:checked + label,
#searchboxje input:checked + label,
#searchboxjk input:checked + label,
#searchboxkj input:checked + label,
#searchboxke input:checked + label {
background: #c2de4b;
}

#sidebar .sch-input-wrapper input,
.sch-input-wrapper input,
.sch-input-wrapper select {
width: auto;
}

.search_submit{
max-width: 100%;
min-height: 40px;
width /***/: auto;
margin: 3% auto;
padding: 0;
display: block;
height: auto;
background: -moz-linear-gradient(bottom, #cccccc, #fafafa);
background: -webkit-gradient(linear, center bottom, center top, from(#cccccc), to(#fafafa)); 
border: #c0bfbf 1px solid;
text-indent: -9999px;
}

.search_submit input{
padding: 0;
display: block;
height: 40px;
cursor: pointer;
margin: 0 auto;
}

#search_books hr {
border-right: none;
border-left: none;
border-bottom: none;
border-top: dotted 2px #dddddd;
clear: both;
float: none;
}

#search_books .date a:link,
#search_books .date a:visited,
#tab a:link,
#tab a:visited {
color: #666666;
text-decoration: underline;
font-weight: normal;
}

#tab a:hover,
#tab a:active {
color: #aaaaaa;
}

#search_books .date a:hover,
#search_books .date a:active {
color: #aaaaaa;
text-decoration: underline;
font-weight: normal;
}

.sp-sch-params {
	width: 100%;
}

.sp-sch-params .sch-input-wrapper {
padding: 15px;
margin: 0;
border: none;
width: 100%!important;
}

.sp-sch-params .sch-input-wrapper select{
width: 90%!important;
}

.sp-sch-params .sch-input-wrapper input{
width: 87%!important;
}

p.sp-search_submit input{
max-width: 220px;
height: auto;
margin: 3% auto;
padding: 0;
display: block;
text-align: center;
}

p.sp-search_submit input:hover{
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}

/* search
検索結果ページ
------------------------------ */
#search_books {
float: none;
width:100%;
padding: 0;
margin: 1.5% 0;
}

#search_books .sc_box {
display: block;
margin: 4% 0;
padding: 0;
}

#container h1.page-title{
display:block;
padding: 2%;
margin: 10px 0;
font-size: 85%;
line-height: 150%;
background: #eee;
border: #555 1px dotted;
}

/* search
表紙
------------------------------ */
#search_books .sc_vispace {
float: left;
display: block;
margin: 0;
padding: 0;
max-width: 20%;
width /***/: auto;
margin: 0 2.5% 0 0;
}

#search_books .sc_vispace p {
margin-top: 10%;
}

#search_books .sc_vispace img {
margin-bottom: 5px;
max-width: 150px;
width: 100%;
margin: 0;
}

/* search
説明文
------------------------------ */
#search_books .sd_r {
display: block;
float: right;
width: 77%;
margin: 0;
}

#search_books .sd_r_box:after {
content: ".";
display: block;
height: 0px;
clear: both;
visibility: hidden;
}

#search_books .sd_r_ttl {
width: 100%;
display: block;
font-size: 100%;
line-height: 150%;
margin: 0;
padding: 0;
text-align: left;
}

#search_books p.date_entory {
clear:both;
display: block;
width: 100%;
font-size: 85%;
line-height: 150%;
margin: 0;
padding: 0;
text-align: left;
}

#search_books p.date {
display: block;
font-size: 85%;
line-height: 150%;
margin: 0;
padding: 0;
text-align: left;
float: left;
}

#search_books p.date_keyword {
clear:both;
display: block;
width: 100%;
font-size: 85%;
line-height: 150%;
margin: 0;
padding: 0;
text-align: left;
}

#search_books .sd_r_ico {
float: left;
margin: 2% 1% 2% 0;
}



#search_books #book_sc {
clear: both;
display: block;
width: 700px;
margin: 0;
padding: 0;
}



#search_books .sc_box img {
display: block;
margin: auto;
max-width: 100px;
max-height: 142px;
padding: 0;
background: #333;
box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.4);
}

#search_books .sd_r a:link,
#search_books .sd_r a:visited {
color: #666666;
text-decoration: underline;
font-weight: 600;
}

#search_books .sd_r a:hover,
#search_books .sd_r a:active {
color: #aaaaaa;
text-decoration: underline;
font-weight: 600;
}

#search_books .sd_r img {
width: auto;
background: none;
box-shadow: none;
display: block;
padding: 0;
}

#search_books .sc_box img:hover {
box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.4);
}

#search_books .sc_box:after {
content: ".";
display: block;
height: 0px;
clear: both;
float: none;
visibility: hidden;
}

/*
検索用の小さなアイコン
----------------------------------*/

#main .top_icon {
width: 100px;
height: 13px;
margin: auto;
padding: 0px 0px 3px 0px;
}

#main .top_icon:after {
content: ".";
display: block;
height: 0px;
clear: both;
float: none;
visibility: hidden;
}

#main .sd_l_tico,
#main .sd_r_tico {
clear: none;
margin: 0;
padding: 0 3px 0 0;
float: left;
width: 31px;
height: auto;
}

#main .sd_r_tico {
margin: 0;
padding: 0;
float: left;
}

#main .sd_l_tico img,
#main .sd_r_tico img {
box-shadow: none;
width: 31px;
height: auto;
}

#main .sd_l_tico img:hover,
#main .sd_r_tico img:hover {
box-shadow: none;
}

#chu_key {
border: 1px #aaaaaa solid;
margin: 0px 0px 7px 0px;
}

#chu_key .key_ttl {
padding: 9px 0px 3px 0px;
margin: 1px;
height: 22px;
font-size: 14px;
text-align: center;
background: #e0e0e0;
font-weight: bold;
color: #666666;
line-height: 14px;
}

#chu_key .key_box {
padding: 0px 0px 3px 0px;
}

#chu_key .key_box:after {
content: ".";
display: block;
height: 0px;
clear: both;
float: none;
visibility: hidden;
}

#chu_key .key_txt {
float: left;
background: #ededed;
margin: 3px 0px 0px 3px;
padding: 1px 0px 0px 0px;
width: 79px;
height: 17px;
text-align: center;
}

#chu_key .key_txtr {
float: left;
background: #ededed;
margin: 3px 0px 0px 3px;
padding: 1px 0px 0px 0px;
width: 78px;
height: 17px;
text-align: center;
}

#chu_key .key_box a:link,
#chu_key .key_box a:visited {
color: #666666;
text-decoration: underline;
font-weight: normal;
}

#chu_key .key_box a:hover,
#chu_key .key_box a:active {
color: #aaaaaa;
text-decoration: underline;
font-weight: normal;
}

#search_d form {
font-size: 12px;
}