<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

@media screen and (min-width: 1000px), print {
	
	/* *****************************************************************************
	 Header Area
	***************************************************************************** */
	#header-area {
		width:960px;
		margin:0px auto 0px auto;
		text-align:center;
		zoom:1;
	}
	
	/* =============================================================================
	 Left
	============================================================================= */
	#header-area .left {
		width:495px;
		float:left;
		zoom:1;
	}
	
	/* -----------------------------------------------------------------------------
	 Logo
	----------------------------------------------------------------------------- */
	#header-area .logo {
		width:300px;
		padding:10px 0px 0px 10px;
		float:left;
	}
	#header-area .logo/**/ {
		width: /**/290px;
	}
	#header-area .logo img{
		vertical-align: bottom;	
	}
	
	
	/* -----------------------------------------------------------------------------
	 Catch
	----------------------------------------------------------------------------- */
	#header-area .catch {
		width:180px;
		height:40px;
		margin-top:20px;
		float:right;
	}
	
	/* =============================================================================
	 Right
	============================================================================= */
	#header-area .right {
		width:450px;
		float:right;
		zoom:1;
		text-align:left;
	}
	
	/* -----------------------------------------------------------------------------
	 Global Menu
	----------------------------------------------------------------------------- */
	#header-area ul#global-menu {
		display: block;
		font-size:10px;
		width:450px;
		padding:10px 0px 0px 0px;
		text-align:right;
	}
	
	
	#header-area ul#global-menu li {
		background:url(../../img/he_global_ico.gif) left center no-repeat;
		padding:0px 10px 0px 8px;
		display:inline;
	}
	
	#header-area ul#global-menu li a {
		color:#4D7329;
		text-decoration:none;
	}
	#header-area ul#global-menu li a:hover {
		color:#4D7329;
		text-decoration:underline;
	}
	
	/* -----------------------------------------------------------------------------
	 Tool
	----------------------------------------------------------------------------- */
	#header-area .tool {
		width:390px;
		margin:0px 0px 0px auto;
		padding:10px 10px 5px 0px;
		text-align:left;
		zoom:1;
	}
	#header-area .tool/**/ {
		width: /**/380px;
	}
	
	#header-area #site-search {
		position:relative;
		width:250px;
		float:left;
	}
	
	#header-area #site-search .site-field {
		position:absolute;
		top:2px;
		left:0px;
		font-size:10px;
		width:160px;
		height:14px;
	}
	
	#header-area #site-search .site-submit{
		position:absolute;
		top:2px;
		right:0px;
		width:80px;
		height:20px;
	}
	
	#header-area #font-size {
		width:121px;
		height:24px;
		background:url(../../img/he_fsize_bg.gif) no-repeat;
		float:right;
	}
	
	#header-area #font-size p {
		width:76px;
		height:24px;
		background:url(../../img/he_fsize_text.gif) no-repeat;
		float:left;
	}
	
	#header-area #font-size p span {
		position:relative;
		top:0px;
		left:0px;
		width:76px;
		height:24px;
		display:block;
		z-index:-1;
		overflow:hidden;
	}
	
	#header-area #font-size ul {
		width:45px;
		height:24px;
		float:right;
	}
	
	#header-area #font-size ul li {
		width:20px;
		height:20px;
		margin:2px 0px 0px 0px;
		float:left;
	}
	#header-area #font-size ul li.large {
		margin-right:3px;
	}
	
	
	#header-area #font-size ul li a {
		width:20px;
		height:20px;
		background:url(../../img/he_fsize_bt.gif) no-repeat;
		display:block;
	}
	
	#header-area #font-size ul li.large a {
		background-position:0px 0px;
	}
	#header-area #font-size ul li.small a {
		background-position:-20px 0px;
	}
	#header-area #font-size ul li.large a:hover {
		background-position:0px -20px;
	}
	#header-area #font-size ul li.small a:hover {
		background-position:-20px -20px;
	}
	
	#header-area #font-size ul li a span {
		position:relative;
		top:0px;
		left:0px;
		width:20px;
		height:20px;
		display:block;
		z-index:-1;
		overflow:hidden;
	}

}

/* タブレット用のスタイル記述 */
@media screen and (max-width: 999px) {
	
	#header-area {
	width:100%;
	margin:0px auto 0px auto;
	text-align:center;
	zoom:1;
	}
	
	/* =============================================================================
	 Left
	============================================================================= */
	#header-area .left {
		width:55%;
		float:left;
		zoom:1;
	}
	/* -----------------------------------------------------------------------------
	 Logo
	----------------------------------------------------------------------------- */
	#header-area .logo {
		width:60%;
		padding:10px 0px 0px 3%;
		float:left;
	}
	#header-area .logo img {
		width: 100%;	
		height: auto;
	}
	/* -----------------------------------------------------------------------------
	 Catch
	----------------------------------------------------------------------------- */
	#header-area .catch {
		width:30%;
		height:auto;
		margin-top:20px;
		float:left;
	}
	#header-area .catch img {
		width: 100%;	
		height: auto;
	}
	/* =============================================================================
	 Right
	============================================================================= */
	#header-area .right {
		width:40%;
		float:right;
		zoom:1;
		text-align:left;
	}
	
	/* -----------------------------------------------------------------------------
	 Global Menu
	----------------------------------------------------------------------------- */
	#header-area ul#global-menu {
		display: block;
		font-size:10px;
		width:100%;
		padding:10px 0px 10px 0px;
		text-align:left;
	}
	
	#header-area ul#global-menu li {
		background:url(../../img/he_global_ico.gif) left center no-repeat;
		padding:0px 10px 0px 8px;
		display: inline;
		line-height:2;
		white-space: nowrap;
		zoom:1;
	}
	
	#header-area ul#global-menu li a {
		color:#4D7329;
		text-decoration:none;
	}
	#header-area ul#global-menu li a:hover {
		color:#4D7329;
		text-decoration:underline;
	}
	/* -----------------------------------------------------------------------------
	 Tool
	----------------------------------------------------------------------------- */
	#header-area .tool {
		display: none;
	}

}
/* スマートフォン用のスタイル記述 */
@media screen and (max-width: 480px) {

	#header-area {
		border-top: 4px solid #57BC15;	
		background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #E1DEC0), color-stop(0.84, #fff));
		background: -webkit-linear-gradient(top, #fff 84%, #E1DEC0 100%);
		background: -moz-linear-gradient(top, #fff 84%, #E1DEC0 100%);
		background: -o-linear-gradient(top, #fff 84%, #E1DEC0 100%);
		background: -ms-linear-gradient(top, #fff 84%, #E1DEC0 100%);
		background: linear-gradient(to bottom, #fff 84%, #E1DEC0 100%);
		padding-bottom: 1%;
		text-align: left;

	}

	/* =============================================================================
	 Left
	============================================================================= */
	#header-area .left {
		width:85%;
		float:none;
		zoom:1;
	}
	/* -----------------------------------------------------------------------------
	 Logo
	----------------------------------------------------------------------------- */
	#header-area .logo {
		height: auto;
	}
	/* =============================================================================
	 Right
	============================================================================= */
	#header-area .right {
		width:100%;
		float:none;
		zoom:1;
		text-align:left;
	}
	/* -----------------------------------------------------------------------------
	 Global Menu
	----------------------------------------------------------------------------- */
	#header-area ul#global-menu {
		display: none;
	}
}

</pre></body></html>