﻿/* body */
body
{
    background:url(../Images/top0/bg_body.gif);
}

/* 外枠 */
#container 
{
    width:802px;
    margin-left:auto;
    margin-right:auto;
    margin-top:30px;
}

/* ヘッダー画像部分 */
#header
{
    width:802px;
    height:66px;
    margin-left:auto;
    margin-right:auto;
    overflow:hidden;
}

/* タブ・メニュー・検索 */
#headerTab
{
    width:800px;
    height:33px;
    border-right:solid 1px #084D85;
    border-bottom:solid 5px #019700;
    border-left:solid 1px #084D85;
    background-color:#FFFFFF;
}

/* トップページ切替タブ */
#menuTab
{
    float:left;
    margin:3px 15px 0px 0px;
}

/* メニュー(サイトマップ等) */
#menuTop
{
    float:right;
    font-size:80%;
    color:#999999;
    margin:12px 10px 0px 0px;
}

/* サイト内検索 */
#search
{
    float:left;
    margin:3px 0px 0px 0px;
    background:url("../images/top1/search.gif") no-repeat 0px 2px;
}

.searchBox
{
    width:100px;
    margin-left:20px;
}

.btnSearch
{
    font-size:0.8em;
}

/* メイン全体 */
#mainBlock
{
    width:800px;
    border-right:solid 1px #084D85;
    border-left:solid 1px #084D85;
    background-color:#ffffff;
}

/* メイン左側 */
#mainLeft
{
    float:left;
    width:590px;
    margin:5px 0px 1px 9px;
}

/* メイン右側 */
#mainRight
{
    float:left;
    width:170px;
    margin:5px 0px 1px 12px;
}

/* 緊急情報 */
#kinkyuBlock
{
    width:573px;
    background-color:#F2EDDE;
    padding:5px 8px 5px 8px;
    margin-bottom:5px;
}

#kinkyuTtl
{
    float:left;
    margin-top:3px;
    padding:4px;
    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:400px;
    margin-top:3px;
    margin-right:7px;
    padding:4px 2px 2px 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;
}

/* 避難場所リンク */
#hinan{float:left;}

/* メインメニュー */
#mainLeftL
{
    float:left;
    width:165px;
    margin:5px;
}

#mainMenu
{
    border-top:solid 5px #019700;
    border-right:solid 1px #C3DD96;
    border-bottom:solid 1px #C3DD96;
    border-left:solid 1px #C3DD96;
    background-color:#F2FAE4;
}

#mainMenu li
{
    background:url("../images/top1/ya_con.gif") no-repeat 5px 7px;
    padding:5px 0px 5px 23px;
    width:140px;
    height:19px;
    font-size:90%;
    border-bottom:dotted 1px #C3DD96;
}

/* 更新情報・行事予定 */
#mainLeftR
{
    float:right;
    width:402px;
    padding-top:5px;
    /*margin-left:8px;*/
}

.infoTtlL
{
    float:left;
    width:120px;
    height:38px;
}

.infoTtlR
{
    float:left;
    width:282px;
    height:38px;
    background:url("../images/top1/new_ttl2.gif") no-repeat;
}

#rss
{
    float:left;
    padding-top:14px;
}

.listLink
{
    float:right;
    padding:15px 10px 5px 5px;
    font-size:90%;
    text-align:right;
}

.listInfo
{
    clear:both;
    width:393px;
    padding:6px 3px 1px 3px;
    border-right:solid 1px #ECF4DE;
    border-left:solid 1px #ECF4DE;
}

.listInfo ul
{
    margin-left:7px;
    padding-left:7px;
}

.listInfo ul li
{
    padding:0px 0px 3px 10px;
    background:url("../images/top1/ya_or.gif") no-repeat;
    font-size:90%;
}

.listInfo span.updDate
{
	font-size:0.8em;
}

.listInfo span.Holiday
{
	color:#FF0000;
}

.listInfo span.Saturday
{
	color:#0000FF;
}

/* 暮らしの情報 */
#kurashi
{
    width:579px;
    margin:15px 0px 0px 5px;
    border-top:solid 3px #019700;
}

.lifeinfo
{
    width:569px;
    margin:0px 0px 15px 5px;
    padding:7px 0px 5px 10px;
    background-color:#F2FAE4;
}

.krsItem
{
    float:left;
    font-size:90%;
    background:url("../images/top1/ya_or_bg.gif") no-repeat;
    padding:2px 0px 7px 10px;
}

.krs1{width:85px;}
.krs2{width:55px;}
.krs3{width:85px;}
.krs4{width:135px;}
.krs5{width:80px;}
.krs6{width:40px;}

/* ライフイベント */
#life
{
    margin:10px 0px 0px 5px;
    border-top:solid 3px #019700;
    width:579px;
}

.lifeItem
{
    float:left;
    width:140px;
    height:33px;
    margin:0px 0px 5px 0px;
    font-size:90%;
}

.lifeItem a
{
	padding-top:15px;
	padding-left:35px;
	background-repeat:no-repeat;
	background-position:left 5px;
	display:block;
	height:35px;
}

