﻿/* body */
body
{
	/* ※背景色・文字色は色別CSSで定義 */
	background:url(../images/top1/head_bg.gif) repeat-x;

}
a
{
    /*color:#1F4CA5;*/
}
/* TOP画面外枠＋バナー広告エリア */
#struct
{
	/* ※背景色・文字色は色別CSSで定義 */
    width:980px;
    margin-left:auto;
    margin-right:auto;
}
/* TOP画面外枠 */
#container2 
{
	/* ※背景色・文字色は色別CSSで定義 */
    width:100%;
    float:left;
    margin-top:0px;
    border-left:solid 0px #B9B8B7;
    border-right:solid 0px #B9B8B7;
    font-size:90%;
    padding:0px;
}

/* ヘッダー画像部分 */
#header
{
    width:980px;
    height:102px;
    margin-top:0px;
    margin-bottom:0px;
    margin-left:auto;
    margin-right:auto;
    padding:0px;
    overflow:hidden;
	background:url(../images/top1/head_bg.gif) repeat-x;

    
}

#headerLeft
{
	float:left;
    width:776px;
    /*
    height:119px;
	*/
    height:105px;
    margin-left:auto;
    margin-right:auto;
        margin-top:0px;
    margin-bottom:0px;
        padding:0px;
    overflow:hidden;
}
#headerRight
{
    width:204px;
    float:right;
    /*
    height:119px;
	*/
    height:105px;
    margin-left:auto;
    margin-right:auto;
        margin-top:0px;
    margin-bottom:0px;
        padding:0px;
    overflow:hidden;
}

#mainSearch {
	/* ※背景色は色別CSSで定義 */
    float: right;
    height: 27px;
    margin: 0;
    padding-top: 11px;
    position: relative;
    width: 196px;
}



/* メイン全体 */
#mainBlock
{
    width:970px;
    margin:5px 5px 5px 5px;
    padding:0px;
}

/* メイン左側 */
#mainLeft
{
    float:left;
    width:215px;
    padding:0px;
    margin:0px auto 0px 0px;
}

/* メイン右側 */
#mainRight
{
    float:right;
    width:750px;
    margin:0px 0px 0px auto;
    padding:0px;
     margin: 0px;
}

#mainSiteColor {
    float: right;
    margin: 5px 0px 0px 0px;
    padding:0px;
    position: relative;
    width: 180px;
}

#headerpattern{
    margin: 0px;
    padding: 0px;
    height: 10px;
    width: 980px;
}

#mainHeaderTop {
    height: 42px;
    margin: 0;
    padding: 13px 0 0;
}


#menu_tab{
    float: left;
    height: 42px;
    margin: 0 0 0 0px;
	}

#soshiki{
    float: left;
    height: 26px;
    padding-left:153px;
    margin-top:8px;
	}


/*フォントサイズ:start*/
#mainFontSize {
    float: left;
    height: 26px;
    margin: 7px 0 0 0px;
    position: relative;
    width: 192px;
}


#mainFontSizeSel {
    left: 110px;
    position: absolute;
    top: 3px;
    outline:none;
}

/*フォントサイズ:end*/


/* 問合せ先 */
#siteinfo
{
	/* ※背景色は色別CSSで定義 */
    padding:0px 0px 5px 0px;
    font-size:0.8em;
    line-height:150%;
}
#area
{
    width:1000px;
    margin:0px auto 0px auto;

}
#ill
{
	float:left;
	margin:14px 0px 0px 60px;
}
#siteinfo p
{
	float:left;
	margin:5px auto 0px 15px;
	width:760px;
}
#toiawase
{
	float:left;
	margin:0px 10px 0px 15px;
	padding-top:0px;
}

/* copyright */
#cp
{
	/* ※背景色・文字色は色別CSSで定義 */
    width:100%;
    height:36px;
    text-align:center;
    font-size:0.7em;
    padding: 10px 0px 0px 0px;
    font-family:'平成角ゴシック',Osaka,sans-serif;
}

/*** 左エリアコンテンツ ***/
/* いざという時に */
#iza
{
	/* ※背景色は色別CSSで定義 */
	padding:0;
    margin-top:5px;
    width:205px;
    border:1px solid #d25858;
}
#iza li
{
    background:url("../images/top1/b_red.gif") no-repeat 10px 10px;
    padding:7px 0px 5px 25px;
}

div.menu
{
    width:200px;
    padding:5px 0px 5px 7px;
    margin:10px 0px 0px 0px;
}

#menu01
{
	padding:0;
    margin-left:0px;
    width:191px;
    border:1px solid #d6ed95;
}

#menu02
{
	padding-left:0;
    margin-left:0px;
    width:191px;
    /*height:202px;*/
    border:1px solid #cccccc;
    background-color:#ffffff;
}



.menulist li
{
    background:url("../images/top1/ya_green.gif") no-repeat 10px 10px;
    padding:7px 0px 5px 25px;
}

