﻿/* body */
/*body
{
    background-color:#F0EDE9;
    color:#333333;
}*/
a
{
    color:#1F4CA5;
}
/* TOP画面外枠＋バナー広告エリア */
#struct
{
    width:1001px;
    margin-left:auto;
    margin-right:auto;
    background-color:#FFFFFF;
}
/* TOP画面外枠 */
#container 
{
    width:999px;
    float:left;
    margin-top:0px;
    border-left:solid 1px #B9B8B7;
    border-right:solid 1px #B9B8B7;
    /*background-color:#FFFFFF;*/
    background-color:#FFFFF8;
    font-size:90%;
    padding:0px;
}

/* ヘッダー画像部分 */
#header
{
    width:999px;
    height:66px;
    margin:0px;
	border-bottom:2px solid #3783D0;
}
#mainHeaderLeft
{
	float:left;
    width:573px;
    height:67px;
    margin:0px;
}
#mainHeaderRight
{
	position:relative;
	float:right;

	width:426px;
	height:66px;
	margin:0px;
	padding:0px;
}
/* ヘッダー右上 */
#mainHeaderTop
{
	float:left;

	width:426px;
	height:38px;
	margin:0px;
	padding:0px;
}
/* 文字の大きさ */
#mainFontSize
{
    float:left;
    position:relative;
	width:230px;
	height:38px;
	margin:0px;
}
#mainFontSizeSel
{
	position:absolute;
	left:123px;
	top:11px;
}

/* サイト内検索 */
#mainSearch
{
	position:relative;
	float:right;
	width:196px;
	height:27px;
    margin:0px;
    padding-top:11px;
    background-color:#F7F7F7;
}
.searchBox
{
    width:140px;
}
.btnSearch
{
    font-size:0.8em;
}
/* ヘッダー右下 */
.mainHeaderBottom
{	
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	height:28px;
	background-color:#F7F7F7;
}
.mainHeaderBottom a
{
	text-decoration: none;
}

/* メイン全体：上 */
#mainBlockTop
{
    width:994px;
    margin:7px 0px 7px 5px;
    padding:0px;
}

/* メイン全体：下 */
#mainBlockBottom
{
    width:994px;
    margin:7px 0px 7px 5px;
    padding:0px;
}

/* メイン左側 */
#mainLeft
{
    float:left;
    width:205px;

    padding:0px;
    margin:0px 8px 0px 5px;
    /*
    margin:0px 12px 0px 0px;
	*/
}

/* メイン右側 */
#mainRight
{
    float:left;
    width:770px;
    margin:0px 0px 0px 0px;
    padding:0px;
}

/* 問合せ先 */
#siteinfo
{
    padding:5px 5px 5px 20px;
    text-align:center;
    font-size:0.8em;
    line-height:150%;
    background-color:#E3E3E3;
}
#siteinfo p
{
	width:60%;
	margin:0 auto;
}
/* copyright */
#cp
{
    width:999px;
    height:20px;
    text-align:center;
    font-size:0.7em;
    color:#ffffff;
    background-color:#666666;
    padding: 7px 0px 0px 0px;
    font-family:'平成角ゴシック',Osaka,sans-serif;
}

/*** 左エリアコンテンツ ***/
/* いざという時に */
#iza
{
    background-color:#FEF2EC;
    padding:0;
    margin:0;
}
#iza li
{
    background:url("../images/top1/b_red.gif") no-repeat 10px 10px;
    padding:5px 0px 5px 20px;
}

/* メニュー部分 */
div.menuBtn
{
	/*
    margin:7px auto 0px auto;
	*/
	width:205px;
	margin:0px 0px 0px 0px;
}
div.menuBtn img
{
    margin: 0px;
    border: 0px;
    padding: 0px ;
    vertical-align: bottom ;
}
div.menuArea
{
    margin:7px auto 0px auto;
    background:url("../images/top1/waku_bg155.gif") repeat-y;
}
div.menuArea li
{
    background:url("../images/top1/b_green.gif") no-repeat 10px 10px;
    padding:5px 0px 5px 20px;
}
div.menuArea img
{
    margin: 0px;
    border: 0px;
    padding: 0px ;
    vertical-align: bottom ;
}


/*** 右エリアコンテンツ ***/
/* 緊急情報 */
#kinkyuBlock
{
    /*background-color:#E9E9E9;*/
    width:992px;
    height:79px;
    padding:5px 0px 8px 0px;
    margin-bottom:0px;
}

