@import "table.css";
@import "style.css";


/*---全体のレイアウト-----------------------------------*/
*{
	margin: 0px;
	padding: 0px;
}


img{border: 0;}

a {outline: none;}

A:link{color:#0035BC;text-decoration:underline;}
A:visited{color:#0035BC;text-decoration:underline;}
A:active{color:#E30472;text-decoration:none;}
A:hover{color:#E30472;text-decoration:none;}

body{
	background-color: #ffffff;
	}

/*left bg set*/
#wrapper{
	width: 100%;
	margin: 0 auto 0 auto;
	background: url(../layout/city_bg.jpg) repeat-y;
	}

/*▽firefox*/
#wrapper:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html #wrapper {
    height: 1em;
}

#wrapper {
    display: block;
}
/*△firefox*/


/*right bg set*/
#wrapper_right{
	width: 100%;
	margin: 0 auto 0 auto;
	background: url(../layout/life_bg.jpg) repeat-y top right;
	}

/*▽firefox*/
#wrapper_right:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html #wrapper_right {
    height: 1em;
}

#wrapper_right {
    display: block;
}
/*△firefox*/


.clear{
	clear: both;
	visibility: hidden;
	height: 0;
	}
/*---submenu-----------------------------------*/
#submenu{
	width: 100%;
	margin: 0;
	padding-top: 3px;
	height: 26px;
	background-color: #ffffff;
	}
	#submenu #submenu_area{
		width: 280px;
		float: right;
		}
	#submenu #submenu_area ul{
		list-style: none;
		text-indent: -9999px;
		font-size: 0;
		}
	#submenu #submenu_area li{
		list-style: none;
		font-size: 0;
		text-indent: -9999px;
		float: left;
		margin: 0 0 0 10px;
		}

#submenu #submenu_area li.mobile a{
	display: block;
	width: 67px;
	height: 20px;
	background: url(../../../img/mito/img/top01.gif) no-repeat center;
	color: #ffffff;
	}
#submenu #submenu_area li.english a{
	display: block;
	width: 66px;
	height: 20px;
	background: url(../../../img/mito/img/top02.gif) no-repeat center;
	color: #ffffff;
	}
#submenu #submenu_area li.sitemap a{
	display: block;
	width: 98px;
	height: 20px;
	background: url(../../../img/mito/img/top03.gif) no-repeat center;
	color: #ffffff;
	}

/*---header-----------------------------------*/

#header{
	background: url(../layout/bg_titlemenu.jpg) no-repeat;
	width: 100%;
	height: 74px;
	padding: 0;
	margin: 0 auto 0 auto;
	}
	
#header h1.sitetitle a{
		background: url(../../../img/mito/img/mito.gif) no-repeat 0 5px;
		width: 210px;
		height: 74px;
		text-indent: -9999px;
		margin: 0 0 0 25px;
		padding: 0 0 0 0;
		float: left;
		font-size:0;
		display: block;
		}

/*---font size------*/

#header #fontsize {
	width: 230px;
	margin: 12px 0 0 0;
	float: right;
	}
	#header #fontsize ul{
		list-style: none;
		}
	#header #fontsize li{
		margin: 5px 10px 0 0;
		list-style: none;
		float: left;
		text-indent: -9999px;
		display: block;
		}

#header #fontsize li.size{
	width: 104px;
	height: 21px;
	background: url(../../../img/mito/img/moji.gif) no-repeat center;
	display: block;
	}
#header #fontsize li.large a{
	width: 24px;
	height: 21px;
	background: url(../../../img/mito/img/moji_b.gif) no-repeat center;
	display: block;
	}
#header #fontsize li.midium a{
	width: 24px;
	height: 21px;
	background: url(../../../img/mito/img/moji_m.gif) no-repeat center;
	display: block;
	}
#header #fontsize li.small a{
	width: 24px;
	height: 21px;
	background: url(../../../img/mito/img/moji_s.gif) no-repeat center;
	display: block;
	}

/*---search area------*/

#header #fontsize #search_area {
	width: 230px;
	margin: 3px 0 0 0;
	}

