﻿/* body */
body
{
    background:url(../images/top1/bg_body.gif);
}

/* 外枠 */
#container 
{
	width:800px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
}

/* ヘッダー画像部分 */
#header
{
	width:800px;
	height:61px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5px;
	overflow:hidden;
}

#flash
{
	width:780px;
	height:105px;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}

#menu00
{
		width:762px;
		float:left;
		margin:0px 0px 0px 20px;
}

.menuTtl01
{
		float:left;
		width:304px;
		height:40px;
}

.menuTtl02
{
    float:left;
    width:458px;
    height:40px;
    background:url("../images/top1/menu_bt02.gif") no-repeat;

}



#menu
{
		float:right;
		margin:0px 0px 0px 0px;
}
/* メニュー(サイトマップ等) */
#menuTop
{
		float:left;
		font-size:80%;
		color:#999999;
		margin:10px 0px 0px 5px;
}

/* サイト内検索 */
#search
{
		float:right;
		margin:8px 5px 5px 0px;
		background:url("../images/top1/search.gif") no-repeat 0px 3px;
}

.searchBox
{
		width:135px;
		margin-left:17px;
}

.btnSearch
{
		font-size:0.8em;
}

#mainBlock
{
		width:800px;
		margin:0px 0px 0px 0px;
		border-right:solid 0px #d4ecf5;
		border-left:solid 0px #d4ecf5;
		background-color:#ffffff;
}

/* メイン左側 */
#mainLeft
{
		float:left;
		width:558px;
		margin:5px 0px 1px 20px;
}

/* メイン右側 */
#mainRight
{
		float:left;
		width:200px;
		margin:10px 0px 1px 0px;
}

/* 緊急情報 */
#kinkyuBlock
{
		width:528px;
		height:30px;
		background-color:#f2edde;
		padding:3px 3px 3px 8px;
		margin-top:5px;
}

#kinkyuTtl
{
		float:left;
		margin-top:3px;
		padding:2px;
		background-color:#E60000;
		color:#ffffff;
		font-size:80%;
		font-weight:bold;
}

#kinkyuTtl a
{
		color:#ffffff;
		text-decoration:underline;
}

#kinkyuTtl a:hover
{
	position:relative;
	top:2px;
	left:2px;
}

#kinkyuTxt
{
		float:left;
		width:450px;
		height:17px;
		margin-top:3px;
		margin-right:7px;
		padding:4px 0px 0px 7px;
		background-color:#ffffff;
		color:#666666;
		font-size:0.8em;
		border-top:solid 1px #cccccc;
		border-right:solid 1px #cccccc;
		border-bottom:solid 1px #cccccc;
}


/* 新着情報・行事予定 */

#menu1,#menu2,#menu3
{
		width:540px;
		margin:15px 0px 0px 0px;
		border-top:solid 0px #9ad6d7;
		border-right:solid 0px #9ad6d7;
		border-bottom:solid 0px #9ad6d7;
		border-left:solid 0px #9ad6d7;
}


.infoTtlL
{
		float:left;
		width:78px;
		height:31px;
}

.infoTtlR
{
    float:left;
    width:460px;
    height:31px;
    background:url("../images/top1/new_ttl203.gif") no-repeat;

}


.infoTtlL2
{
		float:left;
		width:140px;
		height:32px;
}

.infoTtlR2
{
    float:left;
    width:400px;
    height:32px;
    background:url("../images/top1/new_ttl2n03.gif") no-repeat;

}


#menu4
{
		width:538px;
		height:135px;
		border-top:solid 4px #4dac26;
		border-right:solid 1px #4dac26;
		border-bottom:solid 1px #4dac26;
		border-left:solid 1px #4dac26;
}

.menu_div1
{
		width:538px;
		height:65px;
		margin:0px 0px 0px 0px;
		border-top:solid 0px #9ad6d7;
		border-right:solid 0px #9ad6d7;
		border-bottom:solid 1px #A4D885;
		border-left:solid 0px #9ad6d7;
}

.menu_div2
{
		width:538px;
		height:35px;
		margin:0px 0px 0px 0px;
		border-top:solid 0px #9ad6d7;
		border-right:solid 0px #9ad6d7;
		border-bottom:solid 1px #A4D885;
		border-left:solid 0px #9ad6d7;
}

.menu_div3
{
		width:538px;
		height:35px;
		margin:0px 0px 0px 0px;
		border-top:solid 0px #9ad6d7;
		border-right:solid 0px #9ad6d7;
		border-bottom:solid 0px #9ad6d7;
		border-left:solid 0px #9ad6d7;
}


