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

/*********** ********** ********** ********** *********** ********** ********** ********** *********** ********** ********** **********
* WwYoyKouhoKen.aspx
*/

/*検索結果ページコンテンツ*/
div#content_set_reserve{width:100%;height:auto; position:relative;display: inline-block;}
/*タイトル*/
div#content_set_reserve .titles{width:100%;height:100%;background:#d4edde;}
div#content_set_reserve .titles .title{float:left;}
div#content_set_reserve .titles .title h2{font-size:260%;line-height:1.0;padding-top:12px;padding-bottom:8px;padding-left:20px;padding-right:20px;color:#006644;}
div#content_set_reserve .titles .title h2 span{font-size:80%;color:#666;}

/*詳細*/
div#content_set_reserve .details{width:100%;height:100%;margin-top:16px;}
div#content_set_reserve .details .detail{float:left;width:100%;height:100%;padding:2% 2%;display:block;border:solid 1px #CCC;border-top:none;box-sizing:border-box;}
div#content_set_reserve .details .detail p{font-size:140%;}
div#content_set_reserve .details .detail ul{float:left;margin-top:16px;}
div#content_set_reserve .details .detail ul li{float:left;display:block;border:solid 1px #67994d;}
div#content_set_reserve .details .detail .explanation{padding-left:5%;}

/*表示形式*/
div#infomation .display_control{float:right;}
div#infomation .display_control p{padding-bottom:5px;}
div#infomation .display_control a{width:5em;min-width:4em;display:inline-block;color:#999;text-align:center;border:solid 2px #CCC;line-height:1.5;background:#fafafa;background:linear-gradient(#fafafa, #e6e6e6);}
div#infomation .display_control a.current{color:#000;border:solid 2px #000;font-weight:bold;background:none;}

