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

/*********** ********** ********** ********** *********** ********** ********** ********** *********** ********** ********** **********
* search.html
*/

/*検索ページコンテンツ*/
div#content_search{width:100%;height:auto;position:relative;display:inline-block;}

/*検索やその結果の情報を表示する箇所*/
div#infomation{}
/*タイトル*/
div#infomation .titles{width:100%;height:100%;background:#D4EDDE;}
div#infomation .titles .title{float:left;}
div#infomation .title h2{font-size:260%;line-height:1.0;padding-top:12px;padding-bottom:8px;padding-left:20px;padding-right:20px;color:#006644;}

/*右上の検索ボタン*/
div#infomation .titles .easy{float:right;}
div#infomation .titles .easy a{display:block;font-size:180%;}
div#infomation .titles .easy 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 .easy a p{line-height:1.0;color:#006644;display:inline-block;background:url(../img/btn_bg_green.png) repeat-x center;padding:7% 0;text-align:center;}
div#infomation .titles .easy 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#infomation .detail{height:auto;padding:1% 2%;border:solid 1px #999;border-top:none;margin-top:16px;position:relative;}
div#infomation .detail #lblErrMsg{font-size:140%;}
div#infomation .detail p{font-size:140%;}
div#infomation .detail .howto{clear:both;float:left;width:100%;height:auto;margin-top:16px;}
div#infomation .detail .howto #Table4  {float:left}
div#infomation .detail .howto #Table4  TH {text-align:left;}
div#infomation .detail .howto #Table4  B{font-size:140%; font-weight:bold;}
div#infomation .detail .howto #Table4  DD{font-size:140%;}
div#infomation .detail .howto #Table5  {float:left}
div#infomation .detail .howto #Table5  TH B{font-size:140%; font-weight:bold;}
div#infomation .detail .howto #Table5  TD{font-size:140%; }

/*オートコンプリート機能ONOFF*/
div#infomation .autocomplete_control{float:right;margin-bottom:16px;}
div#infomation .autocomplete_control p{}
div#infomation .autocomplete_control p 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#infomation .autocomplete_control p a.current{color:#000;border:solid 2px #000;font-weight:bold;background:none;}

/*検索結果*/
div#search{background:#e8e8e8;margin-top:24px;margin-bottom:24px;}
div#search h3{font-size:210%;color:#006644;}
/*入力フォームカスタム初期化*/
div#search div.sendform select, div.sendform input[type='text']{padding:3px 8px 2px;font-size:160%;}
div#search div.sendform label, div.sendform input[type='radio'], div.sendform input[type='checkbox']{cursor:pointer;font-size:160%;}
div#search div.sendform label{margin:0 4px;}
div#search div.sendform select{color:#111;font-size:160%;display:block;border:none;cursor:pointer;}
/*セレクトボックスの表示カスタマイズ*/
div#search div.sendform div.select_box{overflow:hidden;width:auto;border:1px solid #B3B3B3;display:inline-block;}
div#search div.sendform div.select_box > select{width:100%;border:none;}
div#search div.sendform div.select_box > input[type='text']{border:1px solid #FFF;display:block;font-size:160%;outline:none;}
/**/
div#search div.sendform .book_search_box div.select_box.book_search01{min-width:120px;width:20%;}
div#search div.sendform .book_search_box div.select_box.book_search02{width:50%;}
div#search div.sendform .book_search_box div.select_box.book_search03{min-width:120px;width:20%;}
/*下部のテキスト*/
div#search #search_terms p{text-align:right;font-size:140%;margin-right:12px;}
/*検索・クリアのボタン*/
div#search ul.submit_box{width:300px;height:auto;margin:0 auto;display:block;padding:18px 0;}
div#search ul.submit_box li{width:140px;float:left;text-align:center;margin:0 4px;}
div#search 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#search ul.submit_box li.submit{border:#10007C 1px solid;background:#40806a;background:linear-gradient(#4d9980, #40806a);}
div#search ul.submit_box li.submit input{color:#FFF;}
div#search ul.submit_box li.reset{border:#999 1px solid;background:#fafafa;background:linear-gradient(#fafafa, #e6e6e6);}
div#search ul.submit_box li.reset input{color:#666;}
/*検索条件,絞り込み検索,単独検索で共通*/
div#search .search_box{width:100%;height:auto;padding:1%;margin-left:auto;margin-right:auto;background:#FFF;}
div#search .search_box .table{width:100%; height:auto; margin:12px auto; line-height:2.0;}
div#search .search_box .table fieldset{width:100%;}
div#search .search_box .table fieldset legend{width:15%;text-align:right;font-size:180%;float:left;}
div#search .search_box .table fieldset ul{width:80%;text-align:left;float:left;}
div#search .search_box .table dl dd span{font-size:120%;margin-left:12px;}

