@charset "utf-8";


/*重なり回避
----------------------------------------------------------------------*/
/*▼hack firefox*/
#toppage div:after{
 content: "";
 display: block;
 clear: both;
 height: 1px;
 overflow: hidden;
}
/*\*/
* html #toppage div{
 height: 1em;
}

#toppage div{
 display: block;
}
/*▲hack firefox*/


/*市の概要
************************************************************************************/
#toppage #menuSide .areaData{
	margin-top: 10px;
	}
/*タイトル*/
#toppage #menuSide .areaData h2 a{
	background: url(../img/side/data_ttl.gif) no-repeat;
	width: 190px;
	height: 56px;
	display: block;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	}

/*背景*/
#toppage #menuSide .areaData .body{
	width: 190px;
	margin: 0;
	background: url(../img/side/data_bg.gif) repeat-y;
	}
/*内容*/
#toppage #menuSide .areaData .body .inframe{
	padding: 0 20px;
	}
#toppage #menuSide .areaData .body .inframe p{
	font-size: 90%;
	line-height: 1.4;
	}
#toppage #menuSide .areaData .body .inframe p.small{
	font-size: 70%;
	padding-top: 10px;
	}

/*最下部*/
#toppage #menuSide .areaData .btm{
	margin: 0;
	padding: 0;
	}



/*モバイル・ご意見
************************************************************************************/

/*モバイル
----------------------------------------------------------------------*/
#toppage .mainBody .areaMobile .mobile{
	width: 510px;
	margin-top: 5px;
	padding: 10px;
	background: #F1FBFF;
	border: 1px solid #D3E6EE;
	}

/*タイトル*/
#toppage .mainBody .areaMobile .mobile h3{
	background: url(../img/top/mobile_ttl.png) no-repeat;
	width: 166px;
	height: 29px;
	display: block;
	text-indent: -9999px;
	margin: 0 0 10px 0;
	}

/*本文*/
#toppage .mainBody .areaMobile .mobile p{
	font-size: 80%;
	}


/*市政へのご意見
----------------------------------------------------------------------*/
#toppage #menuSide .areaContact{
	margin-top: 5px;
	}

#toppage #menuSide .areaContact .iken{
	width: 190px;
	height: 128px;
	background: url(../img/top/iken_bg.png) no-repeat;
	margin-top: 5px;
	padding-top: 3px;
	}

/*タイトル*/
#toppage #menuSide .areaContact .iken h3{
	background: url(../img/top/iken_ttl.png) no-repeat;
	width: 145px;
	height: 29px;
	display: block;
	text-indent: -9999px;
	margin: 0 auto 10px auto;
	}
*html #toppage #menuSide .areaContact .iken h3{
	width: 190px;
	background-position: center;
	}


#toppage #menuSide .areaContact .iken ul{
	list-style-type: none;
	width: 177px;
	margin: 0 auto;
	}

*html #toppage #menuSide .areaContact .iken ul{
	width: auto;
	margin: 0;
	}


#toppage #menuSide .areaContact .iken li{
	border: 0;
	}
/*ご意見・お問い合わせ*/
#toppage #menuSide .areaContact .iken li.cnt{
	list-style-type: none;
	background: url(../img/top/iken_mail.png) no-repeat;
	width: 172px;
	height: 28px;
	padding: 0 0 0 35px;
	line-height: 28px;
	font-size: 15px;
	margin-bottom: 5px;
	}
*html #toppage #menuSide .areaContact .iken li.cnt{
	margin-left: 5px;
	width: 177px;
	background: url(../img/top/contact_bg.png) no-repeat;
	padding: 0 0 0 0;
	text-align: center;
	}

/*意見公募手続き*/
#toppage #menuSide .areaContact .iken li.tez{
	list-style-type: none;
	background: url(../img/top/iken_tetsuzuki.png) no-repeat;
	width: 172px;
	height: 28px;
	padding: 0 0 0 35px;
	line-height: 28px;
	font-size: 15px;
	}

*html #toppage #menuSide .areaContact .iken li.tez{
	margin-left: 5px;
	width: 177px;
	background: url(../img/top/contact_bg.png) no-repeat;
	padding: 0 0 0 0;
	text-align: center;
	}

/*リンク*/
#toppage #menuSide .areaContact .iken li a{
	color: #000000;
	}




/*FLASH
************************************************************************************/
#toppage #areaMain .mainImg{
	width: 745px;
	height: 298px;
	margin: 10px 0 15px 0;
	}


