@charset "UTF-8";
/* AssetNowVersion: FX1.9.0 Last Up Date: 2009-08-31 DesignVersion: 1.8 */

/*****************************************************************************/
/* -=サイトタイトル                                                          */
/*****************************************************************************/
#SiteTitle_wrap {
	position: relative;
	overflow: hidden;
	margin: 0; /* don't touch */
	padding: 30px 0;
	width: 100%;
	height: 140px;
	color: #000000;
	box-sizing: border-box;
	background-image: url(images/header_bg_r.png),url(images/header_bg_l.png);
	background-repeat: no-repeat,no-repeat;
	background-position: right top,left top;
	background-size: auto 170px,auto 150px;
}

#SiteTitle {
	position: relative;
    overflow: hidden;
	margin: 0 auto;
	padding: 0;
	width: 1000px;
	height: 130px;
}

@media screen and (max-width:640px){
	#SiteTitle_wrap {
        padding: 8px 0 0;
		height: auto;
		background: #fff;
	}
	#SiteTitle {
		margin: 0;
		padding: 0;
		width: 100%;
		height: auto;
		background: #fff;
	}
}

	/* =タイトル ---------------------------------------------------------------
	common/homelogo.cfm
	
	*使用画像
	logo.gif or logo.jpg

	*カスタマイズメモ
	- logo.gifがない場合は、logo.jpgを表示する
	- logo.gifとlogo.jpgがない場合は、タイトルをテキストで表示する
	-------------------------------------------------------------------------- */
	
	h1#TitleArea {
		float: left;
	}
		h1#TitleArea > a {
			display: inline-block;
		}
		#TitleImage {
		    margin-top: 10px;
			width: 272px;
		}
		h1#TitleText {
		}
	@media screen and (max-width:640px){
		h1#TitleArea {
			float:none;
			text-align: center;
		}
			#TitleImage {
				margin: 10px 20px 10px 0;
				width: 180px;
				height: auto;
			}
	}

	/* =検索フォーム(トップ) ----------------------------------------------------
	common/search.cfm

	*使用画像
	search.gif

	*カスタマイズメモ
	- search.gifがない場合は、フォームの標準ボタンが使用される
	-------------------------------------------------------------------------- */

	#SearchForm {
		position: absolute;
		top: 43px;
		right: 0;
	}
		.searchInputBox {
			height: 34px;
			width: 250px;
			font-size: 100%;
			margin-right: -6px;
			vertical-align: top;
			border-left: 3px solid #eeeedd;
			border-top: 3px solid #eeeedd;
			border-bottom: 3px solid #eeeedd;
		}
		.searchSubmitImage {
			width: 92px;
			height: auto;
		}
		.searchSubmitButton {
		}
@media screen and (max-width:640px){
	#SearchForm {
		position: relative;
		text-align: center;
    	margin: 20px 0 5px;
		top: auto;
		left: auto;
	}
	.searchSubmitImage {
		width: 94px;
		height: auto;
	}
	.searchInputBox {
		width: 58%;
		padding: 1px;
		font-size: 16px
	}
}
/*****************************************************************************/
/* -=ヘッダユーティリティ                                                          */
/*****************************************************************************/
#headUtility {
	position: absolute;
	top: 0;
	right: 0;
	width: 600px;
	height: 30px;
	overflow: hidden;
	padding: 0;
}
@media screen and (max-width:640px){
	#headUtility {
		display: none;
	}
}

