@charset "UTF-8";

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


/*==============================================================
　body#home : トップページ 
===============================================================*/


/* #mainVisual : メイン
........................................*/

body#home #mainVisual{
	position:relative;
	top:0;
	left:0;
	margin-bottom:25px;
}
body#home #mainVisual span{
	position:absolute;
	top:35px;
	left:15px;
}




/* #emergency : 防災・防犯
........................................*/

body#home #main #emergency{
	margin-bottom:10px;
	padding-bottom:10px;
	background:url(../img/home/bg_emergency.png) no-repeat right top;
}

body#home #main #emergency dt{
	float:left;
	width:156px;
}
body#home #main #emergency dd ul{
	margin:0;
	padding:12px 0 10px 10px;
}

body#home #main #emergency dd ul li{
	display:inline;
	margin:0 16px 5px 0;
}
/* #tabs : タブ
........................................*/

body#home div#main #tabs {
	clear:both;
	position:relative;
}
body#home div#main #tabs div{
	background:url(../img/home/bg_tab.png) repeat-x left bottom;
	border:1px solid #d9dde0;
}
body#home div#main #tabs ul.tabControl{
	position:absolute;
	top:0;
	left:0;
}
body#home div#main #tabs ul.tabControl li {
	display:inline;
	float:left;
	height:43px;
	text-indent:-9999px;
}
body#home div#main #tabs ul.tabControl li a {
	display:block;
	height:43px;
	text-indent:-9999px;
	outline:none;
}
body#home div#main .tabPage {
	padding:55px 3px 0;
	clear:both;
}
* html body#home div#main .tabPage {
	padding:55px 2px 0;
}
body#home div#main #tabs ul.tabControl li a#tabList001 {
	background:transparent url(../img/home/bg_tab01.png) no-repeat scroll 0 0;
	width:175px;
}
body#home div#main #tabs ul.tabControl li a:hover#tabList001,
body#home div#main #tabs ul.tabControl li.selected a#tabList001 {
	background:transparent url(../img/home/bg_tab01_on.png) no-repeat scroll 0 0;
	width:175px;
}
body#home div#main #tabs ul.tabControl li a#tabList002 {
	background:transparent url(../img/home/bg_tab02.png) no-repeat scroll 0 0;
	width:173px;
}
body#home div#main #tabs ul.tabControl li a:hover#tabList002,
body#home div#main #tabs ul.tabControl li.selected a#tabList002 {
	background:transparent url(../img/home/bg_tab02_on.png) no-repeat scroll 0 0;
	width:173px;
}
body#home div#main #tabs ul.tabControl li a#tabList003 {
	background:transparent url(../img/home/bg_tab03.png) no-repeat scroll 0 0;
	width:162px;
}
body#home div#main #tabs ul.tabControl li a:hover#tabList003,
body#home div#main #tabs ul.tabControl li.selected a#tabList003 {
	background:transparent url(../img/home/bg_tab03_on.png) no-repeat scroll 0 0;
	width:162px;
}
body#home div#main #tabs div dd,
body#home div#main #tabs div li{
	padding:0 10px 0 10px;
}
body#home div#main #tabs #tab001 ul{
	width:310px;
	margin-left:10px;
}
body#home div#main #tabs #tab001 li{
	background:url(../img/ico/ico_arw_blue.png) no-repeat 0 0.5em;
	float:left;
	width:135px;
}
body#home div#main #tabs #tab001 dd{
	background:url(../img/ico/ico_arw_blue.png) no-repeat 0 0.5em;
}
body#home div#main #tabs #tab002 dd,
body#home div#main #tabs #tab002 li {
	background:url(../img/ico/ico_arw_red.png) no-repeat 0 0.5em;
}
body#home div#main #tabs #tab003 dd,
body#home div#main #tabs #tab003 li {
	background:url(../img/ico/ico_arw_brown.png) no-repeat 0 0.5em;
}
body#home div#main #tabs dl.floatR dd{
	text-align:left;
	font-size:110%;
}
body#home div#main #tabs dl{
	padding:5px;
	border:1px solid #d9dde0;
	width:147px;
	margin:0 4px 7px;
	background:#fff;
}
body#home div#main #tab002 dl{
	padding:5px;
	border:1px solid #d9dde0;
	width:230px;
	margin:0 4px 7px;
	background:#fff;
}

body#home div#main #tabs dl#tabEvent{
	background:url(../img/home/bg_tab_event.png) no-repeat right bottom #fff;}
body#home div#main #tabs dl#tabBunkazai{
	background:url(../img/home/bg_tab_bunkazai.png) no-repeat right bottom #fff;}
body#home div#main #tabs dl#tabAjitomiyage{
	background:url(../img/home/bg_tab_ajitomiyage.png) no-repeat right bottom #fff;}
body#home div#main #tabs dl.floatR{
	width:148px;
}
body#home div#main #tabs dl dt{
	font-weight:bold;
	text-align:center;
	background:url(../img/bg/bg_dot_gray.png) repeat-x left bottom;
	margin-bottom:5px;
	padding-bottom:3px;
}
body#home div#main #tabs #tab001 dl dd.more{
	background:none;
	padding:0;
	text-align:right;
	margin-top:10px;
}
body#home div#main #tabs #tab001 dl{
	width:140px;
}

body#home #main #tabs{
	margin-bottom:20px;
}

body#home #main #news{
	margin-bottom:15px;
}
body#home #main #news h2{
	position:relative;
	width:510px;
	margin-bottom:5px;
}
body#home #main #news h2 span{
	display:block;
	position:absolute;
	top:7px;
	right:10px;
}

body#home #main #news li{
	clear:both;
	overflow:hidden;
	padding:8px 0;
	margin:0 5px;
	line-height:1.1;
	background:url(../img/bg/bg_dot_gray.png) repeat-x left bottom;
}
body#home #main #news li span.date{
	padding-left:20px;
	display:block;
	float:left;
	width:0px;
	background:url(../img/ico/ico_blue.png) no-repeat 0 0;
}
body#home #main #news li a{
	float:right;
	width:470px;
	display:block;
}
body#home #main #spanPhoto{
	float:left;
	width:280px;
}
body#home #main #spanPhoto dd{
	padding-bottom:20px;
	background:url(../img/bg/bg_snap.png) no-repeat;
}
body#home #main #spanPhoto dd img{
	margin:8px 0 0 21px;
}
body#home #main #spanPhoto dd p{
	margin:20px 15px;
	width:235px;
	line-height:1.2;
}
body#home #main #spanPhoto dd p em{
	color:#eb7132;
	font-weight:bold;
	font-size:80%;
	padding-right:20px;
	background:url(../img/ico/ico_camera.png) no-repeat right top;
}
body#home #main #blogtopics{
	float:left;
	width:280px;
}
body#home #main #blogtopics dd{
	padding-bottom:20px;
	background:url(../img/bg/bg_blogtopics.png) no-repeat;
}
body#home #main #blogtopics dd img{
	margin:8px 0 0 0px;
}
body#home #main #blogtopics dd p{
	margin:10px 10px;
	width:255px;
	text-align:left;
	line-height:1.2;
}
body#home #main #blogtopics dd p em{
	color:#eb7132;
	font-weight:bold;
	font-size:80%;
	padding-right:20px;
	background:url(../img/ico/ico_camera.png) no-repeat right top;
}
body#home #main p#kids,
body#home #main p#sightseeing{
	float:right;
	width:221px;
	margin-bottom:0;
}
body#home #main p#kids{
	margin-top:15px;
	margin-bottom:13px;
}
/*--EOF-----------------------------------------------------------------------*/