#header #reading{
	float: right;
	width: 160px;
	margin: 17px 5px 0 0;
	}
	#header #reading p a{
		width: 155px;
		height: 45px;
		background: url(../layout/bn_yomiage.gif) no-repeat center;
		display: block;
		text-indent: -9999px;
		}
/*---grobal menu-----------------------------------*/
#globalmenu{
	width: 100%;
	margin: 0;
	height: 30px;
	border-bottom: 1px solid #CFCFCF;
	background-color: #FFFFFF;
	}
/*▽firefox*/
#globalmenu:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
    margin: 0;
}
/*\*/
* html #globalmenu {
    height: 1em;
    margin: 0;
}

#globalmenu {
    display: block;
}
/*△firefox*/

	#globalmenu #globalmenu_area{
		width: 600px;
		float: right;
		}
	#globalmenu #globalmenu_area ul{
		list-style: none;
		}
	#globalmenu #globalmenu_area li{
		margin: 0 2px 0 0;
		list-style: none;
		float: left;
		}

#globalmenu #globalmenu_area li.kurashi a{
	display: block;
	width: 96px;
	height: 30px;
	background: url(../../../html/img/menu01.gif) no-repeat center;
	text-indent: -9999px;
	}
#globalmenu #globalmenu_area li.kenkou a{
	display: block;
	width: 96px;
	height: 30px;
	background: url(../../../html/img/menu06.gif) no-repeat center;
	text-indent: -9999px;
	}
#globalmenu #globalmenu_area li.asobu a{
	display: block;
	width: 96px;
	height: 30px;
	background: url(../../../html/img/menu04.gif) no-repeat center;
	text-indent: -9999px;
	}
#globalmenu #globalmenu_area li.shigoto a{
	display: block;
	width: 96px;
	height: 30px;
	background: url(../../../html/img/menu05.gif) no-repeat center;
	text-indent: -9999px;
	}
#globalmenu #globalmenu_area li.machi a{
	display: block;
	width: 96px;
	height: 30px;
	background: url(../../../html/img/menu02.gif) no-repeat center;
	text-indent: -9999px;
	}
#globalmenu #globalmenu_area li.shisei a{
	display: block;
	width: 96px;
	height: 30px;
	background: url(../../../html/img/menu03.gif) no-repeat center;
	text-indent: -9999px;
	}


/*---wraper_main-------------------------------------------------*/
#wrapper_main{
	margin: 0 auto;
	width: 100%;
	}
#wrapper_main:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
	}

/*---●TopMain-------------------------------------------------*/
#wrapper_main_inner {
	float: left;
	width: 100%;
	}

