@charset "UTF-8";

/*-------------------------------------------------------------------------------
	館山市役所ホームページ』 HOME用CSS
	
	Url: https://www.city.tateyama.chiba.jp/
	Copyrignt (C) Tateyama City All Rights Reserved. 
----------------------------------------------------------------Date:2012.02.13
----------------------------------------------------------------UpDate:2017.10.11*/


/*-------------------------------------------------------------------------------
　Header
-------------------------------------------------------------------------------*/
div#header{
	margin:auto;
}
	div#header h1{
		float:left;
		width:288px;
	}

/*-------------------------------------------------------------------------------
	pagebody
-------------------------------------------------------------------------------*/
div#pagebody{
	margin-top:20px;
}

/* emergencyBox
-------------------------------------------------------------------------------*/
div#emergencyBox{
	margin-bottom:20px;
	border:2px solid #dc0000;
	height:1%;
}
	div#emergencyBox h2{
		padding:0px 10px;
		color:#fff;
		background:none;
		background-color:#dc0000;
	}
	div#emergencyBox .lead{
		margin:10px 20px 15px;
		padding-bottom:5px;
		border-bottom:1px dotted #808080;
	}
	div#emergencyBox .section{
		width:452px;
		clear:none;
		float:left;
		margin-left:20px;
		margin-bottom:0px;
	}
	div#emergencyBox .section h3{
		margin-bottom:10px;
		padding:0px 0px 0px 10px;
		border-left:3px solid #dc0000;
		line-height:1.2;
	}
	div#emergencyBox .section .navigation{
		padding-left:0.75em !Important;
	}

/* aside
-------------------------------------------------------------------------------*/
div.aside{
}
	div.aside dl{
		height:1%;
	}
	div.aside .navigation dt,
	div.aside .navigation ul{
		padding:0px !Important;
		background:none;
		border:none;
	}
	div.aside .navigation dt img,
	div.aside .navigation dt a{
		display:block;
		background:none !Important;
		padding:0px !Important;
	}
		div.aside .navigation ul li{
			padding:0px;
			border:none;
		}
	div.aside .navigation dd{
		margin-top:-2px;
	}
	div#pagebody div.aside dl.navigation{
		margin-bottom:0px;
	}
	div#pagebody div.aside .navigation dd ul li a{	
		padding-left:16px;
		background-position:left 6px;
	}

	div#pagebody div.aside .navigation dd a.exclude{
		padding-left:10px;
	}
	div#pagebody div.aside .navigation dd a img.icon{
		position:relative;
		top:0.05em;
		vertical-align:bottom !Important;
	}
	/*IE7*:first-child+html div#pagebody div.aside .navigation dd a img.icon{
		position:relative;
		top:0.05em;
	}*/




/* asideTopA
-------------------------------------------------------------------------------*/
div#asideTopA{
	float:left;
}
div#asideTopA dl.asideBox dt{
	position:relative;
	height:37px;
}
	div#asideTopA dl.asideBox dt a{
		position:absolute;
		top:5px;
		right:5px;
		text-align:right;
	}
	div#asideTopA dl.asideBox dt a img{
		display:inline;
	}
	div#asideTopA dl.asideBox dd{
		margin-bottom:10px;
		padding:10px!Important;
		background:url(/files/300000236.png) left top no-repeat;
		border:1px solid #559500 !Important;
		border-top:none;
		height:1%;
	}
		div#asideTopA dl.asideBox dd p{
			margin-bottom:0px !Important;
		}
		div#asideTopA dl.asideBox dd img{
			display:block;
			margin:0 auto 8px;
		}
		/*	たてやま歳時記	*/
		div#asideTopA dl.asideBox dd.asideSaijiki img{
			padding:2px;
			border:1px solid #ccc;
		}

		/*	ようこそ！館山	*/
		div#asideTopA dd.asideWelcome li a{
			padding-left:16px !Important;
			background-position:left 6px !Important;
		}
		div#asideTopA dl.asideBox dd.asideWelcome .layoutBtn{
			margin:5px auto!Important;
			padding:10px 0px 0px;
			border-top:1px dotted #818181;
			text-align:right;
		}
			div#asideTopA dl.asideBox dd.asideWelcome .layoutBtn a{
				background:none;
				padding:0px;
			}
			div#asideTopA dl.asideBox dd.asideWelcome .layoutBtn a img{
				margin:0px;
			}
			
		div#asideTopA .navigation li{
			background:none;
		}

		/*	イベントカレンダー	*/
			div#pagebody div#asideTopA dl.asideBox dd.eventCalendar .navigation{
				margin:auto;
				padding-left:5px;
				text-align:left;
			}