#kinkyu
{
    position:relative;
    right:0px;
	
	width:975px;
    float:left;
    margin:0px 0px 5px 5px;
    padding:0px;
    background-color:#AD001C;
}
#kinkyuTtl
{
    width:106px;
    float:left;
    margin:2px 0px 2px 0px;
    /*padding:0px 5px;*/
    /*
    text-align:center;
*/
}
#kinkyuTxt
{
    float:left;
    width:855px;
    background-color:#FFFFFF;
    padding:7px 5px 7px 5px;
    margin:3px 0px 3px 0px;
    color:#666666;
    font-size:0.8em;
}

/* トップページ切替タブ */
#menuTab
{
    width:600px;
    margin:7px 0px 0px 0px;
}
#menuTab img
{
    float:left;
    margin-right:10px;
}

/* 更新情報・行事予定エリア */
.mainRightL
{
    float: left;
    width:541px;
    margin:0px 8px 0px 0px;
    /*
    margin-top:7px;
	*/
}

/* 広報・ゴミ・リサイクル情報エリア */
.mainRightR
{
    float:right;
    width:220px;
}
.mainRightRmenu
{
	/*
	width:205px;
	*/
	margin:0px 0px 10px 0px;
	/*
    margin:7px auto 0px auto;
	*/
    /*background:url("../images/top1/waku_bg186.gif") repeat-y;*/
}
.mainRightRmenu img
{
    margin: 0px;
    border: 0px;
    padding: 0px ;
    vertical-align: bottom ;
}
div.mainRightRmenu li
{
    background:url("../images/top1/b_blue.gif") no-repeat 10px 10px;
    padding:5px 0px 2px 20px;
}

.mainLeftMenu
{
	/*
	width:205px;
	*/
	margin:0px 0px 6px 0px;
	/*
    margin:7px auto 0px auto;
	*/
    /*background:url("../images/top1/waku_bg186.gif") repeat-y;*/
}
.mainLeftMenu img
{
    margin: 0px;
    border: 0px;
    padding: 0px ;
    vertical-align: bottom ;
}
div.mainLeftMenu li
{
    background:url("../images/top1/b_blue.gif") no-repeat 10px 10px;
    padding:5px 0px 2px 20px;
}

/* 特集コンテンツ */
.flash
{
	width: 540px; 
	height: 250px;
	background-color: #E9E9E9; 
	margin-bottom: 8px;
}

/* 更新情報 */
.info
{
	/*
    position:relative ;
	*/
	width:541px;
    margin-bottom:15px;
}
/* 新着情報 */
#infoTtl
{
	position:relative;
	width:541px;
	height:28px;
}
#rss
{
    position:absolute;
    top:5px;
    left:90px;
}
#infoLink
{
    position:absolute;
    top:5px;
    right:5px;
}
.listInfo
{
    width:533px;
    padding:5px 3px 0px 5px;
    font-size:0.9em;
}
.listInfo ul li
{
    background:url("../images/top1/b_blue.gif") no-repeat 5px 5px;
    padding:0px 5px 5px 14px;
    line-height:130%;
}
.listInfo div.startday
{
    width:55px;
    float:left;
}
.listInfo div.title
{
    width:325px;
    float:left;
}
.listInfo span.updDate
{
    font-size:0.8em;
}
.listInfo span.Holiday
{
    color:#FF0000;
}
.listInfo span.Saturday
{
    color:#0000FF;
}
p.nodata
{
    text-align:left;
    margin-left:15px;
}

/*行事カレンダー*/
.infoTtlL2
{
	width:402px;
	background:url("../images/top1/gyouji.jpg") no-repeat 0px 0px;

}
.calLink
{
    position:absolute;
    top:5px;
    right:5px;
}

.listLink2
{
	padding:10px 10px 5px 5px;
	font-size:90%;
	text-align:right;
}

.listInfo2
{
	clear:both;
}
.listInfo2 table
{
	width:100%;
}
.listInfo2 td
{
	border-bottom:solid 1px #cedcf1;
	font-size:80%;
	text-align:left;
	vertical-align:top;
}
.listInfo2 td.calYobi
{
	width:55px;
	border-left:solid 0px #ECF4DE;
	padding:6px 3px 1px 10px;
}
.listInfo2 td.calEvnt
{
	width:300px;
	border-right:solid 0px #ECF4DE;
	padding:6px 3px 1px 3px;
}

.listInfo2 ul
{
	margin-left:0px;
	padding-left:0px;
}
.listInfo2 ul li
{
	padding:3px 0px 3px 0px;
	text-align:left;
}
.listInfo2 span.updDate
{
	font-size:0.8em;
}
.listInfo2 span.Holiday
{
	color:#FF0000;
}
.listInfo2 span.Saturday
{
	color:#0000FF;
}