#MainContents {
	margin: 0 210px 0 193px;
	}

	/*---SideCenter NewsTopics---------------------*/
	#MainContents #NewsTopics{
		width: 100%;
		clear: both;
		}
	#MainContents #NewsTopics h2.NewsTopics_title{
		width: 100%;
		line-height: 2.0;
		background-color: #CCCCCC;
		font-size: 98%;
		}
	#MainContents #NewsTopics .NewsTopics_more{
		width: 100%;
		text-align: right;
		margin: 3px 0 3px 0;
		}
	#MainContents #NewsTopics ul.NewsTopics_list{
		margin-left: 5px;
		}
	#MainContents #NewsTopics ul.NewsTopics_list li{
		margin: 0px;
		padding: 0px 0px 0px 18px;
		background: url(../../../img/mito/img/y01.gif) no-repeat 1px 0.1em;
		list-style: none;
		line-height: 1.5;
		font-size: 98%;
		}
		/*---SideCenter Topics---------------------*/
	#MainContents #Topics{
		width: 100%;
		margin: 20px 0 0 0;
		}
	#MainContents #Topics h2.Topics_title{
		width: 100%;
		line-height: 2.0;
		background-color: #CCCCCC;
		font-size: 98%;
		}
	#MainContents #Topics ul.Topics_list{
		margin-left: 5px;
		}
	#MainContents #Topics ul.Topics_list li{
		margin: 0px;
		padding: 0px 0px 0px 18px;
		background: url(../../../img/mito/img/y01.gif) no-repeat 1px 0.1em;
		list-style: none;
		line-height: 1.5;
		font-size: 98%;
		}
		/*---SideCenter Guide---------------------*/
	#MainContents #Guide{
		width: 100%;
		margin: 20px 0 0 0;
		}
	#MainContents #Guide h2.Topics_title{
		width: 100%;
		line-height: 2.0;
		background-color: #CCCCCC;
		font-size: 98%;
		}
	#MainContents #Guide .Guide_area{
		width: 90%;
		margin: 5px auto 0 auto;
		}
	
	#MainContents #Guide .Guide_area_txt{
				width: 95%;
				margin: 5px auto 15px auto;
				font-size: 98%;
				}
	
		/*---各タイトル---------------------*/
		#MainContents #Guide h3.Guide_kurashi a{
			width: 164px;
			height: 35px;
			text-indent: -9999px;
			margin: 0;
			padding: 0;
			font-size:0;
			display: block;
			background: url(../../../img/mito/img/b01.gif) no-repeat center;
			}
		#MainContents #Guide h3.Guide_kenkou a{
			width: 164px;
			height: 35px;
			text-indent: -9999px;
			margin: 0;
			padding: 0;
			font-size:0;
			display: block;
			background: url(../../../img/mito/img/b06.gif) no-repeat center;
			}
		#MainContents #Guide h3.Guide_asobu{
			width: 164px;
			height: 35px;
			text-indent: -9999px;
			margin: 0;
			padding: 0;
			font-size:0;
			display: block;
			background: url(../../../img/mito/img/b04.gif) no-repeat center;
			}
		#MainContents #Guide h3.Guide_shigoto{
			width: 164px;
			height: 35px;
			text-indent: -9999px;
			margin: 0;
			padding: 0;
			font-size:0;
			display: block;
			background: url(../../../img/mito/img/b05.gif) no-repeat center;
			}
		#MainContents #Guide h3.Guide_machi{
			width: 164px;
			height: 35px;
			text-indent: -9999px;
			margin: 0;
			padding: 0;
			font-size:0;
			display: block;
			background: url(../../../img/mito/img/b02.gif) no-repeat center;
			}
		#MainContents #Guide h3.Guide_shisei{
			width: 164px;
			height: 35px;
			text-indent: -9999px;
			margin: 0;
			padding: 0;
			font-size:0;
			display: block;
			background: url(../../../img/mito/img/b03.gif) no-repeat center;
			}