/*検索条件*/
div#search #search_terms{padding-bottom:30px;border-bottom-width:0px;}
div#search #search_terms .book_search_radio li{width:20%;}
div#search #search_terms #lblErrMsg{font-size:140%}

div#search #search_terms{margin-bottom:12px;}
div#search #search_terms ul{width:80%;}
div#search #search_terms li{width:33%;}


/*条件入力欄*/
div#search #search_terms .table fieldset ul li{float:left;}
div#search #search_terms ul.book_search_box li{width:100%;margin-top:3px;margin-bottom:4px;}

/*ソート*/
div#search #search_terms ul.sort_box{display:block;margin:24px 3% 0;}
div#search #search_terms ul.sort_box li{float:left;display:block;margin:0 5%;width:40%;}
div#search #search_terms ul.sort_box li fieldset{float:left;width:100%;}
div#search #search_terms ul.sort_box li fieldset legend{float:left;display:block;line-height:2.0;font-size:160%;}
div#search #search_terms ul.sort_box li select#cmdSortKbn{}
div#search #search_terms ul.sort_box li select#cmbDispRow{}

/*分類候補選択*/
div#search #search_terms ul.bunrui_box{display:block;}
div#search #search_terms ul.bunrui_box li{float:left;display:block;width:100%;}
div#search #search_terms ul.bunrui_box li fieldset{float:left;width:100%;}
div#search #search_terms ul.bunrui_box li fieldset legend{float:left;display:block;line-height:2.0;font-size:160%;}
div#search #search_terms ul.bunrui_box li select#cmdBunrui{}
div#search #search_terms ul.bunrui_box li select#cmbDispRow{}

/*セレクト表示*/
div#search div.sendform #search_terms .table select{font-size:160%;color:#006622;background:#e9f5eb;background:linear-gradient(#cfe6cf, #e9f5eb);}

/*絞り込み検索*/
div#search div.sendform #search_refine{margin-bottom:12px;}
div#search div.sendform #search_refine li{width:33%;}
div#search div.sendform #search_refine #chkNews{width:80%;}
div#search div.sendform #search_refine #chkNews td{width:33%;}

/*西暦入力*/
div#search div.sendform #search_refine .table fieldset ul li{float:left;}
div#search div.sendform #search_refine .table fieldset big{font-size:180%;}
div#search div.sendform #search_refine .table fieldset span{font-size:90%;/*padding-left:12px;*/}

div#search div.sendform #search_refine .table #txtYearFrom{width:70px;}
div#search div.sendform #search_refine .table #txtYearTo{width:70px;}
div#search div.sendform #search_refine .table #txtMonthFrom{width:45px;}
div#search div.sendform #search_refine .table #txtMonthTo{width:45px;}
div#search div.sendform #search_refine .table #txtDayFrom{width:45px;}
div#search div.sendform #search_refine .table #txtDayTo{width:45px;}



/*単独検索*/
div#search div.sendform #search_single{margin-bottom:12px;}
div#search div.sendform #search_single .table fieldset span{font-size:120%;padding-left:12px;}


