﻿@charset "UTF-8";

/*------------------------------------------------------------------------------
	Client Name - Local CSS
	URL: http://www.city.iwata.shizuoka.jp/
	Date: 2010-09-25
	Copyright (C) Iwata City All Rights Reserved.
------------------------------------------------------------------------------*/
/*共通*/
#subL #localNav a{
	display:block;
	padding:8px 5px 8px 38px;
	line-height:1.2;
}
#subL #localNav dt a{
	padding:0;
}
#subL #localNav dd ul,
#subL #localNav dd ul ul{
	display:none;
}
#subL #localNav dd.current{
	font-weight:bold;
}
#subL #localNav dd.current ul{
	display:block;
}
#subL #localNav dd.current ul li ul{
	display:none;
}
#subL #localNav dd.current ul{
	font-weight:normal;
	margin:0 1px 0;
}
#subL #localNav dd.current ul{
	border-bottom:2px solid #eee;
}
#subL #localNav dd.current ul li{
	color:#3687bd;
	text-decoration:none;
	background:url(../img/ico/ico_arw_gray.png) no-repeat 0.7em 1em #fff;
}
#subL #localNav {
	background:url(../img/bg/bg_localNav_gray.png) repeat-y 0 0;}
#subL #localNav dd{
	display:block;
	border-bottom:1px solid #eee;
}
#subL #localNav dd ul{
	border-top:1px dotted #eee;
}
#subL #localNav dd li{
	border-bottom:1px solid #eee;
	background:#fff;
	margin:0 1px;
}

#subL #localNav dd.current ul{
	border-bottom:2px solid #eee;
}
#subL #localNav dd.current ul li{
	color:#3687bd;
	text-decoration:none;
	background:url(../img/ico/ico_arw_gray.png) no-repeat 0.7em 1em #fff;
}

#subL #localNav dd.current ul li a.current{
	background:url(../img/ico/ico_arw_gray.png) no-repeat 0.7em 1em #fff9aa;
}
#subL #localNav {
	background:url(../img/bg/bg_localNav_gray.png) repeat-y 0 0;
	margin-bottom:1em;
}
#subL #localNav dd{
	display:block;
	border-bottom:1px solid #eee;
}
#subL #localNav dd ul{
	border-top:1px dotted #eee;
	}
#subL #localNav dd li{
	border-bottom:1px solid #eee;
	background:#fff;
	margin:0 1px;
}
/*市民の皆さんへ*/

body.shimin #subL #localNav dd.current ul{
	border-bottom:2px solid #cddce7;
}
body.shimin #subL #localNav dd.current ul li{
	color:#3687bd;
	text-decoration:none;
	background:url(../img/ico/ico_arw_blue.png) no-repeat 0.7em 1em #fff;
}
body.shimin #subL #localNav dd.current ul li a.current{
	background:url(../img/ico/ico_arw_blue.png) no-repeat 0.7em 1em #fff9aa;
}
body.shimin #subL #localNav {
	background:url(../img/bg/bg_localNav_blue2.png) repeat-y 0 0;}
body.shimin #subL #localNav dd{
	display:block;
	border-bottom:1px solid #c9dce2;
}
body.shimin #subL #localNav dd ul{
	border-top:1px dotted #c9dce2;
	}
body.shimin #subL #localNav dd li{
	border-bottom:1px solid #c9dce2;
	background:#fff;
	margin:0 1px;
}


/*事業者の皆さんへ*/
/*緊急*/
body.kinkyu #subL #localNav dd.current ul,
body.jigyosha #subL #localNav dd.current ul{
	border-bottom:2px solid #e7cbc7;
}
body.kinkyu #subL #localNav dd.current ul li,
body.jigyosha #subL #localNav dd.current ul li{
	color:#3687bd;
	text-decoration:none;
	background:url(../img/ico/ico_arw_red.png) no-repeat 0.7em 1em #fff;
}
body.kinkyu #subL #localNav dd.current ul li a.current,
body.jigyosha #subL #localNav dd.current ul li a.current{
	background:url(../img/ico/ico_arw_red.png) no-repeat 0.7em 1em #fff9aa;
}
body.jigyosha #subL #localNav,
body.kinkyu #subL #localNav {
	background:url(../img/bg/bg_localNav_red.png) repeat-y 0 0;}
body.kinkyu #subL #localNav dd,
body.jigyosha #subL #localNav dd{
	display:block;
	border-bottom:1px solid #e7cbc7;
}
body.kinkyu #subL #localNav dd ul,
body.jigyosha #subL #localNav dd ul{
	border-top:1px dotted #e7cbc7;
	}
