@charset "utf-8";
/* CSS Document */


.clear {/*フロートクリアdiv,br用*/
clear:both;
height:0px;
overflow:hidden;/*IE対策*/
}
.floatleft {
	float:left;
}

body {
	background-image:url(template_image/bodybac.jpg);
	margin:0px;
	font-size:83%;
}

#pageall {
	background-image:url(indeximage/back.gif);
	width:700px;
	margin-left:auto;
	margin-right:auto;
	border:solid 1px #CCCCCC;
	position:relative; /*この要素の左上端をメインメニュー吹き出しの表示位置の基準にするため*/
}

#pagehead {
	height:56px;
	padding-top:5px;
	padding-left:5px;
	background-image:url(indeximage/headback.gif);
	background-position:top;
	background-repeat:no-repeat;
}
#pagebody {
	background-image:url(indeximage/bodyrightback.gif);
	background-position:top right;
	background-repeat:no-repeat;
	padding-top:5px;
}
#pagebody #hide_when_search {/*検索結果表示時に非表示にするコンテンツsearch.jsでCSSを操作している*/
}

/******新着・お知らせ部******/
#pagebody #news {
	margin-top:0px;
	margin-left:10px;
	margin-bottom:10px;
	background-image:url(indeximage/news_outside.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-top:2px;
	padding-left:27px;
	height:62px;
}
#pagebody #news iframe{
/*	width:430px;*/
	width:490px;
	height:57px;
	border:none;
	background-image:url(indeximage/newsback.gif);
	margin-top:1px;
	margin-bottom:1px;
	_margin-top:2px;/*IE6用*/
	_margin-bottom:2px;/*IE6用*/
}

/*iphoneでiframeが全て表示されるのを防ぐ*//*201312add*/
@media screen and (max-device-width: 480px) {
#news{
	height:57px!important;
	overflow:scroll;
	-webkit-overflow-scrolling: touch;}
}


/******メインメニュー部******/
#pagebody #mainmenu {
	background-image:url(indeximage/sukasieback.gif);
	background-position:top left;
	background-repeat:no-repeat;
	width:440px;
	padding-top:10px;
	padding-bottom:20px;
	min-height:330px;
	height:auto!important;  /*ie6,7対策*/
	height:330px;  /*ie6,7対策*/

}


#pagebody #mainmenu #menu1 a {
	display:block;
	margin-left:120px;
	height:40px;
	background-image:url(indeximage/menu1.png);
	_background-image:url(indeximage/menu1_for_ie6.gif);/*透過PNGを正しく表示できないIE6だけは透過GIFを表示*/
	background-position:top left;
	background-repeat:no-repeat;
	text-decoration:none;
}
#pagebody #mainmenu #menu1 a:hover {
	background-position:0px -40px;
}
#pagebody #mainmenu #menu1 a span {
	visibility:hidden;
}
#pagebody #mainmenu #menu1 p {
	margin-top:0px;
	margin-bottom:5px;
	margin-left:160px;
}
#pagebody #mainmenu #menu2 a {
 display:block;
 /*margin-left:160px;　スイッキー関連変更*/
 margin-left:0px;
 height:40px;
 background-image:url(indeximage/menu2.png);
 _background-image:url(indeximage/menu2_for_ie6.gif);/*透過PNGを正しく表示できないIE6だけは透過GIFを表示*/
 background-position:top left;
 background-repeat:no-repeat;
 text-decoration:none;
}


#pagebody #mainmenu #menu2 a:hover {
	background-position:0px -40px;
}
#pagebody #mainmenu #menu2 a span {
	visibility:hidden;
}