/*▼メイン==========================================================================================================================*/
#toppage #areaMain .mainBody{
	width: 530px;
	float: left;
	}

/*東日本大震災に関する情報
----------------------------------------------------------------------*/
#toppage #areaMain .mainBody .shinsai a{
	margin-top: 20px;
	background: url(../img/top/bn_shinsai.gif) no-repeat;
	width: 530px;
	height: 50px;
	display: block;
	text-indent: -9999px;
	}

/*最新情報
************************************************************************************/
#toppage #areaMain .mainBody .areaNews{
	border: 2px solid #30A203;
	padding: 2px;
	margin: 5px 0 0 0;
	width: 520px;
	background: #FFFEF0;
	}

/*タイトル*/
#toppage #areaMain .mainBody .areaNews h2 a{
	background: url(../img/top/news_ttl.gif) no-repeat;
	width: 520px;
	height: 37px;
	display: block;
	text-indent: -9999px;
	}

/*本文*/
#toppage #areaMain .mainBody .areaNews .areaCmt{
	padding: 10px 20px;
	}
#toppage #areaMain .mainBody .areaNews .areaCmt ul{
	list-style-type: none;
	}
#toppage #areaMain .mainBody .areaNews .areaCmt li{
	list-style-type: none;
	font-size: 90%;
	padding: 3px 0 3px 15px;
	background: url(../img/top/news_arrow.gif) no-repeat 0 0.55em;
	}



/*水戸市からのお知らせ
************************************************************************************/
#toppage #areaMain .mainBody .areaTopics{
	border: 2px solid #469CD3;
	padding: 2px;
	margin: 5px 0 0 0;
	width: 520px;
	background: #FFFEF0;
	}

/*タイトル*/
#toppage #areaMain .mainBody .areaTopics h2{
	background: url(../img/top/topics_ttl.gif) no-repeat;
	width: 520px;
	height: 37px;
	display: block;
	text-indent: -9999px;
	}

/*本文*/
#toppage #areaMain .mainBody .areaTopics .areaCmt{
	padding: 10px 20px;
	}
#toppage #areaMain .mainBody .areaTopics .areaCmt ul{
	list-style-type: none;
	}
#toppage #areaMain .mainBody .areaTopics .areaCmt li{
	list-style-type: none;
	font-size: 90%;
	padding: 3px 0 3px 15px;
	background: url(../img/top/topics_arrow.gif) no-repeat 0 0.55em;
	}




/*ライフイベント・暮らしの情報
************************************************************************************/
/*タイトル　ライフイベント*/
#toppage #areaMain .mainBody .areaLife h2.life{
	background: url(../img/top/life_ttl.gif) no-repeat;
	width: 530px;
	height: 52px;
	display: block;
	text-indent: -9999px;
	margin-top: 5px;
	}

/*タイトル　暮らしの情報*/
#toppage #areaMain .mainBody .areaLife h2.live{
	background: url(../img/top/live_title.gif) no-repeat;
	width: 530px;
	height: 52px;
	display: block;
	text-indent: -9999px;
	margin-top: 5px;
	}

/*最下部*/
#toppage #areaMain .mainBody .areaLife .btm{
	height: 39px;
	margin: 0;
	padding: 0;
	}


/*ライフイベント
----------------------------------------------------------------------*/
#toppage #areaMain .mainBody .areaLife ul{
	list-style-type: none;
	}
#toppage #areaMain .mainBody .areaLife li{
	list-style-type: none;
	width: 163px;
	height: 45px;
	display: block;
	text-indent: -9999px;
	float: left;
	margin: 3px;
	}
#toppage #areaMain .mainBody .areaLife li a{
	list-style-type: none;
	width: 163px;
	height: 45px;
	display: block;
	text-indent: -9999px;
	}

#toppage #areaMain .mainBody .areaLife .bnLife{
	width: 510px;
	margin: 0 auto;
	}

#toppage #areaMain .mainBody .areaLife .bnLife li.banner01{
	background: url(../img/top/life_btn01.gif) no-repeat;
	}
#toppage #areaMain .mainBody .areaLife .bnLife li.banner02{
	background: url(../img/top/life_btn02.gif) no-repeat;
	}
#toppage #areaMain .mainBody .areaLife .bnLife li.banner03{
	background: url(../img/top/life_btn03.gif) no-repeat;
	}