/* バナー */
#ban
{
	width:205px;
    float:left;
    margin:0px 0px 5px 0px;
    padding:0px;
	border:1px solid #C4C4C4;
}
#banTtl
{
    width:22px;
    height:64px;
	float:right;
    float:left;
	
    margin:0px 0px 0px 0px;
    /*
    padding:0px 5px;
    text-align:center;
	*/
}
.banLink
{
    width:182px;
    height:62px;
    background-color:#FFFFFF;
    margin:0px;
    
	float:right;
}
.banLink img
{
	text-align:center;
	border:none;
	margin:6px 25px 6px 26px;
	width:130px;
	height:50px;
}
/* 市役所ガイド */
.guide
{
	width:117px;
    float:left;
    margin:0px 0px 5px 0px;
    padding:0px;
}
.guide li
{
    width:112px;
    float:left;
    background:url("../images/top1/b_blue.gif") no-repeat 5px 7px;
    margin:0px 0px 0px 0px;
    padding:4px 0px 2px 15px;
}
#guideImg
{
    width:88px;
    float:left;
    margin:0px 0px 0px 0px;
}

/* 観光情報 */
.kankou
{
	width:200px;

	margin:10px 0px 10px 0px;
	/*
    margin:7px auto 0px auto;
	*/
    /*background:url("../images/top1/waku_bg186.gif") repeat-y;*/
}
.kankou img
{
    margin: 0px;
    border: 0px;
    padding: 0px ;
    vertical-align: bottom ;
}
/*
div.kankou ul
{
    background:url("../images/top1/kanko.jpg") no-repeat;
    padding:35px 0px 2px 0px;
}
*/
/* 1-2月 */
div.kankou ul.kankou_a
{
    background:url("../images/top1/kanko_1-2.jpg") no-repeat;
    padding:35px 0px 2px 0px;
}
/* 3-4月 */
div.kankou ul.kankou_b
{
    background:url("../images/top1/kanko_3-4.jpg") no-repeat;
    padding:35px 0px 2px 0px;
}
/* 5-6月 */
div.kankou ul.kankou_c
{
    background:url("../images/top1/kanko_5-6.jpg") no-repeat;
    padding:35px 0px 2px 0px;
}
/* 7-8月 */
div.kankou ul.kankou_d
{
    background:url("../images/top1/kanko_7-8.jpg") no-repeat;
    padding:35px 0px 2px 0px;
}
/* 9-10月 */
div.kankou ul.kankou_e
{
    background:url("../images/top1/kanko_9-10.jpg") no-repeat;
    padding:35px 0px 2px 0px;
}
/* 11-12月 */
div.kankou ul.kankou_f
{
    background:url("../images/top1/kanko_11-12.jpg") no-repeat;
    padding:35px 0px 2px 0px;
}

div.kankou li
{
    background:url("../images/top1/b_blue.gif") no-repeat 10px 10px;
    padding:5px 0px 2px 20px;
}

/* 市長室 */
.shichou
{
	width:205px;
	margin:0px auto 5px auto;

}
/*
.shichou img
{
	width:205px;
	margin:0px auto 5px auto;
}
*/

/* 広報誌 */
#kouhou
{
	width:205px;
    margin:0px auto 0px auto;
}
.kouhouLeft
{
	float:left;
	margin:0px;
}
.kouhouLeft img
{
	width:55px;
	height:77px;
}
#kouhouRight
{
	float:right;
	width:143px;
	margin:0px 0px 0px 0px;
}
#khTtlLogo
{
    float:left;
    width:143px;
    font-size:0.9em;
    margin:0px 0px 5px 0px;
}
#khTtl
{
    float:left;
    width:143px;
    font-size:0.9em;
    margin:5px 0px 5px 0px;
}
#khLink
{
    float:right;
    width:143px;
    margin:5px 0px 5px 0px;
    font-size:0.8em;
}

/* 市議会 */
.shigikai
{
	float:left;
	width:205px;
	margin:4px auto 4px auto;
}
.shigiImg
{
    float:left;
    width:65px;
    margin-right:7px;
}
.shigiLink
{
    width:133px;
    float:left;
    margin:5px 0px 5px 0px;
    font-size:0.8em;
}