body.kinkyu #subL #localNav dd li,
body.jigyosha #subL #localNav dd li{
	border-bottom:1px solid #e7cbc7;
	background:#fff;
	margin:0 1px;
}

/*市政情報*/

body.shisei #subL #localNav dd.current ul{
	border-bottom:2px solid #d3e2b8;
}
body.shisei #subL #localNav dd.current ul li{
	color:#3687bd;
	text-decoration:none;
	background:url(../img/ico/ico_arw_green.png) no-repeat 0.7em 1em #fff;
}
body.shisei #subL #localNav dd.current ul li a.current{
	background:url(../img/ico/ico_arw_green.png) no-repeat 0.7em 1em #fff9aa;
}
body.shisei #subL #localNav {
	background:url(../img/bg/bg_localNav_green.png) repeat-y 0 0;}
body.shisei #subL #localNav dd{
	display:block;
	border-bottom:1px solid #d3e2b8;
}
body.shisei #subL #localNav dd ul{
	border-top:1px dotted #d3e2b8;
	}
body.shisei #subL #localNav dd li{
	border-bottom:1px solid #d3e2b8;
	background:#fff;
	margin:0 1px;
}

/*磐田のみどころ*/

body.midokoro #subL #localNav dd.current ul{
	border-bottom:2px solid #e2d8c9;
}
body.midokoro #subL #localNav dd.current ul li{
	color:#ad9469;
	text-decoration:none;
	background:url(../img/ico/ico_arw_brown.png) no-repeat 0.7em 1em #fff;
}
body.midokoro #subL #localNav dd.current ul li a.current{
	background:url(../img/ico/ico_arw_brown.png) no-repeat 0.7em 1em #fff9aa;
}
body.midokoro #subL #localNav {
	background:url(../img/bg/bg_localNav_brown.png) repeat-y 0 0;}
body.midokoro #subL #localNav dd{
	display:block;
	border-bottom:1px solid #e2d8c9;
}
body.midokoro #subL #localNav dd ul{
	border-top:1px dotted #e2d8c9;
	}
body.midokoro #subL #localNav dd li{
	border-bottom:1px solid #e2d8c9;
	background:#fff;
	margin:0 1px;
}



/*共通*/
#subL #localNav dd{
	background:url(../img/ico/icon_gray_plus.png) no-repeat 0.4em 0.4em;}
#subL #localNav dd.current{
	background:url(../img/ico/icon_gray_plus_on.png) no-repeat 0.4em 0.4em #dee7ef !important;}
/*市民の皆さんへ*/
body.shimin #subL #localNav dd{
	background:url(../img/ico/icon_blue_plus.png) no-repeat 0.4em 0.4em;}
body.shimin #subL #localNav dd.current{
	background:url(../img/ico/icon_blue_plus_on.png) no-repeat 0.4em 0.4em #e0effc !important;}
/*事業者の皆さんへ*/
body.kinkyu #subL #localNav dd,
body.jigyosha #subL #localNav dd{
	background:url(../img/ico/icon_red_plus.png) no-repeat 0.4em 0.4em;}
body.kinkyu #subL #localNav dd.current,
body.jigyosha #subL #localNav dd.current{
	background:url(../img/ico/icon_red_plus_on.png) no-repeat 0.4em 0.4em #f3e5e4 !important;}
/*市政情報*/
body.shisei #subL #localNav dd{
	background:url(../img/ico/icon_green_plus.png) no-repeat 0.4em 0.4em;}
body.shisei #subL #localNav dd.current{
	background:url(../img/ico/icon_green_plus_on.png) no-repeat 0.4em 0.4em #e9f4d4 !important;}
/*磐田のみどころ*/
body.midokoro #subL #localNav dd{
	background:url(../img/ico/icon_brown_plus.png) no-repeat 0.4em 0.4em;}
body.midokoro #subL #localNav dd.current{
	background:url(../img/ico/icon_brown_plus_on.png) no-repeat 0.4em 0.4em #f1e9d8 !important;}
	

/*IE6*/
*#subL #localNav dd{
	background:url(../img/ico/icon_gray_plus_ie6.png) no-repeat 0.4em 0.4em;}
*#subL #localNav dd.current{
	background:url(../img/ico/icon_gray_plus_ie6_on.png) no-repeat 0.4em 0.4em #dee7ef !important;}
/*市民の皆さんへ*/
*body.shimin #subL #localNav dd{
	background:url(../img/ico/icon_blue_plus_ie6.png) no-repeat 0.4em 0.4em;}
