﻿/* 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 #FF6467;
    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/top2/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 10px;
}

/* メイン右側 */
.mainRight
{
    float:left;
    width:170px;
    margin:5px 0px 1px 10px;
}

/* 緊急情報 */
#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;}

/* メイン画像 */
#mainImg
{
    text-align:center;
}

/* 観光メニュー */
#kankou
{
	width:760px;
    margin:10px auto 0px auto;
}

#kankou li
{
	text-align:center;
	float:left;
	width:95px;
    display:block;
}

/* メインメニュー */
#mainLeftL
{
    float:left;
    width:165px;
    margin:5px;
}

#mainMenu
{
    border-top:solid 5px #FF6467;
    border-right:solid 1px #FAC2BB;
    border-bottom:solid 1px #FAC2BB;
    border-left:solid 1px #FAC2BB;
    background-color:#FCF9F2;
}

#mainMenu li
{
    background:url("../images/top2/ya_con.gif") no-repeat 5px 7px;
    padding:5px 0px 5px 23px;
    width:140px;
    height:19px;
    font-size:90%;
    border-bottom:dotted 1px #FAC2BB;
}

/* 更新情報・行事予定 */
#mainLeftR
{
    float:right;
    width:402px;
    padding-top:5px;
}

.infoTtlL
{
    float:left;
    width:120px;
    height:38px;
}

.infoTtlR
{
    float:left;
    width:282px;
    height:38px;
    background:url("../images/top2/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 #FCD7D4;
    border-left:solid 1px #FCD7D4;
}

.listInfo ul
{
    margin-left:7px;
    padding-left:7px;
}

.listInfo ul li
{
    padding:0px 0px 3px 10px;
    background:url("../images/top2/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;
}

/* イベント */
#event
{
	padding-top:5px;
    margin:0px 0px 4px 0px;
}

/* まちの話題 */
#wadaiTtl
{
    padding-top:5px;
	height:33px;
	width:161px    
}

#wadai
{
    width:151px;
    border-right:solid 1px #F9B0A9;
    border-left:solid 1px #F9B0A9;
    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;
    text-align:left;
}

/* 広報誌 */
#kouhou
{
    width:157px;
    border-right:solid 1px #F9B0A9;
    border-left:solid 1px #F9B0A9;
    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 #F9B0A9;
    border-left:solid 1px #F9B0A9;
    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/top2/ya_or.gif") no-repeat;*/
}

.menuBtm
{
	background:url(../images/top2/new_btm.gif) no-repeat center bottom;
	width:402px;
	height:6px;
    margin-bottom:10px;
}
.menuBtm2
{
	background:url(../images/top2/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/top2/top_bottom.gif") no-repeat;
}

.linkList
{
	font-size:0.8em;
}

.linkList a
{
	background:url(../images/top2/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/top2/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/top2/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;
}