.life1{background:url("../images/top1/life_baby.gif") no-repeat;}
.life2{background:url("../images/top1/life_kosodate.gif") no-repeat;}
.life3{background:url("../images/top1/life_nyuugaku.gif") no-repeat;}
.life4{background:url("../images/top1/life_seijin.gif") no-repeat;}
.life5{background:url("../images/top1/life_work.gif") no-repeat;}
.life6{background:url("../images/top1/life_hikkosi.gif") no-repeat;}
.life7{background:url("../images/top1/life_kekkon.gif") no-repeat;}
.life8{background:url("../images/top1/life_rougo.gif") no-repeat;}
.life9{background:url("../images/top1/life_syougai.gif") no-repeat;}
.life10{background:url("../images/top1/life_jiko.gif") no-repeat;}
.life11{background:url("../images/top1/life_sibou.gif") no-repeat;}


/* 市長室 */
#sityou
{
    margin:10px 0px 10px 0px;
}

/* イベント */
#event
{
    margin:10px 0px 10px 0px;
}

/* まちの話題 */
#wadai
{
    width:151px;
    border-right:solid 1px #B3D47C;
    border-left:solid 1px #B3D47C;
    padding:10px 0px 0px 8px;
    text-align:center;
}

#wadaiImg
{
    margin-left:auto;
    margin-right:auto;
}

#wadaiTxt
{
    font-size:0.8em;
    padding:0px 0px 0px 0px;
}

/* 広報誌 */
#kouhou
{
    width:157px;
    border-right:solid 1px #B3D47C;
    border-left:solid 1px #B3D47C;
    padding:0px 0px 0px 2px;
}

#khTxt
{
    width:102px;
}

#khImg
{
    margin-top:10px;
    text-align:center;
}

#khTtl
{
	top:40px;
    padding:0px 0px 0px 0px;
    font-size:0.8em;
    text-align:center;
}

/* ひとのうごき */
#ugoki
{
    width:157px;
    border-right:solid 1px #B3D47C;
    border-left:solid 1px #B3D47C;
    padding:0px 0px 0px 2px;
}

#ugkTxt
{
    padding:7px 0px 7px 3px;
    font-size:0.8em;
    line-height:130%;
}

#ugkLink
{
    float:right;
    padding:0px 2px 0px 10px;
    font-size:0.8em;
    /*background:url("../images/top1/ya_or.gif") no-repeat;*/
}

.menuBtm
{
	background:url(../images/top1/new_btm.gif) no-repeat center bottom;
	width:402px;
	height:6px;
    margin-bottom:10px;
}
.menuBtm2
{
	background:url(../images/top1/kouhou_btm.gif) no-repeat center bottom;
	width:161px;
	height:6px;
    margin-bottom:10px;
}

.menuTtl
{
    font-weight:bold;
    padding:0px 0px 0px 2px;
}

.menuBan
{
    margin-bottom:10px;
}

/* copyright */
#cp
{
    width:800px;
    height:20px;
    border-top:solid 1px #084D85;
    text-align:center;
    font-size:80%;
    color:#ffffff;
    margin-bottom:10px;
    padding:1px;
    background:url("../images/top1/top_bottom.gif") no-repeat;
}

.linkList
{
	font-size:0.8em;
}

.linkList a
{
	background:url(../images/top1/poti_sikaku.gif) no-repeat left center;
	padding-left:16px;
}

p.linkList
{
	margin-top:5px;
	margin-right:5px;
	text-align:right;
}


/* 交通アクセス等リンク */
#infoLink
{
    width:579px;
    clear:both;
    text-align:center;
    margin:10px 0px 10px 5px;
    padding:0px 0px 10px 0px;
    border-bottom: dotted 1px #A9A9A9;
}

#infoLink li
{
    display:inline;
    padding:0px 10px 1px 18px;
    font-size:0.8em;
    background:url("../images/top1/poti_sikaku.gif") no-repeat 0px 1px;
}

/* 問合せ先 */
#siteinfo
{
    clear:both;
    border-top:solid 1px #cccccc;
    padding:5px 5px 10px 20px;
    font-size:0.8em;
    line-height:130%;
}

#siteinfo p
{
	width:60%;
	margin:0 auto;
}

/* 広告スペース */
#adinfo
{
    width:575px;
    clear:both;
    text-align:center;
    border:solid 2px #dcdcdc;
    margin: 5px 0px 15px 5px;
}
#adinfo table
{
    width:100%;
	border: none;
    font-size:0.8em;
}
#adinfo table th
{
	width:575px;
	height:25px;
	background:url(../images/top1/koukokuspace.gif) no-repeat left center;
	text-align: right;
	vertical-align: middle;
	color: #353535;
    font-size:0.8em;
    padding:0px 15px 0px 0px;
}
#adinfo table td
{
	text-align: left;
	vertical-align : top;
}
#adinfo table td div
{
	text-align: left;
	vertical-align : top;
    padding:10px 0px 5px 25px;
}
#adinfo table td div a
{
	margin:0px 15px 0px 0px;
}

/* イベントバナー */
.evbaninfo
{
    width:575px;
    clear:both;
	text-align: left;
	vertical-align : top;
    border:solid 2px #dcdcdc;
    margin: 5px 0px 0px 5px;
}
.evbaninfo div
{
    padding:10px 0px 5px 20px;
}
.evbaninfo div a
{
	margin:0px 15px 0px 0px;
}