.lineHeight160 {line-height:200%;}

div#search div.sendform #search_refine .table input[type="text"]#txtYearFrom,
div#search div.sendform #search_refine .table input[type="text"]#txtYearTo,
div#search div.sendform #search_refine .table input[type="text"]#txtMonthFrom,
div#search div.sendform #search_refine .table input[type="text"]#txtMonthTo,
div#search div.sendform #search_refine .table input[type="text"]#txtDayFrom,
div#search div.sendform #search_refine .table input[type="text"]#txtDayTo{vertical-align:baseline;}

div#search div.sendform #search_refine .table fieldset span#txt40{font-size:120%;}


fieldset input[type="text"]:hover,
fieldset input[type="email"]:hover,
fieldset input[type="tel"]:hover,
fieldset textarea:hover,
fieldset select:hover {
  border: 1px solid #B3B3B3;
}
fieldset input:focus,
fieldset textarea:focus,
fieldset select:focus {
  border: 1px solid #B3B3B3;
}

fieldset select{-webkit-appearance: menulist;background-image:none;border: 1px solid #B3B3B3;}


@media screen and (min-width: 801px) and (max-width: 1280px) {
.lineHeight160 {line-height:260%;}
div#search div.sendform .book_search_box div.select_box.book_search01{min-width:120px;width:27%;}
div#search div.sendform .book_search_box div.select_box.book_search02{width:40%;}
div#search div.sendform .book_search_box div.select_box.book_search03{min-width:120px;width:27%;}
}

@media screen and (max-width: 800px) {
    .lineHeight160 {line-height:180%;}

    div#infomation .detail .howto #Table5 TD{width:100%;display:block;}

    div#search #search_terms ul{width:100%;}

    div#search #search_terms .table fieldset ul li{display:block;width:100%;}


	div#search #search_terms p {
		text-align: left;
	}
    div#infomation .detail .howto ul li{
        float:none;
    }
    div#infomation .detail .howto ul li.howto_search {
        margin-left: 0px;
        margin-top: 10px;
    }

	div#search .search_box .table fieldset legend{
        text-align:left;
        width:100%;
	}
    div#search div.sendform .book_search_box div.select_box.book_search01{
        width:100%;
    }
    div#search div.sendform .book_search_box div.select_box.book_search02{
        width:100%;
    }
    div#search div.sendform .book_search_box div.select_box.book_search03{
        width:100%;
    }
    div#search div.sendform .book_search_box div.select_box{
        margin-bottom:5px;
    }
    div#search div.sendform .book_search_box div.select_box:nth-child(3n){
        margin-bottom:15px;
    }
    /*div#search div.sendform .book_search_box div.select_box:nth-child(1){
        border:none;
    }
    div#search div.sendform .book_search_box div.select_box:nth-child(3){
        border:none;
    }*/
	div#content_result .primary-btn input{
       box-shadow:rgba(0,0,0,0) 0px 0px 0px 0px !important;
	}
    div#search #search_terms .book_search_radio li{
       width:100%;
    }

	div#search #search_terms ul.sort_box li {
		width: 100%;
	}
	div#search div.sendform #search_refine li {
		width: 100%;
	}

    input#txtKey5{
        width:50%;
        margin-right:50%;
    }

    div#search div.sendform #search_refine #chkKan td {
        display:block;
        width:100%;
    }

    div#search #search_terms ul.sort_box li fieldset legend{
        width:100%;
    }

    div#search ul.submit_box li input {
        box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px;
    }

    div#search div.sendform #search_terms .table select{
        font-size:160%;
        color:#006622;
        background:#e9f5eb;
    }
}


*.table_border_solid {border: solid 1px; padding: 3px; font-size: 120%;}
*.table_border_solid_center {border: solid 1px; text-align: center; vertical-align: middle; padding: 3px; font-size: 120%;}