* body.shimin #subL #localNav dd.current{
	background:url(../img/ico/icon_blue_plus_ie6_on.png) no-repeat 0.4em 0.4em #e0effc !important;}
/*事業者の皆さんへ*/
*body.kinkyu #subL #localNav dd,
*body.jigyosha #subL #localNav dd{
	background:url(../img/ico/icon_red_plus_ie6.png) no-repeat 0.4em 0.4em;}
*body.kinkyu #subL #localNav dd.current,
*body.jigyosha #subL #localNav dd.current{
	background:url(../img/ico/icon_red_plus_ie6_on.png) no-repeat 0.4em 0.4em #f3e5e4 !important;}
/*市政情報*/
*body.shisei #subL #localNav dd{
	background:url(../img/ico/icon_green_plus_ie6.png) no-repeat 0.4em 0.4em;}
*body.shisei #subL #localNav dd.current{
	background:url(../img/ico/icon_green_plus_ie6_on.png) no-repeat 0.4em 0.4em #e9f4d4 !important;}
/*磐田のみどころ*/
*body.midokoro #subL #localNav dd{
	background:url(../img/ico/icon_brown_plus_ie6.png) no-repeat 0.4em 0.4em;}
*body.midokoro #subL #localNav dd.current{
	background:url(../img/ico/icon_brown_plus_ie6_on.png) no-repeat 0.4em 0.4em #f1e9d8 !important;}


/*==============================================================
　body.bunki02 : 第2階層　分岐ページ
===============================================================*/

body.cms #main #compoundSearch h2,
body.bunki02 #main .section h2{
	padding:12px 10px 0 10px;
	margin-bottom:1em;
	height:27px;
	background:url(../img/bg/bg_bunki_local.png) no-repeat;
}

body#shiIndex #main .section h2{
	background:url(../img/bg/bg_bunki_shimin.png) no-repeat;}
body#jigIndex #main .section h2{
	background:url(../img/bg/bg_bunki_jigyosha.png) no-repeat;}
body#seiIndex #main .section h2{
	background:url(../img/bg/bg_bunki_shisei.png) no-repeat;}
	

/*==============================================================
　body.bunki03 : 第3階層　分岐ページ
===============================================================*/

body.bunki03 #main .section ul li{
	width:300px;
	float:left;
	font-weight:bold;
	padding:1px 0 0 0;
	margin:0 20px 0 20px;
	background:url(../img/bg/bg_dot_gray.png) repeat-x left bottom;
}
* html body.bunki03 #main .section ul li{
	width:290px;
}

body.bunki03 #main .section ul li a{
	padding:8px 0 10px 20px;
	font-size:120%;
	display:block;
	background:url(../img/ico/ico_arw_gray.png) no-repeat 0.5em 1em;
}
body.bunki03.shimin #main .section ul li a{
background:url(../img/ico/ico_arw_blue.png) no-repeat 0.5em 1em;}
body.bunki03.jigyosha #main .section ul li a,
body.bunki03.kinkyu #main .section ul li a{	
background:url(../img/ico/ico_arw_red.png) no-repeat 0.5em 1em;}
body.bunki03.shisei #main .section ul li a{
background:url(../img/ico/ico_arw_green.png) no-repeat 0.5em 1em;}

body.bunki03 #main .section ul li ul{
	margin:0 0 15px;
	padding:0;
}
body.bunki03 #main .section ul li ul li{
	margin:0 0 10px 0;
	padding:0;
	font-size:90%;
	border-bottom:1px solid #ddd !important;
	border-top:none !important;
	background:url(../img/bg/bg_bunki.png) right top repeat-y;
}
body.bunki03 #main .section ul li ul li a{
	padding:10px 10px 10px 25px;
	margin:0;
	background:url(../img/ico/ico_arw_gray.png) no-repeat 0.8em 1.2em;
	display:block;
}

body.shimin #main #menuIndex ul li ul li a{
	background:url(../img/ico/ico_arw_blue.png) no-repeat 0.8em 1.2em;
}
body.jigyosha #main #menuIndex ul li ul li a,
body.kinkyu #main #menuIndex ul li ul li a{
	background:url(../img/ico/ico_arw_red.png) no-repeat 0.8em 1.2em;
}
body.shisei #main #menuIndex ul li ul li a{
	background:url(../img/ico/ico_arw_green.png) no-repeat 0.8em 1.2em;
}