#pagebody #mainmenu #menu2 p {
 margin-top:0px;
 margin-bottom:5px;
 margin-left:40px;
	/*margin-left:200px;　スイッキー関連変更　*/
}
#pagebody #mainmenu #menu3 a {
	display:block;
	 /*margin-left:200px;　スイッキー関連変更*/
	margin-left:0px;
	height:40px;
	background-image:url(indeximage/menu3.png);
	_background-image:url(indeximage/menu3_for_ie6.gif);/*透過PNGを正しく表示できないIE6だけは透過GIFを表示*/
	background-position:top left;
	background-repeat:no-repeat;
	text-decoration:none;
}
#pagebody #mainmenu #menu3 a:hover {
	background-position:0px -40px;
}
#pagebody #mainmenu #menu3 a span {
	visibility:hidden;
}
#pagebody #mainmenu #menu3 p {
	margin-top:0px;
	margin-bottom:5px;
	margin-left:40px;
	/*margin-left:240px;　スイッキー関連変更　*/
}
#pagebody #mainmenu #menu4 a {
	display:block;
	 /*margin-left:160px;　スイッキー関連変更*/
	margin-left:0px;
	height:40px;
	background-image:url(indeximage/menu4.png);
	_background-image:url(indeximage/menu4_for_ie6.gif);/*透過PNGを正しく表示できないIE6だけは透過GIFを表示*/
	background-position:top left;
	background-repeat:no-repeat;
	text-decoration:none;
}
#pagebody #mainmenu #menu4 a:hover {
	background-position:0px -40px;
}
#pagebody #mainmenu #menu4 a span {
	visibility:hidden;
}
#pagebody #mainmenu #menu4 p {
	margin-top:0px;
	margin-bottom:5px;
	margin-left:40px;
	/*margin-left:200px;　スイッキー関連変更　*/
}
#pagebody #mainmenu #menu5 a {
	display:block;
	margin-left:120px;
	height:40px;
	background-image:url(indeximage/menu5.png);
	_background-image:url(indeximage/menu5_for_ie6.gif);/*透過PNGを正しく表示できないIE6だけは透過GIFを表示*/
	background-position:top left;
	background-repeat:no-repeat;
	text-decoration:none;
}
#pagebody #mainmenu #menu6 a {
	display:block;
	margin-left:60px;
	height:40px;
	background-image:url(indeximage/menu6.png);
	_background-image:url(indeximage/menu6_for_ie6.gif);/*透過PNGを正しく表示できないIE6だけは透過GIFを表示*/
	background-position:top left;
	background-repeat:no-repeat;
	text-decoration:none;
}
#pagebody #mainmenu #menu5 a:hover,#pagebody #mainmenu #menu6 a:hover {
	background-position:0px -40px;
}
#pagebody #mainmenu #menu5 a span,#pagebody #mainmenu #menu6 a span  {
	visibility:hidden;
}
#pagebody #mainmenu #menu5 p,#pagebody #mainmenu #menu6 p  {
	margin-top:0px;
	margin-bottom:5px;
	margin-left:100px;
}
/*#pagebody #mainmenu p {
	background-color:#FFFF00;
}*/


/******100周年時のCSS******/
/**#pagebody #mainmenu {
	background-image:url(05jigyo/anniversary/img/suikkey100th_indexback.gif);
	background-position: 50px left!important;
}

#pagebody #mainmenu #menu6 {
	margin-left:100px;
	margin-bottom:10px;
	text-align:center;
}

#pagebody #mainmenu #menu6 a {
	font-size:1.2em;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
	padding:7px 20px;
	background:#f00;	
	margin-bottom:10px;
	display:block;
}
#pagebody #mainmenu #menu6 a:hover{
	background: #F60;
	cursor:pointer;
}**/
/*100周年時のCSSここまで*/


/************バナー欄************/

/*通常の画像配置バナー*/
#pagebody #banners {
	margin-top:10px;
	margin-bottom:5px;
	margin-left:10px;
}
#pagebody #banners a.block {
	display:block;
	float:left;
	margin-right:2px;
	margin-bottom:2px;
}

/*インターネット申込*/
#pagebody #banners #internet a {
	display:block;
	height:40px;
	width:134px;
	background-image:url(indeximage/bana_internet.png);
	_background-image:url(indeximage/bana_internet_for_ie6.gif);/*透過PNGを正しく表示できないIE6だけは透過GIFを表示*/
	background-position:top left;
	background-repeat:no-repeat;
	margin-bottom:2px;
	text-decoration:none;
}
#pagebody #banners #internet a:hover {
	background-position:0px -40px;
}
#pagebody #banners #internet a span {
	visibility:hidden;
}
/*水道ビジョンバナー*/
#pagebody #banners #suidovision a {
	display:block;
	height:40px;
	width:134px;
	background-image:url(indeximage/bana_suidovision.png);
	_background-image:url(indeximage/bana_suidovision_for_ie6.gif);/*透過PNGを正しく表示できないIE6だけは透過GIFを表示*/
	background-position:top left;
	background-repeat:no-repeat;
	margin-bottom:2px;
	text-decoration:none;
}
#pagebody #banners #suidovision a:hover {
	background-position:0px -40px;
}
#pagebody #banners #suidovision a span {
	visibility:hidden;
}
/*経営懇話会バナー*/
#pagebody #banners #konwakai a {
	display:block;
	height:40px;
	width:134px;
	background-image:url(indeximage/bana_konwakai.png);
	_background-image:url(indeximage/bana_konwakai_for_ie6.gif);/*透過PNGを正しく表示できないIE6だけは透過GIFを表示*/
	background-position:top left;
	background-repeat:no-repeat;
	margin-bottom:2px;
	text-decoration:none;
}
#pagebody #banners #konwakai a:hover {
	background-position:0px -40px;
}
#pagebody #banners #konwakai a span {
	visibility:hidden;
}
/*災害時の対応バナー*/
#pagebody #banners #saigai a {
	display:block;
	height:40px;
	width:134px;
	background-image:url(indeximage/bana_saigai.png);
	_background-image:url(indeximage/bana_saigai_for_ie6.gif);/*透過PNGを正しく表示できないIE6だけは透過GIFを表示*/
	background-position:top left;
	background-repeat:no-repeat;
	margin-bottom:2px;
	text-decoration:none;
}
#pagebody #banners #saigai a:hover {
	background-position:0px -40px;
}
#pagebody #banners #saigai a span {
	visibility:hidden;
}
/*電子入札バナー*/
#pagebody #banners #nyusatsu a {
	display:block;
	height:40px;
	width:134px;
	background-image:url(indeximage/bana_nyusatsu.png);
	_background-image:url(indeximage/bana_nyusatsu_for_ie6.gif);/*透過PNGを正しく表示できないIE6だけは透過GIFを表示*/
	background-position:top left;
	background-repeat:no-repeat;
	margin-bottom:2px;
	text-decoration:none;
}
#pagebody #banners #nyusatsu a:hover {
	background-position:0px -40px;
}
#pagebody #banners #nyusatsu a span {
	visibility:hidden;
}
/*SNSバナー*/
/*#pagebody #banners #sns a {
	display:block;
	height:40px;
	width:134px;
	background-image:url(indeximage/bana_sns.png);
	_background-image:url(indeximage/bana_sns_for_ie6.gif);
	background-position:top left;
	background-repeat:no-repeat;
	margin-bottom:2px;
	text-decoration:none;
}
#pagebody #banners #sns a:hover {
	background-position:0px -40px;
}
#pagebody #banners #sns a span {
	visibility:hidden;
}
*/
/*指定業者一覧バナー*/
#pagebody #banners #siteikouji a {
	display:block;
	height:40px;
	width:134px;
	background-image:url(indeximage/bana_siteikouji.png);
	_background-image:url(indeximage/bana_siteikouji_for_ie6.gif);/*透過PNGを正しく表示できないIE6だけは透過GIFを表示*/
	background-position:top left;
	background-repeat:no-repeat;
	margin-bottom:2px;
	text-decoration:none;
}
#pagebody #banners #siteikouji a:hover {
	background-position:0px -40px;
}
#pagebody #banners #siteikouji a span {
	visibility:hidden;
}

