@charset "utf-8";

/*************************************************
CSS
/cmn_(countrycode)_v2/css/gl_header.css

14.10.01
update:14.11.26
*************************************************/

/* ------------------------- TOC
Global Header
Media Queries
-------------------------- */



/* ============================================================ Global Header */
/* ============================== Header Utility */
/* hd_ut_lang_select */
#gl_header .hd_ut .hd_ut_lang_select .hd_ut_lang_lst ul { width: 200px; }



/* ============================================================ Media Queries */
@media (max-width: 830px) and (min-width: 641px) {
	/* ============================================================ Global Header */
	/* ============================== Global Navigation */
	/* search */
	#gl_header #gl_nv .gl_nv_lst li.gl_nv_src { float: left; padding: 0; }
	#gl_header #gl_nv .gl_nv_lst li.gl_nv_src.dsp_normal { display: none; }
	#gl_header #gl_nv .gl_nv_lst li.gl_nv_src.dsp_middle { display: block; }
	#gl_header #gl_nv .gl_nv_lst li.gl_nv_src.dsp_middle .gl_nv_lst_mn { padding: 8px 8px 3px; }
	#gl_header #gl_nv .gl_nv_lst li.gl_nv_src.dsp_middle .gl_nv_lst_mn .gl_nv_src_mn { display: block; width: 24px; height: 24px; background: none; background: url(/-/Media/Ricoh/Common/cmn_v2/img/gl_header/gl_nv_src_btn_w.png) 50% 50% no-repeat; text-indent: -9999px; }
	#gl_header #gl_nv .gl_nv_lst li.gl_nv_src.dsp_middle .gl_nv_lst_mn:hover .gl_nv_src_mn,
	#gl_header #gl_nv .gl_nv_lst li.gl_nv_src.dsp_middle .gl_nv_lst_mn.open .gl_nv_src_mn { background-image: url(/-/Media/Ricoh/Common/cmn_v2/img/gl_header/gl_nv_src_btn.png); }

	#gl_header #gl_nv .gl_nv_lst li a.gl_nv_lst_mn:hover:after,
	#gl_header #gl_nv .gl_nv_lst li a.gl_nv_lst_mn.open:after,
	#gl_header #gl_nv .gl_nv_lst li a.gl_nv_lst_mn.act:hover:after {
		display: none;
	}

	#gl_header #gl_nv .drop_down .inner .dd_main { padding: 16px; }

	#gl_header #gl_nv .drop_down .inner .gl_nv_src_inp { display: table; table-layout: fixed; width: 100%; }
	#gl_header #gl_nv .drop_down .inner .gl_nv_src_inp .gl_nv_src_txt { float: none; display: table-cell; vertical-align: middle; width: 100%; }
	#gl_header #gl_nv .drop_down .inner .gl_nv_src_inp .gl_nv_src_txt input { width: 100%; height: 40px; padding: 0 4px; font-size: 18px; border: 2px solid #6c7074; border-right: none;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-border-radius: 4px 0 0 4px;
		border-radius: 4px 0 0 4px;
	}
	#gl_header #gl_nv .drop_down .inner .gl_nv_src_inp .gl_nv_src_btn { float: none; display: table-cell; vertical-align: middle; width: 120px; }
	#gl_header #gl_nv .drop_down .inner .gl_nv_src_inp .gl_nv_src_btn input {  width: 120px; height: 40px;
		-webkit-border-radius: 0 4px 4px 0;
		border-radius: 0 4px 4px 0;
	}
	#gl_header #gl_nv .drop_down_wrp,
	#gl_header #gl_nv .drop_down_wrp.open {
		display: none;
		height: 0;
	    -webkit-transition: none;
	    transition: none;
	}
	#gl_header #gl_nv .drop_down > .inner,
	#gl_header #gl_nv .drop_down > .inner.open {
		display: none;
	    animation: none;
	}
}