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

/* ===============================================================================
 サイトタイトル
=============================================================================== */
#SiteTitleWrapperOut {
	margin: 0;
	padding: 0;
	width: 100%;
	background: #FFFFFF url(images/SiteTitleWrapperOut_bg.png) repeat-x left top;
}
#SiteTitleWrapperIn {
	margin: 0;
	padding: 0;
	width: 100%;
	background: url(images/SiteTitleWrapperIn_bg.jpg) no-repeat center top;
}
#SiteTitle {
	margin: 0 auto;
	padding: 0;
	position: relative;
	width: 940px;
	color: #000000;
	overflow: hidden;
}
/* タイトル
----------------------------------------------------------------------------------------------------------- */
h1#TitleArea {
	margin: 0;
	padding: 15px 0;
}
#TitleImage {
}
h1#TitleText {
	margin-top: 10px;
	margin-left: 20px;
}


/* ===============================================================================
 ユーティリティナビ
=============================================================================== */

/* 共通フォーマット
----------------------------------------------------------------------------------------------------------- */
.headUtility {
	margin: 0 auto;
	padding: 0 0 0 280px;
	width: 660px;
	height: 30px;
	overflow: hidden;
	background: url(images/headUtility_bg.png) no-repeat left top;
}
#headNav,
#translate {
	float: left;
	overflow: hidden;
}
.ie6 #translate,
.ie7 #translate {
	width: 309px;
}
#headNav li,
#translate li {
	float: left;
	list-style: none;
}
#headNav li a,
#translate li a {
	display: block;
	margin: 0;
	padding: 0;
	height: 30px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
/* ヘッダナビ
----------------------------------------------------------------------------------------------------------- */
#headNav li.sitemap a {
	width: 109px;
	background: url(images/headNav_bg.png) no-repeat left top;
}
#headNav li.contact a {
	width: 119px;
	background: url(images/headNav_bg.png) no-repeat -109px top;
}
#headNav li.voice a {
	width: 123px;
	background: url(images/headNav_bg.png) no-repeat -228px top;
}
#headNav li.sitemap a:hover {
	background: url(images/headNav_bg.png) no-repeat left -30px;
}
#headNav li.contact a:hover {
	background: url(images/headNav_bg.png) no-repeat -109px -30px;
}
#headNav li.voice a:hover {
	background: url(images/headNav_bg.png) no-repeat -228px -30px;
}

/* 翻訳メニュー
----------------------------------------------------------------------------------------------------------- */
#translate li.jp a {
	width: 60px;
	background: url(images/translate_bg.png) no-repeat left top;
}
#translate li.en a {
	width: 58px;
	background: url(images/translate_bg.png) no-repeat -60px top;
}
#translate li.ck a {
	width: 65px;
	background: url(images/translate_bg.png) no-repeat -118px top;
}
#translate li.ch a {
	width: 67px;
	background: url(images/translate_bg.png) no-repeat -183px top;
}
#translate li.kr a {
	width: 59px;
	background: url(images/translate_bg.png) no-repeat -250px top;
}
#translate li.jp a:hover {
	background: url(images/translate_bg.png) no-repeat left -30px;
}
#translate li.en a:hover {
	background: url(images/translate_bg.png) no-repeat -60px -30px;
}
#translate li.ck a:hover {
	background: url(images/translate_bg.png) no-repeat -118px -30px;
}
#translate li.ch a:hover {
	background: url(images/translate_bg.png) no-repeat -183px -30px;
}
#translate li.kr a:hover {
	background: url(images/translate_bg.png) no-repeat -250px -30px;
}

/* 文字サイズ変更
----------------------------------------------------------------------------------------------------------- */
#fontsize {
	margin: 0;
	padding: 0 0 0 82px;
	width: 126px;
	height: 23px;
	position: absolute;
	top: 9px;
	right: 194px;
	z-index: 99;
	background: url(images/fontsize_bg.png) no-repeat left top;	
}
#fontsize li {
	margin: 0 0 0 2px;
	padding: 0;
	width: 40px;
	height: 23px;
	list-style: none;
	float: left;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
}