.menubg01
{
	width:191px;
	background:url("../images/top1/ukiha_map.gif") no-repeat;
	padding:0px;
    margin:0px;

}


.menubg
{
	width:191px;
    border:1px solid #cccccc;
}

/* メニュー部分 */
div.menuBtn
{
    margin:7px auto 0px auto;
}
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
{
	margin-top:5px;
    width:736px;
    height:32px;
    background-color:#E9E9E9;
    padding:5px 5px 5px 5px;
    margin-bottom:5px;
}

#kinkyu
{
    width:100%;
    float:left;
    margin:0px;
    padding:0px;
    background-color:#ca0c1c;
}
#kinkyuTtl
{
    width:101px;
    float:left;
    margin:0px 0px 0px 0px;
    padding:0px 5px;
    text-align:center;
}
#kinkyuTxt
{
	/* ※背景色・文字色は色別CSSで定義 */
    float:left;
    width:614px;
    padding:7px 5px;
    margin:1px 0px 1px 0px;
    font-size:0.8em;
}
/* サイト内検索 */
#search
{
    float:right;
    margin:5px auto 0px auto;
}
.searchBox
{
    width:135px;
}
.btnSearch
{
    font-size:0.8em;
}


/* 特集コンテンツ */
.flash
{
	width: 585px; 
	height: 250px;
	background-color: #E9E9E9; 
	margin-bottom: 8px;
}

/* トップページ切替タブ */
#menuTab
{
    width:600px;
    margin:7px 0px 0px 0px;
}
#menuTab img
{
    float:left;
    margin-right:10px;
}

/* 更新情報・行事予定エリア */
.mainRightL
{
    float: left;
    width:528px;
    margin:0px;
    padding:0px;
}

/* 広報誌・ゴミ・リサイクル情報エリア */
.mainRightR
{
    float:right;
    width:205px;
    margin-top:7px;
}
.mainRightRmenu
{
	/* ※背景画像は色別CSSで定義 */
    margin:7px auto 0px auto;
}
.mainRightRmenu img
{
    margin: 0px;
    border: 0px;
    padding: 0px ;
    vertical-align: bottom ;
}
div.mainRightRmenu li
{
    background:url("../images/top1/b_green.gif") no-repeat 10px 10px;
    padding:5px 0px 2px 20px;
}