/*申請書ダウンロードバナー*/
#pagebody #banners #download a {
	display:block;
	height:40px;
	width:134px;
	background-image:url(indeximage/bana_download.png);
	_background-image:url(indeximage/bana_download_for_ie6.gif);/*透過PNGを正しく表示できないIE6だけは透過GIFを表示*/
	background-position:top left;
	background-repeat:no-repeat;
	margin-bottom:2px;
	text-decoration:none;
}
#pagebody #banners #download a:hover {
	background-position:0px -40px;
}
#pagebody #banners #download a span {
	visibility:hidden;
}

/*旧：マウスオーバー効果バナー*/
/*#pagebody #banners #siteikouji a
 {
	display:block;
	height:19px;
	width:134px;
	background-image:url(indeximage/bana_siteikouji2.png);
	_background-image:url(indeximage/bana_siteikouji2_for_ie6.gif);
	background-position:top left;
	background-repeat:no-repeat;
	margin-bottom:2px;
	text-decoration:none;
}
#pagebody #banners #siteikouji a:hover {
	background-position:0px -19px;
}
#pagebody #banners #siteikouji a span {
	visibility:hidden;
}
#pagebody #banners #download a {
	display:block;
	height:19px;
	width:134px;
	background-image:url(indeximage/bana_download.png);
	_background-image:url(indeximage/bana_download_for_ie6.gif);
	background-position:top left;
	background-repeat:no-repeat;
	margin-bottom:2px;
	text-decoration:none;
}
#pagebody #banners #download a:hover {
	background-position:0px -19px;
}
#pagebody #banners #download a span {
	visibility:hidden;
}
*/
/******フッタ部******/

#pagefoot #footgreen {
	background-image:url(template_image/footbac.gif);
	background-position:top left;
	background-repeat:repeat;
}
#pagefoot #footgreen img {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
#pagefoot #footbottom {
	padding:5px;
	text-align:center;
	position:relative;/*#footcoutの配置用*/
}
#pagefoot #footbottom #footmenu {
	padding:5px;
	color:#999999;
}
#pagefoot #footbottom #footmenu a {
/*	color:#990000;*/
}
#pagefoot #footbottom #footmenu a:hover {
/*	color:#FF0000;*/
	color:#000000;
	background-color:#CCCCCC;
	
}
#pagefoot #footbottom #footcount {
	position:absolute;
	right:10px;
	top:5px;
}
#reloadhome {/*右の「別府市上下水道局」画像からindex.htmlをリロードするリンク*/
	display:block;
	position:absolute;
	right:20px;
	top:20px;
	width:100px;
	height:400px;
}

/*スイッキー関連追加*/
#pageall #pagebody #hide_when_search #mainmenu #menu2 { margin-left: 160px; }

#pageall #pagebody #hide_when_search #mainmenu #menu3 { margin-left: 200px; }

#pageall #pagebody #hide_when_search #mainmenu #menu4 { margin-left: 160px; }

#pageall #pagebody #hide_when_search #mainmenu #suikkey {
 float: left;
 height: 230px;
 width: 160px;
}

#pageall #pagebody #hide_when_search #mainmenu #suikkey a {
 display: block;
 height: 230px;
 width: 160px;
}

#pageall #pagebody #hide_when_search #mainmenu #suikkey span { display: none; }