@charset "utf-8";
/*------------------------------------------------------------------------------
[1] トップページレイアウト
[2] 詳細デザイン
------------------------------------------------------------------------------*/
/*******************************************************************************
[1] トップページレイアウト
*******************************************************************************/
/*==============================================================================
		配置
==============================================================================*/
#wrap{
	width:100%;
}
#main{
	padding:10px 0px 20px 0px;
}
#toppagebody{
	padding:20px 0px 0px 0px;
}
#toplnavi{
	margin-bottom:20px;/*　フッタとのすき間　*/
	width:320px;
	float:left;
}
#topcontent{
	margin-bottom:20px;/*　フッタとのすき間　*/
	width:620px;
	float:right;
	text-align:left;
}
#topcenter{
	width:430px;
	float:left;
	zoom:1;
}
#topguidebg{
	padding:10px 0px 20px 0px;
}
#guide{
	margin:0px auto 0px auto;
}
#sad{
	margin:0px 60px 0px 60px;
	width:auto;
}
/*==============================================================================
	書式設定その他
==============================================================================*/
#wrap{
	background:url(images/header/topcastle.png) no-repeat center top;
}
#topheaderbg{
	background:url(images/gnavi/topgnavi_bg.png) no-repeat center bottom;
}
#main{
	background:#FFF3CB url(images/top/main_bg.png) no-repeat center top;
}
#toppagebody{
	background:#C8ECFF url(images/top/top_bg.png) no-repeat center top;
}
/*******************************************************************************
[2] 詳細デザイン
*******************************************************************************/
/*==============================================================================
		ページ
==============================================================================*/
/*==============================================================================
	ヘッダ
==============================================================================*/
#topsitesearch{
	margin:0px 0px 5px 0px;
	width:578px;
	float:right;
	text-align:left;
	zoom:1;
}
#topsitesearch ul#tabtopsitesearch{
	margin:0px 0px 0px 0px;
	width:107px;
	float:left;
	position:relative;
	left:1px;
	list-style-type:none;
	zoom:1;
}
#topsitesearch ul#tabtopsitesearch li a{
	margin:0px 0px 6px 0px;
	display:block;
	text-align:right;
}
#topsitesearch #sitesearchmenu{
	padding:10px 15px 10px 15px;
	width:439px;
	min-height:58px;
	float:right;
	background:#FFFFFF;
	border:1px solid #CCCCCC;
}
/*------------------------------------------------------------------------------
	検索
------------------------------------------------------------------------------*/
#sitesearchmenu form{
	margin:0px 0px 12px 0px;
}
#sitesearchmenu form:after{
	content:"";
	display:block;
	clear:both;
}
#sitesearchmenu form label{
	padding:0px 0px 0px 20px;
	float:left;
}
#sitesearchmenu form label img{
	vertical-align:top;
}
#sitesearchmenu form input#key,
#sitesearchmenu form input#key2{
	margin:0px 8px 0px 5px;
	padding:3px 3px 3px 3px;
	width:289px;
	height:19px;
	float:left;
	font-size:100%;
	border:1px solid #CCCCCC;
	vertical-align:top;
}
#sitesearchmenu h3{
	padding:0px 10px 0px 0px;
	width:187px;
	float:left;
	clear:both;
}
#sitesearchmenu ul{
	padding:0px 0px 0px 0px;
	display:block;
	list-style:none;
}
#sitesearchmenu ul li{
	margin:0px 0px 5px 4px;
	padding-left:8px;
	display:inline;
	font-size:100%;
	color:#0066CC;
	border-left:1px solid #7D7D7D;
}
#sitesearchmenu ul li:first-child{
	border-left:none;
}
#sitesearchmenu ul li a{
	text-decoration:underline;
	white-space:nowrap;
}
/*==============================================================================
	スクロールメニュー（トップページ）
==============================================================================*/
#pickup{
	margin:0px auto 0px auto;
	width:950px;
	background:url(images/top/pickup_bg.gif) repeat-y right top;
}
.main_view{
	width:700px;
	height:250px;
	float:left;
}
#scroll_a .window{
	margin:0px 0px 0px 0px;
	width:700px;
	height:250px;
}
#scroll_a .main{
	width:700px;
	height:250px;
}
#scroll_a .main p.photoleft{
	width:700px;
	height:250px;
}
#scroll_a p.btn{
	margin:0px 5px 0px 11px;
	bottom:31px;
}
#scroll_a .paging{
	width:645px;
	bottom:31px;
}
#scroll_a .paging a{
	margin:0px 5px 5px 0px;
	bottom:31px;
}
/*==============================================================================
	市報わかやま＆広報ページ番号検索
==============================================================================*/
#koho{
	width:230px;
	float:right;
	background:#FFFFFF url(images/top/newspaper_bg.gif) no-repeat 0px 0px;
	text-align:left;
}
/*------------------------------------------------------------------------------
		市報わかやま
------------------------------------------------------------------------------*/
#koho #newspaper{
	margin:1px 3px 0px 3px;
	border-bottom:2px solid #CCCCCC;
	zoom:1;
}
#koho #newspaper h2{
	width:52px;
	float:left;
}
#koho #newspaper p{
	padding:15px 0px 10px 20px;
	float:left;
}
/*------------------------------------------------------------------------------
		広報ページ番号検索
------------------------------------------------------------------------------*/
#koho .idsearch{
	padding:7px 5px 9px 5px;
	clear:both;
	background:#FFFFFF;
}
#koho .idsearch h2{
	margin:0px 0px 4px 0px;
	font-size:100%;
}
#koho .idsearch p{
	margin:0px 10px 4px 10px;
	font-size:90%;
	line-height:1.25;
}
#koho .idsearch label img{
	margin:0px 0px 1px 0px;
	vertical-align:bottom;
}
#koho .idsearch input{
	vertical-align: middle;
}
#koho .idsearch input#kohoid{
	width:138px;
	height:16px;
	border:1px solid #CCCCCC
}
#koho .idsearch input#idbtn{
	width:36px;
	height:20px;
}
#koho .idsearch #idresult p{
	margin:5px 0px 0px 0px;
	font-weight:bold;
	color:#FF0000;
	/*display:none;*/
}
/*==============================================================================
	災害関連情報Twitter＆緊急情報＆重要なお知らせ
==============================================================================*/
/*------------------------------------------------------------------------------
		災害関連情報Twitter
------------------------------------------------------------------------------*/
#kinkyu-tw{
	margin:0px 0px 20px 0px;
	background:#FFFFFF;
	border:2px solid #AE3737;
}
#kinkyu-tw h2{
	margin:0px 0px 10px 0px;
	padding:8px 10px 4px 15px;
	font-size:110%;
	color:#FFFFFF;
	background:#AE3737;
}
/*------------------------------------------------------------------------------
		緊急情報
------------------------------------------------------------------------------*/
.kinkyu{
	margin:0px 0px 20px 0px;
	padding:0px 0px 6px 0px;
	background:#FFFFFF;
	border:2px solid #AE3737;
}
.kinkyu h2{
	margin:0px 0px 10px 0px;
	padding:8px 10px 4px 15px;
	font-size:110%;
	color:#FFFFFF;
	background:#AE3737;
}
.kinkyu h3{
	margin:0px 12px 10px 12px;
	padding:8px 5px 4px 5px;
	border-left:6px solid #AE3737;
	border-bottom:1px solid #CCCCCC;
	font-size:100%;
}
.kinkyu p{
	padding:0px 15px 5px 15px;
}
.kinkyu ul{
	padding:0px 15px 5px 15px;
	list-style-type:none;
}
.kinkyu ul li{
	margin-bottom:5px;
	padding-left:17px;
	background:url(images/top/mark_kinkyu.gif) no-repeat left 2px;
}
/*------------------------------------------------------------------------------
		重要なお知らせ
------------------------------------------------------------------------------*/
.important{
	margin:0px 0px 20px 0px;
	padding:0px 0px 6px 0px;
	background:#FFFFFF;
	border:2px solid #F2D35A;
}
.important h2{
	margin:0px 0px 10px 0px;
	padding:8px 10px 4px 15px;
	font-size:110%;
	background:#F2D35A;
}
.important h3{
	margin:0px 12px 10px 12px;
	padding:8px 5px 4px 5px;
	border-left:6px solid #F2D35A;
	border-bottom:1px solid #CCCCCC;
	font-size:100%;
}
.important p{
	padding:0px 15px 5px 15px;
}
.important ul{
	padding:0px 15px 5px 15px;
	list-style-type:none;
}
.important ul li{
	margin-bottom:5px;
	padding-left:17px;
	background:url(images/top/mark_important.gif) no-repeat left 2px;
}
/*==============================================================================
	バナー
==============================================================================*/
/*------------------------------------------------------------------------------
		画像バナー
------------------------------------------------------------------------------*/
.bannerimg:after{
	content:"";
	display:block;
	clear:both;
}
.bannerimg ul{
	list-style-type:none;
}
.bannerimg img{
	vertical-align:bottom;
}
#toplnavi .bannerimg{
	padding:0px 0px 20px 0px;
}
#toplnavi .bannerimg ul li{
	margin:0px 20px 10px 0px;
	float:left;
	display:block;
}
#topcontent .bannerimg{
	padding:22px 0px 10px 10px;
	width:310px;
	float:left;
}
#topcontent .bannerimg ul:after{
    content: ""; 
    display: block; 
    clear: both;
}
#topcontent .bannerimg ul li{
	margin:0px 0px 10px 15px;
	float:left;
	display:block;
}
/*------------------------------------------------------------------------------
		テキストバナー
------------------------------------------------------------------------------*/
.bannertxt{
	margin:0px 0px 0px 0px;
	padding:0px 0px 10px 0px;
}
.bannertxt ul{
	list-style-type:none;
}
.bannertxt ul li{
	border:none;
}
.bannertxt ul li a{
	margin:0px 0px 10px 0px;
	padding:12px 5px 10px 15px;
	display:block;
	background:#EAF6FF;
	border:1px solid #CCCCCC;
}
/*------------------------------------------------------------------------------
		バナー集
------------------------------------------------------------------------------*/
.bannerbox{
	margin:0px 0px 20px 0px;
	padding:8px 0px 0px 10px;
	width:286px;
	background:#FFFFFF;
	border:2px solid #CCCCCC;
}
.bannerbox h2{
	margin:0px 0px 10px 0px;
	font-size:110%;
}
.bannerbox ul{
	clear:both;
	list-style-type:none;
}
.bannerbox ul.bannerboximg{
	padding:0px 0px 5px 0px;
	zoom:1;
}
.bannerbox ul.bannerboximg li{
	margin:0px 9px 10px 0px;
	float:left;
	display:block;
}
.bannerbox ul.bannerboxtxt{
	padding:0px 0px 10px 0px;
}
.bannerbox ul.bannerboxtxt li{
	text-align:right;
}
.bannerbox ul.bannerboxtxt li a{
	margin:0px 9px 5px 0px;
	padding:0px 0px 0px 13px;
	background:url(images/top/mark_ul.gif) no-repeat 0px 3px;
}
/*------------------------------------------------------------------------------
		折りたたみメニュー
------------------------------------------------------------------------------*/
.navi{
	padding:0px 0px 10px 0px;
	width:300px;
}
.navi .articleall2{
	margin:0px 0px 10px 0px;
	padding:0px 5px 0px 30px;
	background:#FFFFFF url(images/top/articleall_bg.gif) no-repeat 0px 0px;
	border:2px solid #CCCCCC;
}
.navi .articleall2 h2{
	padding:11px 0px 8px 0px;
	font-size:110%;
}
.navi .articleall2 h2 a{
	color:#333333;
	text-decoration:none;
}
.navi .articleall2 h2.plus2{
	padding-right:40px;
	background:url(images/top/plus.gif) no-repeat right 6px;
	cursor:pointer;
}
.navi .articleall2 h2.minus2{
	padding-right:40px;
	background:url(images/top/minus.gif) no-repeat right 6px;
	cursor:pointer;
}
.navi ul{
	margin:0px 5px 10px 0px;
	list-style-type:none;
}
.navi ul li{
	margin-bottom:5px;
	padding-left:15px;
	background:url(images/top/articleall_ul.gif) no-repeat 0px 4px;
}
/*------------------------------------------------------------------------------
		いざというとき
------------------------------------------------------------------------------*/
#emergency{
	margin:0px 0px 30px 0px;
	width:296px;
	background:#FFFFFF url(images/top/emergency_bg.gif) no-repeat 0px 0px;
	border:2px solid #AE3737;
}
#emergency h2{
	margin:0px 0px 10px 0px;
}
#emergency ul{
	padding:0px 5px 10px 55px;
	list-style-type:none;
}
#emergency ul li{
	margin:0px 0px 5px 0px;
	padding-left:15px;
	font-size:100%;
	background:url(images/top/emergency_ul.gif) no-repeat 0px 4px;
}
#emergency ul li.imglink{
	padding-left:0px;
	background:none;
}
/*------------------------------------------------------------------------------
		お知らせ
------------------------------------------------------------------------------*/
#topics{
	margin:0px 0px 20px 0px;
}
#topics ul#tab{
	list-style-type:none;
	zoom:1;
}
#topics ul#tab li{
	margin:0px 5px 0px 0px;
	border-right:1px solid #065DAA;
	border-left:1px solid #065DAA;
	width:94px;
	float:left;
}
#topics ul#tab li a{
	padding:10px 5px 6px 5px;
	display:block;
	color:#333333;
	background:#E0EDF9;
	border-top:1px solid #065DAA;
	border-bottom:4px solid #065DAA;
	text-align:center;
}
#topics ul#tab li#for_topics1{
	margin:0px 5px 0px 15px;
}
#topics ul#tab li a:hover{
	padding:7px 5px 6px 5px;
	background:#FFFFFF;
	border-top:4px solid #065DAA;
	border-bottom:4px solid #FFFFFF;
	text-decoration:none;
}
#topics ul#tab li.ui-tabs-active a{
	padding:7px 5px 6px 5px;
	background:#FFFFFF;
	border-top:4px solid #065DAA;
	border-bottom:4px solid #FFFFFF;
	text-decoration:none;
}
#tmenu{
	margin:-4px 0px 0px 0px;
	background:#FFFFFF;
	border-top:4px solid #065DAA;
	border-bottom:2px solid #CCCCCC;
}
#tmenu ul{
	padding:15px 15px 5px 15px;
	border-right:2px solid #CCCCCC;
	border-left:2px solid #CCCCCC;
	list-style-type:none;
	line-height:1.5;
}
#tmenu ul li{
	margin-bottom:0px;
	padding:0px 0px 7px 0px;
}
#tmenu ul li:first-child{
	border-top:none;
}
#tmenu ul li span.date{
	width:111px;
	float:left;
}
#tmenu li img{
	padding:1px 10px 0px 0px;
	float:left;
	vertical-align:middle;
}
#tmenu ul li span.newsli{
	width:245px;
	float:left;
}
#topics ul.topicsdetail{
	padding:0px 10px 5px 10px;
	text-align:right;
}
#topics ul.topicsdetail li{
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 17px;
	clear:none;
	display:inline;
	background:url(images/top/list.gif) no-repeat 0px 3px;
	border:none;
}
#topics ul.topicsdetail li.rss{
	background:url(images/top/rss.gif) no-repeat 0px 3px;
}
/*------------------------------------------------------------------------------
		広告欄
------------------------------------------------------------------------------*/
#randomad{
	margin:0px 0px 20px 0px;
	padding:10px 0px 10px 0px;
	width:170px;
	float:right;
	background:#FFFFFF;
}
#randomad h2{
	margin:0px 10px 5px 10px;
	font-size:110%;
}
#randomad p{
	margin:0px 10px 5px 10px;
	font-size:95%;
	text-align:left;
}
#randomad ul{
	margin:0px 10px 0px 10px;
	list-style:none;
}
#randomad ul li{
	margin:0px 0px 3px 0px;
	padding:0px 0px 0px 15px;
	font-size:95%;
	background:url(images/top/mark_ul.gif) no-repeat 0px 4px;
}
/*------------------------------------------------------------------------------
		人口統計
------------------------------------------------------------------------------*/
.population{
	margin:0px 0px 20px 0px;
	padding:10px 0px 10px 0px;
	width:170px;
	float:right;
	clear:right;
	background:#FFFFFF;
}
.population h2{
	margin:0px 10px 5px 10px;
	font-size:110%;
}
.population p{
	margin:0px 10px 10px 10px;
	font-size:90%;
}
.population p.pimage{
	margin:0px 9px 10px 9px;
	text-align:center;
}
.population p.current{
	text-align:right;
	font-size:80%;
}
.population ul{
	margin:0px 10px 0px 10px;
	list-style:none;
}
.population ul li{
	margin:0px 0px 3px 0px;
	padding:0px 0px 0px 15px;
	font-size:95%;
	background:url(images/top/mark_ul.gif) no-repeat 0px 4px;
}
/*------------------------------------------------------------------------------
		出来事から探す
------------------------------------------------------------------------------*/
#life{
	margin:0px 0px 8px 0px;
	clear:both;
}
#life ul{
	padding:12px 0px 6px 18px;
	background:#FFFFFF;
	border-right:2px solid #CCCCCC;
	border-bottom:2px solid #CCCCCC;
	border-left:2px solid #CCCCCC;
	list-style:none;
	zoom:1;
}
#life ul li{
	margin:0px 19px 5px 0px;
	float:left;
}
#life #lifemenu ul li a img{
	vertical-align:bottom;
}
/*------------------------------------------------------------------------------
		すくすく育ってね 和歌山市のこどもたち Wakakko
------------------------------------------------------------------------------*/
#randompage{
	margin:0px 0px 20px 0px;
	width:300px;
	float:left;
}
#randompagebox{
	padding:15px 10px 10px 15px;
	min-height:89px;
	background:#FFFFFF;
	border-right:2px solid #CCCCCC;
	border-bottom:2px solid #CCCCCC;
	border-left:2px solid #CCCCCC;
	zoom:1;
}
#randompage #randompagebox p{
	font-size:95%;
}
#randompage #randompagebox .randompagetxt{
	width:165px;
	float:left;
}
#randompage #randompagebox .randompagetxt span{
	font-size:80%;
}
#randompage #randompagebox .randompagetxt strong{
	font-size:120%;
	font-weight:bold;
}
#randompage #randompagebox p.randomimg{
	width:100px;
	float:right;
	text-align:right;
}
#randompage #randompagebox p.randomdetail a{
	margin:20px 0px 0px 0px;
	padding:0px 0px 0px 15px;
	display:inline-block;
	background:url(images/top/mark_ul.gif) no-repeat 0px 4px;
}
/*==============================================================================
	本日のイベント＆まちの話題
==============================================================================*/
#infobox{
	margin:0px 0px 20px 0px;
	padding:3px 10px 10px 10px;
	clear:both;
	background:#FFFFFF;
	border:2px solid #CCCCCC;
	zoom:1;
}
/*------------------------------------------------------------------------------
		本日のイベント
------------------------------------------------------------------------------*/
#topevent{
	margin:0px 36px 0px 0px;
	width:280px;
	float:left;
}
#topevent h2{
	margin:0px 0px 10px 0px;
}
#topevent p{
	margin:0px 0px 10px 0px;
	font-size:100%;
}
#topevent ul{
	padding:0px 0px 5px 3px;
	list-style-type:none;
}
#topevent ul li{
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 15px;
	font-size:100%;
	background:url(images/top/event_ul.gif) no-repeat 0px 1px;
}
#topevent p.order{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 15px;
	font-size:95%;
	text-align:right;
}
#topevent ul.order{
	padding:0px 0px 0px 0px;
	text-align:right;
}
#topevent ul.order li{
	margin:0px 0px 0px 5px;
	padding:0px 0px 0px 0px;
	font-size:95%;
	background:none;
	text-align:right;
	display:inline;
}
#topevent ul.order li a{
	padding:0px 0px 0px 13px;
	background:url(images/top/mark_ul.gif) no-repeat 0px 4px;
}
/*------------------------------------------------------------------------------
		フォトニュース
------------------------------------------------------------------------------*/
#photonews{
	width:280px;
	float:left;
}
#photonews h2{
	margin:2px 0px 10px 0px;
}
#photonews h3{
	margin:0px 0px 5px 0px;
	font-size:100%;
}
#photonews p{
	margin:0px 0px 15px 0px;
	font-size:95%;
}
#photonews p.photoimg{
	margin:0px 10px 5px 0px;
	width:130px;
	float:left;
}
#photonews p.photodetail{
	margin:0px 0px 0px 0px;
	font-size:95%;
	text-align:right;
}
#photonews p.photodetail a{
	padding:0px 0px 0px 13px;
	background:url(images/top/mark_ul.gif) no-repeat 0px 4px;
}
/*------------------------------------------------------------------------------
		わかやまの施策
------------------------------------------------------------------------------*/
.topbanner{
	margin:0px 0px 20px 0px;
	padding:10px 0px 4px 13px;
	clear:both;
	background:#FFFFFF;
	border:2px solid #CCCCCC;
}
.topbanner h2{
	margin:0px 0px 5px 0px;
	font-size:130%;
	color:#004078;
}
.topbanner ul{
	list-style-type:none;
	zoom:1;
}
.topbanner ul li{
	padding:0px 10px 10px 0px;
	float:left;
}
.topbanner ul li a img{
	vertical-align:bottom;
}
/*------------------------------------------------------------------------------
		広告欄
------------------------------------------------------------------------------*/
#toppagebody #sad{
	border:none;
}