/* 左メニュー（ボタン下配置） */
.BtnMenuLeft
{
	/*
	width:205px;
	*/
	margin:4px 0px 6px 0px;
	/*
    margin:7px auto 0px auto;
	*/
    /*background:url("../images/top1/waku_bg186.gif") repeat-y;*/
}
.BtnMenuLeft img
{
    margin: 0px;
    border: 0px;
    padding: 0px ;
    vertical-align: bottom ;
}
div.BtnMenuLeft li
{
    background:url("../images/top1/b_blue.gif") no-repeat 10px 10px;
    padding:5px 0px 2px 20px;
}
/* ゴミ・リサイクル情報*/
.gomi
{
    background:url("../images/top1/img_gomi.gif") no-repeat 125px 50px;
}

/* 暮らしのガイド */
.kurashi
{
	background:url("../images/top1/lifeEventLogo.gif") no-repeat;
    width:972px;
    height:79px;
    border:1px solid #FADBEB;
    margin:0px 0px 10px 5px;
}
#kurashiTtl
{
	/*
    width:600px;
    border-bottom:1px solid #E5E5E5;
	*/
	float:left;
	width:114px;
    height:75px;
    margin:2px 3px 2px 3px;
}
.kurashiMenu
{
	float:left;
	width:842px;
    height:75px;
/*
    position:relative;
    top:-80px;
    right:-120px;*/
    margin:2px 3px 2px 3px;
    line-height:180%;
    color:#777777;
}

.krsItem
{
	float:left;
	background:url("../images/top1/ya_re.gif") no-repeat 5px 6px;
    /*padding:5px 0px 2px 20px;*/
	text-align:left;
	padding:1px 0px 0px 20px;
	
}
.krs1
{width:100px;}
.krs2
{width:185px;}
.krs3
{width:127px;}
.krs4
{width:200px;}
.krs5
{width:110px;}
.krs6
{width:100px;}
.krs7
{width:185px;}
.krs8
{width:347px;}
.krs9
{width:113px;}
.krs10
{width:100px;}
.krs11
{width:185px;}
.krs12
{width:127px;}
.krs13
{width:210px;}
/* ライフイベント */
.lifeEvent
{
    width:541px;
    margin:5px 0px 5px 0px;
}
.lifeEvent img
{
    margin: 0px 1px 4px 0px;
    /*
    vertical-align: bottom ;
	*/
}
.lifeItem
{
    float:left;
    width:128px;
    height:50px;
    /*
    height:47px;
	*/
    margin:0px 3px 3px 3px;
}
.lifeItem a
{
	padding-top:15px;
	padding-left:33px;
	background-repeat:no-repeat;
	background-position:left 5px;
	display:block;
	height:47px;
}
/* 分野 */
#kurashiBunya
{
    /*padding:5px 10px 5px 10px;*/
    border-top:solid 1px #FF3333;
    border-left:solid 1px #FF3333;
    border-right:solid 1px #FF3333;
    border-bottom:solid 1px #FF3333;
    /*background-color:#FAF5ED;*/
    width:970px;
    height:79px;
    line-height:180%;
    color:#FF3333;
}
#kurashiBunya a
{
	/*
	background:url("../images/top1/ya_re.gif") no-repeat 0px 4px;
	margin:0px 6px 0px 6px;
	*/
}

/* 行政関連情報 */
#gyousei
{
	width:195px;
    margin:2px auto 0px auto;
    color:#777777;
}
#gyousei a
{
    margin:0px 4px 0px 4px;
    line-height:180%;
}

#keitai
{
    margin:4px 0px 4px 0px;
    height:57px;
}
#keitaiImg
{
    float:left;
    width:65px;
    height:57px;
}
#keitaiLink
{
	float:right;
    width:140px;
    height:57px;
    /*
    float:left;
	*/
}
#QR
{
    width:155px;
    margin:0px auto 0px auto;
}
#QR img
{
    float:left;
    margin-right:5px;
}
#QRTxt
{
    width:115px;
    float:right;
    font-size:0.8em;
}
#QRTxt2
{
    width:115px;
    float:right;
    font-size:0.8em;
    margin-top:5px;
}

/* ひとのうごき */
#jinkouTtl
{
	margin:6px 0px 0px 0px;
	width:220px;
	height:23px;
}
#jinkou
{
    position:relative;
    top:-24px;
    right:-112px;
}
#ugoki
{
    width:220px;
    margin:0px 0px 0px 0px;
    font-size:0.9em;
}
#ugkTxt
{
    padding:7px 0px 7px 0px;
    line-height:130%;
}
#ugkLink
{
    float:right;
    padding:0px 2px 0px 10px;
    background:url("../images/top/b_gray.gif") no-repeat 0px 4px;
}
#ugoki p
{
    margin-left:5px;
}
.Box187
{
    margin:7px auto 0px auto;
    background:url("../images/top1/waku_bg187.gif") repeat-y;
}
.Box187 img
{
    margin: 0px;
    border: 0px;
    padding: 0px ;
    vertical-align: bottom ;
}