/* ボタンアクティブ時の効果 */
#fontsize li.nomal:hover,
#fontsize li.active.nomal {
	background: url(images/fontsize_bg.png) no-repeat -84px -23px;
}

#fontsize li.large:hover,
#fontsize li.active.large {
	background: url(images/fontsize_bg.png) no-repeat -126px -23px;
}

#fontsize li.xlarge:hover,
#fontsize li.active.xlarge {
	background: url(images/fontsize_bg.png) no-repeat -168px -23px;
}

/* 背景色変更
----------------------------------------------------------------------------------------------------------- */
#bgcolor {
	margin: 0;
	padding: 0 0 0 56px;
	width: 126px;
	height: 23px;
	position: absolute;
	top: 9px;
	right: 0;
	z-index: 99;
	background: url(images/bgcolor_bg.png) no-repeat left top;	
}
#bgcolor li {
	margin: 0 0 0 2px;
	padding: 0;
	list-style: none;
	float: left;
}
#bgcolor li a {
	display: block;
	margin: 0;
	padding: 0;
	width: 40px;
	height: 23px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

/* 互換表示用 */
.ie6 #bgcolor li a,
.ie7 #bgcolor li a {
	text-indent: -9999px;
	white-space: nowrap;
	overflow: hidden;
}

/* ボタンホバー時の効果 */
#bgcolor li#nomal:hover {
	background: url(images/bgcolor_bg.png) no-repeat -58px -23px;
}
#bgcolor li#black:hover {
	background: url(images/bgcolor_bg.png) no-repeat -100px -23px;
}
#bgcolor li#blue:hover {
	background: url(images/bgcolor_bg.png) no-repeat -142px -23px;
}

/*#bgcolor li#bgNomal:hover,
#bgcolor li#active.bgNomal {
	background: url(images/bgcolor_bg.png) no-repeat -58px -23px;
}

#bgcolor li#bgBlack:hover,
#bgcolor li#active.bgBlack {
	background: url(images/bgcolor_bg.png) no-repeat -100px -23px;
}

#bgcolor li#bgBlue:hover,
#bgcolor li#active.bgBlue {
	background: url(images/bgcolor_bg.png) no-repeat -142px -23px;
}*/

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

	*使用画像
	search.gif

	*カスタマイズメモ
	- search.gifがない場合は、フォームの標準ボタンが使用される
=============================================================================== */
#SearchForm {
	display: none;
}
.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;
}

/* カスタム版検索フォーム
----------------------------------------------------------------------------------------------------------- */
.headSearch {
	position: absolute;
	top: 28px;
	right: 0;
	margin: 0;
	padding: 0;
}

/* 互換表示用 */
.ie6 .headSearch,
.ie7 .headSearch {
	position: absolute;
	top: 35px;
	right: 0;
	margin: 0;
	padding: 0;
}

#tmp_gsearch {
	margin: 0;
	padding: 0;
}
.headSearch .searchTitle {
	display: none;
}
.headSearch .searchContent {
	padding: 5px 5px 3px;
	border: solid 1px #DEDEDE;
	border-radius:3px;
	background-image:-ms-linear-gradient(rgb(255,255,255) 0%,rgb(238,238,238) 100%);
	background-image:linear-gradient(rgb(255,255,255) 0%,rgb(238,238,238) 100%);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffeeeeee)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffeeeeee);
	overflow: hidden;
}
.headSearch .searchBox,
.headSearch .searchBtn {
	margin: 0;
	padding: 0;
	float: left;
}
.headSearch .searchTextBox {
	margin-right: 5px;
	padding: 0;
	width: 180px;
	font-size: 14px;
}
.headSearch .searchBtn {
	margin-top: 1px;
}