﻿@charset "UTF-8";
/* AssetNowVersion: FX1.7.0 Last Up Date: 2008-7-25 DesignVersion: 1.6 */

/*****************************************************************************/
/* -=サイトタイトル                                                          */
/*****************************************************************************/

#SiteTitle {
	margin: 0 auto; /* don't touch */
	padding: 0; /* don't touch */
	position: relative;
	width: 980px;
	height: 107px;
	overflow: hidden;
}

	/* =タイトル ---------------------------------------------------------------
	common/homelogo.cfm
	
	*使用画像
	logo.gif or logo.jpg

	*カスタマイズメモ
	- logo.gifがない場合は、logo.jpgを表示する
	- logo.gifとlogo.jpgがない場合は、タイトルをテキストで表示する
	-------------------------------------------------------------------------- */

	h1#TitleArea {
		margin: 0; /* don't touch */
		padding: 0; /* don't touch */
		margin-right: auto;
		position: relative; /* don't touch */
		top: 0; /* don't touch */
		left: 0; /* don't touch */
		z-index: 97; /* don't touch */
		width: 100%;
		height: 83px;
		padding-top: 10px;
		/* don't use float for Mac IE5 */
	}
		#TitleImage {
		}
		
		h1#TitleText {
			margin-top: 10px;
			margin-left: 20px;
		}
		
		
/* =翻訳メニュー ----------------------------------------------------

	*使用画像

	*カスタマイズメモ
	- 
	-------------------------------------------------------------------------- */

	#translation {
		margin: 0; /* don't touch */
		padding: 0; /* don't touch */
		padding-top: 0px;
		margin-left: 492px; /* logo.gif width */
		position: relative; /* don't touch */
		z-index: 98; /* don't touch */
		top: -83px;
		height: 30px; /* = SiteTitle height - (padding-top) */
		right: 0;
		/* don't use float for Mac IE5 */
	}
	#translation .translation-title {
		margin: 0px;
		padding: 0px;
		display: none;
	}
	#translation ul {
		margin: 0px;
		padding: 0px;
		list-style: none;
	}
	#translation ul li,
	#translation p {
		margin: 0px;
		padding: 0px;
		display: inline;
	}
	#translation ul li.english a,
	#translation ul li.french a,
	#translation ul li.chinese a,
	#translation ul li.korean a,
	#translation p.translation-about a{
		display: block;
		float: left;
		height: 30px;
		text-indent: -9999px;
		overflow: hidden;
	}
	#translation ul li.english a {
		width: 54px;
		background: url(content_images/translation_en.gif);
	}
	#translation ul li.french a {
		width: 49px;
		background: url(content_images/translation_fr.gif);
	}
	#translation ul li.chinese a {
		width: 47px;
		background: url(content_images/translation_ch.gif);
	}
	#translation ul li.korean a {
		width: 48px;
		background: url(content_images/translation_kr.gif);
	}
	#translation p.translation-about a {
		width: 81px;
		background: url(content_images/translation_about.gif);
	}



	/* =検索フォーム(トップ) ----------------------------------------------------
	common/search.cfm

	*使用画像
	search.gif

	*カスタマイズメモ
	- search.gifがない場合は、フォームの標準ボタンが使用される
	-------------------------------------------------------------------------- */

	#SearchForm {
		margin: 0; /* don't touch */
		padding: 0; /* don't touch */
		margin-top: 32px;
		margin-right: 10px;
		margin-left: 730px; /* logo.gif width */
		position: relative; /* don't touch */
		z-index: 99; /* don't touch */
		top: -83px;
		/*height: 20px;  = SiteTitle height - (padding-top) */
		right: 0;
		text-align: right; /* don't touch */
		/* don't use float for Mac IE5 */
	}
	
		.gsc-input{
			padding-right:5px !important;
		}
		.gsc-input-box {
			height: 20px !important;
		}
		input.gsc-input {
			display: inline;
			vertical-align: middle;
			font-size: small !important;
			width: 13em;
			font-family: "ＭＳ Ｐゴシック", sans-serif; /* for Win IE7 */
			padding-right:5px;
		}
		
		input.gsc-search-button.gsc-search-button-v2{
			padding:4px 17px;
		}
	
		.searchInputBox {
			display: inline;
			vertical-align: middle;
			font-size: small;
			width: 13em;
			font-family: "ＭＳ Ｐゴシック", sans-serif; /* for Win IE7 */
		}
		.searchSubmitImage {
			margin-left: 3px;
			display: inline;
			vertical-align: middle;
			width: 55px;
			height: 28px;
			overflow: hidden;
			background: url(http://www.city.kamaishi.iwate.jp/common/images/common_images/search.gif) 0 0 no-repeat;
		}
		.searchSubmitImage:hover {
			background-position: 0 -28px;
		}
		.searchSubmitButton {
			margin-left: 3px;
			display: inline;
			vertical-align: middle;
		}
		
		/*headSubNav*/
		.headSubNav {
			position: absolute;
			top: 10px;
			right: 0;
			z-index: 100;
			font-size: 88%;
			line-height: 1;
		}
		.headSubNav li {
			display: inline-block;
			margin-right: 20px;
		}
		.headSubNav li a {
			background: url(http://www.city.kamaishi.iwate.jp/common/images/common_images/bg_headSubNavi.png) left 3px no-repeat;
			padding-left: 15px;
			color: #333333;
			text-decoration: none;
		}
		.headSubNav li a:hover {
			text-decoration: underline;
		}