/*---SideLeft-------------------------------------------------*/
#SideLeft{
	float: left;
	margin-left: -100%;
	width: 183px;
	}
	
	/*---いざというとき---------------------*/
	#SideLeft h3#iza a{
		width: 180px;
		height: 30px;
		text-indent: -9999px;
		margin: 0;
		padding: 0;
		font-size:0;
		display: block;
		background: url(../layout/iza_title.jpg) no-repeat center;
		clear: both;
		}
		#SideLeft .box_iza{
			background-color: #FFA628;
			margin: 2px auto 0 auto;
			width: 175px;
			padding: 5px 0 2px 0;
			}
			#SideLeft .box_iza .iza_bn01 a{
				display: block;
				width: 165px;
				height: 30px;
				margin: 0 auto 5px auto;
				background: url(../../../img/mito/img/iza05.gif) no-repeat center;
				text-indent: -9999px;
				}
			#SideLeft .box_iza .iza_bn02 a{
				display: block;
				width: 165px;
				height: 30px;
				margin: 0 auto 5px auto;
				background: url(../../../img/mito/img/iza01.gif) no-repeat center;
				text-indent: -9999px;
				}
			#SideLeft .box_iza .iza_bn03 a{
				display: block;
				width: 165px;
				height: 30px;
				margin: 0 auto 5px auto;
				background: url(../../../img/mito/img/iza02.gif) no-repeat center;
				text-indent: -9999px;
				margin-bottom: 5px;
				}
	
	/*---ライフイベント---------------------*/
	#SideLeft h3#LifeEvent{
		width: 180px;
		height: 30px;
		text-indent: -9999px;
		margin: 20px 0 0 0;
		padding: 0;
		font-size:0;
		display: block;
		background: url(../../../img/mito/img/life_title.jpg) no-repeat center;
		clear: both;
		}
		#SideLeft .box_life{
			width: 180px;
			margin: 5px auto 0 auto;
			}
			#SideLeft .box_life .box_life_inner{
				width: 60px;
				float: left;
				text-align: center;
				font-size: 98%;
				height: 4.5em;
				margin-bottom: 10px;
				}
	
	/*---市役所の仕事---------------------*/
	#SideLeft h3#Workin{
		width: 180px;
		height: 30px;
		text-indent: -9999px;
		margin: 20px 0 0 0;
		padding: 0;
		font-size:0;
		display: block;
		background: url(../../../img/mito/img/gyoumu_title.jpg) no-repeat center;
		clear: both;
		}
		#SideLeft ul.work{
			margin-left: 5px;
			width: 170px;
			}
		#SideLeft ul.work li{
			margin: 0px;
			padding: 0px 0px 0px 17px;
			background: url(../../../img/mito/img/a05.gif) no-repeat 1px 0.1em;
			list-style: none;
			line-height: 1.5;
			font-size: 98%;
			}

	/*---オンラインサービス---------------------*/
	#SideLeft h3#OnLine a{
		width: 180px;
		height: 30px;
		text-indent: -9999px;
		margin: 20px 0 0 0;
		padding: 0;
		font-size:0;
		display: block;
		background: url(../../../img/mito/img/dl_title.jpg) no-repeat center;
		clear: both;
		}
		#SideLeft ul.online{
			margin-left: 5px;
			width: 170px;
			}
		#SideLeft ul.online li{
			margin: 0px;
			padding: 0px 0px 0px 17px;
			background: url(../../../img/mito/img/a05.gif) no-repeat 1px 0.1em;
			list-style: none;
			line-height: 1.5;
			font-size: 98%;
			}
	/*---市政へのご意見---------------------*/
	#SideLeft h3#Comment a{
		width: 180px;
		height: 30px;
		text-indent: -9999px;
		margin: 20px 0 0 0;
		padding: 0;
		font-size:0;
		display: block;
		background: url(../../../img/mito/img/iken_title.jpg) no-repeat center;
		clear: both;
		}
		#SideLeft ul.comment{
			margin-left: 5px;
			width: 170px;
			}
		#SideLeft ul.comment li{
			margin: 0px;
			padding: 0px 0px 0px 17px;
			background: url(../../../img/mito/img/a05.gif) no-repeat 1px 0.1em;
			list-style: none;
			line-height: 1.5;
			font-size: 98%;
			}
	/*---検索---------------------*/
	
	#SideLeft #SearchArea{
		width: 150px;
		margin: 10px auto 0 auto;
		text-align: right;
		}
		input.textarea{
			width: 100px;
			margin-bottom: 5px;
			}
	/*---水戸市の情報---------------------*/
	#SideLeft #mito_info table{
		width: 160px;
		margin: 10px auto 0 auto;
		}
	#SideLeft #mito_info td{
		font-size: 13px;
		padding: 3px;
		}
	