/*決定・取消のボタン*/
div ul.submit_box{width:840px;height:auto;margin:0 auto;display:block;padding:0px 0;}
div ul.submit_box li{min-width:200px;float:left;text-align:center;margin:0 4px;}
div ul.submit_box li input{font-size:180%;cursor:pointer;width:100%;height:100%;padding:2% 0;box-shadow:rgba(0, 0, 0, 0.4) 0px 0px 6px 0px;line-height:1.7;}
div ul.submit_box li select{width:408px;}
div ul.submit_box li.submit{}
div ul.submit_box li.submit input{color:#FFF;border:#236600 1px solid;background:#40806a;background:linear-gradient(#4d9980, #40806a);}
div ul.submit_box li.reset{border:#999 1px solid;background:#fafafa;background:linear-gradient(#fafafa, #e6e6e6);}
div ul.submit_box li.reset input{color:#666;}

div#content_set_reserve #Hyperlink6,
div#content_set_reserve #Hyperlink7{text-decoration:underline;}

/*状況確認*/
div#infomation{}
div#infomation .details .detail ul li.goto_reserve{margin-left:4px;}
div#infomation .details .detail ul li a{font-size:180%;display:block;width:auto;height:100%;padding-left:20px;padding-right:20px;color:#006622;background:#e9f5eb;background:linear-gradient(#D9FFD9, #B8D9C2);box-shadow:rgba(0, 0, 0, 0.4) 0px 0px 6px 0px;line-height:1.8;}


/*予約状況*/
/*********** ********** ********** **********
* アイコン表示・一覧表示共通
*/
/*検索結果の一覧表示*/
div#result_list{width:99%;min-height:200px;margin:0 auto;background:#FFF;border:solid 1px #999;margin-top:12px;margin-bottom:12px;}
div#result_list table{width:100%;padding-left:1%;height:auto;min-height:110px;clear:both;}
div#result_list table tr{border-bottom:solid 1px #999;}

/*1カラム目：チェックボックス*/
div#result_list table td.list_chk{vertical-align:middle;text-align:center;width:6%;margin-top:3px;padding-right:4px;}
div#result_list table td.list_chk input[type='checkbox']{width:30px;height:30px;}

/*5･6カラム目：順番ボタン*/
div#result_list table td.list_up,
div#result_list table td.list_down{width:10%;vertical-align:middle;text-align:center;}
div#result_list table td.list_up input[type='submit'],
div#result_list table td.list_down input[type='submit']{color:#FFF;width:90%;height:30px;border:#236600 1px solid;background:#40806a;background:linear-gradient(#4d9980, #40806a);}

/*********** ********** ********** **********
* アイコン表示
*/
/*カラム共通*/
div#result_list.disp_icon table td{padding:10px 0px 10px 0px;}

/*2カラム目：検索番号*/
div#result_list.disp_icon table td.list_no{vertical-align:top;font-size:180%;color:#333;width:4%;text-align:left;}
/*3カラム目：画像*/
div#result_list.disp_icon table td.list_bookimage{text-align:center;width:16%;}
div#result_list.disp_icon table td.list_bookimage 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;}
/*4カラム目：本の内容*/
div#result_list.disp_icon table td.list_bookdata{vertical-align:top;font-size:150%;padding-left:1%;}
div#result_list.disp_icon table td.list_bookdata .highlight{background:#eeff99;}
div#result_list.disp_icon table td.list_bookdata div{display:table;text-align:left;}
div#result_list.disp_icon table td.list_bookdata div.list_syo,
div#result_list.disp_icon table td.list_bookdata div.list_cyo,
div#result_list.disp_icon table td.list_bookdata div.list_spn{width:100%;}
div#result_list.disp_icon table td.list_bookdata div.list_syo span.icon_only,
div#result_list.disp_icon table td.list_bookdata div.list_cyo span.icon_only,
div#result_list.disp_icon table td.list_bookdata div.list_spn span.icon_only{display:table-cell;width:4em;}
div#result_list.disp_icon table td.list_bookdata div a{font-size:130%;color:#333;text-decoration:underline;}
div#result_list.disp_icon table td.list_bookdata div a:hover{text-decoration:none;}
div#result_list.disp_icon table td.list_bookdata div.list_other{display:table;width:100%;}
div#result_list.disp_icon table td.list_bookdata div.list_spnnen{display:table-cell;width:33%;}
div#result_list.disp_icon table td.list_bookdata div.list_bunrui{display:table-cell;width:34%;}
div#result_list.disp_icon table td.list_bookdata div.list_etc{display:table-cell;width:33%;}
/*5･6カラム目：順番ボタン*/
div#result_list.disp_icon table td.list_up,
div#result_list.disp_icon table td.list_down{font-size:150%;}

/*アイコン表示・一覧表示専用項目*/
div#result_list.disp_icon .list_only{display:none;}
/*********** ********** ********** ***********/

/*********** ********** ********** **********
* 一覧表示
*/
div#result_list.disp_list table{border:1px solid #999;border-bottom-width:0px;font-size:120%;}
div#result_list.disp_list table td{vertical-align:middle;padding:3px;border-left:1px solid #999;min-height:38px;}

/*2カラム目：No*/
div#result_list.disp_list table td.list_no{width:5%;text-align:right;}

/*3カラム目：書名*/
div#result_list.disp_list table td.list_syo{text-align:left;}

/*4カラム目：著者名*/
div#result_list.disp_list table td.list_cyo{width:12%;text-align:left;}

/*5カラム目：出版者*/
div#result_list.disp_list table td.list_spn{width:12%;text-align:left;}

/*6カラム目：出版年*/
div#result_list.disp_list table td.list_spnnen{width:7%;text-align:center;}

/*7カラム目：分類*/
div#result_list.disp_list table td.list_bunrui{width:9%;text-align:center;}

/*8カラム目：その他*/
div#result_list.disp_list table td.list_etc{width:9%;text-align:center;}

/*9･10カラム目：順番ボタン*/
div#result_list.disp_list table td.list_up,
div#result_list.disp_list table td.list_down{border-left:1px solid #999;}

/*行の設定：*/
div#result_list.disp_list table tr.list_Header{background:#E8E8E8}
div#result_list.disp_list table tr.list_Header td{text-align:center;}
div#result_list.disp_list table tr.list_odd{background:#FFF}
div#result_list.disp_list table tr.list_even{background:#F4F4F4}

/*アイコン表示・一覧表示専用項目*/
div#result_list.disp_list .icon_only{display:none;}
/*********** ********** ********** ***********/

/*お気に入りを追加*/
div#add_favorite{margin-bottom:12px;}
div#add_favorite p{font-size:140%;}
div#add_favorite h3{font-size:200%;line-height:1.0;padding-top:12px;padding-bottom:8px;padding-left:20px;padding-right:20px;color:#333; font-weight:500;}
div#add_reserve td{font-size:160%;padding-left: 30px;width: 33%;}

/*予約候補を追加*/
div#add_reserve{margin-bottom:12px;}
div#add_reserve p{font-size:140%;}
div#add_reserve h3{font-size:200%;line-height:1.0;padding-top:12px;padding-bottom:8px;padding-left:20px;padding-right:20px;color:#333; font-weight:500;}
div#add_reserve td{font-size:160%;padding-left: 30px;width: 33%;}