@charset "UTF-8";

/*------------------------------------------------------------------------------
	Client Name - Structure CSS
	URL: http://www.city.iwata.shizuoka.jp/
	Date: 2010-09-25
	Copyright (C) Iwata City All Rights Reserved.
------------------------------------------------------------------------------*/

/* #wrapper */
div#wrapper{
	position:relative;
	width:900px;
	margin:0 auto;
	font-size:110%;
}

/* #skip */
ul#skip{
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
	height:0;
}

/*==============================================================
	#header : ヘッダ
===============================================================*/

div#header{
	position:relative;
	top:0;
	left:0;
	height:151px;
}

/* #siteTitle */
div#header h1#siteTitle,
div#header p#siteTitle{
	position:absolute;
	top:35px;
}

/* #tagline */
div#header #siteTitle #tagline{}

div#header #fontResizer{
	position:absolute;
	top:30px;
	right:0;
}
div#header #search {
	background-image: none;
	background-color: #00FFFF;
	padding: 4px;
	position: absolute;
	right: 154px;
	top: 43px;
	width: 564px;
}
div#header #search img {
	margin-top: 14px;
}
div#header #search > div {
	float: right;
	padding: 2px 2px 2px 32px;
	width: 454px;
	height: 36px;
	background: url("/shared/img/ico/ico_search.png") no-repeat scroll left center #FFFFFF;
}
#header #search input#siteSearch {
	border: 1px solid #86badb;
	font-size: 110%;
	padding: 8px 10px;
	width: 232px;
	height: 100%;
}
#header #search img {
	vertical-align: middle;
}
#header #search .submitBtn {
	display: inline-block;
	vertical-align: middle;
}

#header #search p {
	display: inline-block;
	margin-left: 8px;
	font-size:80%;
	vertical-align: bottom;
}
div#header #fontResizer {
	position:absolute;
	top:5px;
	right:363px;
	width:181px;
	padding:5px 0 8px 10px;
	background:url(../img/bg/bg_fontsize.png) no-repeat 0 -5px;
}
div#header #fontResizer dt,
div#header #fontResizer dd{
	float:left;
}
div#header #fontResizer dt{
	margin:5px 3px 0 0;
}
div#header #fontResizer dd{
	margin-left:3px;
}
div#header #zoomSight{
	position:absolute;
	top:10px;
	right:0;
}
div#header #lang {
	position:absolute;
	top:5px;
	right:182px;
	width:171px;
	text-align:center;
	padding:10px 0 14px 10px;
	background:url(../img/bg/bg_lang.png) no-repeat 0 -5px;
}
div#header #lang li{
	display:inline;
	padding:0 5px;
	font-weight:bold;
}
/* #globalNav
----------------------------------------------------*/

div.navigation{
	position:relative;
	top:0;
	left:0;
	width:900px;
}

div#header ul#globalNav{
	position:absolute;
	top:100px;
	left:0;
}

div#header ul#globalNav li{
	float:left;
	height:51px;
	vertical-align:bottom;
}
div#header ul#globalNav li.sec{
	margin-top:14px;
}
/* #subNav
----------------------------------------------------*/

div#header ul#subNav{
	position:absolute;
	top:93px;
	right:10px;
}
div#header ul#subNav li{
	float:left;
	margin-right:10px;
}
div#header ul#subNav li#toHome{
	position:absolute;
	top:-77px;
	left:-440px;
}
/*==============================================================
	#pan : パンクズ
===============================================================*/

div#headline p.pan{
	margin:10px 10px 20px;
}

/*==============================================================
	#contL : 主コンテンツ
===============================================================*/

div#contL{
	float:none;
	width:900px;
	overflow:hidden;
	margin-bottom:20px;
}
body#home div#contL{
	float:left;
	width:722px;
	overflow:hidden;
	margin-bottom:20px;
}
/*==============================================================
	#main : 主コンテンツ
===============================================================*/

div#main{
	float:right;
	width:690px;
}
body#home div#main{
	width:510px;
}
/*==============================================================
	#sub : 副コンテンツ
===============================================================*/

div#subL{
	float:left;
	width:190px;
	margin-bottom:20px;
}
div#subL h3{
	padding:0;
	margin:0;
}
div#subL #about h4{
	margin:10px 10px 0;
}

div#subL #about{
	background:#f9fafc;
	border:1px solid #d4dde2;
	margin-bottom:10px;
}
div#subL  #about p{
	padding:0 10px;
}
div#subL p#people{
	font-size:140%;
	font-weight:bold;
	color:#1696b6;
	padding:10px;
	margin:10px;
	text-align:center;
	border:1px solid #d4dde2;
	background:#fff;
}
div#subL #data{
	text-align:center;
	font-size:80%;
}
div#subL #about ul li{
	padding:8px;
	border-top:1px solid #d4dde2;
}
div#subL #about ul li a{
	border-left:3px solid #1696b6;
	padding:5px;
}
div#subL p.bnr,
div#subR p.bnr{
	margin-bottom:10px;
}
div#subL #population{
	padding:5px;
	margin:5px;
	border:1px solid #d4dde2;
	background:#fff;
	}

div#subR{
	float:right;
	width:160px;
	margin-bottom:20px;
}

/* #localNav
----------------------------------------------------*/

div#sub ul#localNav{}

div#ftBnr{
	clear:both;
	margin:0 auto;
	padding:10px 0;
	width:900px;
	border-top:5px solid #1696b6;
	background:url(../img/bg/bg_dot_gray.png) repeat-x left bottom;
	overflow:hidden;
	text-align:center;
}
div#ftBnr p{
	display:inline;
	margin:0 2px;
}
div#ftBnr #ftBnrInfo{
	display:block;
	margin:5px 0 10px 35px;
	padding:0 0 0 20px;
	background:url(../img/ico/ico_blue.png) no-repeat;
	text-align:left;
}

/* #txtNav
----------------------------------------------------*/

#txtNav{
	padding:15px 0;
	margin:0 auto;
	width:900px;
	text-align:center;
}
#txtNav li{
	display:inline;
}

/*==============================================================
	#footer : フッタ
===============================================================*/

div#footer{
	clear:both;
	width:100%;
	padding-top:20px;
	background:url(../img/bg/bg_index_footer.png) repeat-x;
}

div#footerIn{
	clear:both;
	position:relative;
	width:900px;
	margin:0 auto;
}

div#footer address{
	font-family:sans-serif;
	font-size:100%;
	margin-bottom:15px;
	padding-left:50px;
	line-height:1.3;
	background:url(../img/sitelogo_footer.png) no-repeat;
}
div#footer address em{
	font-weight:bold;
	color:#30a0bc;
}
/* #copyright : 著作権表示 */
div#footer p#copyright{
	font-family:sans-serif;
	text-align:center;
	padding-bottom:15px;
}


/*--EOF-----------------------------------------------------------------------*/