/* 独立サイト */
.dokuritsu
{
	margin:0px 0px 0px 0px;
	width:205px;
	height:35px;
}
/* 独立サイト(外部リンク) */
.dokuritsuGaibu
{
	margin:6px 0px 0px 0px;
	width:220px;
	height:41px;
}

#dokuritsuImg
{
	float:left;
	margin:4px 3px 4px 0px;
	width:63px;
	height:35px;
}
#dokuritsuLink
{
	float:left;
	margin:4px 0px 4px 0px;
	width:135px;
	height:35px;
	font-size:0.8em;
}

/* ランキング */
#rank
{
    width:180px;
    margin:7px auto 0px auto;
    font-size:0.9em;
}
#rankLink
{
    float:right;
    margin:0px;
    padding:0px 2px 0px 10px;
    font-size:0.9em;
    background:url("../images/top/b_gray.gif") no-repeat 0px 4px;
}
#rank li
{
    padding-left:30px;
    padding-top:2px;
    margin-bottom:5px;
    line-height:140%;
}
.rank1
{
    background:url("../images/top1/rank1.gif") no-repeat 0px 0px;
}
.rank2
{
    background:url("../images/top1/rank2.gif") no-repeat 0px 0px;
}
.rank3
{
    background:url("../images/top1/rank3.gif") no-repeat 0px 0px;
}

/* フラッシュプレイヤーダウンロード */
#flashply
{
	width:170px;
	clear:both;
	text-align:center;
	margin:7px 0px 0px 0px;
	padding:0px 0px 0px 10px;
	font-size:70%;
	line-height:130%;
	color:#333333;
}

/* 文字サイズ切替えメニュー */
#fontSize
{
	margin-left:83%;
}
#fontSize li
{
    display:inline;
    padding:0px 10px 1px 10px;
    background:url("../images/top/b_gray.gif") no-repeat 0px 4px;
}

/* ヘッダーメニュー(サイトマップ等) */
#menuTop
{
    font-size:0.8em;
    margin:15px 10px 10px 18px;
}
#menuTop li
{
    display:inline;
    padding:0px 20px 1px 10px;
    background:url("../images/top/b_gray.gif") no-repeat 0px 4px;
}

/* フッターメニュー(サイトマップ等) */
#menuBottom
{
    font-size:0.8em;
    margin:15px 10px 10px 18px;
}
#menuBottom li
{
    display:inline;
    padding:0px 20px 1px 10px;
    background:url("../images/top/b_gray.gif") no-repeat 0px 4px;
}


/* 広告スペース */
#adinfo
{
    width:973px;
    /*float:right;*/
    margin:0px auto 0px auto;
    clear:both;
}
#adinfoBox
{
    width:145px;
    border:solid 1px #BFBFBF;
    background-color:#FFFFFF;
    margin:0px;
    text-align:center;
}
#adinfoBox img
{
    margin:5px auto 0px auto;
}
#adinfoLink
{
    margin:5px 5px 10px auto;
    text-align:right;
    font-size:0.8em;
}
/* 広告スペース（下） */
#banSide
{
	width:973px;
	/*background-color: #ADB0B9;*/
	border:solid 2px;border-color:#A7AAB4 #A7AAB4 #A7AAB4 #A7AAB4;

	margin:10px 0px 5px 8px;

	/*
	margin-top: 10px;
	margin-bottom: 5px;
	padding: 3px;
	*/
}
#banSideTtl
{
    width:973px;
    height:21px;
    /*
    margin:0px 9px 0px 13px;
    padding:0px 5px;
	*/
}
.banSideLink
{
	position:relative;
	top:-22px;
	right:-72px;
	/*border:solid 1px;border-color:#ADB0B9 #FFFFFF #FFFFFF #FFFFFF;*/
	
    width:250px;
    height:15px;
    background-color:#FFFFFF;
    text-align:center;
    margin:1px 0px 0px 0px;
    /*
    padding:7px 5px 10px;
    margin:3px 0px 3px 0px;
	*/
    color:#666666;
}
.banSideLink li
{
    float:left;
    background:url("../images/top1/b_blue.gif") no-repeat 5px 7px;
    margin:0px 0px 0px 0px;
    padding:4px 0px 2px 15px;
}

.banSideImg
{
	text-align:center;
	border:none;
	margin:3px 0px 3px 25px;
	width:130px;
	height:50px;
}

.banSideAll
{
	width:973px;
	text-align:left;
}