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

/*****************************************************************************/
/* -=サイトタイトル                                                          */
/*****************************************************************************/

#SiteTitle {
	margin: 0 auto;
	padding: 0;
	position: relative;
	width: 940px;
	height: 95px;
}

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

	*カスタマイズメモ
	- logo.gifがない場合は、logo.jpgを表示する
	- logo.gifとlogo.jpgがない場合は、タイトルをテキストで表示する
	-------------------------------------------------------------------------- */

	h1#TitleArea {
		position: absolute;
		top: 16px;
		left: 0;
		margin: 0;
		padding: 0;
	}
		#TitleImage {
		}
		
		h1#TitleText {
		}

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

	*使用画像
	search.gif

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

	#SearchForm {
		display: none;
		margin: 0; /* don't touch */
		padding: 0; /* don't touch */
		padding-top: 15px;
		margin-right: 10px;
		margin-left: 130px; /* logo.gif width */
		position: relative; /* don't touch */
		z-index: 99; /* don't touch */
		top: -55px;
		height: 40px; /* = SiteTitle height - (padding-top) */
		right: 0;
		text-align: right; /* don't touch */
		/* don't use float for Mac IE5 */
	}
		.searchInputBox {
			display: inline;
			vertical-align: middle;
			font-size: small;
			width: 10em;
			font-family: "ＭＳ Ｐゴシック", sans-serif; /* for Win IE7 */
		}
		.searchSubmitImage {
			margin-left: 3px;
			display: inline;
			vertical-align: middle;
		}
		.searchSubmitButton {
			margin-left: 3px;
			display: inline;
			vertical-align: middle;
		}

/*****************************************************************************/
/* -=アクセシビリティ                                                          */
/*****************************************************************************/
.headerAccessibility {
	position: absolute;
	top: 8px;
	right: 0;
	margin: 0;
	padding: 0;
}
#translate,
#fontsize,
#bgcolor {
	float: left;
}

/* 翻訳メニュー
----------------------------------------------------------------------------------------------------------- */
#translate li {
	float: left;
	list-style: none;
	margin: 3px 10px 0 0;
	padding: 0;
	font-size: 12px;
}
#translate li a {
	display: block;
	margin: 0;
	padding: 0 0 0 7px;
	background: url(images/head_arrow_small.png) no-repeat left 0.5em;
	color: #333333;
	text-decoration: none;
}
#translate li a:hover {
	text-decoration: underline;
}

/* 文字サイズ
----------------------------------------------------------------------------------------------------------- */
#fontsize {
	overflow: hidden;
	box-sizing: border-box;
	margin: 0 10px 0 0;
	padding: 0 0 0 88px;
	height: 23px;
	width: 214px;
	background: url(images/fontsize.png) no-repeat left top;
}
#fontsize .changeBtn {
	float: left;
	list-style: none;
	margin: 0 0 0 2px;
	padding: 0;
	width: 40px;
	height: 23px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	cursor: pointer;
}
/* ボタンアクティブ時の効果 */
#fontsize .changeBtn.active.nomal {background: url(images/fontsize.png) no-repeat -90px -23px;}
#fontsize .changeBtn.active.large {background: url(images/fontsize.png) no-repeat -132px -23px;}
#fontsize .changeBtn.active.xlarge {background: url(images/fontsize.png) no-repeat -174px -23px;}

/* 文字サイズ
----------------------------------------------------------------------------------------------------------- */
#bgcolor {
	overflow: hidden;
	box-sizing: border-box;
	margin: 0;
	padding: 0 0 0 41px;
	height: 23px;
	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: 23px;
}
#bgcolor li a {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 40px;
	height: 23px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

/*****************************************************************************/
/* -=ヘッダーリンク・サイト内検索                                                          */
/*****************************************************************************/
.headerLink {
	position: absolute;
	top: 45px;
	right: 0;
	margin: 0;
	padding: 0;
}
.headnav,
.headerSearchBox {
	float: left;
}
/* ヘッダーリンク
----------------------------------------------------------------------------------------------------------- */
.headnav {
}
.headnav li {
	float: left;
	list-style: none;
	margin: 8px 13px 0 0;
	padding: 0;
	font-size: 13px;
}
.headnav li a {
	display: block;
	margin: 0;
	padding: 0 0 0 9px;
	background: url(images/head_arrow_large.png) no-repeat left 0.4em;
	color: #005EAA;
	text-decoration: none;
}
.headnav li a:hover {
	text-decoration: underline;
}

/* サイト内検索
----------------------------------------------------------------------------------------------------------- */
.headerSearchBox {
	padding: 0 0 0 78px;
	background: url(images/search_title.png) no-repeat left 0.5em;
}
#search-box {
	box-sizing: border-box;
	margin: 0;
	padding: 4px;
	border: solid 1px #CCC;
	width: 200px;
	vertical-align: bottom;
	font-size: 13px;
}
.headerSearchBox .search-btn {
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}