/*****************************************************************************/
/* -=サイト内翻訳                                                          */
/*****************************************************************************/
#google_translate_element {
	position: absolute;
	margin-top: 0;
	top: 0;
	left: 0;
	padding: 0;
	width:auto;
}
.goog-te-gadget-simple {
	padding: 3px !important;
	border: 2px solid #eeeedd !important;
}
/*****************************************************************************/
/* 文字サイズ                   　                                             */
/*****************************************************************************/
#fontsize {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0 0 10px;
	padding: 0 0 0 73px;
    width: 174px;
    height: 30px;
	background: url(images/headnav_fontsize.png) no-repeat top left;
	background-size: 174px auto;
	box-sizing: border-box;
}
#fontsize li {
	float: left;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
	text-indent: 100%;
	white-space: nowrap;
	line-height: 2;
	cursor: pointer;
}
#fontsize li.small {
	width: 50px;
	height: 30px;
}
#fontsize li.nomal {
	display: none;
}
#fontsize li.large {
	width: 50px;
	height: 30px;
}
/* ボタンアクティブ時の効果 */
#fontsize li.active.small { background: url(images/headnav_fontsize.png) no-repeat -73px -30px;background-size: 174px auto;  }
/*#fontsize li.active.nomal { background: url(images/headnav_fontsize.png) no-repeat -126px -25px; }*/
#fontsize li.active.large { background: url(images/headnav_fontsize.png) no-repeat -124px -30px;background-size: 174px auto; }


/*****************************************************************************/
/* 組織から探す、サイトマップ              　                                     */
/*****************************************************************************/
#Utility_nav{
	position: absolute;
	top: 0;
	right: 200px;
}
#Utility_nav li{
	display: inline-block;
	font-size: 0.875em;
	padding: 0 0 0 20px;
	margin: 0 0 0 15px;
	font-weight: bold;
	background-image: url(images/arrow.png);
	background-size: 16px auto;
	background-repeat: no-repeat;
	background-position: left center;
}


/*****************************************************************************/
/* 背景色の変更                   　                                             */
/*****************************************************************************/
#bgcolor {
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden;
	box-sizing: border-box;
	margin: 0;
	padding: 0 0 0 41px;
	height: 25px;
	width: 209px;
	background: url(images/bgcolor.png) no-repeat left top;
}
#bgcolor li {
	float: left;
	list-style: none;
	margin: 0 0 0 2px;
	padding: 0;
	width: 40px;
	height: 25px;
}
#bgcolor li a {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 40px;
	height: 25px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}


/*****************************************************************************/
/* サイト内検索                                                           */
/*****************************************************************************/
.headerSearchBox {
	position: absolute;
	top: 40px;
	right: 0;
	margin: 0;
	padding: 0;
}
.headerSearchBox #search-box {
	box-sizing: border-box;
	margin: 0 -5px 0 0;
	padding: 4px;
	width: 250px;
	border: none;
	vertical-align: bottom;
	font-size: 13px;
    height: 40px;
	border: solid 3px #eeeedd;
	border-right: none;
}
.headerSearchBox .search-btn {
	margin: 0;
	padding: 0;
	width: 90px;
	height: 40px;
	vertical-align: bottom;
}
@media screen and (max-width:640px){
	.headerSearchBox {
		position: relative;
		top: inherit;
		right: inherit;
		background: #017C3A;
		padding: 10px;
		text-align: center;
	}
	.headerSearchBox #search-box {
		width: 58%;
		padding: 2px;
		font-size: 16px
	}
}

/*****************************************************************************/
/* グローバルナビ用ボタン                                                           */
/*****************************************************************************/
.btn_nav {
	display: none;
}

@media screen and (max-width:640px){
	.btn_nav {
		position: absolute;
		top:16px;
		left: 15px;
		display: block;
		overflow: hidden;
		margin: 0;
		padding: 0;
		width: 30px;
		height: 22px;
		background: url(images/btn_menu_open.png) no-repeat left top;
		background-size: 30px 22px;
		text-indent: 100%;
		white-space: nowrap;
		cursor: pointer;
		-webkit-background-size: 30px 22px;
		-moz-background-size: 30px 22px;
		-o-background-size: 30px 22px;
		-ms-background-size: 30px 22px;
	}
	.btn_nav.on {
		top:16px;
		width: 30px;
		height: 30px;
		background: url(images/btn_menu_close.png) no-repeat left top;
		background-size: 30px 30px;
		-webkit-background-size: 30px 30px;
		-moz-background-size: 30px 30px;
		-o-background-size: 30px 30px;
		-ms-background-size: 30px 30px;
	}
}