@charset "utf-8";
/* CSS Document */

/*********** ********** ********** ********** *********** ********** ********** ********** *********** ********** ********** **********
* WwShousaiKen.aspx
*/

/*検索結果詳細ページコンテンツ*/
div#content_detail{width:100%;height:auto; position:relative;display: inline-block;}
/*共通*/
div#content_detail .title h2{font-size:260%;line-height:1.0;padding-top:12px;padding-bottom:8px;padding-left:20px;padding-right:20px;}
div#content_detail .title h3{font-size:180%;line-height:1.0;padding-top:12px;padding-bottom:8px;padding-left:20px;padding-right:20px;}
div#content_detail .title p{font-size:120%;}
div#content_detail .detail{width:auto;height:auto;padding:2% 4%;border:solid 1px #999;border-top:none;}

/*ハイライトONOFF*/
div#content_detail .display_control{float:right;}
div#content_detail .display_control a{width:auto;min-width:50px;display:inline-block;color:#999;text-align:center;border:solid 2px #CCC;line-height:1.5;background:#fafafa;background:linear-gradient(#fafafa, #e6e6e6);}
div#content_detail .display_control a.current{color:#000;border:solid 2px #000;font-weight:bold;background:none;}

/*ページタイトルと戻るボタン*/
div#infomation{width:100%;height:auto;line-height:0;padding-bottom:12px;}
div#infomation .titles{width:100%;height:auto;background:#d4edde;}
div#infomation .titles .title{float:left;}
div#infomation .titles .title h2{color:#006644;}
div#infomation .titles .prev{float:right;}
div#infomation .titles .prev a{display:block;font-size:180%;}
div#infomation .titles .prev a:before{display:inline-block;line-height:1.0;background:url(../img/btn_bg_trianglr_green.png) no-repeat left center;width:33px;padding:7% 0;content:'　';}
div#infomation .titles .prev a p{min-width:180px;line-height:1.0;color:#006622;display:inline-block;background:url(../img/btn_bg_green.png) repeat-x center;padding:7% 0;text-align:center;}
div#infomation .titles .prev a:after{display:inline-block;line-height:1.0;background:url(../img/btn_bg_end_green.png) no-repeat left center;width:46px;padding:7% 0;content:'　';}
/*コンテンツのヘッダ*/
div#content_head{width:100%;height:auto;display:inline-block;}
div#content_head .detail{float:left;width:92%;font-size:140%;}
div#content_head .detail p{float:left;}
/*メイン*/
div#content_main{float:left;padding:4%;width:98%;}
div#content_main .thumb{float:left;margin-bottom:12px;width:23%;}
div#content_main .thumb img{width:100%;box-shadow:rgba(0, 0, 0, 0.498039) 0px 3px 6px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.498039) 0px 3px 6px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.498039) 0px 3px 6px 0px;
-webkit-box-shadow:#666 0px 3px 6px;
-moz-box-shadow:#666 0px 3px 6px;
box-shadow:#666 0px 3px 6px;
background:#4D9980;}
/*本の内容*/
div#content_main .bookdata{float:left;vertical-align:top;font-size:150%;padding-left:1%;width:75%;}
div#content_main .bookdata .highlight{background:#eeff99;}
div#content_main .bookdata div{display:table;text-align:left;}
div#content_main .bookdata div.list_syo,
div#content_main .bookdata div.list_cyo,
div#content_main .bookdata div.list_spn{width:100%;}
div#content_main .bookdata div.list_syo span.icon_only,
div#content_main .bookdata div.list_cyo span.icon_only,
div#content_main .bookdata div.list_spn span.icon_only{display:table-cell;width:4em;}
div#content_main .bookdata div a{font-size:130%;color:#333;text-decoration:underline;}
div#content_main .bookdata div a:hover{text-decoration:none;}
div#content_main .bookdata div.list_other{display:table;width:100%;}
div#content_main .bookdata div.list_spnnen{display:table-cell;width:33%;}
div#content_main .bookdata div.list_bunrui{display:table-cell;width:34%;}
div#content_main .bookdata div.list_etc{display:table-cell;width:33%;}

div#content_main .rentinfo{clear:both;width:100%;height:auto;margin-top:24px;}
div#content_main .rentinfo dl{float:left;margin:4px 0;}
div#content_main .rentinfo dl dt,
div#content_main .rentinfo dl dd{font-size:140%;padding-top:6px;padding-bottom:6px;}
div#content_main .rentinfo input[type='submit']{padding:4px 8px;color:#FFF; cursor:pointer;width:120px;}
div#content_main .rentinfo .primary-btn{border:#236600 1px solid;background:#4d9980;background:linear-gradient(#4d9980, #40806a);}
div#content_main .rentinfo .secondary-btn{border:#662200 1px solid;background:#FF9739;background:linear-gradient(#FFBF80, #E66B2E);}
div#content_main .rentinfo .reserve{width:60%;}
div#content_main .rentinfo .reserve a{display:inline-block;text-align:center;}
div#content_main .rentinfo .reserve dt,
div#content_main .rentinfo .reserve dd{text-align:left;}
div#content_main .rentinfo .fav_button{width:18%;}
div#content_main .rentinfo .fav_button dt,
div#content_main .rentinfo .fav_button dd{text-align:left;}
div#content_main .rentinfo .fav_button dd{font-size:120%;max-width:180px;}
div#content_main .rentinfo div{float:none;width:100%;padding-left:3em;}
div#content_main .rentinfo div span{display:inline-block;width:93%;font-size:140%;text-indent:-1em;}