/* 更新情報 */
.info
{
    position:relative ;
    width:520px;
    margin-bottom:7px;
}
#rss
{
    position:absolute;
    top:9px;
    left:100px;
}
.listLink
{
    position:absolute;
    top:9px;
    font-size:80%;
    right:1px;
}
.listInfo
{
    width:500px;
    padding:5px 3px 0px 5px;
    font-size:0.9em;
}
.listInfo ul li
{
    background:url("../images/top/b_gray.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;
}


/* 広報誌 */

#kouhouwaku
{
    border:1px solid #cccccc;
    width:205px;
    padding:5px 0px 5px 0px;
    margin:10px 0px 0px 0px;
}

#kouhou
{
    width:200px;
    margin:0px ;
    
}

#kouhoutitle
{
    width:205px;
    margin:0px ;
}



#kouhouImg
{
	float:left;
	width:85px;
	background-color:#ffffff;
    text-align:center;
    margin:0px auto 0px 5px;
}

#kouhoutl
{
	float:right;
    width:100px;
    font-size:0.8em;
    margin:2px;
    text-align:left;
    padding:0px;
}

#kouhouLink
{
    float:right;
    width:98px;
    background:url("../images/top/b_gray.gif") no-repeat 52px 4px;
    margin-top:0px;
    text-align:right;
    font-size:0.8em;
}



/* まちの話題 */
#wadaiTop
{
    width:205px;
    margin:5px auto 0px auto;
}

#wadaititle
{
    width:205px;
    height:33px;       
    background:url("../images/top1/ttl_matiwadai.gif") no-repeat;
    margin:0px ;
}


#wadaiImg
{
	width:180px;
	background-color:#ffffff;
    text-align:center;
    padding:5px;
    margin:5px auto 5px auto;
}

#wadaitl
{
    width:185px;
    font-size:0.8em;
    margin:2px;
    text-align:left;
    padding-left:10px;
}

.wadaiLink
{
    float:right;
    width:100px;
    background:url("../images/top/b_gray.gif") no-repeat 52px 4px;
    margin-top:10px;
    text-align:right;
    font-size:0.8em;
}

/* ゴミ・リサイクル情報*/
.gomi
{
    background:url("../images/top1/img_gomi.gif") no-repeat 125px 50px;
}

/* 暮らしのガイド */
#kurashi
{
    width:528px;
    border:1px solid #ffcc99;
    margin:7px auto 0px auto;
    padding-bottom:5px;
    background-color:#fffbf0;
}
#kurashiTtl
{
    width:528px;
    border-bottom:0px solid #E5E5E5;
}
/* ライフイベント */
.lifeEvent
{
    width:520px;
    margin:5px auto 5px auto;
}
.lifeEvent img
{
    margin: 0px 1px 0px -1px;
    border: 0px;
    padding-top: 3px ;
    vertical-align: bottom ;
}
.lifeItem
{
    float:left;
    width:80px;
    height:89px;
    padding:3px;
    margin:0px 0px 2px 0px;
}
.lifeItem a
{
	padding-top:0px;
	padding-left:0px;
	background-repeat:no-repeat;
	display:block;
	height:89px;
}
/* 分野 */
#kurashiBunya
{
	/* ※背景色・文字色は色別CSSで定義 */
    padding:5px 2px 5px 2px;
    line-height:150%;
}
#kurashiBunya a
{
    margin:0px 3px 0px 3px;
}

/* フッターメニュー(サイトマップ等) */
#menuBottom00
{
    font-size:0.8em;
    margin:15px 10px 10px 18px;
}
#menuBottom li00
{
    display:inline;
    padding:0px 20px 1px 10px;
    background:url("../images/top/b_gray.gif") no-repeat 0px 4px;
}



/* 行政関連情報 */
#gyousei
{
    width:500px;
    margin:3px auto 0px auto;
    color:#777777;
}

#gyousei li
{
    display:inline;
    background:url("../images/top1/ya_green.gif") no-repeat 10px 10px;
    padding:7px 0px 5px 25px;
}


#gyousei a
{
    margin:0px 4px 0px 4px;
    line-height:180%;
}
#gyousei div
{
	margin-bottom: 5px;
}

#service
{
	width:528px;
	height:58px;
	border:1px solid #d6ed95;
    background:url("../images/top1/sev_bg.gif") no-repeat;
}

#servtitle
{
	width:126px;
}

#servmenu
{
	float:right;
	width:380px;
	margin-top:10px;
	padding:0px;
	margin-top:7px;

}
#servmenu2
{
	float:right;
	width:380px;
	margin-top:10px;
	padding:0px;
}


#servmenu li
{
    display:inline;
    background:url("../images/top1/ya_green.gif") no-repeat 10px 10px;
    padding:7px 0px 5px 25px;
}



/* マップ・携帯サイト */
#tagawaMap
{
    width:200px;
    float:left;
    margin-top:15px;
}
#keitai
{
    float:right;
    margin-top:15px;
}
.Box194
{
    width:194px;
    margin:7px auto 0px auto;
    background:url("../images/top1/keitai_bg.gif") repeat-y;
}
.Box194 img
{
    margin: 0px;
    border: 0px;
    padding: 0px ;
    vertical-align: bottom ;
}
.Box194 li
{
    background:url("../images/top1/b_green.gif") no-repeat 15px 10px;
    padding:5px 0px 2px 25px;
}
#QR
{
    width:180px;
    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;
}

/* ひとのうごき */
#ugokiwaku
{
    border:1px solid #cccccc;
    width:205px;
    padding:5px 0px 5px 0px;
    margin:10px 0px 0px 0px;
}


#ugoki
{
    width:200px;
    margin:0px auto 0px 0px;
    font-size:0.9em;
}
#ugkTxt
{
    padding:7px 0px 7px 7px;
    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 ;
}

/* ランキング */
#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;
}

/* フッターメニュー(サイトマップ等) */
#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;
}

#menu03
{
    font-size:0.8em;
    margin:15px 10px 10px 10px;
}
#menu03 li
{
    display:inline;
    padding:0px 20px 1px 10px;
    background:url("../images/top/b_gray.gif") no-repeat 1px 4px;
}
#keitai
{
    font-size:0.8em;
    margin:10px 0px 5px 0px;
	width:197px;
}


/*外部サイト*/
#mainLeftBottom
{
	/* ※背景色は色別CSSで定義 */
	width:528px;
	padding:5px 0px 0px 7px;
	margin:10px 0px 0px 0px;
}


/* 広告スペース */
#adinfo
{
    width:970px;
    float:left;
    margin:20px 2px 0px 5px;
    border:solid 1px #BFBFBF;
    text-align:left;
    position:relative;
    /*padding-bottom:5px;*/
}
#adinfoBox
{
    /*width:970px;
    border:solid 1px #BFBFBF;
    background-color:#FFFFFF;
    margin:0px,5px,0px,0px;
    text-align:left;*/
    margin:0 0 0 10px;
    padding:5px 0 5px 0;
}
#adinfoBox img
{
    margin:5px 7px 0px 5px;
    float:left;
}
#adinfoLink
{
    margin:5px 5px 10px auto;
    text-align:right;
    font-size:0.8em;
    /*position:absolute;
    top:7px;
    right:10px;
    margin:0;
    font-size:0.8em;*/
}

/*totoバナーエリア*/
#totoArea
{
    margin:10px auto;
    font-size:1em;
    border:1px solid #cccccc;
    width:533px;
}

.img
{
    float:left;
    margin:5px 5px 3px 5px;
}

.gaiyo
{
    float:right;
    width:289px;
    margin:15px 0px;
    padding:3px 8px 0 0;
}
