/* 英語用 */

/* ヘッダーに表示するGoogleカスタム検索のスタイル */

#ggle_search_id { 
        width: 250px !important;
        margin-left: auto;
        margin-top: 10px;
}

#ggle_search_id .gsc-control-cse { padding: 0; }

 
/* テキストボックスに文字入力したときに出る「×」マークの位置調整用の指定 */
#ggle_search_id .gsc-search-box { position: relative; }

#ggle_search_id .gsc-search-box .gsc-input-box { background-color: #F3F3F1; }
 
/* テキストボックスの親要素。width指定しつつfloatで左寄せ */
#ggle_search_id .gsc-search-box td.gsc-input,
#ggle_search_id .gsc-search-box td.gsc-input .gstl_50 {
        width: 200px !important;
	    padding: 0 !important;
	    height: 30px;
        float: right;
}

#ggle_search_id .gsc-search-box td.gsc-input .gstl_50 {
        border-top: 1px solid #000;
        border-left: 1px solid #000;
        border-bottom: 1px solid #000;
}

#ggle_search_id .gsc-search-box .gsib_a {
	    width: 200px !important;
        padding: 0 !important;
}
 
 
#ggle_search_id .gsc-search-box td#gs_tti51 { margin-bottom: 5px; }
 
/* ボタンの親要素。width指定しつつfloatで左寄せ */
#ggle_search_id .gsc-search-box td.gsc-search-button {
        width: 50px !important;
        height: 25px;
        border: 1px solid  #000;
}

/* テキストボックスに文字入力したときに出る「×」マークの位置調整 */
/*#ggle_search_id .gsc-search-box .gsib_b {
	    position: absolute;
	    width: 20px;
	    top: 15px;
	    left: 350px;
}*/
 
/* デフォルトで設定されている(疑似的な)テキストボックスの
 * デザイン設定を解除 */
#ggle_search_id .gsc-search-box .gsc-input-box,
#ggle_search_id .gsc-search-box .gsc-input-box-hover,
#ggle_search_id .gsc-search-box .gsc-input-box-focus {
	    border: none !important;
	   -webkit-box-shadow: none !important;
	   -moz-box-shadow: none !important;
	    box-shadow: none !important;
}
 
/* 検索ボタンの背景をボタンのように見せかける */
#ggle_search_id .gsc-search-box .gsc-search-button {
	    position: relative;
        background: #DDDDDD 96% center no-repeat;
	    cursor: pointer;
}
 
/* 検索ボタンの背景部分にテキストを表示させる */
#ggle_search_id .gsc-search-box .gsc-search-button:before {
	position: absolute;
        right: 10%;
        bottom: 30%;
	    content: 'search' !important;
        color: #000;
        font-size: 13px;
}

#ggle_search_id .gsc-search-box .gsc-search-button:hover {
       background: #666666;
}

#ggle_search_id .gsc-search-box .gsc-search-button:hover:before {
       color: #FFF;
} 

/* 検索ボタンを透明化し背景のみを表示させる */
#ggle_search_id .gsc-search-box button.gsc-search-button-v2,
#ggle_search_id .gsc-search-box button.gsc-search-button {
	    width: 100%;
        height: 25px;
	    padding: 0 !important;
	    opacity: 0;
}



/* 検索結果に表示するGoogleカスタム検索のスタイル */


#ggle_result_id { 
        width: 450px !important;
        margin-left: auto;
        padding: 0px;
}

#ggle_result_id .gsc-control-cse { padding: 0; }


/* テキストボックスに文字入力したときに出る「×」マークの位置調整用の指定 */
#ggle_result_id .gsc-search-box { position: relative; }
 
#ggle_result_id .gsc-search-box td.gsc-input,
#ggle_result_id .gsc-search-box td.gsc-input .gstl_50,
#ggle_result_id .gsc-search-box td.gsc-input .gstl_51,
#ggle_result_id .gsc-search-box td.gsc-input .gstl_52 {
        width: 370px !important;
	    padding: 0 !important;
	    height: 23px !important;
        float: right;
        background-color: white;
        vertical-aligh: middle;
}

/* テキストボックスの親要素。width指定しつつfloatで左寄せ */   
#ggle_result_id .gsc-search-box td.gsc-input .gstl_50,
#ggle_result_id .gsc-search-box td.gsc-input .gstl_51,
#ggle_result_id .gsc-search-box td.gsc-input .gstl_52 {
   
    border-top: 1px solid #6E6E6E;
    border-left: 1px solid #6E6E6E;
    border-bottom: 1px solid #6E6E6E;
}

/* 文字が入力されたか */
#ggle_result_id .gsc-search-box .gsib_a {
	width: 370px !important;
    padding: 0 !important;
}


/* ボタンの親要素。 */
#ggle_result_id .gsc-search-box td.gsc-search-button {
        width: 70px !important;
        height: 20px !important;
        border: 1px solid  #6E6E6E;
        padding: 0 !important;
}

/* デフォルトで設定されている(疑似的な)テキストボックスの
 * デザイン設定を解除 */
#ggle_result_id .gsc-search-box .gsc-input-box,
#ggle_result_id .gsc-search-box .gsc-input-box-hover,
#ggle_result_id .gsc-search-box .gsc-input-box-focus {
	     border: none !important;
	     -webkit-box-shadow: none !important;
	     -moz-box-shadow: none !important;
	     box-shadow: none !important;
}

/* 検索ボタンの背景をボタンのように見せかける */
#ggle_result_id .gsc-search-box .gsc-search-button {
         position: relative;
         background: #DDDDDD 96% center no-repeat;
	     cursor: pointer;
		 padding:0px 0px;
}

/* 検索ボタンの背景部分にテキストを表示させる */
#ggle_result_id .gsc-search-box .gsc-search-button:before {
	    position: absolute;
        left: 25%;
        right: 25%;
        //bottom: 25%;
        top: 10%;
	    content: 'Search' !important;
        color: #000;
}

#ggle_result_id .gsc-search-box .gsc-search-button:hover {
       background: #58FAF4;
       border: 1px solid  #01A9DB;
}

#ggle_result_id .gsc-search-box .gsc-search-button:hover:before {
      // color: #FFF;
}

/* 検索ボタンを透明化し背景のみを表示させる */
#ggle_result_id .gsc-search-box button.gsc-search-button-v2,
#ggle_result_id .gsc-search-box button.gsc-search-button {
	    width: 100%;
        height: 20px;
	    padding: 0 !important;
	    opacity: 0;
}