body.bunki03 #main .section ul li ul li li{
	margin:0 0 10px 0;
	padding:0;
	border:none;
	background:url(none) ;
}
body.bunki03 #main .section ul li ul li li a{
	padding:10px 10px 10px 25px;
	margin:0;
	background:url(../img/ico/ico_arw_gray.png) no-repeat 0.8em 1.2em;
	display:block;
}

* html body.bunki03 #main .section #news_shigikai ul li {
    width: auto;
}
body.bunki03 #main .section #news_shigikai li {
    clear: both;
    float: none;
    margin: 0 5px;
    padding: 9px 0;
    width: auto;
    background: url("../img/bg/bg_dot_gray.png") repeat-x scroll left bottom transparent;
    font-weight: normal;
    line-height: 1.3;
    overflow: hidden;
}
body.bunki03 #main .section #news_shigikai li span.date {
    background: url("../img/ico/ico_blue.png") no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    padding-left: 20px;
    width: 5px;
}
body.bunki03 #main .section #news_shigikai li a {
    display: block;
    float: right;
    padding: 0;
    width: 650px;
    background-image: none;
    font-size: 100%;
}

/*==============================================================
　body.bunki04 : 第4階層　分岐ページ
===============================================================*/

body.bunki04 #main #menuFes04 ul li{
	margin:0 10px 10px 10px;
	padding:0;
	width:320px;
	float:left;
	font-weight:bold;
	border:1px solid #ddd !important;
	background:url(../img/bg/bg_bunki.png) right top repeat-y;
}

* html body.bunki04 #main #menuFes04 ul li{
	width:315px;
}

body.bunki04 #main #menuFes04 ul li a{
	padding:10px 10px 10px 25px;
	margin:0;
	background:url(../img/ico/ico_arw_gray.png) no-repeat 0.8em 1.2em;
	display:block;
}
body.shimin #main #menuFes04 ul li a{
	background:url(../img/ico/ico_arw_blue.png) no-repeat 0.8em 1.2em;
}
body.jigyosha #main #menuFes04 ul li a{
	background:url(../img/ico/ico_arw_red.png) no-repeat 0.8em 1.2em;
}
body.shisei #main #menuFes04 ul li a{
	background:url(../img/ico/ico_arw_green.png) no-repeat 0.8em 1.2em;
}

/* #newsList: 新着情報
----------------------------------------------------*/

body.bunki02 #main #newsList{
	font-size:110%;
	margin:0 0 2em;
	}
body.bunki02 #main #newsList li{
	padding:5px;	
	background:url(../img/bg/bg_line_dot.gif) repeat-x 0 bottom;
	}	
body.bunki02 #main #newsList li .date{
	background:url(../img/ico/ico_blue.png) no-repeat 0.2em 0.2em;
	padding:0 20px 0 30px;
	}
body.bunki02 #main #newsList li img.newIcon{
	padding-left:10px;
	}
body.bunki02.jigyosha #main #newsList li .date{	background:url(../img/ico/ico_red.png) no-repeat 0.2em 0.2em;}
body.bunki02.shisei #main #newsList li .date{	background:url(../img/ico/ico_green.png) no-repeat 0.2em 0.2em;}

/* #menuIndex : メニュー
----------------------------------------------------*/
body.shisetsu #main #menuIndex,
body.bunki02 #main #menuIndex{
	clear:both;
	width:690px;
	overflow:hidden;
	}
body.shisetsu #main #menuIndex ul,
body.bunki02 #main #menuIndex ul{
	width:720px;
	}
body.shisetsu #main #menuIndex ul li,
body.bunki02 #main #menuIndex ul li{
	float:left;
	width:150px;
	padding-right:30px;
	padding-bottom:20px;
	margin: 0 0 30px;
	/*height:21em;*/
	background:url(../img/bg/bg_line_dot.gif) repeat-x 0 bottom;
	}
body.shisetsu #main #menuIndex ul h3,
body.shisetsu #main #menuIndex ul p.title,
body.bunki02 #main #menuIndex ul h3,
body.bunki02 #main #menuIndex ul p.title{
	background:none;
	margin:0;
	padding:5px 0;
	font-weight:normal !important;
	font-size:110%;
	letter-spacing:1px;
	border:none;
	height:auto;
	}
body.shisetsu #main #menuIndex ul p,
body.bunki02 #main #menuIndex ul p{
	margin:0;
	padding:0;
	line-height:1.3;
	}


a.btnClose{
	margin-left:50px;
	font-size:80%;
}

/* #foo : 説明文
----------------------------------------------------*/

/* #foo : 説明文
........................................*/

/* .foo : 説明文 */


/*--EOF-----------------------------------------------------------------------*/