#rss
{
		float:left;
		padding-top:8px;
}


.listLink
{
    /*float:right;*/
    padding:7px 10px 5px 5px;
    font-size:80%;
    text-align:right;
	width:380px;
	/*height:50px;    */
}


.listInfo
{
		clear:both;
		width:520px;
		padding:0px 5px 0px 0px;
}




.listInfo ul
{
		margin-left:7px;
		padding-top:7px;
		padding-left:7px;
}

.listInfo ul li
{
		padding:0px 0px 5px 10px;
		background:url("../images/top1/sankaku_p2.gif") no-repeat;
		font-size:90%;
		color:#333333;
}


.listInfo span.updDate
{
	font-size:0.8em;
}


.listInfo span.Holiday
{
	color:#FF0000;
}

.listInfo span.Saturday
{
	color:#0000FF;
}

/* 曜日 */
.listInfo2 td.calYobi
{
    font-size:0.8em;
	width:78px;
	border-bottom:solid 1px #dff2f2;
	padding:6px 0px 1px 10px;
}

.listInfo2 td.calEvnt
{
	width:410px;
	padding:0px 3px 1px 0px;
	border-bottom:solid 1px #dff2f2;
}


.listInfo2
{
		clear:both;
		width:530px;
		padding:5px 0px 3px 10px;
}

.listInfo2 ul
{
		margin-left:7px;
		padding-top:7px;
		padding-left:0px;
}

.listInfo2 ul li
{
		padding:0px 0px 5px 0px;
		font-size:90%;
		color:#333333;
}


.listInfo2 span.updDate
{
	font-size:0.8em;
}


.listInfo2 span.Holiday
{
	color:#FF0000;
}

.listInfo2 span.Saturday
{
	color:#0000FF;
}


.lifeinfo
{
		width:520px;
		height:40px;
		margin:15px 0px 0px 10px;
		padding:0px 0px 20px;
		background-color:#FFFFFF;
}

.lifeItem
{
    float:left;
    width:80px;
    height:30px;
    margin:0px 0px 0px 0px;
    font-size:90%;
}

.lifeItem a
{
	padding-top:10px;
	padding-left:30px;
	background-repeat:no-repeat;
	background-position:left 5px;
	display:block;
	height:30px;
}



.lifeinfo2
{
		width:520px;
		height:auto;
		margin:5px 0px 3px 15px;
		padding:0px 0px 0px 0px;
		background-color:#FFFFFF;
}



.lfItem
{
		float:left;
		font-size:90%;
		background:url("../images/top1/sankaku_p2.gif") no-repeat;
		padding:0px 0px 7px 10px;
}

.lf1{width:50px;}
.lf2{width:50px;}

.lf3{width:80px;}
.lf4{width:90px;}
.lf5{width:90px;}
.lf6{width:60px;}
.lf7{width:50px;}
.lf8{width:80px;}

.lf9{width:80px;}
.lf10{width:90px;}
.lf11{width:90px;}
.lf12{width:60px;}
.lf13{width:60px;}

.lfItem2
{
	float:left;
	font-size:90%;
	padding:0px 0px 7px 10px;
}


.lf13{width:50px;}
.lf14{width:120px;}
.lf15{width:50px;}
.lf16{width:70px;}
.lf17{width:40px;}
.lf18{width:150px;}



.kankou
{
		float:left;
		font-size:90%;
		padding:0px 0px 0px 0px;
}


.kankou1{width:50px;}
.kankou2{width:100px;}
.kankou3{width:50px;}
.kankou4{width:100px;}
.kankou5{width:50px;}
.kankou6{width:100px;}


.bt
{
		float:left;
		width:540px;
		padding:0px 0px 10px 0px;
		

}

.btItem
{
		float:left;
		padding:0px 0px 0px 0px;
}

.bt1{width:180px;}
.bt2{width:180px;}
.bt3{width:180px;}
.bt4{width:180px;}
.bt5{width:180px;}
.bt6{width:180px;}


#guide
{
		float:left;
		width:540px;
		padding:0px 0px 10px 0px;
		

}

.guide_ban
{
		width:538px;
		height:80px;
		margin:0px 0px 0px 0px;

}

/* ライブカメラ */
#live
{
		margin:0px 0px 0px 0px;
		border:1px solid #cceaeb;
		text-align:right;
		font-size:75%;
		line-height:130%;						/* 行間：130% */
		color:#333333;							/* 文字色：グレー */
}