/*---SideRight-------------------------------------------------*/
#SideRight {
	float: left;
	margin-left: -200px;
	width: 200px;
	}

		
		/*---SideRight バナー画像---------------------*/
		#SideRight p.banner{
			margin: 0;
			padding: 0;
			clear: both;
			font-size: 0;
			}
			#SideRight p.banner img{
				width: 200px;
				height: auto;
				}
		#SideRight p.banner2{
			width: 200px;
			float: left;
			text-align: center;
			margin: 3px 0 0 0;
			}
			
		/*---SideRight リスト表示---------------------*/
		#SideRight ul.list{
			margin-left: 5px;
			width: 190px;
			}
		#SideRight ul.list li.normal{
			margin: 0 5px 5px 0;
			padding: 0px 0px 2px 17px;
			background: url(../../../img/mito/img/a04.gif) no-repeat 1px 0.1em;
			list-style: none;
			line-height: 1.5;
			font-size: 98%;
			}
		#SideRight ul.list li.shisetsu{
			width: 180px;
			margin: 2px 5px 2px 0;
			padding: 0px 0px 0px 17px;
			background: url(../../../img/mito/img/a04.gif) no-repeat 1px 0.1em;
			list-style: none;
			line-height: 1.5;
			float: left;
			font-size: 98%;
			}
			
		/*---SideRight 一覧---------------------*/
		#SideRight .all{
			width: 190px;
			margin: 0 auto 0 auto;
			text-align: right;
			clear: both;
			font-size: 98%;
			}
			
		/*---SideRight 各タイトル---------------------*/
		#SideRight h3.SideRight_kankou{
			width: 200px;
			height: 30px;
			text-indent: -9999px;
			margin: 0;
			padding: 0;
			font-size:0;
			display: block;
			background: url(../../../img/mito/img/kankou_title.jpg) no-repeat left;
			}
		#SideRight h3.SideRight_shisetsu{
			width: 200px;
			height: 30px;
			text-indent: -9999px;
			margin: 0;
			padding: 0;
			font-size:0;
			display: block;
			background: url(../../../img/mito/img/shisetu_title.jpg) no-repeat left;
			}
		#SideRight h3.SideRight_link{
			width: 200px;
			height: 30px;
			text-indent: -9999px;
			margin: 0;
			padding: 0;
			font-size:0;
			display: block;
			background: url(../../../img/mito/img/link_title.jpg) no-repeat left;
			}


/*---banner area-------------------------------------------------*/
#advertisement{
	clear: both;
	width: 100%;
	background-color: #E6E6E6;
	margin: 0;
	}
	
	#advertisement .area{
		width: 630px;
		margin: 20px auto 0 auto;
		padding-bottom: 10px;
		}
/*▽firefox*/
#advertisement .area:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html #advertisement .area {
    height: 1em;
}

#advertisement .area {
    display: block;
}
/*△firefox*/
		#advertisement .area img{
			float: left;
			margin: 5px 5px 0 0;
			}
	#advertisement #footermenu{
		width: 97%;
		margin: 0 auto 0 auto;
		text-align: right;
		padding: 5px;
		font-size: 98%;
		}
/*---footer area-------------------------------------------------*/
#footer{
	clear: both;
	width: 100%;
	background-color: #1154B8;
	margin: 0;
	}
#footer .address{
		text-align: center;
		margin: 0;
		color: #ffffff;
		padding-top: 5px;
		font-size: 98%;
		}
	#footer .copyright{
		text-align: center;
		margin: 0;
		color: #CCFFFF;
		padding-top: 5px;
		font-size: 65%;
		}

/*---コンテンツ内部　メイン-------------------------------------------------*/
#MainContents_sub {
	margin: 0 0 0 193px ;
	}

/*---ぱんくず---------------------*/
.pan_list {
	font-size: 98%;
	line-height: 120%;
	color: #333333;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 3px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px none #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px none #CCCCCC;
	background-color: #FFFFFF;
	background-image:  url("../../../img/mito/img/bg_list.jpg");
	background-repeat: repeat-x;
	width: 100%;
	}

/*---大見出し---------------------*/
h2.main_title {
	width: 100%;
	height: 47px;
	font-size: 130%;
	line-height: 47px;
	background-position: right top;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	background-repeat: no-repeat;
	background-image: url(../../../img/mito/img/photo.jpg);
	}

/*---小見出し---------------------*/
h3.subtitle {
	width: 95%;
	height: 43px;
	font-size: 100%;
	line-height: 20px;
	color: #000033;
	letter-spacing: 1px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	background-repeat: repeat-x;
	background-image:  url("../../../img/mito/img/bg.jpg");
	padding-top: 10px;
	margin: 0 auto;
	}
	

/*---コンテンツ内フッターメニュー---------------------*/
.contents_area_footer{
	width: 98%;
	margin: 20px auto 20px auto;
	font-size: 98%;
	text-align: right;
	}

/*----------------------------------------------------*/