#toppage #areaMain .mainBody .areaLife .bnLife li.banner04{
	background: url(../img/top/life_btn04.gif) no-repeat;
	}
#toppage #areaMain .mainBody .areaLife .bnLife li.banner05{
	background: url(../img/top/life_btn05.gif) no-repeat;
	}
#toppage #areaMain .mainBody .areaLife .bnLife li.banner06{
	background: url(../img/top/life_btn06.gif) no-repeat;
	}
#toppage #areaMain .mainBody .areaLife .bnLife li.banner07{
	background: url(../img/top/life_btn07.gif) no-repeat;
	}
#toppage #areaMain .mainBody .areaLife .bnLife li.banner08{
	background: url(../img/top/life_btn08.gif) no-repeat;
	}
#toppage #areaMain .mainBody .areaLife .bnLife li.banner09{
	background: url(../img/top/life_btn09.gif) no-repeat;
	}


/*暮らし
----------------------------------------------------------------------*/
#toppage #areaMain .mainBody .areaLife .bnLive{
	width: 510px;
	margin: 0 auto;
	}

#toppage #areaMain .mainBody .areaLife .bnLive li.banner01{
	background: url(../img/top/live_btn01.gif) no-repeat;
	}
#toppage #areaMain .mainBody .areaLife .bnLive li.banner02{
	background: url(../img/top/live_btn02.gif) no-repeat;
	}
#toppage #areaMain .mainBody .areaLife .bnLive li.banner03{
	background: url(../img/top/live_btn03.gif) no-repeat;
	}
#toppage #areaMain .mainBody .areaLife .bnLive li.banner04{
	background: url(../img/top/live_btn04.gif) no-repeat;
	}
#toppage #areaMain .mainBody .areaLife .bnLive li.banner05{
	background: url(../img/top/live_btn05.gif) no-repeat;
	}
#toppage #areaMain .mainBody .areaLife .bnLive li.banner06{
	background: url(../img/top/live_btn06.gif) no-repeat;
	}

/*映画バナー
************************************************************************************/
#toppage #areaMain .mainBody .areaMovie{
	width: 530px;
	margin-top: 10px;
	}

#toppage #areaMain .mainBody .areaMovie ul{
	list-style-type: none;
	}

#toppage #areaMain .mainBody .areaMovie li{
	list-style-type: none;
	float: left;
	margin: 1px;
	}

#toppage #areaMain .mainBody .areaMovie li img{
	width: 174px;
	height: auto;
	}

/*▼右メニュー==========================================================================================================================*/
#toppage #areaMain #menuTop{
	width: 200px;
	float: right;
	}

#toppage #areaMain #menuTop ul{
	list-style-type: none;
	}
#toppage #areaMain #menuTop li{
	list-style-type: none;
	margin: 0 0 2px 0;
	padding: 0;
	}


/*ブログ
----------------------------------------------------------------------*/
#toppage #areaMain #menuTop li.blog{
	border: 1px solid #c0c0c0;
	padding: 3px;
	}

#toppage #areaMain #menuTop li.blog .title a{
	background: url(../img/top/blog_title.gif) no-repeat;
	width: 192px;
	height: 55px;
	display: block;
	text-indent: -9999px;
	margin: 0 auto;
	}

#toppage #areaMain #menuTop li.blog .photo{
	text-align: center;
	margin: 3px 0;
	}
#toppage #areaMain #menuTop li.blog .photo img{
	width: 160px;
	height: auto;
	}

#toppage #areaMain #menuTop li.blog .cmt{
	font-size: 13px;
	line-height: 1.4;
	height: 4.3em;
	overflow: hidden;
	}


/*▼バナー広告==========================================================================================================================*/
#toppage #areaAdvert{
	clear: both;
	margin-top: 30px;
	background: url(../img/top_advert/bg.gif) no-repeat;
	padding: 15px 0 0 20px;
	}

*html #toppage #areaAdvert{
	text-align: center;
	}

/*タイトル*/
#toppage #areaAdvert h2{
	background: url(../img/top_advert/ttl.png) no-repeat;
	width: 96px;
	height: 20px;
	display: block;
	text-indent: -9999px;
	margin: 0 0 30px 0;
	}

#toppage #areaAdvert .areaBanner{
	width: 830px;
	margin: 0 auto;
	}

#toppage #areaAdvert .areaBanner ul{
	list-style-type: none;
	}
#toppage #areaAdvert .areaBanner li{
	list-style-type: none;
	margin-right: 15px;
	float: left;
	}