/* まちの話題 */
#wadai
{
		margin:0px 0px 0px 0px;
		border:1px solid #9ad6d7;
		text-align:center;
		font-size:75%;
		line-height:130%;						/* 行間：130% */
		color:#333333;							/* 文字色：グレー */
}



/* ひとのうごき */
#ugoki
{
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		border:1px solid #9ad6d7;
		text-align:left;
		font-size:75%;
		line-height:130%;						/* 行間：130% */
		color:#333333;							/* 文字色：グレー */
}




/* 町の紹介 */
#syoukai
{
		margin:10px 0px 0px 0px;
		font-size:90%;
		line-height:150%;						/* 行間：130% */
		color:#333333;							/* 文字色：グレー */
		background-color:#f2f9f9;	
}

#syoukai_menu
{
		margin:0px 0px 0px 0px;
		padding-left:15px;
		background-color:#f2f9f9;	
}



#jouhou
{
		margin:10px 0px 0px 0px;
		line-height:150%;
		background-color:#f2f9f9;	
}

#jouhou_menu
{
		margin:0px 0px 0px 0px;
		padding-left:15px;
		background-color:#f2f9f9;	
}

#event
{
		margin:10px 0px 0px 0px;
		font-size:75%;
		line-height:150%;
}

#btb1,#btb2,#btb3,#btb4,#btb5
{
		width:200px;
		border-top:solid 1px #9ad6d7;
		border-right:solid 1px #9ad6d7;
		border-left:solid 1px #9ad6d7;
		padding:0px 0px 0px 0px;
}
#btb_end
{
		width:200px;
		border-top:solid 1px #9ad6d7;
		border-bottom:solid 1px #9ad6d7;
		border-right:solid 1px #9ad6d7;
		border-left:solid 1px #9ad6d7;
		padding:0px 0px 0px 0px;
}



.menuTtl
{
		font-weight:bold;
		padding:0px 0px 0px 2px;
}

.menuBan
{
		margin-bottom:10px;
}

/* copyright */
#cp
{
		width:800px;
		font-family:'平成角ゴシック',Osaka,sans-serif;
		height:15px;
		text-align:center;
		font-size:70%;
		color:#ffffff;
		padding-top:8px;
		padding-bottom:8px;
		background-color:#34afb6;
}

.linkList
{
	font-size:0.8em;
}

.linkList a
{
	background:url(../images/top1/sikaku_p.gif) no-repeat left center;
	padding-left:16px;
}

p.linkList
{
	margin-top:5px;
	margin-right:5px;
	text-align:right;
}



/* 交通アクセス等リンク */
#infoLink
{
		width:700px;
		height:25px;
		clear:both;
		font-size:75%;
		color:#999999;
		margin:12px 10px 0px 20px;
}

#infoLink li
{
		display:inline;
		padding:0px 10px 1px 18px;
		font-size:0.8em;
		background:url("../images/top1/poti_sikaku.gif") no-repeat 0px 1px;
}

/* 広告スペース */

#koukoku
{
	width:538px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border:solid 2px #dfdfdf;


}

.koukoku_title
{
		float:left;
		width:538px;
		height:22px;
		margin:0px 0px 0px 0px;
		text-align:right;
		font-size:75%;
		line-height:130%;						/* 行間：130% */
		background:url("../images/top1/koukoku.jpg") no-repeat 0px 0px;
}

#adinfo
{
		width:520px;
		padding:0px 0px 0px 5px;
		margin:5px 0px 0px 5px;
}


/* 問合せ先 */
#siteinfo
{
		clear:both;
		border-top:solid 0px #cccccc;
		height:50px;
		background:url("../images/top1/footer.gif");
}

#siteinfo p
{
	width:100%;
	color:#333333;
	text-align:center;
	font-size:0.8em;
	line-height:130%;
	padding-top:28px;
}


#menu_r
{
		margin:10px 0px 0px 0px;
		font-size:90%;
		line-height:130%;						/* 行間：130% */
		color:#333333;							/* 文字色：グレー */
		background-color:#f9e9ea;
		width:200px;

}

#menu_r .bousai_menu
{
		background-color:#f9e9ea;
		margin-left: 8px;
		text-align:left;
}

.tmpTab
{
    margin: 5px 5px 20px 30px;
}

.tmpMenuItem
{
    width:120px;
}

.tmpInfo
{
		width:520px;
		margin:5px 0px 0px 14px;
		padding:0px;
		background-color:#FFFFFF;
}