/* article
-------------------------------------------------------------------------------*/
div#article{
	clear:none;
	float:left;
	margin-right:10px;
	width:530px;
}
	/*	トップビジュアルエリア	-------------------------------------------------*/
	div#article div#topVisual{
		margin-bottom:15px;
	}
		div#article div#topVisual img{
			display:block;
		}
	
	/*	重要なお知らせ	---------------------------------------------------------*/
	div#article div#importantInfo{
		margin-bottom:20px;
		padding:5px;
		background:url(/files/300000933.png) left top repeat;
	}
	div#article div#importantInfo h2{
		margin-bottom:0px;
		padding:10px;
		background:none;
		background-color:#ffffe7;
	}
	div#article div#importantInfo ul{
		margin-bottom:0px;
		padding:0px 10px 15px;
		background-color:#ffffe7;
	}

	div#article .section h2{
		margin:0px;
		padding:0px;
		background:none;
		border-bottom:3px solid #dd5a24;
	}

	/*	お知らせ・新着情報	-----------------------------------------------------*/
	div#article div#infoAndNews{
			font-size:95%;
	}
		div#article div#infoAndNews dl{
			padding:20px 10px 0px;
		}
		div#article div#infoAndNews dl dl{
			padding:0px !Important;
		}
		div#article div#infoAndNews dd dt{
			width:136px;
		}
		div#article div#infoAndNews dd dd{
			width:370px;
			display: table;
			table-layout: fixed;
			box-sizing: border-box;
		}
		
		/*	インデント調整	*/
		div#article div#infoAndNews dd dd a{
			display: table-cell;
			padding-left: 20px;
			width: 300px;
			background-position: 4px 6px;
			vertical-align:baseline;
			box-sizing: border-box;
		}
		/*IE7*/*:first-child+html div#article div#infoAndNews dd dd a{
			display:block;
		}

		div#article div#infoAndNews dd dd a img{
			margin-right:25px;
			vertical-align:baseline;
		}

		div#article div#infoAndNews p.layoutBtn{
			text-align:right;
		}

	/* 2019/03 Add */
	#listNews ul li span{
		width: 370px;
	}
	/* 2019/03 Add End */


	/*	こんなときには	---------------------------------------------------------*/
	div#article div#lifeEvent{
	}
		div#article div#lifeEvent .navigation{
			margin:0px 0px 5px !Important;
			padding:10px 0px 8px 13px!Important;
			background-color:#f7d9cf;
			height:1%;
		}
			div#article div#lifeEvent .navigation li{
				display:inline-block;
				float:left;
				margin-right:9px;
				margin-bottom:5px;
				width:119px;
				height:60px;
			}
				div#pagebody div#article div#lifeEvent .navigation li a img{
					display:inline;
				}
			div#article div#lifeEvent .navigation li.listEnd{
			}


	/*	よく見られいているカテゴリー	-------------------------------------------*/
	div#article div#checkCategory{
		height:1%;
	}
	div#article div#checkCategory .navigation{
		padding:10px 0px 10px 13px!Important;
		border:1px solid #dd5a24;
		height:1%;
	}
		div#article div#checkCategory .navigation li{
			float:left;
			width:250px;
		}
		div#article div#checkCategory .navigation li a{
			background-image:url(/files/300001055.png) !Important;
		}
	

/* asideTopB
-------------------------------------------------------------------------------*/
div#asideTopB{
	float:right;
	margin-right:0px;
}

	div#asideTopB dd.infoEmergency,
	div#asideTopB dd.infoSafety{
		background-color:#ffffd3;
	}
	/*	緊急情報	----------------------------------------------------------------*/
	div#asideTopB dd.infoEmergency{
		border:1px solid #dc0203;
	}
	div#asideTopB dd.infoEmergency{
	}
		div#asideTopB dd.infoEmergency .text{
			margin:0px 10px 10px;
			padding:0px 0px 5px;
			border-bottom:1px dotted #808080;
			font-size:90%;
		}
	/*	地域の安全・安心	--------------------------------------------------------*/
	div#asideTopB dd.infoSafety{
		margin-bottom:0px;
		border:1px solid #f15a25;
	}
	div#asideTopB ul.listBn{
		margin-top:0px !Important;
	}

	div#asideTopB dd ul.listBn{
		padding:0px 0px 5px!Important;
	}
	

/* bunnerArea
-------------------------------------------------------------------------------*/
div#bunnerArea{
	float:none;
	clear:both;
	margin:auto;
	height:1%;
	text-align:center;
}
	div#bunnerArea .navigation{
		float:none;
		clear:both;
		margin:0px auto;
		padding:0px;
		width:800px;
		text-align:center;
		list-style:none;
	}
	/*IE7*/*:first-child+html div#bunnerArea .navigation{	margin-bottom:3px;	}
	 
	 div#pagebody div#bunnerArea .navigation li{
			float:left;
			margin:5px;
			width:149px;
			height:53px;
		}/*IE6*/* html div#pagebody div#bunnerArea .navigation li{	display:inline;	}
			div#bunnerArea .navigation li a{
				background:none;
				padding-left:0px;
			}

	div#bunnerArea .linkPage{
		text-align:left;
	}
			
/* ページ先頭
-------------------------------------------------------------------------------*/
div#pagebody p.linkTop{
	margin:20px auto 10px;
}