/*所蔵*/
div#divBasho{clear:both;width:100%;height:auto;display:inline-block;margin-bottom:36px;}
div#divBasho .title{background:#D8D8D8;margin-bottom:12px;}
div#divBasho .title h3{color:#000;}
div#divBasho .detail{margin-bottom:18px;}
div#divBasho .detail p{font-size:140%;}
div#divBasho .holdingdata{clear:both;width:96%;padding-left:2%;}
div#divBasho .holdingdata table{text-align:center;width:100%;height:100%;border-right:solid 1px #999;}
div#divBasho .holdingdata table tr{border-bottom:solid 1px #999;box-sizing:border-box;}
div#divBasho .holdingdata table tr td{height:100%;font-size:130%;border-left:solid 1px #999;text-align:center;box-sizing:border-box;padding:3px;vertical-align:middle;}
div#divBasho .holdingdata table tr.list_Header{border-top:solid 1px #999;border-bottom:solid 1px #999;background:#E8E8E8;box-sizing:border-box;}
div#divBasho .holdingdata table tr.list_Header td{text-align:center;}
div#divBasho .holdingdata table tr.list_odd{background:#FFF}
div#divBasho .holdingdata table tr.list_even{background:#F4F4F4}
div#divBasho .holdingdata table tr .Jyokyo_No{}
div#divBasho .holdingdata table tr .Jyokyo_Kan{}
div#divBasho .holdingdata table tr .Jyokyo_Kannai{}
div#divBasho .holdingdata table tr .Jyokyo_Bunrui{}
div#divBasho .holdingdata table tr .Jyokyo_Tosyo{}
div#divBasho .holdingdata table tr .Jyokyo_Kansatu{}
div#divBasho .holdingdata table tr .Jyokyo_Code{}
div#divBasho .holdingdata table tr .Jyokyo_Keitai{}
div#divBasho .holdingdata table tr .Jyokyo_Jotai{}
div#divBasho .holdingdata table tr .Jyokyo_Kintai{}
div#divBasho .holdingdata table tr .Jyokyo_Memo{}

/*詳細情報*/
div#content_information{clear:both;}
div#content_information .title{background:#D8D8D8;margin-bottom:12px;}
div#content_information .title h3{color:#000;}
div#content_information .detaildata{clear:both;width:96%;padding-left:2%;font-size:140%;}
div#content_information .detaildata table{width:100%;margin-top:3px;margin-bottom:3px;box-sizing:border-box;border:solid 1px #999;}
div#content_information .detaildata table tr td{padding:0px 10px;}
div#content_information .detaildata table tr td.Shousa_Name{text-align:center;width:20%;background:#F6F6F6;border-right:solid 1px #999;}
div#content_information .detaildata table tr.TagStart{border-top:solid 1px #999;}
div#content_information .detaildata table tr.TagEnd{border-bottom:solid 1px #999;}
div#content_information .detaildata table tr.TagStart td{padding-top:3px;}
div#content_information .detaildata table tr.TagEnd td{padding-bottom:3px;}

/*右サイドバー*/
div#relation{}
div#relation .title h3{text-align:center;color:#FFF;background:#006644;}
div#relation .title p{background:#F0F0F0;padding:11px;border-left:solid 1px #999;border-right:solid 1px #999;}
div#relation .booklist{border:solid 1px #999;border-top:none;}
div#relation .booklist .float_box{border-bottom:solid 1px #999;padding:11px;}
div#relation .booklist .float_box h1{font-size:140%;text-align:left;}
div#relation .booklist .float_box ul li{font-size:120%;text-align:left;color:#000;}
div#relation .booklist .float_box ul li.img{text-align:center;}
div#relation .booklist .float_box a{color:#000;}
div#relation .booklist .float_box a:hover{text-decoration:underline;}
div#relation .booklist .float_box .reconodisp{display:none;}
div#relation .booklist .float_box img{
margin:11px 0;
box-shadow:rgba(0, 0, 0, 0.498039) 0px 3px 6px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.498039) 0px 3px 6px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.498039) 0px 3px 6px 0px;
-webkit-box-shadow:#666 0px 3px 6px;
-moz-box-shadow:#666 0px 3px 6px;
box-shadow:#666 0px 3px 6px;
background:#4D9980;
width:100%;}

/*詳細の表示と非表示*/
div#relation .display_control{width:100%;}
div#relation .display_control a{width:50px;display:inline-block;color:#999;text-align:center;border:solid 2px #CCC;line-height:1.5;background:#fafafa;background:linear-gradient(#fafafa, #e6e6e6);}
div#relation .display_control a.current{color:#000;border:solid 2px #000;font-weight:bold;background:none;}

/*お気に入り*/
div#add_favorite{clear:both;width:100%;height:auto;display:inline-block;margin-bottom:36px;}
div#add_favorite .title{background:#D8D8D8;margin-bottom:12px;}
div#add_favorite .title h3{color:#000;}
div#add_favorite dl{padding-left:4%}
div#add_favorite input[type='submit']{padding:4px 8px;color:#FFF; cursor:pointer;width:120px;}
div#add_favorite select{padding:4px 8px;max-width:50%;}
div#add_favorite .primary-btn{border:#236600 1px solid;background:#40806a;background:linear-gradient(#4d9980, #40806a);}
div#add_favorite .secondary-btn{border:#662200 1px solid;background:#FF9739;background:linear-gradient(#FFBF80, #E66B2E);}
div#add_favorite .fav_button{width:100%;}
div#add_favorite .fav_button a{display:inline-block;text-align:center;}
div#add_favorite .fav_button dt,
div#add_favorite .fav_button dd{text-align:left;}
div#add_favorite #btnFav2{margin-left:60px;}